/*
Theme Name: Bioclin
Theme URI: https://www.bioclin.it
Author: Eugenie Munter
Author URI: https://www.quadracode.com
Description: Bioclin
Version: 1.0
Tags: responsive, moderno
Text Domain: bioclin
*/


.frm_style_stile-di-formidable.with_frm_style .frm_submit button[disabled] {
    opacity: 0.5;
    background:#333;
    cursor: not-allowed;
}

.none-vision{
    display:none !important;
}

body {
    overflow-x: hidden;
}

body a{
    color:#000;
}

body .navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .55);
    border:0;
}

body .content-home{
    position:relative;
    z-index:1;
}

body .link-btn{
    font-size:14px;
    text-transform:uppercase;
}

body .link-btn:hover{
    color:#000;
}


@media screen and (min-width:1281px) and (max-width:1680px){
    .single-product .test-efficacia .content-box .box h3{
    font-size:18px !important;
}


.single-product .test-efficacia .content-box .box .value-percent{
    font-size: 61px !important;
}

.single-product .test-efficacia .content-box .box .value-bot{
    font-size: 19px !important;
}

.single-product .test-efficacia .content-box .box .time{
    font-size: 14px !important;
    line-height: 23px;
}

}

/* Nascondi l'input su mobile */
@media (max-width: 768px) {
    #search-form {
        display: none; /* Nascondi il form inizialmente */
    }
    
    #search-form.active {
        display: block;
        position: absolute;
        top: 32px;
        right: 20px;
        /* left: -124px; */
        z-index: 1000;
        background: transparent;
        padding: 10px;
        border-radius: 5px;
        box-shadow: none;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .navbar-nav .dropdown-menu .dropdown-menu {
        display: block;
        position: relative;
        left: 0;
        top: 0;
        background-color: #fff;
    }

    .navbar-nav .dropdown-menu .dropdown-item {
        display: block;
        width: 100%;
        padding: 10px;
    }

    .dropdown-menu h2 a{
        font-weight:900;
    }

    /* Seleziona tutte le voci di secondo livello */
.navbar-nav .dropdown-menu > .dropdown > a {
    font-weight: 900;
}
}

@media (min-width: 992px) {
    .spswiper-wrapper {
    display:block !Important;
}

    body .topbar-dx .find-mobile{
        display:none;
    }
    body #primary-menu .dropdown-menu li{
      line-height:24px;
      margin:0;
      padding-top:0;

    }

    body #primary-menu .dropdown-menu li a{

      padding-top:0;
      padding-bottom:0;
    }

    body #primary-menu .dropdown-menu li h2 a {
        font-weight: 900;
        font-size: 20px;
        color: #000;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        min-height: 435px;
        left: 0; /* Aderisce il menu al lato sinistro */
        border: 0 !Important;
    }

    /* Rimuove l'hover */
    .navbar-nav .dropdown:hover .dropdown-menu {
        display: none;
    }

    /* Sottomenu secondari si mostrano al click */
    .navbar-nav .dropdown-menu .dropdown:hover .dropdown-menu {
        display: block;
    }

    /* Rendi i sottomenu visibili con il click */
    .navbar-nav .dropdown-menu.show .dropdown-menu {
        display: block;
    }

    /* Imposta il dropdown a larghezza piena per il mega menu, partendo dal #primary-menu */
    #primary-menu > .dropdown > .dropdown-menu {
        width: 100vw; /* Imposta il menu a tutta la larghezza della finestra */
        position: fixed; /* Fissa il dropdown in alto */
        left: 0; /* Allinea il menu al bordo sinistro della finestra */
        right: 0; /* Allinea il menu al bordo destro */
        padding: 30px;
        box-shadow: none;
        z-index: 1000;
        border: none;
        top:310px;
        justify-content: space-around;
        overflow-y: hidden; /* Nasconde lo scorrimento verticale */
        overflow-x: hidden; /* Nasconde lo scorrimento orizzontale */
        background-color: white; /* Imposta un background bianco */
    }

    /* Impedisce lo scorrimento della pagina quando il menu è aperto */
    .no-scroll {
        overflow: hidden;
    }

    /* Mantieni i sottomenu verticali e statici */
    #primary-menu .dropdown-menu .dropdown-menu {
        position: static; /* I sottomenu non ereditano il fixed */
        width: auto;
        padding: 0;
        box-shadow: none;
        background-color: transparent;
    }

    /* Mostra il menu solo quando viene aggiunta la classe 'show' */
    .dropdown-menu.show {
        display: flex !important;
    }

    /* Imposta le colonne del mega menu */
    .navbar-nav .dropdown-menu .dropdown {
        flex: 1;
        margin-right: 20px;
    }

    /* Mantieni i sottomenu verticali */
    .navbar-nav .dropdown-menu .dropdown-menu {
        display: block;
        position: static;
        background-color: transparent;
        padding: 0;
        box-shadow: none;
    }

    /* Stile per le voci dei sottomenu */
    .navbar-nav .dropdown-menu .dropdown-item {
        padding: 10px 0;
        text-transform: uppercase;
        font-weight: 300;
    }
}
/* --- font icon svg --- */

