/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 29.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/*p {font-size: 20px}*/
h1 {font-size: 44px; line-height: 1.05em }
h2 {font-size: 30px;line-height: 1.2em !important}
h3 {font-size: 28px; line-height: 1.2em !important}
h4 {font-size: 28px; line-height: 1.2em !important; }

.product-category h4 {line-height: 1.3;font-size: 16px;text-transform: uppercase;}
.correlati h4 {line-height: 1.3;font-size: 16px;text-transform: uppercase;}


.h4 {font-size: 22px !important; line-height: 1.2em !important;font-family: Poppins; font-weight: 700;margin-bottom: 10px }
.h4 h3{font-size: 22px !important; line-height: 1.2em !important;font-family: Poppins; font-weight: 700;margin-bottom: 10px }


.back-to-top {background: #DF2822 !important; border: 2px solid #DF2822 !important;}
.back-to-top:hover {background: #fff !important}

sup {font-size: 0.6em; vertical-align: super;}

.servizi p {margin: 10px 0px; line-height: 1.3em}

.testo-big p {font-size: 40px; font-style: italic; font-weight: 700; line-height: 1.2em !important}

#top-bar .flex-right{width: 50%}
#top-bar p{font-size: 16px; font-family: Poppins}

.header-nav{ font-family: Poppins !important}

.header-logo {width: 152px !important}
.header-main {border-bottom: 2px solid #DF2822}

/*.btn-contatti {background: #DF2822; color: #fff; border-radius: 30px}
.btn-contatti:hover {background: #fff; color: #DF2822; border-radius: 30px}
.btn-contatti a:hover {color: #DF2822; border-radius: 30px}
.btn-contatti a{color: #fff !important; padding: 8px 30px !important; }*/

.button {  border:2px solid #DF2822;font-size: 16px}
.button:hover { box-shadow: inset 0 0 0 100px rgba(0,0,0,0);color: #DF2822;background:#fff; border:2px solid #DF2822;}
  
.nav-top-link {color: #000 !important; padding: 8px 20px !important; }
.nav-top-link:hover{color: #DF2822 !important;}

.sinistra {float: left; width: auto; font-size: 16px}
.destra {float: right; width: auto;font-size: 16px; margin-left: 30px}

.sinistra img{width: 16px;}
.destra img {width: 16px;}

#top-bar .icon-box-left .icon-box-img + .icon-box-text {padding-left: 0.2em;}
#top-bar a {text-decoration: none; color: #101010; font-size: 16px !important}
#top-bar a:hover {color: #DF2822; }


.logo-footer img { width: 152px !important; filter: brightness(0) invert(1);}
#footer a, #footer p  {color: #fff !important; font-size: 16px}
#footer a:hover  {color: #DF2822 !important}
.icon-footer img {width: 81px}
#footer .h4 {font-size: 22px; line-height: 1.2em !important; color: #fff !important; margin:15px 0px 0px !important; font-weight: 700; font-family: Poppins}
#footer ul { margin-top: 20px}
#footer li::marker { color: #DF2822; /* Cambia il colore del pallino */}
#footer .no-bullet ul {  list-style-type: none;}
#footer .no-bullet ul li{  margin-left: 0em;}
#footer li .h4 a{font-size: 22px !important; line-height: 1.2em !important; color: #fff !important; margin:10px 0px 0px !important;font-weight: 700; font-family: Poppins}
#footer li .h4 a:hover{color: #DF2822 !important}

.legal .col-inner{border-radius: 30px}
#footer .legal .col-inner a:hover{color: #fff !important; text-decoration: underline !important}

.absolute-footer {background: #280100}



.icone-hp1 .h4 {font-size: 35px !important; line-height: 1.2em !important; color: #fff !important; margin:0px 0px 0px !important;font-weight: 700; font-family: Poppins}

.bullet-title p {font-size: 16px; text-transform: uppercase; color: #DF2822; font-weight: 500; font-family: Poppins}
.bullet-title .cerchio::before {content:"";background-image: url('/wp-content/themes/flatsome-child/assets/img/bullet.png') ;
width: 26px; height: 27px;background-size: 26px 27px; display: inline-block;margin-right: 8px;  margin-bottom: -6px;}

.banner {background-color: transparent !important;}

.rounded .col-inner{border-radius: 20px}
.rounded .banner-bg{border-top-left-radius: 20px; border-bottom-left-radius: 20px}
.rounded img{border-radius: 20px}
.woocommerce-product-gallery__image img {border-radius: 20px}


.menu-footer  {text-align: center;}
.menu-footer .col{padding: 0px;}
.menu-footer li {display: inline-block;  list-style: none;border-top:none !important;}
.menu-footer li a{color:#fff ; font-weight: 700; font-size: 16px; padding: 10px 1.7rem 10px 1.7rem !important}

.wpcf7-list-item-label {color: #fff; font-weight: normal !important; font-size: 16px !important}


/* azzera qualsiasi content precedente */
.name.product-title.woocommerce-loop-product__title a::after {
  content: "" !important;
  display: block;
  margin-top: 5px;
  text-decoration: none;
  font-family: Roboto !important;
  font-size: 16px;
  font-weight: 300 !important;
}

/* IT */
html:lang(it), html[lang="it-IT"] {
  /* solo per compatibilità, usiamo entrambi */
}
html:lang(it) .name.product-title.woocommerce-loop-product__title a::after,
html[lang="it-IT"] .name.product-title.woocommerce-loop-product__title a::after{
  content: "Scopri di più" !important;
}

/* EN (copre en, en-GB, en-US, ecc.) */
html:lang(en) .name.product-title.woocommerce-loop-product__title a::after,
html[lang^="en"] .name.product-title.woocommerce-loop-product__title a::after{
  content: "Learn more" !important;
}


.name.product-title.woocommerce-loop-product__title a::after { color: #101010}
.name.product-title.woocommerce-loop-product__title a:hover::after { text-decoration: underline;color: #DF2822}

/*.attachment-woocommerce_thumbnail {border-radius: 20px; }*/
.box-label .box-text.text-center {width: 85%;border-radius: 10px;margin: 10% 0 7% 0; }
.woocommerce-LoopProduct-link {font-size: 16px; color: #101010;  font-family: Poppins; line-height: 1.1em !important; font-weight: 700}


/*Applicazioni*/

.applicazioni-hp {position: relative;  background: #EFF1ED;  border-radius: 20px;  padding: 20px 20px 0px 20px;
width: 100%;  overflow: hidden; transition: background-color 0.3s ease;min-height: 270px;}

.applicazioni-hp .titolo {min-height: 110px}
.applicazioni-hp .h4{min-height: 60px; font-family: Poppins, sans-serif;font-size: 20px !important; font-weight: 700; line-height: 1.2em !important;}
.applicazioni-hp img {height: 60px}

.applicazioni-hp::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/wp-content/themes/flatsome-child/assets/img/hover-box.jpg'); background-size: cover; background-position: center; opacity: 0; transition: opacity 0.3s ease; z-index: 0; }


.condizionatori::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/wp-content/themes/flatsome-child/assets/img/over-app/condizionatori.jpg'); background-size: cover; background-position: center; opacity: 0; transition: opacity 0.3s ease; z-index: 0; }

.datacenter::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/wp-content/themes/flatsome-child/assets/img/over-app/datacenter.jpg'); background-size: cover; background-position: center; opacity: 0; transition: opacity 0.3s ease; z-index: 0; }

.macchinari::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/wp-content/themes/flatsome-child/assets/img/over-app/macchinari.jpg'); background-size: cover; background-position: center; opacity: 0; transition: opacity 0.3s ease; z-index: 0; }

.pompe1::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/wp-content/themes/flatsome-child/assets/img/over-app/pompe1.jpg'); background-size: cover; background-position: center; opacity: 0; transition: opacity 0.3s ease; z-index: 0; }

.unita::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/wp-content/themes/flatsome-child/assets/img/over-app/unita.jpg'); background-size: cover; background-position: center; opacity: 0; transition: opacity 0.3s ease; z-index: 0; }

.uta::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/wp-content/themes/flatsome-child/assets/img/over-app/uta.jpg'); background-size: cover; background-position: center; opacity: 0; transition: opacity 0.3s ease; z-index: 0; }

.refrigeratori::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/wp-content/themes/flatsome-child/assets/img/over-app/chiller.jpg'); background-size: cover; background-position: center; opacity: 0; transition: opacity 0.3s ease; z-index: 0; }

.sistemi::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/wp-content/themes/flatsome-child/assets/img/over-app/sistemi.jpg'); background-size: cover; background-position: center; opacity: 0; transition: opacity 0.3s ease; z-index: 0; }

.pompe2::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/wp-content/themes/flatsome-child/assets/img/over-app/pompe2.jpg'); background-size: cover; background-position: center; opacity: 0; transition: opacity 0.3s ease; z-index: 0; }

.gruppi::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/wp-content/themes/flatsome-child/assets/img/over-app/gruppi.jpg'); background-size: cover; background-position: center; opacity: 0; transition: opacity 0.3s ease; z-index: 0; }




.applicazioni-hp p a .scopri-bg {background: #fff;  border-radius: 10px; padding: 4px 16px; box-shadow: 1px 1px 3px 0 rgba(0,0,0,.1);  color: #101010; display: inline-block;  transition: background 0.2s, color 0.2s;  position: relative;  z-index: 3;}

.applicazioni-hp:hover p a .scopri-bg { background: #fff; color: #101010;}




.applicazioni-hp:hover::before { opacity: 1; }
.applicazioni-hp .h4, .applicazioni-hp p { position: relative; z-index: 2; color: black; transition: color 0.3s ease; }
.applicazioni-hp:hover .h4, .applicazioni-hp:hover p { color: #fff !important; }
.applicazioni-hp .size-medium { transition: filter 0.3s ease; filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%); }
.applicazioni-hp:hover .size-medium { filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%); }
.applicazioni-hp:hover a { color: #fff !important; font-weight: 500; display: block; }
.applicazioni-hp a { font-weight: 500; display: block; position: absolute; height: 100%; top: -210px; width: 100%; text-align: center; padding: 190px 0px 0px 0px; }

.applicazioni {display: flex; flex-wrap: wrap;margin-left: auto !important;  margin-right: auto !important;}
.applicazioni .un-quinto, .correlati .un-quinto {flex: 0 0 20% ;  max-width: 20%; box-sizing: border-box;}
.applicazioni .un-quinto a, .correlati .un-quinto a {color: #101010 }
.applicazioni .un-quinto {padding: 0 9.8px 19.6px !important;}

/*.applicazioni .icon {display:none;}*/
.applicazioni-hp:hover .icon { color: #fff !important;  }


.linkdx {float: right; font-family: Roboto;font-weight: normal; font-size: 16px}
.linkcategorie a {display: block;padding: 20px 0px;}

.linkcategorie::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/wp-content/themes/flatsome-child/assets/img/bkg-categorie.jpg'); background-size: cover; background-position: center; opacity: 0; transition: opacity 0.3s ease;z-index: 0;}

.linkcategorie:hover::before {opacity: 1;}
.linkcategorie h3 {padding: 0px 20px;margin: 0px;font-family: Poppins; font-weight: 700; font-size: 20px}
.linkcategorie:hover a {color: #fff !important;}

.scelta-hp {background: #EFF1ED; border-radius: 20px; padding: 18px 18px 18px 18px; width: 100%; min-height: 350px}
/*.scelta-hp h4{min-height: 20px}*/
.scelta-hp img {height: 60px}

/*form*/

.wpcf7-form .right {width: 50%; float: left; padding: 0px 4px 0px 10px}
.wpcf7-form  .left {width: 50%; float: left; padding: 0px 10px 0px 4px}
.wpcf7-form  .tot {padding: 0px 4px;  margin: 0 auto;}
.wpcf7-form  .tot2 {width: 100%; float: left; padding: 20px 4px}

.icon-linkedin {font-size: 1.3em !important}

.wpcf7-list-item-label {color: #fff; font-weight: 300}
.wpcf7-list-item-label a {color: #fff !important; text-decoration: underline}
.wpcf7-form  .accetto {border: none !important;margin-left: 0px; font-size: 110%;color: #000; }

.button, button, input[type="button"], input[type="reset"], input[type="submit"] {font-weight: normal !important; padding: 0px 30px}

input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {border-radius: 10px;}


.wpcf7 .wpcf7-form-control-wrap {display: contents;}
.wpcf7-response-output {color: #fff}
.wpcf7-file {display: block; margin:3px 0px 10px 0px}

.wpcf7-spinner{display: none !important}

input[type="submit"]:hover {box-shadow: inset 0 0 0 0px rgba(0,0,0,0);}

.wpcf7 form.sent .wpcf7-response-output {color: #fff !important;}
.wpcf7-response-output {color: #fff !important;}


/*Breadcrumb prodotto*/
.woocommerce-breadcrumb, .breadcrumbs .divider{font-size: 16px; text-transform: none; color: #101010 !important; opacity: 1}
.woocommerce-breadcrumb a{ font-size: 16px; color: #df2822}

.woocommerce-breadcrumb a:nth-of-type(3) {
    pointer-events: none;       /* Disabilita clic */
    color: #101010 !important;     /* Colore grigio o altro */
    cursor: default;            /* Cursore normale */
    text-decoration: none;      /* Rimuove sottolineatura */
    font-weight: normal;        /* Opzionale */
}



/*Pagine interne*/


.small h3{font-size: 26px !important;font-style: normal !important; line-height: 1.3em !important;}
.text li {font-size: 20px !important}


/*Prodotto*/

.product-main {padding: 80px 0;}

.product .flickity-button {display: none !important}

.single-product .container .section {padding-left: 0px; padding-right: 0px;}

.single-product h1 {font-size: 44px; }
.single-product h2 {font-size: 30px; }
.single-product h3 {font-size: 30px; }

#flatsome-caption-overlay { position: absolute; bottom: 160px; right: 32px;  background: rgba(0, 0, 0, 0.6);  color: #fff; padding: 5px 10px;  font-size: 13px; border-radius: 5px;  z-index: 99; pointer-events: none;}



.product-box {background: #EFF1ED; padding: 20px 30px; border-radius: 20px; }
.archivio {background: #EFF1ED; padding: 20px 30px; border-radius: 20px;}

.product-box a, .product-box p{color: #101010; font-weight: 700; }
.product-box a{ text-decoration: underline}
.archivio a, .archivio p{color: #101010; font-weight: 700}
.archivio a{ text-decoration: underline}
.archivio .button {color: #fff; }
.archivio .button:hover {color: #DF2822; }

.product-box a:hover{text-decoration: underline}

.flickity-slider .col a{border-radius: 20px}

.single-product h3 {margin-top: 40px}

/*.product-box .no-lock a::before { content: ''; display: inline-block; background: url('/wp-content/themes/flatsome-child/assets/img/no-lock.svg') no-repeat center;background-size: contain; width: 22px; height: 22px; margin-right: 5px; vertical-align: middle;}

.product-box .lock::before { content: ''; display: inline-block; background: url('/wp-content/themes/flatsome-child/assets/img/lock.svg') no-repeat center;background-size: contain; width: 22px; height: 22px; margin-right: 5px; vertical-align: middle;}

.archivio .no-lock a::before {filter: brightness(0) saturate(100%) invert(0%);}
.archivio .lock::before {filter: brightness(0) saturate(100%) invert(0%);}
*/
.archivio h4 {height: 50px; margin-bottom: 30px}

.registrati {width: 100%}

.product-downloads-archivio {display: flex; flex-wrap: wrap; gap:20px; margin-bottom: 100px}
.product-downloads-archivio .archivio { width: calc(50% - 10px); box-sizing: border-box;}

.product-downloads-archivio .larga { width: calc(100% - 10px); box-sizing: border-box;}

.product-tabs {display: none}

.info-prodotto {width: 100%; margin: 24px 0px}

.single-product .category {display: none}
.single-product .box-image {border-radius: 5%}
.related{padding: 50px 0px;border-top: 0px; background: rgb(239, 241, 237)}

.custom-box {}

.shop-page-title {display: none}

.product-section-title-related {text-transform: none; letter-spacing: 0em;text-align: center}


.mega-sub-menu {margin-left: 30px}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
  margin-left: 10px;
}

/*UM*/

#menu-item-1689 {display: none}


@media only screen and (max-width: 850px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

/*.applicazioni-hp {margin: 12px 10px !important}*/

/*.scelta-hp {margin: 12px 10px !important}*/

#flatsome-caption-overlay { bottom: 260px; }

#top-bar .show-for-medium .featured-box {float: left; width: auto}
#top-bar .show-for-medium .featured-box img {margin:0px 0px 0px 0px !important; }

#top-bar .show-for-medium .destra {float: right; width: auto}

.testo-big p {font-size: 40px;}

.applicazioni .un-quinto, .correlati .un-quinto { flex: 0 0 50% !important; max-width: 50% !important;  width: 50% !important;}

}


@media screen and (max-width: 1200px) {
.nav-icon i[class^="icon-"] {margin-top: 4px}

.h4 {font-size: 18px !important; line-height: 1.2em !important;font-family: Poppins; font-weight: 700;margin-bottom: 10px }

}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


.applicazioni .un-quinto {padding: 0 9.8px 19.6px !important;}

#flatsome-caption-overlay { bottom: 120px; }
/*.applicazioni-hp {margin: 12px 10px !important}*/

.header-top {text-align: center}

.scelta-hp {margin: 12px 0px !important; width: auto}


h1 {font-size: 38px;line-height: 1.05em;}
h2 {font-size: 28px;line-height: 1.2em !important;}
h3 {font-size: 22px;line-height: 1.2em !important;}

.h4 {font-size: 22px; line-height: 1.2em !important;font-family: Poppins; font-weight: 700;margin-bottom: 10px}

.nav-icon i[class^="icon-"] {margin-top: -3px}
.logo-footer .img-inner{text-align: center; }
.logo-footer img {text-align: center; width: 152px !important}


#top-bar .container {padding-left: 6px; padding-right: 6px;}

.testo-big p {font-size: 30px;}

.wpcf7-form  .left, .wpcf7-form  .right {width: 100%; float: left; padding: 0px 4px}
.wpcf7-form  .tot {width: 100%; float: left; padding: 0px 4px}


.menu-footer  {text-align: center;}
.menu-footer .col{padding: 0px;}

.menu-footer li {display: block;  list-style: none;border-top:none !important;}
.menu-footer li a{color:#fff ; font-weight: 700; font-size: 17px; padding: 0px 0px !important}

.applicazioni .un-quinto, .correlati .un-quinto { flex: 0 0 50% !important; max-width: 50% !important;  width: 50% !important;}

.product-downloads-archivio .archivio {width: 100%; }

.applicazioni .row-small {margin-bottom: 0; margin-left: 0px !important; margin-right: 0px !important;}

#header .header-top {min-height: 50px !important;}
#header .header-top a{color: #fff !important;}

.linkcategorie h3 {padding: 0px 0px;}

.col {padding-bottom: 0px;}

.scelta-hp {background: #EFF1ED; border-radius: 20px; padding: 18px 18px 18px 18px; width: 100%; min-height: 250px}
}