/*
Theme Name:Esmach Ali
Author: Derbau
Author URI: 
*/

body {
    --color-neutral-100: #000000;
    --color-rgb-neutral-100: 0, 0, 0;
    --color-neutral-80: #333333;
    --color-rgb-neutral-80: 7, 22, 34;
    --color-neutral-60: #909090;
    --color-rgb-neutral-60: 144, 144, 144;
    --color-neutral-40: #D3D3D3;
    --color-rgb-neutral-40: 211, 211, 211;
    --color-neutral-20: #E8E8E8;
    --color-rgb-neutral-20: 232, 232, 232;
    --color-neutral-10: #f8f8f8;
    --color-rgb-neutral-10: 245, 245, 245;    
    --color-neutral-0: #FFFFFF;
    --color-rgb-neutral-0: 255, 255, 255;
		--color-esmach:#FEC601;
    --global-font-size: 100%;
    --global-small-font-size: 80%;
    --global-min-width: 320px;
    --global-max-width: 1920px;
    --global-weight-light: 300;
    --global-weight-normal: 400;
    --global-weight-medium: 600;
    --global-weight-bold: 700;
    --body-font-family: "Roboto", sans-serif !important;
    --body-font-weight: var(--global-weight-normal);
    --body-background: var(--color-neutral-0);
    --body-color: var(--color-neutral-100);
    --link-color-hover: var(--color-secondary);
    --menu-font-family: "Roboto", sans-serif;
    --main-menu-font-family: "Roboto", sans-serif;
    --heading-font-family: "Roboto", sans-serif;
    --heading-font-weight: var(--global-weight-bold);
    --heading-color: var(--color-neutral-100);
    --heading-line-height: 1;
    --heading-margin-bottom: 25px;
    --paragraph-margin-bottom: 15px;
    --image-caption-font-family: "Roboto", sans-serif;
    --image-caption-font-weight: var(--global-weight-normal);
    --legal-font-family: "Roboto", sans-serif;
    --legal-font-weight: var(--global-weight-normal);
    --menu-heading-font-family: "Roboto", sans-serif;
    --menu-heading-font-weight: var(--global-weight-medium);
    --menu-body-font-family: "Roboto", sans-serif;
    --menu-body-font-weight: var(--global-weight-normal);
    --font-family-monospace: "Roboto", Courier, monospace;
    --font-family-serif: "serif";
    --button-font-family: "Roboto", sans-serif;
    --button-font-size: 16px;
    --button-line-height: 18px;
    --button-regular-color: var(--color-neutral-100);
    --button-regular-background: transparent;
    --button-regular-color-hover: var(--color-secondary);
    --button-regular-background-hover: transparent;
}
body{font-family:  "Roboto", sans-serif !important;color:var(--color-neutral-100);line-height:1.5;font-weight:300;font-size:16px}
h1,h2,h3,h4,h5,h6{font-family: var(--body-font-family);font-weight:var(--global-weight-light);line-height:1. !important}

body.no-scroll {
  overflow: hidden;
  height: 100vh;
}