@font-face {
    font-family: 'bioclin';
    src: url('assets/fonts/bioclin.eot?20069391');
    src: url('assets/fonts/bioclin.eot?20069391#iefix') format('embedded-opentype'),
    url('assets/fonts/bioclin.woff2?20069391') format('woff2'),
    url('assets/fonts/bioclin.woff?20069391') format('woff'),
    url('assets/fonts/bioclin.ttf?20069391') format('truetype'),
    url('assets/fonts/bioclin.svg?20069391#bioclin') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'bioclin';
    src: url('../font/bioclin.svg?20069391#bioclin') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "bioclin";
    font-style: normal;
    font-weight: normal;
    speak: never;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


.icon-instagram-logo:before { content: '\e800'; } /* '' */
.icon-font:before { content: '\e801'; } /* '' */
.icon-search:before { content: '\e802'; } /* '' */
.icon-youtube:before { content: '\e803'; } /* '' */
.icon-facebook:before { content: '\e804'; } /* '' */
.icon-arrowslider:before { content: '\e805'; } /* '' */
.icon-trova-deodorante:before { content: '\e806'; } /* '' */
.icon-icona_trovalafarmcia-1:before { content: '\e807'; } /* '' */
.icon-heart-empty:before { content: '\e808'; } /* '' */
.icon-icona_trovalafarmcia:before { content: '\e809'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */

/* --- font icon svg --- */


body{
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight:300;
}

body .products li a{
    color:#000;
}

body header .languages{
    margin-top:38px;
}


body header .topbar-dx{
    margin-top:21px;
}

body .main-logo{
    max-height:153px;
    margin:71px auto 0 auto;
    display:block;
}

body .container{
    max-width:1920px;
    width:100%;
    padding:0 50px;
}

body .navbar-light .navbar-nav .nav-link{
    text-transform:uppercase;
    font-size:14px;
}

body .slider{
    margin:30px auto;
}

body .slider .slider-block{
    padding:0 30px;
}

body .nextend-arrow-next img{
    display:none !important;
}

body .nextend-arrow-next{
    position:relative;
    z-index:0;
    width:46px;
    height:240px;
}

body .nextend-arrow-next:before{
    content:url(assets/images/arrowslider.svg);
    width:46px;
    height:240px;
    display:block;
    position:absolute;
    left:0;
    top:0;
    transform: rotate(180deg); /* Aggiunge la rotazione di 90 gradi */
    transform-origin: center; /* Imposta l'origine della trasformazione al centro dell'immagine */
}

body .nextend-arrow-previous:before{
    content:url(assets/images/arrowslider.svg);
    width:46px;
    height:240px;
    display:block;
    position:absolute;
    left:0;
    top:0;
}

body .nextend-arrow-previous img{
    display:none !important;
}

body .nextend-arrow-previous{
    position:relative;
    z-index:0;
    width:46px;
    height:240px;
}

body .discover h1{
    text-transform: uppercase;
    margin-bottom:50px;
    font-size:28px;
    font-weight:900;
}

body .discover .size-box{
    max-width:500px;
    width:100%;
    margin:0 auto;
    display:block;
}


body .discover .box-color{
    background: #87c6cc;
    text-transform: uppercase;
    min-height:58px;

}

body .discover .box-color h2{
    font-size:20px;
    font-weight:600;
    color: #fff;
    line-height:58px;
}

body .featured h1{
    text-transform: uppercase;
    margin:50px 0;
    font-size:28px;
    font-weight:900;
}

body .featured .products li a img{
    border:1px solid #E3E3E3;
}

body .featured .products li h2{
    font-size:13px;
    text-transform: uppercase;
    color:#000;
    font-weight:300;
    max-width:205px;
    width:100%;
}

body .highlight .background-highlight{
    padding:50px;
}

body .highlight .background-highlight .custom-product-highlight .product-category-list{
    font-size:26px;
    font-weight:900;
    text-transform: uppercase;
    margin-top:80px;
}

body .highlight .background-highlight .custom-product-highlight .product-category-list a{
   font-size:26px;
    text-decoration:none;
    color:#000;
    font-weight:900;
}

body .highlight .background-highlight .custom-product-highlight .subcategory-name{
    font-size:20px;
    text-transform: uppercase;
    font-weight:600;
    color:#fff;
    padding:5px 30px;
}

body .highlight .background-highlight .custom-product-highlight h2{
    font-size:28px;
    font-weight:300;
    text-transform:uppercase;
    max-width:425px;
    width:100%;
    margin:20px 0;
}

body .highlight .background-highlight .custom-product-highlight ul{
    margin:0 0 0 15px;
    padding:0;
    font-size:20px;
    font-weight:300;
}

body .highlight .background-highlight .custom-product-highlight p{
    font-size:14px;
    font-weight:300;
}

body .highlight .background-highlight .custom-product-highlight .btn-discover{
    font-size:12px;
    font-weight:600;
    text-transform: uppercase;
    color:#000;
}

body .highlight .background-highlight .thumbnail-highlight .thumbnail{
    max-width:505px;
    width:100%;
}

body .highlight .background-highlight .thumbnail-highlight .thumbnail img{
       height: 556px;
    object-fit: cover;
    width: 100%; 
}

body .find-deo .block-find-sx{
    max-width:550px;
    width:100%;
    text-align:left;
}

body .find-deo .block-find-sx h2{
    font-size:48px;
    font-weight:300;
}

body .find-deo .block-find-sx h2 strong{
    font-size:48px;
    font-weight:900;
}

body .find-deo a{
    font-size:19px;
    display:block;
    clear:both;
    color:#000;
    text-decoration:underline;
    text-transform: uppercase;
}

body .about-bioclin .row{
    background:#EBEBEB;
    height: 60vh;
    margin-top:50px;
    margin-bottom:50px;
}

body .about-bioclin .grey-box-logo{
    max-width: 235px;
    width:100%;
}

.about-bioclin p {
    margin-bottom: 1rem;
    font-size:18px;
    max-width:805px;
    width:100%;
    padding-right:30px;
}

body .products .product .button{
    background:transparent;
    border-radius:0;
    color:#000;
    text-decoration:underline !important;
    font-size:9px;
    padding:0;
    text-transform: uppercase;
    font-weight:500;
}

body .products .product .button:hover{
    background:transparent;
    border-radius:0;
    color:#333;
}

body .products .product-category-list{
    color:#000;
    font-size:15px;
    text-transform: uppercase;
    font-weight:900;
}

body .products .product-second-subcategory{
    color:#fff;
    font-size:13px;
    font-weight:600;
    text-transform: uppercase;
    padding:5px 10px;
}

body .social i{
    font-size:22px;
    font-family: 'bioclin';
    color:#000;
}

body .find-home i{
    font-size: 22px;
    font-family: 'bioclin';
}



body .find-home li a{
    font-size:14px;
    text-transform:uppercase;
    color:#000;
    text-decoration:none;
}

body .dgwt-wcas-search-form #dgwt-wcas-search-input-1{
    background:#fff;
    border:1px solid #000;
    border-radius:0;
    height:39px;
    max-width:271px;
    width:100%;
    font-family: "Raleway", sans-serif;
    font-size:14px;
    text-transform: uppercase;
    padding:0 0 0 15px;
}

body .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
    min-height: 24px;
    min-width: 24px;
    height: 24px;
    width: 24px;
    left: -29px;
    top: 18px;
}

