/*
Theme Name: NGLABTEC
Theme URI: https://dillo.studio/
Author: DilloStudio
Author URI: https://dillo.studio/
Description: Tema di NGLABTEC
*/


@font-face {
    font-family: "BDOGrotesk-Regular";
    font-style: normal;
    font-stretch: normal;
	font-weight: normal;
    font-display: swap;
    src: url('fonts/BDOGrotesk-Regular.woff2') format('woff2');
}


@font-face {
    font-family: "BDOGrotesk-Medium";
    font-style: normal;
    font-stretch: normal;
	font-weight: normal;
    font-display: swap;
    src: url('fonts/BDOGrotesk-Medium.woff2') format('woff2');
}

@font-face {
    font-family: "BDOGrotesk-DemiBold";
    font-style: normal;
    font-stretch: normal;
	font-weight: normal;
    font-display: swap;
    src: url('fonts/BDOGrotesk-DemiBold.woff2') format('woff2');
}



*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6, p, span {
	font-weight: normal;
}


input:focus, textarea:focus, select:focus{
  outline: none;
}

body{
	font-family: "BDOGrotesk-Regular";
	font-weight: normal;
}


.grid{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 30px;
	padding: 0px 130px;

	gap: 2.08vw;
	padding: 0px 9.03vw;
}

.innergrid{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 30px;
	padding: 0px 110px;
	gap: 2.08vw;
	padding: 0px 7.64vw;

	background-color: var(--grigioChiaro);
	margin-left: 20px;
	margin-right: 20px;
}


:root{
	--bianco: #ffffff;
    --middleRedPurple: #130047;
	--grigioChiaro : #F7F7F7;
	--blueberry: #4D75FF;
	--grey: #6B6B6B;
}



/**********************/
/* TIPOGRPHY */
/**********************/
h1{
	font-size: 46px;
	line-height: 1.1;
}
h2{
	font-size: 37px;
	line-height: 1.1;
}
h3{
	font-size: 31px;
	line-height: 1.1;
}
.display{
	font-size: 65px;
	line-height: 1.1;
}
.copyBig{
	font-size: 22px;
	line-height: 1.2;
}
p,
.copy{
	font-size: 15px;
	line-height: 1.4;
	font-family: "BDOGrotesk-Regular";
	color: var(--grey);
}

h4{
	font-size: 23px;
	line-height: 1.1;
}

h5{
	font-size: 20px;
	line-height: 1.2;
}


.cardProdotto h3{
	font-size: 24px;
}

.breadcrumb{
	font-size: 13px;
	line-height: 1.4;
}

.copyLink{
	font-size: 15px;
	line-height: 1.4;
}

.copyMenu,
.lang-switch a{
	font-size: 13px;
	line-height: 0.9;
}

.cta, 
.cta4{
	font-family: "BDOGrotesk-Medium";
	font-size: 14px;
	line-height: 0.9;
	border-style: none;
}

.cardNewsData{
	font-size: 14px;
	font-family: "BDOGrotesk-Medium";
}

.copyFooter,
.ftrClosing p, 
.ftrClosing a{
	font-size: 13px;
}

.ftrWrapper div span, 
.ftrUpperLink{
	font-family: "BDOGrotesk-DemiBold";
	font-size: 15px;
}



.inputField,
.wpcf7-form-control.wpcf7-select{
	font-size: 15px;
}


.wpcf7-list-item-label,
.wpcf7-list-item-label a{
	font-size: 12px;
}


.discontinued p, .discontinued a{
	font-size: 12px;
}
/**********************/
/* END TIPOGRAPHY */
/**********************/


.navLogo{
	width: 151px;
	height: 17px;
}

.cta{
	padding: 15px 30px;
	padding-top: 18px;
	width: fit-content;
	background-color: var(--middleRedPurple);
	border-radius: 100px;
	color: var(--bianco);
}

.cta2{
	border: 1px solid var(--middleRedPurple);
	color: var(--middleRedPurple);
	background-color: unset;
}

.cta3{
	color: var(--bianco);
	background-color: var(--blueberry);
}

.cta:hover{
	background-color: var(--blueberry);
	color: var(--bianco);
}

.cta2:hover{
	background-color: var(--middleRedPurple);
	color: var(--bianco);
}

.cta3:hover{
	background-color: var(--middleRedPurple);
	color: var(--bianco);
}

.cta4{
	color: var(--blueberry);
	padding-bottom: 6px;
	border-bottom: 1px solid var(--blueberry);
	width: fit-content;
}

.cta4:hover{
	color: var(--middleRedPurple);
	border-bottom: 1px solid var(--middleRedPurple);
}


.logoFtr,
.navLogo{
	background: url('img/logo.svg');
	background-position: left;
	background-size: contain;
	background-repeat: no-repeat;
}

/*
.logoFtr{
	background: url('img/logo20.png');
	background-position: left;
	background-size: cover;
	background-repeat: no-repeat;
	height: 60px;
}
*/
.navigationDesk .dropdown-icon {
	background: url('img/navbarIcon.svg');
	background-position: left;
	background-size: contain;
	background-repeat: no-repeat;
}