label{width:100%;font-weight:400;font-size:16px}
a:hover,a:focus{text-decoration:none;color: #FFC500}
a {color: #eb9b2a;text-decoration: none !important;background-color: transparent;-webkit-text-decoration-skip: objects;cursor:pointer}


.testoLancio p:only-child {
    margin-bottom: 0;
}



/*----------------------------------------------------------
# Background
--------------------------------------------------------------*/
.lightGrey{background-color:var(--color-neutral-10);}
.darkGrey{background:var(--color-neutral-100);color:var(--color-neutral-0)!important}
.bgCategorie{background-color:var(--color-neutral-20);}
.bgDarkGrey{background-color:#333}
.bgBlack{background-color:var(--color-neutral-100) !important;}
.bgLemon{ background: var(--color-neutral-0) !important;}
.bgWhite{background-color:var(--color-neutral-0)}
.bgEsmach{background-color:#FFC500}
.bgEsmachGreen{background-color:#7c8120}
.bgProfi{background-color:#eb9b2a}
.bgSubCat{background-color:#ffffff/*#A09F00*/}
.bgTitoloPagina{background: linear-gradient(to right, #FFC500 50%, var(--color-neutral-10) 50%)}
.bgNewsletter{background-color:#d8e0ce}

/*----------------------------------------------------------
# Livello sensibile al passaggio del mouse o meno
--------------------------------------------------------------*/

.hidden {
  opacity: 0;
  pointer-events: none;
}

.visible {
  opacity: 1;
  pointer-events: auto;
}

/*----------------------------------------------------------
# Barra di ricerca -- toggle nel js  
--------------------------------------------------------------*/

.search--bar {position:relative;background: #FFC500; z-index: 2;left: 0;right: 0;max-height: 150px;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;overflow: hidden;}
.search--bar.closed{height:0}
.search--bar #search--form .form-control {border: 0 none;background-color: #fff;color: #333;}
.search--bar #search--form #search--submit {position: absolute;background: transparent;border: 0 none;color: #999;font-size: 21px;right: 6%;top: 36px;}
.form-control {display: block;width: 90% !important;height: 42px;padding: 6px 12pxfont-size: 18px;margin: 30px auto;  line-height: 1.6;color: #000;border: 1px solid #ccc;border-radius: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.search--bar .close:after {content: '+';display: inline-block;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);font-size: 50px;margin-top:-50px;padding-left: 50px;color: #fff;}
.close{margin-top:-70px}
.search-form {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.search-box {
  position: relative;
  width: 70%; /* Modifica la larghezza a piacere */
}

.search-input {
  width: 100%;
  padding: 12px 40px 12px 12px; /* Spazio a destra per la lente */
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 25px;
  outline: none;
  transition: border-color 0.3s ease-in-out;
}


/*----------------------------------------------------------
# Testo
--------------------------------------------------------------*/
.whiteText {color: var(--color-neutral-0);}
.txtEsmach{color:#FFC500 !important;}	
.txtEsmachDarkGreen{color:#666408;}
.txtEva{color: #91172E !important;}
.topnoImage{height:200px}
.style-svg {height:60px}
	
/*----------------------------------------------------------
# Selettore di lingua
--------------------------------------------------------------*/
.wpml-ls-item{filter: grayscale(100%);-webkit-filter: grayscale(100%);}
.wpml-ls-current-language, .wpml-ls-item:hover{filter: grayscale(0%);-webkit-filter: grayscale(0%);}

/*----------------------------------------------------------
# Form di contatto
--------------------------------------------------------------*/
form h3{color:#333;margin-bottom:20px;font-style:italic;padding-bottom:15px}
.form-group{margin-bottom:10px}
.margin10{margin:0; margin:10px 0 }
.wpcf7-response-output{clear:left}
.wpcf7-validation-errors{text-transform:uppercase;font-size:12px;font-weight:700;color:#0c509e;background:#e6f1ff;border:none;padding:20px;text-align:center}
.wpcf7-mail-sent-ok{display:none!important}
.wpcf7-not-valid-tip{text-transform:uppercase;font-weight:700;font-size:12px;padding-top:3px}
.has-error .form-control{background:#ffecec}
.container-fluid{padding:0!important;margin:0!important}


/*----------------------------------------------------------
# Pre header
--------------------------------------------------------------*/
.c-site-pre-header{width:100%;background:var(--color-neutral-100);color:var(--color-neutral-0);height:55px;font-size: 13px;}

.c-site-pre-header a{color:var(--color-neutral-0)}
.c-site-pre-header .icon{color: var(--color-neutral-0);font-size: 14px;display: inline-block;vertical-align: middle;margin-right: 12px;}
.c-site-pre-header .icon:first-child{margin-left:0}
.c-site-pre-header .linkedin, .c-site-pre-header .site-header__search, .c-site-pre-header .site-header__lang {display: inline-block;height: 50px;}
.c-site-pre-header .site-header__search input {width: 250px;height: 50px;line-height: 50px;border: none;padding-left: 20px;background-color: var(--color-neutral-80);font-size: 14px;font-style: italic;color:var(--color-neutral-0);}
.c-site-pre-header .site-header__search .action[disabled] {cursor: not-allowed;pointer-events: none;opacity: .5;}
.c-site-pre-header .site-header__search .action {position: absolute;margin-left: 220px;top: 15px;width: 20px;height: 20px;display: inline-block;background: none;background-image: none;border: 0;box-shadow: none;line-height: inherit;background-image: url(img/icon-search.png);background-repeat: no-repeat;background-position: center;background-size: 20px;}
.c-pre-social__item{display:inline-block;}
.c-pre-social__item a{display:block;font-size:14px}

/*----------------------------------------------------------
# Logo e Header
--------------------------------------------------------------*/
.site-header *, .site-nav-item * {-webkit-transition: all .1s ease-in-out;-moz-transition: all .1s ease-in-out;-o-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
.site-header{background-color:#ffffff;font-size: 14px;font-weight:600}
.site-header__logo{position:relative;height:70px !important;}
.site-header__logo img{max-width: 100%; max-height: 100%;}
.logoTop {height: 50px!important;left:0px}

/*----------------------------------------------------------
# Mobile
--------------------------------------------------------------*/
.bar1,.bar2,.bar3{width:30px;height:4px;background-color:#FFC500;margin:6px 0;-webkit-transition:.4s;transition:.4s}
.change .bar1{-webkit-transform:rotate(-45deg) translate(-9px,6px);transform:rotate(-45deg) translate(-7px,7px)}
.change .bar2{opacity:0}
.change .bar3{-webkit-transform:rotate(45deg) translate(-8px,-8px);transform:rotate(45deg) translate(-7px,-7px)}

.nav-mobile{cursor:pointer;right:30px;}
/*.mobile-menu{position:absolute;width:100% !important;left:0;right:0;height:calc(100vh - 100px);background:#FFC500;display:none;color:var(--color-neutral-80) !important;padding:0;padding-bottom:100px;border:none;border-radius:0;overflow:scroll;z-index:8}*/
.mobile-menu{position:absolute;width:100% !important;top:67px;left:0;right:0;height:calc(100vh);background:#FFC500;display:none;color:#fff !important;padding:0;padding-bottom:100px;border:none;border-radius:0;overflow:scroll}


/*----------------------------------------------------------
# Effetto polaroid
--------------------------------------------------------------*/
.polaroid { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05);-webkit-transition:all .2s ease;transition:all .2s ease;}
.polaroid:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);-webkit-transition:all .2s ease;transition:all .2s ease;}
	/* fine effetto polaroid  */

/*----------------------------------------------------------
# Slider categorie HP
--------------------------------------------------------------*/
.sliderHP{overflow: hidden;width: 100%;/*min-height: 420px;*/background-size: cover;position: relative;background-repeat: no-repeat;background-position: center;border-bottom:10px solid #FFC500}	
.imgSlider{z-index:1000;margin-top:-20px}
.sliderTitolo{text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5), 2px 2px 6px rgba(0,0,0,0);}

/*----------------------------------------------------------
# Indicatori selezione slider
--------------------------------------------------------------*/
.carousel-indicators li .active img{opacity:1;  filter: grayscale(0%);}
.carousel-indicators{position:relative !important;/*height:150px*/;margin:0 5% !important;}
.carousel-indicators li {position: relative;width: 150px !important; height: auto !important; margin:3px !important;text-indent: 0px !important;cursor: pointer;background-color:var(--color-neutral-10) !important;opacity:1 !important; color:var(--color-neutral-100) !important /*border-radius:50%;*/}
.carousel-indicators .active img{opacity:1;  filter: grayscale(0%);}
.carousel-indicators li.active {background-color: #FEC601 !important; color:var(--color-neutral-0) !important}
.carousel-indicators li:hover{background-color: #FEC601 !important;cursor:pointer }
.carousel-indicators .active .c-catProd__icon {color: #fff !important; }
.carousel-inner{height:550px !important}
.carousel-item .row.sliderHP{min-height:350px !important;margin:0 !important}
.carousel-inner {
    overflow: inherit !important;
}

.itemCarousel * {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.itemCarousel img{opacity:1;o-object-fit:cover;object-fit:cover;height:100%;width:100%;font-family:'object-fit: cover;';filter: grayscale(0%);}
.itemCarousel:hover img{opacity:.6;  filter: grayscale(0%);}

.itemCarousel .titleCat{line-height:1.1em;font-size:13px !important;font-weight:400;}
.itemCarousel:hover .titleCat{opacity:1;color:var(--color-neutral-0)}
.itemCarousel a {color:#333 !important}

.imgProdottoHP{position: absolute;right: 10%; top: 50px;height:400px}

/*----------------------------------------------------------
# Selettori di categoria top 
--------------------------------------------------------------*/

.catItem * {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.catItem img{opacity:1;o-object-fit:cover;object-fit:cover;height:100%;width:100%;font-family:'object-fit: cover;';filter: grayscale(0%);}
.catItem:hover img{opacity:.85;  filter: grayscale(90%);}
.catItem.active {background-color: #FEC601 !important; color:var(--color-neutral-0) !important}
.catItem:hover{background-color: #FEC601 !important;cursor:pointer }
.catItem .titleCat{line-height:1.1em;font-size:13px !important;font-weight:400;}
.catItem:hover .titleCat{opacity:1;color:var(--color-neutral-0)}
.catItem a .titleCat{opacity:1;color:var(--color-neutral-100)}

.smallCatImg{height:50px !important;width:auto !important}
h1.textSection {font-size:24px; line-height:1em;}

.imgProdottoHP{position: absolute;right: 10%; top: 50px;height:400px}


/*----------------------------------------------------------
# Testo hero vantaggi categorie e sottocategorie
--------------------------------------------------------------*/
.heroCat h2{line-height:1em;font-size:24px !important;font-weight:400;}

/*----------------------------------------------------------
# Professionisti e sottocategorie
--------------------------------------------------------------*/

.profi .icon{font-size:36px !important;line-height:50px !important;width:50px;display:inline-block}
.bigIcon{font-size:100px !important;color:#7c8120 }
.profi, .subcat {font-size:15px !important;line-height:50px !important;text-transform:uppercase;border-bottom:1px solid #FFC500}
.profi a , a .subcat   {color:#fff !important}
/*.profi:hover  {color:#FFC500 !important;background:#7c8120}*/
.profi.active {color:#7c8120 !important;background:#7c8120} 
.profi {background: linear-gradient(#505414 0 0) calc(100% - var(--p,0%)) / var(--p,0%) no-repeat;transition: .4s, background-position 0s;}
.profi:hover { --p: 100%;}

/*----------------------------------------------------------
# Sottocategorie
--------------------------------------------------------------*/
.subcat {font-size:13px !important;line-height:1.2em !important;text-transform:uppercase;border-bottom:none}
a .subcat   {color:#000 !important;border-right:3px solid transparent}
a .subcat:hover  {color:#eb9b2a !important;border-right:3px solid #FFC500}
.subcat >.attivo {color:#666408;font-weight:600; }
/*a .subcat::after {content: '';float:right;margin-top: -30px;height: 0px;width: 3px;background: transparent;transition: height .5s ease, background-color .5s ease;}
a .subcat:hover::after {height: 30px; background: #eb9b2a;}*/

.testoCategoria{font-size:1.2em;font-weight: 400;line-height: 1.5em;}

/*----------------------------------------------------------
# Sticky header
--------------------------------------------------------------*/
.affix {position: fixed;top: 0;	  right: 0;  left: 0;  z-index: 1030;max-height:150px;}

/*----------------------------------------------------------
# Prodotti
--------------------------------------------------------------*/
/*.card {background: linear-gradient(var(--color-neutral-10) 0 0) calc(100% - var(--p,0%)) / var(--p,0%) no-repeat;transition: .4s, background-position 0s;}
.card:hover { --p: 100%;}*/

.card * {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.card{border:none !important;overflow:hidden;margin: 0px !important;border-radius: 0%;}
.card .btnFisso{position:absolute;opacity:0;left: 10%;top: 50%;transform: translate(-10%,-50%);}
.card a:hover .btnFisso{transform: translate(-10%, -130%);-webkit-transform:translate(-10%, -130%);opacity:1 ;background:#FFC500}
.card a:hover img{opacity:.2;  filter: grayscale(50%);}


.productCardTitle{font-size:30px;line-height:1em;text-transform:uppercase;font-weight:400}
.subTitle, .subTitle p{line-height:1em;font-weight:300;text-transform:uppercase;color:#333;}
.productTitle{font-size:48px;line-height:1em;text-transform:uppercase;font-weight:600}
/* === HEADING STYLE productTitle === */
.catTitle  {font-size: 28px;font-weight: 500;text-transform:uppercase;padding-bottom: 15px;position: relative;}
.catTitle:before {content: "";position: absolute;left: 0;bottom: 0;height: 5px;width: 55px;background-color: #FFC500;}
.catTitle:after {content: "";position: absolute;left: 0;bottom: 2px;height: 1px;width: 95%;max-width: 255px;background-color: #FFC500}
.subText{font-size:13px;font-weight:300;color:#333;}
.card-img-top {width: 100%;object-fit: contain;min-height: 260px;}
.prod-bar {width: 50px;height: 2px;background-color: #FFC500;margin:25px 0;font-weight:700}
.card .video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;aspect-ratio: 16/9; /* Adatta l'aspect ratio in base alle dimensioni del video */}
.card .video:hover {opacity:0 ;}
.iframe-container {position: relative;height: 100%;min-height: 50vh;iframe {height: 100%;width: 100%;left: 0;top: 0;position: absolute;body,html {height: 100%;overflow: hidden;background: transparent;}}}
.feature-card {border: none;background-color: transparent;text-align: left;}
.feature-title {font-weight: 500;font-size:0.8em}


.cardShadow, .cardEva {border: 3px  solid #fff !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05);-webkit-transition:all .2s ease;transition:all .2s ease;}
.cardShadow:hover {border: 3px  solid #FFC500 !important;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);-webkit-transition:all .2s ease;transition:all .2s ease;}
.cardEva:hover {border: 3px  solid #91172E !important;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);-webkit-transition:all .2s ease;transition:all .2s ease;}
.cardEva .productCardTitle {color: #91172E !important;}

.dettaglioProdotti> .row:nth-child(2n+1) {flex-direction: row-reverse;text-align: left;}
.dettaglioProdotti>.row:nth-child(even) {background: linear-gradient(to right,  var(--color-neutral-10) 50%, #FFC500 50%)}
.dettaglioProdotti>.row:nth-child(even) .prod-bar {background-color: #FFFFFF;}
.imgDettaglio {min-height: 450px; -o-object-fit:cover;object-fit:cover; background-size:  cover;background-position: center center;background-repeat: none;}

.colBoxTitleProd{height:150px;  display: flex;align-items: center;justify-content: flex-end;}

.testoProdotto{font-size:1.2em;line-height:1.5em}
.testoProdotto .feature-title {font-size:0.8em;}

/*----------------------------------------------------------
# Prodotti Correlati
--------------------------------------------------------------*/
.relatedTitle {font-size:2em; color:#fff;font-weight:500;}


/*----------------------------------------------------------
# Personalizzazione punti elenco
--------------------------------------------------------------*/
.testoProdotto ul > li, .testoCategoria ul > li{ padding: 5px 0px 0px 10px}
.testoProdotto ul > li::marker,.testoCategoria ul > li::marker  {content: "\F26C"; font-family: bootstrap-icons !important; position: absolute;left: 0;top: 0;color: #7c8120; vertical-align: -.250em;margin-left: 5px; }


/*----------------------------------------------------------
# Foto nel sito
--------------------------------------------------------------*/
.foto *{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
/*.foto img{position: absolute;left: 50%;top: 50%;width: 100% !important;transform: translate(-50%,-50%);}*/
.foto:hover img{opacity:.7;transform:scale(1.05);    filter: grayscale(90%);}
.foto:hover::after {content: '\F62C';font-family: bootstrap-icons !important;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);font-size: 30px;z-index: 99;color:#FFC500}
.foto{position:relative;text-align:center;font-size:0.9em;overflow:hidden;  }
/*--------------------------------------------------------------
# Fine Foto nel sito
--------------------------------------------------------------*/

/*----------------------------------------------------------
# Sezione professioni in HP
--------------------------------------------------------------*/
.hp-professioni{/*min-height:600px*/}
.big-icon {font-size: 24px;}
.giant-icon {font-size: 48px;}
.profi-icon {position:absolute;opacity:0.2;z-index:0;width: 250px;}
/*--------------------------------------------------------------
# Fine Sezione professioni in HP
--------------------------------------------------------------*/

/*----------------------------------------------------------
# Sezioni Istituzionali
--------------------------------------------------------------*/

.c-hero{position:relative}
.c-hero__figure{overflow:hidden;width:100%;/*height:750px;min-height:750px;*/background-size:cover;position:relative;background-repeat:no-repeat;background-position:center}
.c-hero__figure_small{width:100vw;height:400px;background-size:cover;position:relative;background-repeat:no-repeat;background-position: center}
.c-hero__figure img{-o-object-fit:cover;object-fit:cover;width:100%;min-height:570px;font-family:'object-fit: cover;'}

.about{border: 3px solid #FFC500;padding: 3% 12% 3% 3%;}

.sectionSubTitle, .sectionSubTitle p{line-height:1em;font-weight:300;text-transform:uppercase;margin:0}
.subTitleSection {font-weight:300;line-height:1em;}

.titleBlock{line-height:1.2;font-size:24px;font-weight:600;}
.contentBlock .row:nth-child(2n+1) {flex-direction: row-reverse;text-align: left;}
.contentBlock .row:nth-child(even) .about {padding: 3% 3% 3% 12%;z-index: -1;}
.img-decentered { margin:0 0 0 -80px; /* Decentramento orizzontale */}
.contentBlock .row:nth-child(even) .img-decentered {margin:0 -80px 0 0;}

@media (max-width: 768px) {
  .img-decentered {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    max-width: 100%; /* Mantiene le immagini responsive sui dispositivi pi� piccoli */
    margin-top: 0;
  }
}

/*----------------------------------------------------------
# Fine Sezioni Istituzionali
--------------------------------------------------------------*/
/*----------------------------------------------------------
# click to Action
--------------------------------------------------------------*/
.cta-img{width:100vw;min-height:300px;background-size:cover;position:relative;background-repeat:no-repeat;background-position: center;opacity:0.8}
.content-overlay {z-index: 1; /* Porta il testo e il pulsante davanti all'immagine */}
.opacity-60 {opacity: 0.6;}

/*----------------------------------------------------------
# Fine click to Action
--------------------------------------------------------------*/
/*----------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
.btnHero, .btnSlider, .btnServizi{position:relative;padding:15px 20px;text-transform:uppercase;background:transparent !important;color:#FFC500 !important;border:3px solid #FFC500; font-weight:600;border-radius:10px}
.btnHero:hover {background:#FFC500 !important;color:#fff !important;border:3px solid #FFC500;	}
a.btnHero:hover {color:#fff !important	}
.btnSlider{color:#fff !important;text-transform:uppercase;background:#FFC500 !important;border:3px solid #FFC500;}
.btnSlider:hover {background:transparent !important;color:#FFC500 !important;border:3px solid #FFC500;	}
a.btnBrochure:hover {color:var(--color-neutral-80) !important	}
.btnServizi{color:#fff !important;text-transform:uppercase;background:#FFC500 !important;border:3px solid #ffffff;}
.btnServizi:hover {background:#eb9b2a !important;color:#fff !important;border:3px solid #eb9b2a;	}
/*----------------------------------------------------------
# Fine Buttons
--------------------------------------------------------------*/
/*----------------------------------------------------------
# Blockquote
--------------------------------------------------------------*/
blockquote{border-left: 3px solid #FFC500;color: #1a1a1a;font-family: Georgia, Times, "Times New Roman", serif;font-size: 1.25em;font-style: italic;line-height: 1.8em;margin: 1.1em 3em; padding: 1em 2em;position: relative; transition: .2s border ease-in-out;z-index: 0;}
blockquote:before{content: "";position: absolute;top: 50%;left: -4px;height: 4em;background-color: #fff;width: 5px;margin-top: -2em;}
blockquote:after{content: "\F255";position: absolute;top: 50%;left: -0.5em;color: #FFC500;font-family: "bootstrap-icons";font-style: normal;line-height: 1.5em;text-align: center;text-indent: -2px;width: 1em;margin-top: -0.75em;font-size:3em !important;transition: .2s all ease-in-out, .4s transform ease-in-out;}
/*----------------------------------------------------------
# Fine Blockquote
--------------------------------------------------------------*/
/*----------------------------------------------------------
# Pagination
--------------------------------------------------------------*/
.page-numbers.current{width: 40px;height: 40px;line-height: 40px;text-align: center;font-size:13px;color: #fff;border-radius: 50%;display: inline-block !important;background-color: #7c8120;margin: 5px;border:none;}
.page-numbers {width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 13px;color: #333;border-radius: 50%;display: inline-block !important;background-color: #ddd;border:none;margin: 5px;}
.page-numbers .nextpostslink, .wp-pagenavi .previouspostslink {background-color: #ccc}
.nav-links a.next,.nav-links a.prev {width:auto;border-radius:0px;background:transparent}
.nav-links a.next:hover,
.nav-links a.prev:hover {
	color: #FFC500;
}
/*----------------------------------------------------------
# Fine Pagination
--------------------------------------------------------------*/
/*----------------------------------------------------------
# News
--------------------------------------------------------------*/
.btnNews{font-size:15px !important;background-color: #333;position: absolute;padding: 15px 40px !important;border-radius:15px !important;/*bottom: 0px;position: absolute;*/}

/*----------------------------------------------------------
# Fine News
--------------------------------------------------------------*/
/*----------------------------------------------------------
# Servizi Home Page
--------------------------------------------------------------*/
.servizi .card:hover img{opacity:.9;  filter: grayscale(100%);}
.servizi .card:hover {background:#eb9b2a !important;transform:scale(1.1);-webkit-transform:scale(1.1)}

/*----------------------------------------------------------
# Fine Servizi Home Page
--------------------------------------------------------------*/
/*----------------------------------------------------------
# Referenze Home Page
--------------------------------------------------------------*/
.titleRef{font-weight:600;padding-left:30px}
.titleRef:before{content: "\F25A";font-family: "bootstrap-icons";font-style: normal;position:absolute;margin-left:-30px}
.testoRef{font-size:1.3em;font-family: Georgia, Times, "Times New Roman", serif;font-style:italic}


/*----------------------------------------------------------
# Fine Referenze Home Page
--------------------------------------------------------------*/
/*----------------------------------------------------------
# OWL Carousel
--------------------------------------------------------------*/
.owl-dots{display:inline-block;margin:0px auto;padding:3em 0}
.owl-dot{display:inline-block;background:#FFC500;width:15px;border-radius:15px;height:15px;margin:10px 5px;-webkit-transition:all .6s ease;transition:all .6s ease}
.owl-dot.active{background:#7c8120;width:30px}
.owl-nav {display: none;}
.owl-item {text-align: center;}

.owl-nav div {background: transparent;color: #fff;font-size: 40px;margin: 0;padding: 0 60px;position: absolute;top: 200px;}
.owl-nav .owl-prev {left: -40px;-webkit-transform:rotate(180deg) }
.owl-nav .owl-next {right: 0;padding-right: 20px;}
/*----------------------------------------------------------
# Fine OWL Carousel
--------------------------------------------------------------*/

/*----------------------------------------------------------
# Distributori e Service Italia
--------------------------------------------------------------*/
a[aria-expanded="true"] > h5 > div   {-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:.4s;transition:.4s}
h5 div.icon {font-size:18px !important;line-height:25px;margin-right:15px}
.partner-header a, .partner-header a:hover{color:#ffffff !important}

/*----------------------------------------------------------
# Fine Distributori e Service Italia
--------------------------------------------------------------*/
/*----------------------------------------------------------
#  Blog e articoli
--------------------------------------------------------------*/
.imgTopBlog{min-height:250px !important}
.imgTopBlog h1{font-size:72px}
.blog-menu ul {
		font-size:14px;
		color:#333;
		list-style: none;
    padding-left: 0px;
    margin-bottom: 0;
    text-transform:initial;
    line-height:1.5em
}
.blog-menu li, .blog-menu a li {
    padding: 11px 0;
    margin-bottom: 0;
    border-bottom: 1px solid #FFC500;
		color:#666 !important;
}
.blog-menu li:hover{
		color:#000 !important;
}
.blog-item { border:1px solid #ddd;font-size: small;}
.blog-home *{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.blog-item a{color:#000 !important;}
.blog-item h2{color:#666 !important;}
.testoBlog{font-size:13px;line-height:1.4em}
.blog-home { margin:0 15px}
.blog-home a{color:#000 !important;}
.blog-img{filter: grayscale(50%);}
.blog-img:hover{filter: grayscale(0%);}

.linkArticolo{font-weight:300;text-transform:uppercase;color:#000 !important;padding-left:15px !important}
.linkArticolo {background: linear-gradient(#FFC500 0 0) calc(100% - var(--p,0%)) / var(--p,0%) no-repeat;transition: .4s, background-position 0s;}
.linkArticolo:hover { --p: 100%;}
/*----------------------------------------------------------
# Fine Blog
--------------------------------------------------------------*/
/*----------------------------------------------------------
# Contact Form 
--------------------------------------------------------------*/
.form-group input, .form-group select, .form-group textarea {margin:10px 0px}
.readonly {
  pointer-events: none;
  opacity: 0.7; /* Opzionale: per un effetto di disabilitazione */
}
/*--------------------------------------------------------------
# FORM CONTATTI
--------------------------------------------------------------*/
.contatti{margin:30px 0;}

.contatti textarea{height: 100px;}
.contatti .btn{font-weight: 700;text-transform: uppercase;color: #fff;padding: 0;width: 250px !important;border-radius: 25px;box-shadow: none;border: none;cursor: pointer}

.wpcf7-form input[type="text"], 
.wpcf7-form select, 
.wpcf7-form input[type="email"], 
.wpcf7-form input[type="date"], 
.wpcf7-form input[type="url"], 
.wpcf7-form input[type="password"], 
.wpcf7-form input[type="search"], 
.wpcf7-form input[type="number"], 
.wpcf7-form input[type="tel"], 
.wpcf7-form textarea {
    color: #1f252b;
		font-size: 15px;    
    width: 100%;
    padding: 12px 16px;
    border-radius: 10px;
    border: 1px solid #ddd;
}

/*span.wpcf7-list-item {display: block;}*/
.wpcf7-form p {
    margin: 0 0 28px;
}
.wpcf7-text:focus, 
.wpcf7-textarea:focus {
    outline: 1px solid rgba(1, 158, 224, 0.9);
    outline-offset: 0;
}

span.wpcf7-not-valid-tip {display:none}
.wpcf7-spinner{position: absolute !important;left:48%}
.wpcf7-display-none {
  display: none;
}

div.wpcf7-mail-sent-ok {
    border: 0;
    background: #5471de;
    color: #fff;
    padding: 18px;
}
div.wpcf7-acceptance-missing,
div.wpcf7-validation-errors {
    border: 0;
    background: #f9443b;
    color: #fff;
    padding: 18px;
}
span.wpcf7-not-valid-tip {
    color: #f9443b;
}
/* 
** Button Styles 
*/
.btnNewsletter {
  background-color: #FFC500;
  border: 0;
  color: #fff;
  border-radius: 1px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 15px;
  width: auto;
  padding: 10px 42px;
  letter-spacing: 2px;
  font-size: 14px;
}
.wpcf7-form .btn, .btnInvia {
    background-color: #FFC500;
    border: 0;
    color: #fff;
    border-radius: 1px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px;
    width: auto;
    padding: 20px 42px;
    letter-spacing: 2px;
    font-size: 14px;
}
.wpcf7-form .btn:hover {
    cursor: pointer;
    box-shadow: 0px 7px 16px -7px rgba(0, 0, 0, 0.4);
    border: 0;
}
input.wpcf7-not-valid {
  border: 1px solid #cc0000 !important;
}
span.wpcf7-not-valid {
     color: #cc0000;
}
label.form-check.form-check-checkbox.not-valid {
  color: var(--bs-danger);
}
label.form-check.form-check-checkbox.not-valid.checked {
  color: currentColor;
}
button.btn.wpcf7-submit:disabled {
  cursor: not-allowed;
}
.wpcf7-form.submitting .wpcf7-response-output {
  display: none;
}
.wpcf7-form .ajax-loader {
    width: 0; 
    height: 1rem;
    margin: 0 0 0 -.3rem;
    opacity: 0; 
    transition: margin .3s,width .3s,opacity .1s;
}
.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    transition: all 0.2s ease-in-out;
}
.wpcf7-form-control-wrap {
  font-family: Poppins, bootstrap-icons !important;
}

/*--------------------------------------------------------------
# FINE FORM CONTATTI
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# GALLERIA IMMAGINI
--------------------------------------------------------------*/
.gallImg  {max-width: none;position: relative;height:  150px;o-object-fit: cover;object-fit: cover;width: 100%;font-family: 'object-fit: cover;';border: 2px solid #FFC500;border-left:15px solid #FFC500}
/*--------------------------------------------------------------
# FINE GALLERIA IMMAGINI
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# MENU DI NAVIGAZIONE
--------------------------------------------------------------*/
.openMenu{position:absolute;top:55px;left:0;width:100%;height:0px;z-index:1000;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.tinyHeader{line-height:40px}

/* .site-nav > ul > li.menu-item {background: linear-gradient(#7c8120 0 0) calc(100% - var(--p,0%)) / var(--p,0%) no-repeat;transition: .4s, background-position 0s;}
.site-nav> ul > li.menu-item:hover { --p: 100%;} */

.site-nav .menu-item a::before {content: '';display: block;margin: auto;height: 5px;width: 0px;background: transparent;transition: width .5s ease, background-color .5s ease;}
.site-nav .menu-item a:hover::before {width: 100%;background: #FFC500;}
.site-nav .sub-menu .menu-item a::before {display: none}

.site-nav{line-height:50px;position:relative;font-size:13px;font-weight:500;}
.site-nav ul{margin:0px !important;}
.site-nav> ul >li.current-menu-item a{color:#FFC500 !important;}
.site-nav-item {list-style-type:none;display:inline-block;}
.site-nav-item ul{margin:0px !important;}


/* rollover voce di menu di primo livello */
.site-nav li.main-menu-item a:hover {color:#FFC500 !important}
.site-nav-item a:hover,.site-nav-item a:focus{text-decoration:none!important;}
.site-header .site-nav-item.current-menu-item,.site-header .site-nav-item.current_page_parent a,.site-header .site-nav-item.current_page_ancestor a{color:#fff !important;}


/* qui cominciano i sottomenu */
.sub-menu{display:none;position:fixed;padding-top: 20px !important;list-style:none;/*background:#fff;*/padding:0!important;line-height:1em;z-index:1030;text-align:left;}
.sub-menu ul{display:block;position:relative;margin:0;}
.sub-menu li {list-style-type:none;display:block;position:relative;font-weight:400;font-size:14px;width:100%;padding-top:12px;line-height:1.2em;padding-right:20px}

/* style per i sottomenu */
.sub-menu a{color:#000000 !important;text-transform:uppercase;/*border:none !important*/}
.sub-menu a:hover,.site-nav-item .sub-menu a:focus{color:#FFC500!important;background:none !important;}

.megamenu .sub-menu {display:none;opacity:0; /*pointer-events: none;*/}
/* qui forzionamo il menu climother in quanto non tassonomia */
.megamenu .sub-menu > .menu-item-has-children > a , .megamenu .sub-menu > .menu-item-object-apparecchiature > a  {color:#52450a !important;list-style-type:none;display:inline-block;position:relative;font-weight:400;font-size:21px;padding:15px 0px;border-bottom:1px solid #52450a;}


/* menu di terzo livello*/
.sub-menu li ul.sub-menu{display:block;}
.sub-menu a li.submenu a{color:#000000 !important;padding:3px 20px;text-transform:uppercase;border:none !important}


@media screen and (min-width:1024px) {
  .nav-mobile{display:none}
  .c-site-header__nav__item.menu-item-has-children:hover::after{content:'';display:block;background:#fff;width:20px;height:20px;position:absolute;bottom:-10px;-webkit-transform:translateX(25px) rotate(45deg);transform:translateX(25px) rotate(45deg)}
  }
/*--------------------------------------------------------------
# FINE MENU DI NAVIGAZIONE
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# MEGAMENU
--------------------------------------------------------------*/
.mega-menu-description{display:none !important}
/*--------------------------------------------------------------
# FINE MEGAMENU
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# BREADCRUMBS E SEARCH
--------------------------------------------------------------*/

.breadcrumbs{color:#000;font-size:11px;padding:20px 10px;width:100%;text-transform:uppercase;font-weight:400}
.breadcrumbs a{color:#FFC500}
.breadcrumbs span{padding:0 5px}

.searchResult{padding:20px 0;border-top:1px solid #ccc}
.searchResult {color:var(--color-neutral-80);}
.searchResult:hover{color:#FFC500}

/*--------------------------------------------------------------
# FINE BREADCRUMBS E SEARCH
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
.footer{font-size:14px;padding-top:60px;padding-bottom:60px;line-height:1.5;color:#000;font-weight:300}
.footer ul{margin:0;padding:0}
.footer li{list-style-type:none;margin-bottom:10px}
.footer a:hover{color:#990000}
.footer-tel,.footer-tel a{color:#B35538;font-weight:400;font-size:12px}
.footer-title a, .footer-SubCat a{color:#000000}
.footer-title{font-size:16px;margin:0;margin:5px 0px;font-weight: 500;}
.footer-servizi{margin:50px 0;background-color: #f5f5f5;padding-bottom:30px}
.footer-servizi a:hover{color:#999}
.footer-social-item{display:inline-block;margin-right:8px}
.footer-social-item a{background:#f5f5f5;color:var(--color-neutral-80);display:block;border-radius:50%;width:50px;height:50px;line-height:50px;text-align:center;font-size:20px}

.footer-menu li a{color:#842f36;font-weight:400}

/*--------------------------------------------------------------
# FINE FOOTER
--------------------------------------------------------------*/

ol,ul{padding-left:20px}

.c-pre-contatti{display:inline-block;width:150px;height:30px;font-size:15px}


.imageTop { min-height: 500px;}

#map {height: 500px}
.mappa {height: 350px}

@media screen and (max-width:720px) {
/*--------------------------------------------------------------
# object responsive
--------------------------------------------------------------*/
.btnHero, .btnSlider, .btnServizi {font-size: 13px !important;}
.btnHero {
  display: inline-block; /* O block se necessario */
  padding: 10px 20px;
  width: 80%; 
  white-space: normal; /* Permette al testo di andare a capo */
  word-wrap: break-word; /* Gestisce le parole troppo lunghe */
  overflow: hidden; /* Evita che il contenuto esca */
  box-sizing: border-box; /* Include il padding nel calcolo delle dimensioni */
}
/*--------------------------------------------------------------
# HP responsive
--------------------------------------------------------------*/

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* Rimuove il flash grigio/blu del browser */
}
.row.sliderHP {min-height:150px !important}  

.testoLancio{font-size: 1.3em;}
.imageTop{ min-height: 250px !important;}
.catHP * {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.catHP{border:1px solid #ffffff !important;background-color: #FFC500 !important;}


.catHP .titleCat{line-height:1.1em;font-size:13px !important;font-weight:400;}
.catHP:hover .titleCat{opacity:1;color:var(--color-neutral-0)}

.catHP a{color:#000 !important;}
.catHP:active, .catHP:hover{background-color:var(--color-neutral-10) !important;}

.btnHero, .btnSlider, .btnServizi {font-size: 11px;}
.titleBorder{border-right: 0px !important;}

/*--------------------------------------------------------------
# fine hp
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# PRODOTTI responsive
--------------------------------------------------------------*/
.card-img-top {min-height: 0px}
.card .productCardTitle{font-size:1em}
.subTitle{font-size:0.8em}
.dettaglioProdotti{font-size:.9em}
.catTitle{font-size:1.2em}
.dettaglioProdotti>.row:nth-child(even) {background:#FFC500 }
/*--------------------------------------------------------------
# fine prodotti
--------------------------------------------------------------*/
.megamenu .sub-menu {display:none;opacity:1}
/*.c-site-header .menu-item a::before {font-family:'icomoon';content: '\ea43';display: block;margin: auto;height: 5px;width: 0px;background: transparent;transition: width .5s ease, background-color .5s ease;}*/
h1.titleSection{font-size:18px !important}
.contatti input{width:90% !important;}
.contatti .btn{border-radius:25px;margin-top:15px;right:0}


}
@media screen and (max-width:480px) {  
.video  iframe, .video embed {width: 100%;height: 300px;}
.site-nav-item {display:block;padding:15px;text-transform: uppercase;border-bottom:1px solid #ffffff}
.site-nav-item a {color:#aa8408 !important;}
.site-nav-item a:hover {color:#000 !important;}
.megamenu .sub-menu > .menu-item-has-children > a , .megamenu .sub-menu > .menu-item-object-apparecchiature > a  {color:#aa8408 !important;font-size:14px;border:none;padding:0px}
.sub-menu .site-nav-item{border:none}
}

@media screen and (min-width:720px) and (max-width:1500px) {
.quad-item__title{font-size:1.2em;}
.quad-menu-title{font-size:1.2em;}
.quad{border:1px solidvar(--color-neutral-0)}
}

@media screen and (min-width:0) and (max-width:998px) {
.titleCat{font-size:10px !important;}
.card-img-top {width: 100%;height:auto;object-fit: contain;}
h1.titoloSpot {font-size: 30px !important;font-style: italic;font-weight: 300 !important;text-shadow: 4px 0 7px black;}

}

@media (min-width: 1200px) {
  .container{max-width: 1440px;}
}