/* --- Product-categories --- */

.product-categories-grid h1{
    font-size:60px;
    font-weight:100;
    text-transform: uppercase;
    margin-top:90px;
}

.product-categories-grid h2{
    font-size:40px;
    font-weight:900;
    text-transform: uppercase;
}


body .woocommerce-breadcrumb{
    font-size:14px !important;
    text-transform: uppercase;
    color:#000 !important;
}

body .woocommerce-breadcrumb a{
    font-size:14px !important;
    text-transform: uppercase;
    color:#000 !important;
    font-weight:300;
    text-decoration:none;
}

body .woocommerce-breadcrumb .current{
    font-weight:900;
}

.product-categories-grid .content {
    margin-bottom: 80px;
}

.product-categories-grid p {
    font-size: 20px;
}

.product-categories-grid .product-category-item a {
    text-decoration: none;
}

.product-categories-grid .product-category-item {
    position: relative;
    z-index: 0;
}

.product-categories-grid .product-category-item .background-category {
    min-height: 491px;
    background-size: cover;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    display: flex; /* Abilita Flexbox */
    justify-content: center; /* Centra verticalmente il contenuto */
    align-items: center; /* Centra orizzontalmente il contenuto */
    text-align: center;
    flex-direction: column; /* Dispone gli elementi verticalmente */
}

.product-categories-grid .product-category-item .category-overlay {
    display: flex; /* Abilita Flexbox nella sovrapposizione */
    flex-direction: column; /* Dispone gli elementi in colonna */
    justify-content: center; /* Centra verticalmente gli elementi */
    align-items: center; /* Centra orizzontalmente gli elementi */
    width: 100%; /* L'overlay copre tutta la larghezza */
    height: 100%; /* L'overlay copre tutta l'altezza del box */

}

.product-categories-grid .product-category-item .category-subtitle {
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 900;
    margin-bottom: 10px; /* Spaziatura inferiore tra il sottotitolo e il titolo */
}

.product-categories-grid .product-category-item h3 {
    font-size: 60px;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 0; /* Evita spazio extra sotto il titolo */
}

.product-categories-grid .product-category-item .category-link {
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    color: #fff;
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 30px;
    text-align: center;
}


/* --- archive --- */

.archive .nuance-table{
  padding:25px;
}

.archive .nuance-table .block-nuance-column{
    width:20%;
    float:left;
}

.archive .nuance-table .block-nuance {
    display: block;
    position: relative;
    z-index: 0;

}

.archive .nuance-table .block-nuance a{
    position: relative;
    z-index:0; 
}

.archive .nuance-table .block-nuance a img {
    display: block;
    position: relative;
    z-index: 1; /* L'immagine rimane sotto il testo e l'overlay */
    width: 100%; /* Aggiunto per assicurarsi che l'immagine sia responsiva */
}

/* Overlay nero */
.archive .nuance-table .block-nuance a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; /* L'overlay è sopra l'immagine ma sotto il testo */
}

/* Flexbox per centrare il testo */
.archive .nuance-table .block-nuance {
    display: flex;
    justify-content: center;  /* Centra orizzontalmente */
    align-items: center;      /* Centra verticalmente */
    position: relative;
    height: 100%;             /* Assicurati che l'altezza sia definita */
    margin-bottom:20px;
}

.archive .nuance-table h3 {
    font-size: 14px;
    position: absolute;
    z-index: 3;  /* Il testo è sopra l'overlay */
    color: #fff;
    text-align: center; /* Allinea il testo al centro orizzontalmente */
    pointer-events: none; /* Evita che il testo interferisca con il clic */
    max-width:150px;
    width:100%;
    margin:0 auto;
}



.archive .care-block{
    padding:0;
}

.archive .care-block  h2{
    font-size:40px;
    font-weight:300;
}

.archive .care-blocks .care-block p{
    font-size:18px;
    font-weight:300;
}

.archive .care-blocks .related-products .products-list li{
    width:32%;
    float:left;
}

.archive .care-blocks .related-products .products-list li img{
    margin:0 auto;
    display:block;
}

.archive .care-blocks .related-products .products-list li a{
    color:#000;
    text-align:center;
    text-decoration:none;
}

.archive .care-blocks .related-products .products-list li a h3{
    font-size:14px;
    text-transform: uppercase;
}

.archive .subcategory-item a img{
    border:1px solid #D8D8D8;
}

.archive .subcategory-grid{
    margin-bottom:20px;
}

.archive .subcategory-grid .subcategory-item{
  margin-top:10px;
}

.archive h1{
    font-size:60px;
    font-weight:300;
    text-transform:uppercase;
}

.archive .term-description h2{
    font-size:40px;
    font-weight:900;
    text-transform:uppercase;
}

