/*
Theme Name:OEM 2025
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-oem:#E40C18;
    --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: "Inter", 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: "Inter", sans-serif;
    --main-menu-font-family: "Inter", sans-serif;
    --heading-font-family: "Inter", 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: "Inter", sans-serif;
    --image-caption-font-weight: var(--global-weight-normal);
    --legal-font-family: "Inter", sans-serif;
    --legal-font-weight: var(--global-weight-normal);
    --menu-heading-font-family: "Inter", sans-serif;
    --menu-heading-font-weight: var(--global-weight-medium);
    --menu-body-font-family: "Inter", sans-serif;
    --menu-body-font-weight: var(--global-weight-normal);
    --font-family-monospace: "Inter", Courier, monospace;
    --font-family-serif: "serif";
    --button-font-family: "Inter", 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:  "Inter", sans-serif !important;color:var(--color-neutral-100);line-height:1.5;font-weight:300;font-size:15px}
h1,h2,h3,h4,h5,h6{font-family: var(--body-font-family);font-weight:var(--global-weight-normal);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: #333}
a {color: #000;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)}
.bgRossoOEM{background-color:#E40C18}
.bgBeigeOEM{background-color:#DFD9D2}
.bgProfi{background-color:#a29a8c}
.bgSubCat{background-color:#ffffff/*#A09F00*/}
.bgTitoloPagina{background: linear-gradient(to right, #E40C18 50%, var(--color-neutral-10) 50%)}
.bgNewsletter{background-color:#d8e0ce}
.bgFooter{background-color: #C3BAAB;}
.bgProgettazione{background-color: #a6b585}
/*----------------------------------------------------------
# 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: #E40C18; 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: #555;background-image: none;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;
}

.search-input:focus {
  border-color: #ff9900;
  box-shadow: 0 0 5px rgba(255, 153, 0, 0.5);
}

/*----------------------------------------------------------
# Testo
--------------------------------------------------------------*/
.whiteText {color: var(--color-neutral-0);}
.txtOEM{color:#E40C18 !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}
/*----------------------------------------------------------
# Slider  HP
--------------------------------------------------------------*/
.sliderHP{overflow: hidden;width: 100%;background-size: cover;position: relative;background-repeat: no-repeat;background-position: center;border-bottom:10px solid #E40C18}	
.imgSlider{z-index:1000;margin-top:-20px}
.sliderTitolo{font-size:3em;line-height:1em;font-style: italic;font-weight: 500;}
.slidersubTitolo{font-style: italic;font-weight: 400;font-size:1.5em}

/*----------------------------------------------------------
# Indicatori selezione slider
--------------------------------------------------------------*/
 .carousel-indicators {position:relative !important;margin:0% !important;}
.carousel-indicators [data-bs-target]{display:inline-block; border: none;box-sizing:unset;background:#000;width:15px;border-radius:15px;height:15px;margin:10px 5px;-webkit-transition:all .6s ease;transition:all .6s ease}
.carousel-indicators li.active {background:#E40C18;width:30px}
.carousel-indicators li:hover{background-color: #000000 !important;cursor:pointer }
.carousel-inner{height:auto !important}
.carousel-item .row.sliderHP{min-height:350px !important;margin:0 !important}
.carousel-inner {
    overflow: inherit !important;
}

.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}
.itemCarousel:hover{background-color: #D3D3D3 !important;cursor:pointer;color:#ffffff !important}
.itemCarousel{-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
 

/*----------------------------------------------------------
# Pre header
--------------------------------------------------------------*/
.c-site-pre-header{width:100%;background:var(--color-oem);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}
.c-pre-social__item i{font-size:1.5em}

.ricambi{background-color: #990000;color: #fff;display: flex;align-items: center;padding: 0 1rem;font-weight:500;font-size:0.8em}

/*----------------------------------------------------------
# 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:#E40C18;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:#E40C18;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:#E40C18;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  */

.polaroidGallery {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05);}
.polaroidGallery:hover  {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 6px 20px 0 rgba(0, 0, 0, 0.15);}


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

.titCategoria{color:#fff;text-transform:uppercase}
.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:#c60811 }
.profi, .subcat {font-size:15px !important;line-height:15px !important;text-transform:uppercase;border-bottom:1px solid #E40C18}
.profi a , a .subcat   {color:#fff !important}
/*.profi:hover  {color:#E40C18 !important;background:#7c8120}*/
.profi.active {color:#ffffff !important;background:#c60811} 
.profi {background: linear-gradient(#c7aa77 0 0) calc(100% - var(--p,0%)) / var(--p,0%) no-repeat;transition: .4s, background-position 0s;}
.profi:hover { --p: 100%;}

/*----------------------------------------------------------
# Referenze
--------------------------------------------------------------*/
.colObiettivo::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -15px; /* sporge verso la seconda colonna */
  width: 30px;
  height: 30px;
  background-color: #0d6efd;
  transform: translateY(-50%) rotate(45deg);
  z-index: 2;
}
table, table td{
  border: none;
}

table{
  width: 100%;
}

table td{
  vertical-align: top;
  font-size: 15px;
  width: 50%;
}

table tr td:first-child{
  font-weight: bold;
}
table tr td:last-child{
  font-weight: 100;
  padding-left: 8px;
}


/*----------------------------------------------------------
# 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:#E40C18 !important;}
.subcat >.attivo {color:#E40C18;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 e immagine bg cover
--------------------------------------------------------------*/
.affix {position: fixed;top: 0;	  right: 0;  left: 0;  z-index: 1030;max-height:170px;}
.bg-cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 350px; /* oppure un'altezza fissa tipo 400px */
  height: 100%;
}

/*----------------------------------------------------------
# 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 a:hover .btnFisso{background:#E40C18;color:#ffffff !important} 
.card a:hover img{opacity:.2;  filter: grayscale(50%);}
.card a .btnFisso{background:#DFD9D2;color:#ffffff !important} 
.card a {cursor:poiinter}

.productCardTitle{font-size:21px;line-height:1em;text-transform:uppercase;font-weight:500;color: #cc0000}
.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;    right: -19px;bottom: -25px;height: 50px;-webkit-transform: rotate(90deg);width: 50px;background-color: #E40C18;}*/
.catTitle:after {content: "";position: absolute;left: 0;bottom: 0px;height: 1px;width: 100%;background-color: #E40C18}
.subText{font-size:13px;font-weight:300;color:#333;}
.card-img-top {width: 100%;object-fit: contain;height: 260px;}
.prod-bar {width: 50px;height: 2px;background-color: #E40C18;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}

.productCardTitlePizzahub{font-size:15px;line-height:1em;text-transform:uppercase;font-weight:500;color: #cc0000}

/* 
.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 #E40C18 !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-color: #E40C18;color:#ffffff}
.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;}

.vantaggi h2{font-size:18px}

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

.lancioProdotto{font-size:1.4em;font-weight: 500;}

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

.vantaggi li {
  list-style: none; /* rimuove il punto elenco standard */
  position: relative;
  padding-left: 10px; /* spazio per l’icona */
}

.vantaggi li::before {
  content: "\F271"; /* codice Unicode dell’icona bi-check-square-fill */
  font-family: bootstrap-icons !important;
  position: absolute;
  left: -20px;

  font-size: 1.2em;
  color: #198754; /* verde Bootstrap, puoi cambiarlo */
}

/*----------------------------------------------------------
# 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:#E40C18}
.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
--------------------------------------------------------------*/
.titleSection{font-weight:500 !important;}

.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: 10px solid #E40C18;padding: 3% 12% 3% 3%;}

.sectionSubTitle, .sectionSubTitle p{line-height:1em;font-weight:500;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
--------------------------------------------------------------*/
/*----------------------------------------------------------
# Milestones
--------------------------------------------------------------*/

#milestones{
  padding-top: 50px;
  padding-bottom: 50px;
  background-image: url('img/ingredienti-a.jpg'), url('img/ingredienti-b.jpg');
  background-repeat:no-repeat, no-repeat;
  background-size: contain,contain;
  background-position: left top, left bottom;
}

#milestones .title{
  text-align: center;
  position: relative;
  z-index: 100;
}

#milestones .title p{
  font-size: 18px;
  white-space: nowrap;
}

#milestones .title h1{
  margin-top: 0;
  margin-bottom: 28px;

}

#milestones .rows-wrapper{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  padding-top: 50px;
}

#milestones .row.voffset{
  margin-top: -100px;
}

#milestones .row h3{
  margin: 0;
  font-size: 27px;
  font-weight: 800;
  color: #df1520;
}


#milestones .row h4{
  margin-top: 3px;
  margin-bottom: 28px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
}

#milestones .row p{
  font-size: 16px;
}

#milestones .row hr{
  margin: 13.5px 0;
}

#milestones .row.odd{
  text-align: right;
}

#milestones .row.even .vertical-line{
  padding-left: 0;
}

#milestones .row.odd .vertical-line{
  padding-right: 0;
}

#milestones .container{
  position: relative;
}

#milestones .vline{
  border-left: 1px solid #000;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 50%;
  top:0;
}
/*----------------------------------------------------------
# Fine Milestones
--------------------------------------------------------------*/
/*----------------------------------------------------------
# Counters
--------------------------------------------------------------*/
.counters {
	padding: 40px 20px;
}

.counters .container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 30px;
	text-align: center;
}


.counters .counter {
  font-size: 70px;
  font-weight: 500;
	margin: 10px 0;
}

@media (max-width: 700px) {
	.counters .container {
		grid-template-columns: repeat(2, 1fr);
	}

	.counters .container > div:nth-of-type(1),
	.counters .container > div:nth-of-type(2) {
		border-bottom: 1px lightskyblue solid;
		padding-bottom: 20px;
	}
  #milestones .row.voffset{
    margin-top: 0px;
  }
}
/*----------------------------------------------------------
# Fine Counters
--------------------------------------------------------------*/
/*----------------------------------------------------------
# valori PizzaHub
--------------------------------------------------------------*/
.valori_carousel p{margin:0;}
.valori_carousel h2{font-size:1.5em;font-weight:500;}
.valori_carousel h1{color:#cc0000}
.valori_carousel img{max-height:200px; width:auto !important;height:auto}

/*----------------------------------------------------------
# fine valori PizzaHub
--------------------------------------------------------------*/
/*----------------------------------------------------------
# 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:#E40C18 !important;border:3px solid #E40C18; font-weight:600;border-radius:10px}
.btnHero:hover {background:#E40C18 !important;color:#fff !important;border:3px solid #E40C18;	}
a.btnHero:hover {color:#fff !important	}
.btnSlider{color:#fff !important;text-transform:uppercase;background:#E40C18 !important;border:3px solid #E40C18;}
.btnSlider:hover {background:transparent !important;color:#E40C18 !important;border:3px solid #E40C18;	}
a.btnBrochure:hover {color:var(--color-neutral-80) !important	}
.btnServizi{color:#fff !important;text-transform:uppercase;background:#E40C18 !important;border:3px solid #ffffff;font-size:12px}
.btnServizi:hover {background:#eb9b2a !important;color:#fff !important;border:3px solid #eb9b2a;	}
/*----------------------------------------------------------
# Fine Buttons
--------------------------------------------------------------*/
/*----------------------------------------------------------
# Blockquote
--------------------------------------------------------------*/
blockquote{border-left: 3px solid #E40C18;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: #E40C18;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: #E40C18;
}
/*----------------------------------------------------------
# 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:#c60811 !important;color:#ffffff;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:-50px}
.testoRef{font-family: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:#E40C18;width:15px;border-radius:15px;height:15px;margin:10px 5px;-webkit-transition:all .6s ease;transition:all .6s ease}
.owl-dot.active{background:#840a10;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 #E40C18;
		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(#E40C18 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: #E40C18;
  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: #E40C18;
    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:120px;o-object-fit: cover;object-fit: cover;width: 100%;font-family: 'object-fit: cover;';}
/*--------------------------------------------------------------
# FINE GALLERIA IMMAGINI
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# MENU DI NAVIGAZIONE
--------------------------------------------------------------*/
.openMenu{position:absolute;top:165px;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:60px !important}


.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: #E40C18;}
.site-nav .sub-menu .menu-item a::before {display: none}

.site-nav{line-height:100px;position:relative;font-size:14px;font-weight:500;text-transform: uppercase;}
.site-nav ul{margin:0px !important;}
.site-nav> ul >li.current-menu-item a{color:#E40C18 !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:#9c1017 !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:#E40C18 !important;}


/* qui cominciano i sottomenu */
.sub-menu{opacity:0;position:absolute;/*left:0px;*/padding-top: 20px !important;list-style:none;/*background:#fff;*/padding:0!important;line-height:1em;z-index:1030;text-align:left;  transition: opacity 0.4s ease, visibility 0.4s ease;}
.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%;line-height:1.2em;padding:20px;background-color:var(--color-neutral-10);margin-top:3px}

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

.megamenu .sub-menu {display:none;opacity:0;left: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-categoria_prodotto > a  {color:#00000 !important;list-style-type:none;display:inline-block;position:relative;font-weight:400;font-size:21px;padding:15px 0px;line-height:1.2em}


/* 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:#ffffff;font-size:11px;padding:20px 10px;width:100%;text-transform:uppercase;font-weight:400}
.breadcrumbs a{color:#f1db10}
.breadcrumbs span{padding:0 5px}

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

/*--------------------------------------------------------------
# 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:11px}
.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 */
}

.counters .counter {font-size: 30px;}

  .colonne-responsive {
    column-count: 1 !important;
  }
/*--------------------------------------------------------------
# HP responsive
--------------------------------------------------------------*/

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* Rimuove il flash grigio/blu del browser */
}

.owl-dots{padding:1em 0}

.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: #E40C18 !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;}

.imgSlider{margin-top:-20px}
.sliderTitolo{font-size:1.2em !important}
.slidersubTitolo{font-size:1em;font-style: italic;font-weight: 400;}


/*--------------------------------------------------------------
# fine hp
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# PRODOTTI responsive
--------------------------------------------------------------*/
.card .productCardTitle{font-size:1em}
.subTitle{font-size:0.8em}
.dettaglioProdotti{font-size:.9em;background:#fff;}
.catTitle{font-size:1.2em}
.dettaglioProdotti>.row:nth-child(even) {background:#E40C18;color:#fff !important }
/*--------------------------------------------------------------
# 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:#ffffff !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:#ffffff !important;font-size:14px !important;border:none;padding:0px !important}
.sub-menu .site-nav-item{border:none;background: none !important;}
.megamenu .sub-menu > .menu-item-has-children > a , .megamenu .sub-menu > .menu-item-object-categoria_prodotto > a  {font-size:14px;padding:0px;line-height:1em}
.sub-menu li {padding:10px 15px}

}

@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;}
	.w-75{width:100% !important}
	h1, h2, h3, h4, h5, h6 {font-size:1.2em}
}

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


/*--------------------------------------------------------------
# PROGETTAZIONE
--------------------------------------------------------------*/

svg *[class*='baloon']{
    -webkit-filter: url('#dropshadow');
    filter: url('#dropshadow');
}
/* Balloon inizialmente nascosto e traslato */
#progettazione-slider [class*='spots-'] > [class*='baloon'] {
  opacity: 0;
  transform: translateY(50%);
  transition: all 0.5s ease;
  pointer-events: none;
}

/* Balloon visibile al hover o se selezionato */
#progettazione-slider [class*='spots-'].selected > [class*='baloon'],
#progettazione-slider [class*='spots-'] > [class*='baloon'].over {
  opacity: 1;
  transform: translateY(0%);
  pointer-events: auto;
}
.card.highlighted {
  background:#eabb2e;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
  transition: all 0.3s ease;
  opacity: 1;
}


*[class^="hit"] {
  fill: transparent;
  stroke: none;
}