.menu-toggle{
	background: url('img/menuMob.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.menu-close{
	background: url('img/menuMobClose.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}


/**********************/
/* FOOTER */
/**********************/
footer{
	background: url('img/sfumaturaFooter.jpg');
	background-position: bottom;
	background-size: cover;
}

.ftrClosing p, 
.ftrClosing a{
	color: var(--bianco);
}




/**********************/
/* HOMEPAGE */
/**********************/
.p1-sl1{
	width: 100%;
	height: 100vh;
	background: url('img/sfumaturaHome.jpg');
	background-position: bottom;
	background-size: cover;

	box-sizing: border-box;
	padding-bottom: 86px;
	padding-bottom: 11.467vh;

	row-gap: 0;
}

.header-sl1{
	grid-column: span 7;
	display: flex;
	align-items: flex-end;
}

.header-sl1 h1{
	transform: translateY(50%);
}

.header-sl2-box1{
	grid-column: 1/7;
	display: flex;
	align-items: flex-end;
}
.header-sl2-box1 p{
	margin-bottom: 12px;
}

.header-sl2-box2{
	grid-column: 8/13;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.p1-sl2-box-link{
	display: flex;
	flex-direction: row;
	gap: 10px;
	margin-top: 33px;
}

.header-sl2-box1 p,
.header-sl2-box2 p{
	color: black;
}





.p1-sl2{
	box-sizing: border-box;
	padding-top: 160px;
}


.p1-sl2-title{
	grid-column: span 7;
	display: flex;
	gap: 32px;
	flex-direction: column;
}

.splideHome{
	grid-column: span 12;
	margin-top: 60px;
}

.splideHome:hover{
	cursor: grab;
}

.cardTecniche{
	background-color: var(--grigioChiaro);
	box-sizing: border-box;
	padding: 40px;
	width: 373px;
	margin-right: 30px;
	border-radius: 20px;
	height: 500px;

	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.splideHome .cardTecniche:first-child{
	margin-left: 131px;
}

.splideHome .splide__list .cardTecniche:last-child {
	margin-right: 131px;
	background-color: red;
	visibility: hidden;
}

.cardTecniche img{
	width: 65px;
	height: 65px;
	border-radius: 10px;
	object-fit: cover;
	object-position: center;
}

.cardTecnicheContent{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	gap: 30px;
	height: 250px;
}

.cardTecnicheContent h3{
	margin-bottom: 24px;
}

.p1-sl3{
	margin: 160px 0px;
}

.p1-sl3 p{
	grid-column: span 12;
	text-align: center;
}
  

.p1-sl4{
	grid-column: span 12;
	background-color: var(--grigioChiaro);
	border-radius: 32px;
	height: auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 160px;
	overflow: hidden;
}
.p1-sl4 div{
	display: flex;
	flex-direction: column;
	gap: 24px;
	box-sizing: border-box;
	padding: 0 90px;
	width: 70%;
	height: auto;
}

.p1-sl4 img{
	width: 357px;
	height: 435px;
	object-fit: cover;
	object-position: center;
	border-radius: 32px;
}

.p1-sl5{
	border-radius:  32px 32px 0 0;
	padding-top: 160px;
}

.p1-sl6{
	padding-top: 160px;
}

.p1-sl7{
	padding-bottom: 60px;
}

.p1-sl5-img{
	grid-column: span 5;
	border-radius: 25px;
	width: 100%;
}

.p1-sl5-content{
	grid-column: 7/13;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
}

.p1-sl5-texts{
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-bottom: 80px;
}

.beneficio{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 22px;
	margin-bottom: 16px;
}

.beneficio p{
	color: var(--blueberry);
}

.beneficiIcon{
	width: 40px;
	height: 40px;
	background-color: rgba(77, 117, 255, 0.15);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.beneficiIcon svg{
	width: 18px;
	height: 13px;
	object-fit: contain;
	object-position: center;
}

.p1-sl5-eventsText{
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 32px;
	grid-column: span 4;
}

.yearCardAppuntamenti{
	grid-column: span 12;
	margin-top: 40px;	
}

.cardAppuntamenti{
	box-sizing: border-box;
	padding: 40px;
	border-radius: 24px;
	grid-column: span 4;
	height: 441px;
	background: url('img/bck-evento.jpg');
	background-position: bottom;
	background-size: cover;
	overflow: hidden;

	display: flex;
	flex-direction: column;
	gap: 32px;
}

.cardAppuntamenti div{
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.cardAppuntamenti div div{
	display: flex;
	flex-direction: column;
	gap: 0px;
}

.cardNews{
	background-color: var(--grigioChiaro); 
	grid-column: span 4; 
	box-sizing: border-box;
	padding: 40px;
	border-radius: 20px;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	
	height: 288px;
}

.cardNews div{
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.cardNewsData{
	color: var(--blueberry);
}

.p1-partners{
	grid-column: 3/11;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 32px;
	margin-top: 300px;
	align-items: center;
}

.p1-partners h1,
.p1-partners p{
	width: 90%;
}


.p1-sl9{
	grid-column: span 12;
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
}


.contactSection{
    width: 100%; 
    height: 50vh;
    height: 580px;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 32px;
    text-align: center;
}

.contactSection h1{
	width: 50%;
}

/**********************/
/* END HOMEPAGE */
/**********************/


/**********************/
/* CHI SIAMO */
/**********************/

.p2-sl1{
	width: 100%;
	height: 100vh;
	background: url('img/sfumaturaChisiamo.jpg');
	background-position: bottom;
	background-size: cover;

	box-sizing: border-box;
	padding-bottom: 86px;
	padding-bottom: 11.467vh;

	row-gap: 0;
}

.p2-sl1 h1{
	grid-column: span 12;
	display: flex;
	align-items: flex-end;
	width: 70%;
}

.p2-sl1 div{
	grid-column: span 4;
	display: flex;
	justify-content: flex-end;
	gap: 16px;
	flex-direction: column;
}


.p2-sl2{
	margin-top: 144px;
}

.p2-sl2 h3{
	grid-column: 5/12;
	margin-bottom: 30px;
}

.p2-sl3{
	margin-top: 143px;
	margin-bottom: 172px;
}
.p2-sl3 img{
	width: 100%;
	height: 650px;
	grid-column: span 12;
	object-position: center;
	object-fit: cover;
	border-radius: 24px;
}

.p2-sl4{
	box-sizing: border-box;
	padding-top: 114px;
	padding-bottom: 127px;
	border-radius: 24px 24px 0 0;
}
.p2-sl4 h2{
	grid-column: span 5;
}
.p2-sl4 p{
	grid-column: 6/13;
}
.p2-sl5{
	margin-left: 20px;
	margin-right: 20px;
}

.splideChisiamo{
	background-color: var(--grigioChiaro);
}

.splideChisiamo::before,
.splideChisiamo::after {
  background: linear-gradient(to right, rgba(247, 247, 247, 1) 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 100%;
  position: absolute;
  width: 230px;
  z-index: 2;
}

.splideChisiamo::before {
	left: 0;
	top: 0;
  }
  
.splideChisiamo::after {
	right: 0;
	top: 0;
	transform: rotateZ(180deg);
}

.splideChisiamo .splide__list .splide__slide{
	background-color: var(--bianco); ;
	border-radius: 20px;
	width: 272px;
	height: 323px;

	display: flex;
	justify-content: space-between;
	flex-direction: column;

	box-sizing: border-box;
	padding: 32px;
	margin-right: 30px;
}

.p2-sl7{
    background-color: var(--grigioChiaro); 
    height: 185px; 
    border-radius: 0 0 24px 24px;
    margin-left: 20px;
	margin-right: 20px;
}
/**********************/
/* END CHI SIAMO */
/**********************/


/**********************/
/*  TECNICHE */
/**********************/
.p3-sl1{
	padding-top: 190px;
	padding-bottom: 90px;
	row-gap: 28px;
}
.p3-sl1 h1{
	grid-column: span 7;
}
.p3-sl1 p{
	grid-column: span 7;
}

.p3-sl2 .cardTecniche{
	grid-column: span 4;
}
.cardTecniche:first-child{
	margin-left: 0;
}
.p3-sl2 .cardTecniche{
	margin-right: 0;
	width: 100%;
}
/**********************/
/* END TECNICHE */
/**********************/



/**********************/
/* GRUPPO TECNICHE */
/**********************/

.schemeHeader{
	row-gap: 28px;
	padding-top: 190px;
	padding-top: 190px;
	padding-bottom: 90px;
}

.schemeHeader h1{
	grid-column: span 7;
}

.schemeHeader p{
	grid-column: span 7;
}

.breadcrumb{
	color: var(--blueberry);
	grid-column: span 12;
}
.breadcrumb a{
	color: var(--blueberry);
	text-decoration: none;
}

.breadcrumb a:hover{
	color: var(--middleRedPurple);
}


.listTecniche{
	background-color: var(--grigioChiaro);
	padding: 60px;
	border-radius: 20px;
	margin-bottom: 24px;
	grid-column: span 12;

	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.listTecniche div{
	width: 80%;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

/**********************/
/* END GRUPPO TECNICHE */
/**********************/

/**********************/
/* GRUPPO FAMIGLIE */
/**********************/
.cardProdotto{
	grid-column: span 6;
	background-color: var(--grigioChiaro);
	border-radius: 20px;
	display: flex;
	flex-direction: row;
	overflow: hidden;
}



.cardProdottoText{
	box-sizing: border-box;
	padding: 40px;
	padding-right: 28px;
	width: 50%;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.cardProdottoText div{
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.cardProdottoText .cardProdottoTextTitle{
	display: flex;
	flex-direction: column;
	gap: 0px;
}

.cardProdotto img{
	width: 50%;
	height: 100%;
	height: 348px;
	object-fit: cover;
	object-position: center;

	box-sizing: border-box;
	border: 12px solid var(--grigioChiaro);
	border-radius: 20px;
}




/**********************/
/* END GRUPPO FAMIGLIE */
/**********************/

/**********************/
/* SINGOLA FAMIGLIA */
/**********************/

.discontinued,
.cardProdottoText div .discontinued{
	background-color: #ffc233;
	box-sizing: border-box;

	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 7px;
	box-sizing: border-box;
	padding: 7px 10px;
	border-radius: 5px;
	width: fit-content;
	flex-wrap: wrap;
}

.discontinued p,
.discontinued a{
	color: black;
	margin-top: 2px;
}

.discontinuedIcon{
	width: 18px;
	height: 18px;
	background: url('img/allertIcon.svg');
	background-size: cover;
	background-position: center;

	align-items: center;
}

.discontinued a {
	text-decoration: underline;
}

.discontinued a:hover{
	color: var(--grey);
}


/**********************/
/* END SINGOLA FAMIGLIA */
/**********************/

/**********************/
/* SINGOLO PRODOTTO */
/**********************/

.productInfo{
	margin-top: 164px;
	margin-bottom: 164px;
}

.productNotes h3,
.resourceNotes h3{
	grid-column: span 12;
}
.productNotes h3,
.resourceNotes h3{
	margin-bottom: 18px;
}

.resourceNotes{
	margin-bottom: 137px;
}

.productText{
	grid-column: span 6;
	gap: 28px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}


.splideProdotto{
	grid-column: 8/13;
	background-color: var(--grigioChiaro);

	border-radius: 20px;
	overflow: hidden;
	position: relative;

	width: 100%;
	height: fit-content;
}

.splideProdotto .splide__slide{
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.splideProdotto .splide__slide img{
	width: 100%;
	height: 480px; 
	object-fit: cover;
	object-position: center;
}

.splide__pagination__page.is-active{
	background-color: var(--blueberry);
}

.splide__arrow{
	background-color: #adadad;
	/*background-color: unset;*/
}


.caratteristiche{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 30px;
	row-gap: 10px;
}

.caratteristica{
	display: flex;
	flex-direction: row;
	width: fit-content;
	align-items: center;
}

.caratteristicaIcon{
	width:24px; 
	height:24px; 
	margin-right: 12px;
	border-radius: 50%;
	background-color: rgba(77, 117, 255, 0.15);
	display: flex;
	align-items: center;
	justify-content: center;
}

.caratteristicaIcon img{
	width: 11px;
}


.productCompany{
	color: var(--blueberry);
	border-bottom: 1px solid var(--blueberry);
	padding-bottom: 4px;
	width: fit-content;
}
.productCompany:hover{
	opacity: 0.5;
}



/**********************/
/* END SINGOLO PRODOTTO */
/**********************/



/**********************/
/* SERVIZI */
/**********************/
.cardServizi{
	background-color: var(--grigioChiaro);
	border-radius: 20px;
	box-sizing: border-box;
	padding: 40px;

	display: flex;
	flex-direction: column;
	justify-content: space-between;

	grid-column: span 6;
	height: 310px;
}
.cardServizi div{
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.cardServizi img{
	width: 65px;
	height: 65px;
	object-fit: cover;
	object-position: center;
	border-radius: 10px;
}
/**********************/
/* END SERVIZI */
/**********************/


/**********************/
/* SETTORI */
/**********************/

.cardSettori{
	grid-column: span 4;
	background-color: var(--grigioChiaro);
	border-radius: 20px;

	display: flex;
	flex-direction: column;
	row-gap: 0;
	height: auto;
}
.cardSettori img{
	border-radius: 20px;
	width: 100%;
	height: 254px;
	object-position: center;
	object-fit: cover;
}
.cardSettori div{
	box-sizing: border-box;
	padding: 40px;
	padding-top: 30px;
	height: 212px;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
/**********************/
/* END SETTORI */
/**********************/

/**********************/
/* SINGOLO SETTORI */
/**********************/

.p5-sl1{
	padding-top: 200px;
	padding-bottom: 133px;

	align-items: center;
	
}
.p5-sl1-title{
	grid-column: span 6;
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.p5-sl1 img{
	grid-column: 8/13;
	height: 313px;
	border-radius: 20px;
}

.p5-sl2{
	margin-bottom: 200px;
}
.p5-sl2 h3,
.p5-sl3 h3{
	grid-column: span 12;
}
.p5-sl2 h3{
	margin-bottom: 18px;
}

.applicationNotes{
	grid-column: span 12;
}

.applicationNotes ul li{
	border-top: 1px solid #ccc; 
	padding: 20px 0px;
	grid-column: span 12;
	list-style: none;

	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.applicationNotes ul li p{
	color: black;
}

.applicationNotes ul li:last-of-type{
	border-bottom: 1px solid #ccc; 
}

.applicationNotes ul li .openModalBtn{
	border: 1px solid var(--blueberry);
	color: var(--blueberry);
}

.applicationNotes ul li .openModalBtn:hover{
	border: 1px solid var(--middleRedPurple);
	color: var(--bianco);
}



.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0; 
	left: 0;
    width: 100%; 
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	align-items: center;
	justify-content: center;
}

.modal.active {
    display: flex;
}

.modal-overlay {
    position: absolute;
    top: 0; 
	left: 0;
    width: 100%; 
	height: 100%;
}

.modal-content {
    position: relative;
    background-color: var(--grigioChiaro);
    padding: 2rem;
    max-width: 500px;
    z-index: 2;
    border-radius: 8px;
}

.closeModalBtn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    font-size: 1.5rem;
    border: none;
    cursor: pointer;
	border: 0;
}

.wpcf7-response-output{
	border: 0;
	font-size: 1rem;
}


.wpcf7 form.sent .wpcf7-response-output{
	border: 0;
	padding: 0;
	text-align: left;
	margin: 0;
	margin-top: 20px;
	text-align: center;
	background-color: var(--grigioChiaro);
	color: var(--grey);
	padding: 15px 30px;
	border-radius: 8px;
}

/**********************/
/* END SINGOLO SETTORI */
/**********************/




/**********************/
/* PARTNERS */
/**********************/
.cardPartner{
	grid-column: span 4;
	margin-bottom: 10px;
}

.cardPartnerImg{
	width: 100%;
	height: 173px;
	background-color: var(--grigioChiaro);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
}

.cardPartnerText{
	margin-top: 16px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.cardPartnerText h5{
	color: black;	
}

.cardPartnerIcon{
	background: url('img/arrow.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
}

.cardPartnerImg img{
	width: 100px;
	height: 100px;
	border: 1px solid red;
}
/**********************/
/* END PARTNERS */
/**********************/

/**********************/
/* SINGOLO PARTNERS */
/**********************/
.singlePartner{
	margin-top: 180px;
	margin-bottom: 200px;
}
.singlePartnerText{
	grid-column: span 7;
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.singlePartnerRef{
	grid-column: 9/13;
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.singlePartnerImg{
	width: 100%;
	height: 174px;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--grigioChiaro);
}
.singlePartnerImg img{
	border: 1px solid red;
	object-fit: cover;
	object-position: center;
	width: 100px;
	height: 100px;
}
.singlePartnerRef div p{
	color: black;
}
.singlePartnerRef div p:nth-child(1){
	color: var(--blueberry);
}
.singlePartnerRef div a{
	text-decoration: none;
	color: black;
}
/**********************/
/* END SINGOLO PARTNERS */
/**********************/






/**********************/
/* NEWS */
/**********************/

.yearTitle{
	grid-column: span 12; 
	margin-top: 40px;
}

/**********************/
/* END NEWS */
/**********************/

/**********************/
/* SINGOLA NEWS */
/**********************/
.singleNewsCont{
	grid-column: span 8;
	display: flex;
	flex-direction: column;
	gap: 32px;
	margin-top: 180px;
}
.singleNewsCont h4{
	color: var(--blueberry);
}
.singleNewsCont div{
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.newsImage{
	height: 320px;
	width: 100%;
	background-color: red;
	border-radius: 12px;
	object-position: center;
	object-fit: cover;
}
.appuntamentoImage{
	min-width: 200px;
	max-width: 100%;
	height: auto;
	border-radius: 12px;
	object-position: left;
}

.ctaNews{
	grid-column: span 8;
	margin-top: 160px;
	margin-bottom: 160px;
}

.singleNewsCont b{
	font-family: "BDOGrotesk-DemiBold";
}
/**********************/
/* END SINGOLA NEWS */
/**********************/


/**********************/
/* APPUNTAMENTI */
/**********************/

.bck2{
	background-color: var(--grigioChiaro);
}

.bck3{

}

/*
:nth-child(3n+4)
*/

.cardAppuntamenti2:nth-child(odd){
	background: url('img/bck-evento2.jpg');
	background-position: bottom;
	background-size: cover;
}

/**********************/
/* END APPUNTAMENTI */
/**********************/


/**********************/
/* CONTATTI */
/**********************/

.p7-sl1{
	padding-top: 180px;
	padding-bottom: 200px;
}
.p7-sl1 h1{
	grid-column: span 12;
	margin-bottom: 40px;
}

.p7-sl1-box1{
	grid-column: span 8;
	display: flex;
	flex-direction: column;
}

.p7-sl1-box2{
	grid-column: 10 / 13;
	display: flex;
	flex-direction: column;
	gap: 48px;
}

.p7-sl1-box2 div{
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.p7-sl1-box2 span{
	font-family: "BDOGrotesk-DemiBold";
}

.p7-sl1-box2 a{
	color: var(--blueberry);
	text-decoration: underline;
}
.p7-sl1-box2 a:hover{
	opacity: 0.5;
}


.wpcf7-form{
	border: 1px solid red;
}


.inputFieldCont{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 30px;
	margin-bottom: 30px;
}

.inputField{
	padding-bottom: 10px;
	border-radius: 0px;
	background-color: unset;
	border-style: 0;
	border: 0;
	border-bottom: 1px solid #D2D2D2;
	width: 100%;
}


textarea{
	box-sizing: border-box;
	border-style: none;
	border: 0;

	width: 100%;
	padding: 20px;
}

input[type=submit]{

}



.wpcf7-spinner{
	position: absolute;
	bottom: -50px;
	margin: 0;
	left: 50%;
	transform: translateX(-50%);
}

.wpcf7-response-output{
	text-align: center;
	border-radius: 20px;
}

.grecaptcha-badge{
	visibility: hidden; 
}
.wpcf7-list-item{
	margin: 0;
}
.inputCont .wpcf7-not-valid-tip{
	width: 100%;
}

.wpcf7-list-item-label{
	width: 100%;
	margin-top: 3px;
}
.wpcf7-list-item-label a{
	color: black;
}

.wpcf7-form-control{
	margin-top: 7px;
}

form label{
	font-size: 10px;
	width: 100%;
}

.inputFieldCont label{
	width: calc(50% - 15px);

	display: flex;
	flex-direction: column;
}

.form label{
	font-size: 10px;
	color: brown;
}

.wpcf7-form-control-wrap{
	width: 100%;
}

.inputFieldCont2 label{
	width: 100%;
	margin-top: 30px;
}

.inputFieldCont2 label .inputField{
	padding: 0;
}


/* Nasconde la freccia di default */
.wpcf7-form-control.wpcf7-select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 0px;
	padding-bottom: 8px;
	border-radius: 0;
	background-color: unset;
	border: 0;
	border-bottom: 1px solid #D2D2D2;


	background-image: url("img/dropdown.svg");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 24px;
	cursor: pointer;
	color: #333;
	width: 100%;
}
  
/* Focus e hover */
.wpcf7-form-control.wpcf7-select:focus {
	border-color: #333;
	outline: none;
}

/* Per compatibilità extra */
.wpcf7-form-control-wrap {
	position: relative;
	display: inline-block;
	width: 100%;
}
  

/*CHECKBOX*/

/* Nascondi la checkbox di default */
input.checkBoxCont {
	opacity: 0;
	position: absolute;
	z-index: -1; /* Rimuove l'interazione diretta */
}
  
/* Stile del contenitore della checkbox */
.wpcf7-list-item label {
	display: flex;
	align-items: flex-start;
	cursor: pointer;
	user-select: none;
	width: 100%;

	margin:0px;
	margin-top: 20px;
}

.wpcf7-form-control-wrap{
}


  
/* Aggiungi una checkbox personalizzata */
.wpcf7-list-item label::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 12px;
	background-color: #D2D2D2;
	transition: all 0.2s ease-in-out;
	position: relative;
}
  
/* Stato "checked" della checkbox */
input.checkboxcont:checked + .wpcf7-list-item-label::before {
	background-color: blue;
	border-color: red;
}

input.checkBoxCont:checked + .wpcf7-list-item-label::after {   
	content: '';    
	position: absolute;    
	left: 8px;    
	top: 16px;  
	top: 25px;  
	width: 4px;    
	height: 8px;    
	border: solid black;    

	border-width: 0 2px 2px 0;    
	-webkit-transform: rotate(45deg);    
	-ms-transform: rotate(45deg);    
	transform: rotate(45deg);
	box-sizing: border-box;
}
  

/* Stato hover */
.wpcf7-list-item label:hover::before {
	/*border-color: var(--verdeBrillante);*/
}
  
/* Disabilita il focus nativo e crea un focus personalizzato */
/*
input.checkBoxCont:focus + .wpcf7-list-item-label::before {
	outline: 1px solid var(--verdeBrillante);;
	outline-offset: 1px;
}
*/

/* END CHECKBOX*/

.notice, .notice a{
	margin-top: 20px;
	font-size: 9px;
	color: var(--grey);
}

.notice a:hover{
	color: black;
}
	
/**********************/
/* END CONTATTI */
/**********************/

/**********************/
/* 404 */
/**********************/

.header404{
	padding-top: 245px;
	padding-bottom: 200px;

	grid-column: span 6;
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.header404 h5{
	color: var(--blueberry);
}

/**********************/
/* END 404 */
/**********************/





/**********************/
/* MOBILE */
/**********************/
@media only screen and (max-width: 768px) {

	.grid{
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 20px;
		padding: 0px 20px;
	}
	.innergrid{
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 20px;
		padding: 0px 20px;
		
		margin-left: 0;
		margin-right: 0;
	}

	/* TIPOGRPHY */

	h1{
		font-size: 28px;
	}
	h2{
		font-size: 28px;
	}
	h3{
		font-size: 24px;
	}
	.display{
		font-size: 40px;
	}
	.copyBig{
		font-size: 18px;
		font-weight: normal;
	}
	p,
	.copy{
		font-size: 13px;
	}

	h4{
		font-size: 20px;
	}

	h5{
		font-size: 20px;
	}

	.breadcrumb{
		font-size: 13px;
	}

	.copyLink{
		font-size: 15px;
	}

	.copyMenu,
	.lang-switch a{
		font-size: 13px;
	}

	.cta{
		font-size: 14px;
		padding: 14px 28px;
		padding-top: 18px;
	}

	.cardNewsData{
		font-size: 14px;
	}

	.copyFooter,
	.ftrClosing p, 
	.ftrClosing a{
		font-size: 13px;
	}

	.ftrWrapper div span, 
	.ftrUpperLink{
		font-size: 15px;
	}

	.splideChisiamo .splide__list .splide__slide h1{
		font-size: 46px;
	}

	.mobile-menu-list li a{
		font-size: 28px;
		line-height: 1;
	}

	.mobile-menu-list .dropdown-content li a{
		font-size: 13px;
	}

	.inputField,
	.wpcf7-form-control.wpcf7-select{
		font-size: 15px;
	}


	.wpcf7-list-item-label,
	.wpcf7-list-item-label a,
	.wpcf7-form .notice{
		font-size: 12px;
	}

	/* NAVBAR */
	.navMobLogo{
		background: url('img/logo.svg');
		background-position: bottom;
		background-size: cover;
	}

	.dropdown-icon {
		background: url('img/navbarIcon.svg');
		background-position: bottom;
		background-size: cover;
	}

	/* FOOTER */
	footer{
		background: url('img/sfumaturaFooterMob.jpg');
		background-position: bottom;
		background-size: contain;
		background-repeat: no-repeat;
	}

	/* HOMEPAGE M */

	.p1-sl1{
		padding-top: 150px;
		padding-bottom: 65px;
		row-gap: 18px;

		background: url('img/sfumaturaHomeMob.jpg');
		background-position: bottom;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.header-sl1{
		grid-column: span 4;
	}
	.header-sl2-box1{
		grid-column: span 4;

	}
	.header-sl2-box2{
		grid-column: span 4;
	}
	.p1-sl2-box-link{
		flex-direction: column;
		margin-top: 30px;
	}
	.header-sl1 h1{
		transform: translateY(0);
	}
	.header-sl2-box1 p, .header-sl2-box2 p{
		margin-bottom: 0;
	}

	.header-sl2-box1{
		align-items: flex-start;
	}
	.p1-sl1 .cta{
		width: auto;
		text-align: center;
	}

	.p1-sl2{
		padding-top: 80px;
	}

	.p1-sl2-title{
		gap: 20px;
	}

	.splideHome{
		margin-top: 76px;
	}

	.cardTecniche{
		padding: 28px;
		width: 260px;
		height: 435px;
		margin-right: 20px;
		border-radius: 20px;
	}
	.splideHome .splide__list .cardTecniche:first-child{
		margin-left: -40px;
	}
	.splideHome .splide__list .cardTecniche:last-child{
		display: none;
	}

	.cardTecniche img{
		width: 50px;
		height: 50px;
	}

	.cardTecnicheContent{
		height: 240px;
		gap: 28px;
	}
	.cardTecnicheContent h3{
		margin-bottom: 16px;
	}


	.p1-sl3{
		margin-top: 66px;
		margin-bottom: 80px;
	}

	.p1-sl4{
		grid-column: span 4;
		flex-direction: column;
		margin-bottom: 100px;
	}
	.p1-sl4 div{
		padding: 44px;
		width: 100%;
	}
	.p1-sl4 div .cta{
		width: auto;
		text-align: center;
	}
	.p1-sl4 img{
		height: 260px;
	}

	.p1-sl5{
		border-radius: 24px 24px 0 0;
		padding-top: 60px;
	}

	.p1-sl5-img{
		grid-column: span 3;
		border-radius: 24px;
	}
	.p1-sl5-content{
		grid-column: span 4;
	}

	.p1-sl5-texts{
		gap: 24px;
		margin-bottom: 60px;
	}

	.beneficio{
		margin-bottom: 16px;
		gap: 12px;
	}
	.beneficiIcon{
		width: 30px;
		height: 30px;
		border-radius: 4px;
	}
	.beneficiIcon img{
		width: 13px;
	}
	.p1-benefici{
		margin-bottom: 64px;
	}
	.p1-sl5-eventsText{
		gap: 24px;
		margin-bottom: 20px;
	}

	.cardAppuntamenti{
		padding: 32px;
		height: 330px;
		gap: 24px;
		border-radius: 24px;
	}

	.cardAppuntamenti div{
		gap: 12px;
	}
	.p1-sl7{

	}

	.p1-partners{
		grid-column: span 4;
		margin-top: 86px;
	}

	.p1-sl9{
		grid-column: span 4;
	}

	.cardNews{
		padding: 28px;
		height: 253px;
		grid-column: span 4;
	}
	.cardNews div{
		gap: 15px;
	}
	.contactSection{
		height: 370px;
		gap: 24px;
	}
	.contactSection h1{
		width: calc(100% - 40px);
	}


	/* CHI SIAMO M*/

	.p2-sl1{
		padding-bottom: 70px;
		gap: 24px;

		background: url('img/sfumaturaChisiamoMob.jpg');
		background-position: bottom;
		background-size: cover;
		background-repeat: no-repeat;

		justify-content: space-between;
	}

	.p2-sl1 h1{
		align-items: flex-start;
		justify-content: flex-start;
		grid-column: span 4;
		width: 100%;
		height: fit-content;
		padding-top: 124px;
		padding-bottom: 50px;
	}
	.p2-sl1 div{
		grid-column: span 4;
		justify-content: flex-start;
		gap: 8px;
		height: fit-content;
	}

	.p2-sl2{
		margin-top: 60px;
	}
	.p2-sl2 h3{
		grid-column: span 4;
		margin-bottom: 98px;
	}

	.p2-sl3{
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.p2-sl3 img{
		border-radius: 16px;
		height: 200px;
	}


	.p2-sl4{
		flex-direction: column;
		padding-top: 60px;
		gap: 24px;
		padding-bottom: 60px;
	}
	.p2-sl4 h2{
		grid-column: span 4;
	}
	.p2-sl4 p{
		grid-column: span 4;
	}

	.p2-sl5{
		margin: 0;
		padding-bottom: 80px;
	}

	.splideChisiamo::before, .splideChisiamo::after{
		width: 40px;
	}

	.splideChisiamo .splide__list .splide__slide{
		width: 260px;
		height: 240px;
		padding: 28px;
		border-radius: 20px;
	}

	.splideChisiamo .splide__list .splide__slide:first-child{
		margin-left: 20px;
	}

	.splideChisiamo .splide__list .splide__slide:last-child{
		margin-right: 20px;
		background-color: red;
	}

	.p2-sl7{
		height: 80px; 
		border-radius: 0 0 24px 24px;
		margin-left: 0px;
		margin-right: 0px;
	}

	/* TECNICHE M */

	.p3-sl1{
		padding-top: 130px;
		padding-bottom: 73px;
	}
	.p3-sl2 .cardTecniche{
		width: 100%;
	}

	/* SINGOLA TECNICA M */

	.schemeHeader{
		padding-top: 130px;
		padding-bottom: 73px;
	}
	.listTecniche{
		padding: 32px;
		flex-direction: column;
		margin-bottom: 20px;
		align-items: flex-start;
		gap: 60px;
	}
	.listTecniche div{
		width: 100%;
		gap: 16px
	}

	/* FAMIGLIA PRODOTTO M */

	.cardProdotto{
		flex-direction: column;
		grid-column: span 4;
	}
	.cardProdottoText{
		width: 100%;
		padding: 28px;
		gap: 24px;
		padding-bottom: 80px;
	}
	.cardProdottoText div{
		gap: 16px;
	}
	.cardProdotto img{
		width: 100%;
		height: 440px;	
		border-radius: 20px;
	}

	/* PARTENERS M */
	.cardPartner{
		margin-bottom: 20px;
	}

	.cardPartnerText{
		margin-top: 10px;
	}
	.cardPartnerIcon{
		width: 28px;
		height: 28px;
	}
	/* SINGOLO PARTNERS M */
	.singlePartner{
		margin-top: 130px;
		margin-bottom: 0px;
		margin-bottom: 80px;
	}
	.singlePartnerText{
		grid-column: span 4;
		gap: 16px;
		margin-bottom: 50px;
	}
	.singlePartnerRef{
		grid-column: span 4;
		gap: 24px;
	}


	/* SERVIZI M */

	.cardServizi{
		padding: 28px;
		height: 300px;
	}
	.cardServizi div{
		gap: 20px;
	}
	.cardServizi img{
		width: 50px;
		height: 50px;
		border-radius: 10px;
	}

	/* APPUNTAMENTI M */

	.yearCardAppuntamenti{
		grid-column: span 4;
		margin-top: 30px;
	}


	/* NEWS M */
	.cardNews{
		grid-column: span 4;
	}
	.yearTitle{
		grid-column: span 4;
	}

	/* SINGOLA NEWS e APPUNTAMENTI M */
	.singleNewsCont{
		margin-top: 120px;
		grid-column: span 4;
		gap: 24px;
	}
	.appuntamentoImage{
		border-radius: 12px;
		height: 180px;
	}
	.singleNewsCont div{
		gap: 0;
	}

	.ctaNews{
		margin-top: 80px;
		margin-bottom: 80px;
		grid-column: span 4;
	}

	.newsImage{
		height: 150px;
	}

	/* SETTORI M */
	.cardSettori img{
		height: 205px;
	}
	.cardSettori div{
		padding: 28px;
		height: 180px;
	}
	/* SINGOLO SETTORE M */

	.p5-sl1-title{
		order: 2;
		grid-column: span 4;
		gap: 16px;
		margin-bottom: 80px;
	}

	.p5-sl1 img{
		order: 1;
		grid-column: span 4;
		width: 100%;
		object-fit: cover;
		height: 180px;
		margin-top: 110px;
	}

	.p5-sl2{
		margin-bottom: 80px;
	}
	.p5-sl2 h3{
		margin-bottom: 10px;
	}

	.applicationNotes ul li{
		padding-top: 20px;
		padding-bottom: 20px;
		gap: 10px;
		flex-direction: column;
		align-items: flex-start;
	}

	.p5-sl2 h3, .p5-sl3 h3{
		grid-column: span 4;
	}

	.modal-content{
		width: 80%;
		padding: 15px;
	}

	/* SINGOLO PRODOTTO */
	.productInfo{
		margin-top: 130px;
		margin-bottom: 80px;
	}
	.productText{
		grid-column: span 4;
		gap: 16px;
		margin-bottom: 20px;
	}

	.splideProdotto{
		grid-column: span 4;
	}

	.splideProdotto .splide__slide img{
		height: 360px;
	}

	.resourceNotes{
		margin-bottom: 80px;
	}
	.discontinued{
		padding: 10px;
		gap: 10px;
		row-gap: 0px;
	}

	/* 404 M */
	.header404{
		padding-top: 194px;
		padding-bottom: 194px;	
		gap: 16px;
	}

	/* CONTATTI M*/

	.p7-sl1 h1{
		grid-column: span 4;
		padding-top: 130px;
		margin-bottom: 28px;
	}
	.p7-sl1-box1{
		grid-column: span 4;
	}
	.inputFieldCont{
		gap: 24px;
	}
	.inputFieldCont label{
		width: 100%;
	}

	.inputFieldCont2 label{
		margin-top: 24px;
	}
	.p7-sl1-box2{
		grid-column: span 4;
		gap: 24px;
		margin: 80px 0px;
	}

	.p7-sl1-box2 a{
		width: 65%;
	}

}