.archive .term-description p{
    font-size:20px;
    padding:40px 0;
}

.archive .subcategory-item a{
    text-decoration:none;
}

.archive .products img{
border: 1px solid #D8D8D8;
    object-fit: cover;
    width: 100%;

}

.archive .subcategory-item .subcategory-title{
    font-size:40px;
    font-weight:300;
    color:#000;
    text-transform:uppercase;
}

.archive .subcategory-item h3{
    margin:20px 0;
}

.archive .subcategory-item .link-product{
    font-weight:300;
    color:#000;
    text-transform:uppercase;
    font-size:10px;
    text-decoration:underline;
    padding-bottom:25px;
    display:block;
}

.archive .subcategory-item .subcategory-subtitle{
      font-size: 14px;
    font-weight:600;
    color:#fff;
    text-transform:uppercase;
    padding:5px 10px;
}

.archive .add_block .additional-block{
  padding:50px;
  margin-bottom:80px;
}

.archive .add_block p{
    font-size:18px;
}

.archive .add_block strong{
    font-weight:900;
}

.archive .add_block li{
    font-size:18px;
}

.archive .add_block h2{
    font-size:50px;
    font-weight:900;
    text-transform:uppercase;
}

.archive .add_block h3{
    font-size:24px;
    font-weight:900;
    text-transform:uppercase;
}

.archive .add_block img{
    margin:0 auto;
    display:block;
    max-width:570px;
    width:100%;

}

/* --- footer --- */

body footer #mupwp-form .mupwp-form-field label{
  display:none;
}

body .subscriber input[type="email"]{
     box-shadow: inset 3px 8px 26px rgba(0, 0, 0, 0.1) !important;
     border:0;
     width:100%;
     display:block;
     min-height:50px;
     padding-left:10px;
     border-radius:0;
     margin-bottom:20px;
}

body footer #mupwp-form .mupwp-form-term .terms{
       font-size: 11px !important;
    line-height: 15px !important;
    width: 80% !important;
    display: block;
}

body footer .subscriber .frm_submit .frm_button_submit{
  background:#EAEAEA;
  height:37px;
  width:135px;
  text-align:center;
  border:0;
  font-weight:900;
  font-size:16px;
  color:#000;
  border-radius:0;
  text-transform:uppercase;
  transition:0.3s;
}

body footer .subscriber .frm_submit .frm_button_submit:hover{
  background:#000;
}

body footer .subscriber p{
    color:#000;
}

body footer .frm_style_stile-di-formidable.with_frm_style .form-field {
    margin-bottom: 0;
}

footer{
    margin:50px 0;
}

body hr{
        border-top: 1px solid #fff;
    box-shadow: 0 2px 20px 4px rgba(0, 0, 0, 0.53);
    margin-bottom: 50px;
    border-bottom: 0;
}

footer .container .row .wp-block-heading{
  font-size:16px;
    font-weight:900;
    text-transform:uppercase;
}

footer .container .row h2 a{
    text-decoration:none;
}

footer .container .row a{
    color:#000;
}

footer .container .row ul{
    margin-left:0;
    padding-left:0;
}

footer .container .row ul li{
    list-style:none;
}

footer .container .row ul li a{
    color:#000;
    text-decoration:none;
}


/* --- languages --- */

.language-menu-container {
    /* Stili per il contenitore del menu */
}

.language-menu-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.language-menu-container li {
    display: inline-block; /* o 'block' se preferisci un menu verticale */
    margin-right: 10px;
}

.language-menu-container a {
    text-decoration: none;
    color: #000; /* Modifica il colore come preferisci */
}

.language-menu-container a:hover {
    color: #555; /* Colore al passaggio del mouse */
}

.navbar-nav .nav-item .nav-link {
    color: #000; /* Cambia colore del testo */
}

.navbar-nav .nav-item .nav-link:hover {
    color: #555; /* Cambia colore al passaggio del mouse */
}

.dropdown-menu {
    /* Stili per il menu a discesa */
}

/* ---- single product page --- */

.up-sells{
    padding-top:50px;  
    clear:both;
}

.up-sells .products li a img{
    border: 1px solid #D8D8D8 !important;
}


.up-sells h2{
    font-size:40px;
    font-weight:300;
    color:#000;
}

.up-sells a{
    color:#000;
}

.related{

    padding-top:50px;
    clear:both;
}

.related .products li a img{
    border: 1px solid #D8D8D8 !important;
}


.related h2{
    font-size:40px;
    font-weight:300;
    color:#000;
}

.related a{
    color:#000;
}

.single-product .modal img{
    object-fit:cover;
}

.single-product .btn_applicabilita{
    font-size:12px;
    text-transform:uppercase;
    text-decoration:none;
    border:1px solid #000;
    padding:5px;
    font-weight:900;
    transition:0.3s;
}

.single-product .price{
    display:none;
}

.single-product .btn_applicabilita:hover{
    background:#000;
    color:#fff;
}

.single-product .link-locator:hover{
    color:#000;
}

.single-product .link-locator{
    font-weight: 500;
    text-decoration: none;
    border: 1px solid #000;
    padding: 0;
    display: block;
    max-width: 332px;
    width: 100%;
    text-transform: uppercase;
    min-height: 50px;
    line-height: 50px;
    font-size: 15px;
    text-align: center;
    margin-top:30px;
}

.single-product .stock{
    display:none;
}

.single-product .sku_wrapper{
    display:none;
}


.single-product #wpgs-gallery .wcgs-thumb.swiper-slide img {
    border: 1px solid #dddddd;
}

.single-product #nuance-container{
    padding:10px;
    margin-top:20px;
}

.single-product .nuance-content{
    text-align: center;
    max-width: 105px;
    width: 100%;
    padding:0 5px;
}

.single-product .nuance-content h4{
    font-size:10px;
    text-align:center;
    font-weight:500;
    text-transform: uppercase;
}

.nuance-image .current img{
    border: 5px solid #b6cf83; 
}

.single-product .nuance-image img{
    object-fit: cover;
    margin: 0;
    display: block;
    width:100%;
    height:100%;
}


.single-product .product_meta .posted_in{
    font-size:24px;
    font-weight:900;
    text-transform:uppercase;
    margin-bottom:10px;
    display:block;
}

.single-product .product_meta .posted_in a{
    text-decoration:none;
    color:#000;
}

.single-product .product .summary .product_title{
    font-weight:300;
    font-size:40px;
    text-transform:uppercase;
    margin:10px 0;
    display:block;
}

.single-product  .woocommerce-product-details__short-description p{
    font-size:18px;
    font-weight:300;
}

.single-product .woocommerce-product-details__short-description ul{
    font-size:18px;
    font-weight:300;
}

.single-product .summary .esigenza-term{
    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
    color:#fff;
    padding:5px 15px;
}

.single-product .summary h3{
    font-size:18px;
    text-transform:uppercase;
    font-weight:900;
}

.single-product .summary p{
    font-size:18px;
    font-weight:300;
}

.single-product .summary{
    font-size:18px;
    font-weight:300;
}

/* Se il prodotto ha solo un'immagine nella galleria, applica questo stile */
.single-product #wpgs-gallery.wcgs-woocommerce-product-gallery.min-image-single{
    max-width: 30% !important; 
}

.single-product .woocommerce-tabs .wc-tabs{
    display:none;
}

.single-product .attivi-specifici .specific-line .specific-content img{
    width: 85px; 
    height: 85px;
    object-fit: cover;
}


.single-product .attivi-specifici .specific-line .specific-content .icon-specifications{
    width: 25%; 
    float:left;
    margin-right:5px;
    min-height:85px;
}

.single-product .attivi-specifici .specific-line .specific-content .content-specifications-icon{
    float:right;
    width: 70%; 
}

.single-product .attivi-specifici .specific-line .specific-content h2{
    font-size:15px;
    font-weight:300;
}

.single-product .attivi-specifici .specific-line .specific-content p{
    font-size:15px;
    line-height:16px;
    font-weight:900;
}

.single-product .attivi-specifici .container{
    padding:0;
    margin:40px 0;
}

.single-product .attivi-specifici h2{
    font-weight:300;
    font-size:40px;
}

.single-product .attivi-specifici .container .specific-column{
    font-size: 14px;
    text-transform: uppercase;
    min-height: 77px;
    padding: 25px;
}

.single-product .woocommerce-tabs h2{
    font-weight:300;
    font-size:40px;
}

.single-product .woocommerce-tabs p{
    font-weight:300;
    font-size:18px;
}

.single-product .test-efficacia{
    padding:50px 0 0 0;
}

.single-product .test-efficacia .container{
    padding:0;
}

.single-product .test-efficacia h2{
    font-weight:300;
    font-size:40px;
}

.single-product .test-efficacia .content-box{
    padding:20px;
}

.single-product .test-efficacia .content-box {
    max-width: 520px; /* Larghezza massima per desktop */
    margin: 0 auto; /* Centra il box se è l'unico sulla linea */
    flex: 0 0 100%; /* Predefinito per mobile: un box per linea */
    box-sizing: border-box; /* Assicura che padding e border siano inclusi nella larghezza */
    padding: 15px; /* Spaziatura interna */
}

@media (min-width: 1280px) { /* Regole per tablet e desktop */
    .test-efficacia .row-flex-2 .content-box { flex: 0 0 50%; } /* 2 per linea */
    .test-efficacia .row-flex-3 .content-box { flex: 0 0 33.333%; } /* 3 per linea */
    .test-efficacia .row-flex-4 .content-box { flex: 0 0 25%; } /* 4 per linea */
    .test-efficacia .row-flex-3-2 .content-box:nth-child(-n+3) { flex: 0 0 33.333%; } /* Primi 3 box 33.3% */
    .test-efficacia .row-flex-3-2 .content-box:nth-child(n+4) { flex: 0 0 50%; } /* Ultimi 2 box 50% */
    .test-efficacia .row-flex-4-3 .content-box:nth-child(-n+4) { flex: 0 0 25%; } /* Primi 4 box 25% */
    .test-efficacia .row-flex-4-3 .content-box:nth-child(n+5) { flex: 0 0 33.333%; } /* Ultimi 3 box 33.3% */
}


.single-product .test-efficacia .content-box .box h3{
    font-size:24px;
    font-weight:900;
    text-transform:uppercase;
}

.single-product .test-efficacia .content-box .box p{
    font-size:12px;
    font-weight:300;
    text-transform:uppercase;
}

.single-product .test-efficacia .content-box .box .value-percent{
    font-size: 80px;
    font-weight: 300;
}

.single-product .test-efficacia .content-box .box .value-bot{
    font-size: 25px;
    font-weight: 900;
    text-transform: uppercase;
}

.single-product .test-efficacia .content-box .box .time{
    font-size: 18px;
    line-height: 23px;
    font-weight: 300;
    text-transform: uppercase;
}

.single-product .test-efficacia .indications .indication-content p{
    font-size:16px;
    font-weight:300;
}

.single-product .test-efficacia .indications .indication-content p strong{
    font-size:16px;
    font-weight:900;
}

.single-product .consigli{
    padding:30px 0;
}

.single-product .consigli .container{
    padding:0;
}

.single-product .consigli h2{
    font-weight:300;
    font-size:40px;
}

.single-product .consigli p{
    font-weight:300;
    font-size:18px;
}

.single-product .attivi-specifici{
    padding: 30px 0;
}

.single-product .attivi-specifici p{
    font-weight:300;
    font-size:18px;
}

.single-product .attivi-specifici li{
    font-weight:300;
    font-size:18px;
}

.single-product .attivi-specifici strong{
    font-size:14px;
    font-weight:700;
    text-align:center;
}

.single-product .addons-section .grey-box{
    background:rgba(214, 214, 214,0.20);
    padding:30px;
}

.single-product .addons-section h2{
    font-weight: 300;
    font-size: 40px;
}

.single-product .addons-section .grey-box h3{
    font-size:24px;
    text-transform: uppercase;
    font-weight:900;
}

.single-product .addons-section p{
    font-weight:300;
    font-size:18px;
}

.single-product .addons-section ul{
    padding-left:20px;
}

.single-product .addons-section li{
    font-weight:300;
    font-size:18px;
}

.single-product .kit-section{
    padding:50px 0;
}

.single-product .kit-section h2{
    font-weight: 300;
    font-size: 40px;
}

.single-product .kit-section p{
    font-weight:300;
    font-size:18px;
}

.single-product .kit-section ul{
    padding-left:20px;
}

.single-product .kit-section li {
    font-weight: 300;
    font-size: 18px;
}

.single-product .video-section{
    background:rgba(197, 186, 170, 0.37);
    margin:50px 0;
}

.single-product .video-section h2{
    font-weight: 300;
    font-size: 60px;
}

.single-product .video-section p{
    font-weight: 300;
    font-size: 18px;
}

.single-product .video-section .video-youtube{
    padding:80px;
}

.single-product .applications-section .container{
    padding:0 100px 0 0;
}

.single-product .applications-section h2{
    font-weight: 300;
    font-size: 40px;
}

.single-product .applications-section .application-content h3{
    font-weight:900;
    font-size:35px;
}

.single-product .applications-section .application-item{
    margin-bottom:20px;
}

.single-product .applications-section .application-content .application-text p{
    font-size:16px;
    line-height:18px;
    text-transform: uppercase;
}

.single-product .applications-section .application-image{
    width: 150px !important;
    height: 150px !important;
    display:block;
    float:left;
}

.single-product .applications-section .application-image .img-application{
    width: 150px !important;
    height: 150px !important;
    display: block;
    margin:0 auto;
    /* width: 100%; */

    object-fit: cover;
}

.single-product .care-blocks{
    padding:50px 0 0 0;
}

.single-product .care-blocks .care-block h2{
    font-size:40px;
    font-weight:300;
}

.single-product .care-blocks .care-block p{
    font-size:18px;
    font-weight:300;
}

.single-product .care-blocks .related-products .products-list li{
    width:32%;
    float:left;
}

.single-product .care-blocks .related-products .products-list li img{
    margin:0 auto;
    display:block;
}

.single-product .care-blocks .related-products .products-list li a{
    color:#000;
    text-align:center;
    text-decoration:none;
}

.single-product .care-blocks .related-products .products-list li a h3{
    font-size:14px;
    text-transform: uppercase;
}

/*--- video youtube --- */
.video-responsive {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    overflow: hidden;
}

.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* --- elementi archivio prodotto --- */

.woocommerce-ordering{
    display:none;
}

.woocommerce nav.woocommerce-pagination ul li{
    border:0;
}

.woocommerce nav.woocommerce-pagination ul{
    border:0;    
}

.woocommerce nav.woocommerce-pagination ul li {
    font-size: 1.6em;
}

.woocommerce-result-count{
    text-transform:uppercase;
    font-size:14px;
}

/* --- CSS Page Category --- */


.page-template-page-multi-categoria h1{
    font-size:60px;
    text-transform: uppercase;
    font-weight:300;
    padding-bottom:0;
    padding-top:50px;
}

.page-template-page-multi-categoria h2{
    font-size: 40px;
    font-weight: 900;
    text-transform: uppercase;
}

.page-template-page-multi-categoria h3{
    font-size: 40px;
    font-weight: 300;
    color: #000;
    text-transform: uppercase;
    margin-top:20px;
}

.page-template-page-multi-categoria h4{
    padding:5px 15px;
    display: inline;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
}

.page-template-page-multi-categoria .wp-element-button{
  border-radius:0;
  background:transparent;
  color:#000;
  text-transform: uppercase;
  font-size:12px;
  text-decoration: underline;
  text-align:left;
  padding:0;
}


.page-template-page-multi-categoria strong{
    font-weight:900;
}

/* --- CSS Page Static --- */

.page-template-page-static .site-main{
    max-width:1280px;
    width:100%;
}

.page-template-page-static h1{
    font-size:60px;
    text-transform: uppercase;
    font-weight:300;
    padding-bottom:50px;
    padding-top:50px;
}

.page-template-page-static h2{
    font-weight:300;
}


.page-template-page-static strong{
    font-weight:900;
}


.page-template-page-static .mid-title{
    min-height:150px;
    margin-bottom:50px;
}

.page-template-page-static .breadcrumb{
    text-transform: uppercase;
    font-weight:900;
}

.page-template-page-static .breadcrumb a{
    text-decoration:none;
    font-weight:300;
}

.wp-block-quote figure.wp-block-pullquote blockquote p {
    position: relative;
    padding: 20px;
    font-size: 30px;
    line-height: 1.5;
}

.wp-block-quote figure.wp-block-pullquote blockquote p::before,
.wp-block-quote figure.wp-block-pullquote blockquote p::after {
    content: '';
    position: absolute;
    width: 70px; /* Dimensioni delle virgolette */
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat;
}

.wp-block-quote figure.wp-block-pullquote blockquote p::before {
    content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" fill="%23D5D5D5" class="bi bi-quote" viewBox="0 0 16 16"><path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388q0-.527.062-1.054.093-.558.31-.992t.559-.683q.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 9 7.558V11a1 1 0 0 0 1 1zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612q0-.527.062-1.054.094-.558.31-.992.217-.434.559-.683.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 3 7.558V11a1 1 0 0 0 1 1z"/></svg>');
    left: -40px; /* Posiziona la virgolette di apertura */
    top: 0;
}

.wp-block-quote figure.wp-block-pullquote blockquote p::after {
    content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" fill="%23D5D5D5" class="bi bi-quote" viewBox="0 0 16 16"><path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388q0-.527.062-1.054.093-.558.31-.992t.559-.683q.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 9 7.558V11a1 1 0 0 0 1 1zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612q0-.527.062-1.054.094-.558.31-.992.217-.434.559-.683.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 3 7.558V11a1 1 0 0 0 1 1z"/></svg>');
    right: -40px; /* Posiziona la virgolette di chiusura */
    bottom: 0;
    transform: scaleX(-1); /* Gira la virgolette di chiusura verso l'interno */
}




/* Visualizza il carousel solo su schermi piccoli */
@media (max-width: 992px) {
    #bannerCarousel {
        display: block;
    }


    .languages{
        z-index:500;
        max-width:200px !important;
        width:100%;
        margin-left:50px;
        padding-left:20px !important;
    }
}

/* Nascondi il carousel su schermi più grandi */
@media (min-width: 992px) {
    #bannerCarousel {
        display: none;
    }


.single-product #wpgs-gallery.min-image-single {
    min-height: 500px !important;
    display: block;
}



    .single-product .wcgs-woocommerce-product-gallery{
    margin-bottom:20px;
    margin-top:10px;
}

.single-product #wpgs-gallery .wcgs-carousel{
    padding-top:2px;
}

.single-product .gallery-navigation-carousel-wrapper{
    width: 100%;
    max-width: 133px;
    padding-right: 10px;
}

.single-product #wpgs-gallery.wcgs-woocommerce-product-gallery.horizontal {
    flex-direction: row;
}

.single-product #wpgs-gallery .gallery-navigation-carousel-wrapper {
    -ms-flex-order: 1 !important;
    order: 1 !important;
}

.single-product .swiper-wrapper{
    display:block;
}

.single-product .wcgs-thumb{
    width:100% !important;
    margin-bottom:10px !important;
    margin-right:6px !important;
}

.single-product .wcgs-thumb img {
    min-height: 120px;
    object-fit: cover;
}

.single-product .wcgs-slider-image{
    border:0 !important;

}

.single-product .swiper-slide{
    margin-top:0 !important;
}

/* Disabilita lo zoom rimuovendo l'ingrandimento e la transizione */
.single-product .wcgs-photo {
    transform: scale(1) !important;
    transition: none !important;
}

}

@media (max-width: 992px) {
    .archive .nuance-table .block-nuance-column{
    width:45%;
    float:left;
    } 

    .single-product .attivi-specifici .specific-row-line .specific-column{
      display:block !important;
    }


    .archive .nuance-table{
      padding:0;
    }

    body .topbar-dx .list-inline .social{
      display:none;
    }

    body .topbar-dx .list-inline .find-mobile i:before{
      font-size:20px;
      vertical-align:middle;
    }

    body .about-bioclin .row {
    padding-bottom: 50px;
  }

    .related-products ul li{
       width:100% !important;
    }

    .single-product .video-section .video-youtube {
    padding: 20px;
    }

    .archive .woocommerce-loop-product__title{
        font-size:12px !important;
        min-height:65px;
    }
    .page-template .title-h2{
        font-size:30px !important;
    }
    .related h2 {
    font-size: 30px;
    }

    .single-product .consigli h2 {
    font-size: 30px;
    }

    .single-product .test-efficacia h2 {
    font-size: 30px;
    }

    .single-product .woocommerce-tabs h2 {
    font-size: 30px;
    }

    .single-product .attivi-specifici h2 {
    font-size: 30px;
    }

    .single-product .test-efficacia .content-box .box .value-percent {
    font-size: 55px;
    }

    .single-product .test-efficacia .content-box .box .value-bot {
    font-size: 20px;
    }

    .single-product .test-efficacia .content-box .box h3 {
    font-size: 20px;
    }

    .archive .products img {
      min-height: auto;
    }

    body .main-logo {
    max-height: 95px;
    }

    body .highlight .background-highlight .custom-product-highlight .subcategory-name {
    font-size: 14px;
    }
 

    body .highlight .background-highlight .custom-product-highlight .product-category-list a {
    font-size: 18px;
    }

    body .highlight .background-highlight {
    padding: 30px 20px;
   }

    body .discover .box-color {
    min-height: 35px;
    }

    body .discover .box-color h2 {
    font-size: 18px;
    line-height: 35px;
    }

    .single-product .summary .esigenza-term{
    font-size:15px;

    }

    .page-template-page-static h1{
    font-size:40px;
    }

    .page-template-page-static .site-main{
       padding:0 50px;
    }


    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
  
        min-height: 341px !important;

    }

    .woocommerce-products .product-banner {
    width: 100% !important;
    }

    .woocommerce-products .type-product {
        clear:none !important;
    }
    

    .single-product .test-efficacia .content-box .box {
    padding: 20px 0 !important;
    width: 100% !important;
    min-height: 200px;
    }

    .single-product .product_meta .posted_in {
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block;
    }

    .single-product .product .summary .product_title {
    font-weight: 300;
    font-size: 27px;
    text-transform: uppercase;
    margin: 10px 0;
    display: block;
    }


    .single-product .wcgs-thumb img {
    min-height: 48px;
    object-fit: contain;
    }

    .single-product .care-blocks .care-block h2 {
    font-size: 30px;
    font-weight: 300;
    }

    .archive .care-blocks .care-block h2 {
    font-size: 30px;
    font-weight: 300;
    }

    .single-product .care-blocks .care-block p {
    font-size: 12px;
    font-weight: 300;
    }

    .archive .care-blocks .care-block p {
    font-size: 12px;
    font-weight: 300;
    }


    .single-product .care-blocks .related-products .products-list li {
        width: 49%;
        float: none;
        margin:0 auto;
    }

    .archive .care-blocks .related-products .products-list li {
        width: 49%;
        float: none;
        margin:0 auto;
    }

    .single-product .applications-section .container {
    padding: 0 20px 0 0;
    }

    .single-product .applications-section h2 {
    font-weight: 300;
    font-size: 32px;
    }

    .single-product .colorazione-info .campione {
     width:30%;
    }

    .single-product .video-section h2 {
    font-weight: 300;
    font-size: 33px;
    margin-top: 20px;
    }

    .single-product #wpgs-gallery.wcgs-woocommerce-product-gallery.min-image-single {
    max-width: 90% !important;
    height: 375px;
    }

    .archive .term-description h2 {
    font-size: 27px;
    font-weight: 900;
    text-transform: uppercase;
    }

    .archive .add_block .additional-block {
    padding: 20px;
    margin-bottom: 80px;
}

    body .products .product-second-subcategory {
    font-size: 11px;
    padding: 5px;
    }

    .archive h1 {
    font-size: 28px;
    }

    body .featured .products li h2 {
    margin-top:10px;
    }

    body .products li a {
    color: #000;
    text-decoration:none;
    }

    body .featured .products li a img {
    margin-bottom: 10px;
    border: 1px solid #E3E3E3;
    max-width: 266px;
    height: 260px;
    object-fit: cover;
    }

    body .featured .products li{
        list-style:none;
    }

    #block-17{
      display:none;
    }

    .about-bioclin p {
        font-size: 13px;
        max-width: 100%;
        margin: 30px auto;
        display: block;
        width: 100%;
        padding-right: 0;
    }

    body .about-bioclin .grey-box-logo {
    max-width: 140px;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 30px;
    }

    body .about-bioclin .row {
    height: auto !important;
    }

    body .highlight .background-highlight .custom-product-highlight .product-category-list {
    margin-top: 20px;
    }

    body .highlight .background-highlight .thumbnail-highlight .thumbnail img {
            height: 361px;
        object-fit: cover;
        width: 100%;
    }

    body .container{
    padding: 0 20px;
    }

    .find-home{
        text-align: center;
        padding-top: 10px;
    }

    body header .topbar-dx {
    margin-top: 21px;
    display: block !important;
    position: absolute;
    right: 17px !important;
    float: right;
    width: 86px;
    top: 15px;
    z-index:1;
    }

    body header .languages {
    padding-left: 70px;
    }

    body .navbar {
        position: absolute;
        display: block;
        top: 20px;
        left: 0;
        width: 100%;
    }

    body .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
    }

    body .navbar-collapse {
    background: #fff;
        padding-left: 15px;
        padding-top: 20px;
        width: 100%;
    }

    body .navbar-light .navbar-nav .nav-link {
    color: #000;
    padding:0;
    }

    body .dropdown-menu {
    border: 0;
    border-radius: 0;
    }

    body #primary-menu .dropdown-toggle{
      font-weight:900;
    }
}


#bannerCarousel .carousel-cell {
  width: 80%;
  height: 250px;
  margin-right: 10px;
  border-radius: 5px;
  counter-increment: carousel-cell;
}

#bannerCarousel .flickity-page-dots{
    display:none;
}

#bannerCarousel .previous{
    display:none;
}

#bannerCarousel .next{
    display:none;
}


#productCarousel .carousel-cell {
  width: 80%;
  height: 450px;
  margin-right: 10px;
  border-radius: 5px;
  counter-increment: carousel-cell;
}

#productCarousel .flickity-page-dots{
    display:none;
}

#productCarousel .previous{
    display:none;
}

#productCarousel .next{
    display:none;
}

.dropdown-toggle:after{
    display: inline-block;
    margin-left: .255em;
    vertical-align: baseline !important;
    content: "\f107" !important;
    border:0 !important;
    font-family:'bioclin';
}

@media (max-width: 992px) {
    .product-categories-grid .product-category-item .background-category {
    min-height: auto;
    padding: 76px 0;
    }

    .product-categories-grid .product-category-item h3 {
    font-size: 40px;
    }

    .product-categories-grid .product-category-item .category-link {
    font-size: 14px;
    }


    #primary-menu li{
      margin-bottom:5px;
      padding-right:10px;
    }

    #primary-menu li a{
      font-size: 19px;
    }

    #primary-menu li .dropdown-menu li{
        padding-right:0;
    }

    #primary-menu li .dropdown-menu li a{
      font-weight:700 !important;
       font-size: 14px;
    }

    #primary-menu li .dropdown-menu li .dropdown-menu a{
      font-weight:300 !important;
    }

    /* Stile base per nascondere il sottomenu */
#primary-menu .dropdown-menu {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s, max-height 0.3s ease-in-out;
}

#primary-menu li.open > .dropdown-menu {
    opacity: 1;
    visibility: visible;
    max-height: 1000px; /* Assicurati che questo valore sia sufficientemente alto per contenere tutto il sottomenu */
}

    .menu-item-has-children > a::after {
    content: "\f107"; /* Freccia verso il basso */
    font-family: 'bioclin';
    font-style: normal;
    float: right; /* Allinea la freccia a destra */
    margin-left: 5px; /* Aggiunge spazio tra il testo e la freccia */
    }

    /* Stile quando il menu è aperto: ruota la freccia verso l'alto */
    .menu-item-has-children.open > a::after {
        content: "\f105";
        font-family: 'bioclin';
    font-style: normal;
    }

}