/*
Theme Name: Microbel GeneratePress Child
Theme URI: https://www.wpweb.com
Template: generatepress
Author: wp
Description: Microbel GeneratePress Child
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 3.5.1.1742575521
Updated: 2025-03-21 17:45:21

*/

@import url('https://fonts.googleapis.com/css2?family=Mona+Sans&display=swap');

/* cookies */
.cky-notice-des p{font-size: 13px; line-height: 150%;}
.cky-cookie-audit-table th:nth-child(1), .cky-cookie-audit-table th:nth-child(2) {width:25%}
 /* end cookies */



#lightbox-content{
  overflow: scroll;
}
ul.product-categories .cat-item.cat-item-15{
  display: none;
}
a.generate-back-to-top.generate-back-to-top__show{
  display: none;
}
#lightbox-content{
  margin-top: 100px;
}
.site-header {
    position: fixed;
    width: 100%;
    z-index: 99999;
    margin-top: -120px;
}
.pswp__caption__center{
  margin-top: -120px;
  text-align: center;

}
  ul.product-categories li {
    margin: 5px 0px;
    font-size: 10px;
}
.inside-left-sidebar a:hover {
    border-bottom: 1.5px solid #000;
}
.separate-containers .site-main {
    margin: 0px;
}
div#page, .pswp__scroll-wrap  {
    margin-top: 120px;
}
header.woocommerce-products-header {
    margin: 50px 0px;
}

.elementor.elementor-32{
  overflow-x: hidden;
}
.copyright-bar{
  display: none;
}

body, p, ul, li, span.elementor-icon-list-text{
  font-family: "Mona Sans", sans-serif !important;
}
.footer-widgets a {
  color: #fff;
  text-decoration: none;
}
/*Anteprime schede prodotto*/
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce-loop-category__title {
    text-align: center;
    padding: 20px !important;
    color: #263A7D;
    font-family: 'Mona Sans';
    font-weight: 600;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover, .woocommerce-loop-category__title:hover{
  color: #1999C8;
;
}
mark{
  display: none;
}
/*TITOLI woocommerce*/
.product-categories{
  margin-bottom: 10px;
  margin-top: 10px;
}
.product-brand-logo {
    width: 120px !important;
    margin-bottom: 10px;
}
h1.woocommerce-products-header__title.page-title {
  text-align: center;
  text-transform: uppercase;
  color: #263A7D;
  font-weight: 600;
  /*margin-bottom: 30px;*/
  font-size: 45px;
}
.woocommerce-result-count, .woocommerce-ordering{
  /*width: 50%;
  clear: both;*/
  display: none;
}
.woocommerce .woocommerce-ordering select{
  float: right !important;
  margin-bottom: 30px;
}
.woocommerce-products-header h2, .related.products h2 {
    text-align: center;
    color: #1999C8;
}
.related.products h2 {
  margin: 50px auto;
}
.woocommerce-archive-wrapper .inside-article{
  background-image: url(/wp-content/uploads/2025/03/motivo-azzurro.png);
  background-repeat: no-repeat;
  background-size: auto;
}
.widget-area .widget {
    padding: 15px 40px;
}
form.woocommerce-product-search button {
    border-radius: 0px 50px 50px 0px;
    background-color: #1999CB;
}
input#woocommerce-product-search-field-0 {
    border-radius: 50px 0px 0px 50px;
}
.inside-left-sidebar .count{
  display: none;
}
.widget ul li{
  margin-bottom: 0px;
}
.widget-title {
    margin-bottom: 10px;
    color: #263A7D;
    font-weight: 600;
  }
ul.product-categories a, ul.wc-brand-list-layered-nav-product_brand a {
    font-size: 15px;
    text-decoration: none;
    color: black;
}
.inside-left-sidebar aside{
    margin-bottom: 0px !important;
}
form.woocommerce-product-search {
    width: 100%;
    display: flex;
}
.site-content .content-area {
    width: 100%;
}
.is-left-sidebar {
    width: 20%;
}
.woocommerce ul.products li.product a img{
  margin: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.woocommerce ul.products li.product a{  
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgb(0 0 0 / 2%);
  width: 100%;
  background-color: #fff;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  display: flex;
  justify-content: center;
  margin: 15px !important;
}
.woocommerce ul.products{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.separate-containers .inside-article{
  background-color: transparent;
}

/*HEADER*/
.main-navigation .main-nav ul li a {
  text-transform: uppercase;
  font-weight: 600;
  color: #263A7D;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
  color: #1999C8;
}
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a{
  color: #1999C8;
}
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a.icon-header-menu{
  text-decoration: none;
}
.inside-navigation.grid-container i{
    color: #fff;
    background-color: #1999C8;
    border-radius: 5px;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    padding: 5px;
}
.inside-header.grid-container{
  margin-left: 0px !important;
  margin-right: 0px !important;
  max-width: 100% !important;
}
.header-widget p{
  display: flex !important;
  gap: 20px;
}
.header-widget p a i{
  color: white !important;
  background-color: #1999C8;
  padding: 8px;
  border: 1px solid #1999C8;
  border-radius: 10px;
}
li#menu-item-469 ::before{
    content: "\f007";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 8px;
}
/*bottoni prodotti*/
a.btn-product {
  background-color: #145D96;
    color: white;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 50px;
    width: auto !important;
    display: inline-block;
    text-align: center;
    margin-bottom: 10px;
}
/* LAYOUT */
.single-product .site-content {flex-direction: column;}
.single-product.separate-containers .site-main {margin-top:0px}
.single-product.separate-containers .inside-article {padding-top:10px; padding: 40px 290px;}
.product_meta {display: none;}
/* questo wrapper è stato aggiunto con scriptcustom.js */
.my-tabs-wrapper {
  margin-left: -290px;
  margin-right: -290px;
  padding: 40px 290px; /* questo sarà da gestire per il responsive */
  width: auto;
  clear: both;
  background-image: url(https://microbel.wpweb-dev.it/wp-content/uploads/2025/03/motivo-azzurro.png), linear-gradient(to right, #F6F7F8 0%, #E5EBED 20%);
  background-repeat: no-repeat;
  background-size: auto;
}
.woocommerce-tabs {
  background-color: #fff; display: block; clear: both; padding:60px
}
.tabs.wc-tabs, .woocommerce div.product .woocommerce-tabs .panel {background-color: #fff; padding:40px}
/* Layout verticale per WooCommerce tabs */
.woocommerce div.product .woocommerce-tabs {
  display: flex;
  flex-wrap: wrap;
}

/* Lista dei tab (a sinistra) */
.woocommerce div.product .woocommerce-tabs ul.tabs {
  flex-direction: column;
  min-width: 200px;
  list-style: none;
  padding: 0;
  border: none;
  margin: 0;
  border-right: 1px solid #eee;
}

/* Stili per ogni tab */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  display: block !important;
  margin: 0;
  border: none;
  border-bottom: 1px solid #eee;
  background: none;
  padding: 10px 15px;
  font-weight: 600;
  cursor: pointer;
  border-radius: 0px 0px 0px 0px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { box-shadow: none}
/* Tab attivo */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: #f7f7f7;
  border-right: 3px solid #1999C8;
}

/* Link nei tab */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  display: block;
  color: #333;
}

/* Area contenuto tab (a destra) */
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel {
  flex: 1;
  padding: 0;
}


/* WOOCOMMERCE */

.custom-product-header {
  background: 
    url("images/bkg-title-product.png") no-repeat right/contain,
    linear-gradient(to right, #1999C8 0%, #145D96 60%);
  padding: 20px 40px;
}
h1.product_title.entry-title{  margin-bottom:0px}
.product-brand-logo {width:180px}


/* griglia thumbs in scheda prodotto */
.woocommerce div.product div.images .flex-control-nav.flex-control-thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center; /* allinea a sinistra */
    padding: 0;
    margin: 0;
    list-style: none;
  }
  
  
  .woocommerce div.product div.images .flex-control-nav.flex-control-thumbs li{
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f5f5; /* facoltativo per estetica */
    border-radius: 4px;
    overflow: hidden;
  }

  .woocommerce div.product div.images .flex-control-nav.flex-control-thumbs li img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
    display: block;
  }
/* anteprima immagine in scheda prodotto */
  /* Imposta altezza fissa al contenitore principale */
.woocommerce-product-gallery__image {
    height: 500px; /* imposta tu l'altezza ideale */
    display: flex !important;
    align-items: center;
    justify-content: center;
   
    overflow: hidden;
  }
  
  /* Applica solo a img dentro la galleria (evita interferenze) */
  .woocommerce-product-gallery__image img {
    max-width: 100%;
    max-height: 100%;
    width: auto !important; /* sovrascrive il width: 60% globale */
    height: auto !important;
    object-fit: contain;
    display: block;
    margin: 0 auto;
  }

  /*Scheda prodotto*/
  .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel{
    padding: 0px 50px !important;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs{
    text-transform: uppercase;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li.active{
    color: #1999C8 !important;
  }

  .summary.entry-summary button.richiedi-preventivo-btn, input[type="submit"] {
    border-radius: 50px;
    background-color: #1999CB;
    font-family: 'Mona Sans';
}
button#richiedi-preventivo::after{
  content: '\f138';  
  font-family: 'Font Awesome 6 Free';  
  font-weight: 900;  
  margin-left: 5px;  
  font-size: 15px;
}
a.button-pdf {
  padding: 10px 20px;
  border: 2px solid #1999C8;
  border-radius: 50px;
  color: #1999C8;
  text-decoration: none;
}
h2.product_title.entry-title-secondary {
  color: #263A7D;
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 10px;
}
p.acf-sottotitolo-prodotto {
  color: #1999C8;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.2em;
  margin-bottom: 20px;
}
h2.wb_cptb_title {
  /* display: none; */
  font-size: 30px;
  color: #263A7D;
  font-weight: 700;
  text-transform: uppercase;
}
.wb_cptb_content h3 {
  font-size: 25px;
  color: #263a7D;
  font-weight: 500;
  margin-bottom: 5px;
}
.wb_cptb_content h4 {
  font-size: 20px;
  color: #1999c3;
  font-weight: 100;
}
  /*Breadcrumbs*/
  .woocommerce-breadcrumb a {
    color: white !important;
    text-transform: capitalize !important;
    font-size: 20px !important;
    text-decoration: none !important;
    font-weight: 400 !important;
}
.woocommerce .woocommerce-breadcrumb {
  font-size: 20px;
  color: white;
  margin: 1em 0 0 !important;
}
.woocommerce-breadcrumb a:first-child::before {
  content: '\f015';  
  font-family: 'Font Awesome 6 Free';  
  font-weight: 900;  
  margin-right: 5px;  
  font-size: 15px;
}
/*Form preventivo pagina*/
.form-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;  
    margin-bottom: 0px !important;
    padding: 0px !important;
}

.form-col {
 width:100%;
}

.form-col-full {
  width: 48%;
}
.woocommerce form .form-row::after, .woocommerce form .form-row::before, .woocommerce-page form .form-row::after, .woocommerce-page form .form-row::before {
    display: none;
}
.form-col-full p, .form-col p {
    margin-bottom: 15px;
}

  form input[type="text"], form input[type="email"], textarea, select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required{
    width: 100%;
    border-color: #707070;
    border-radius: 50px;
    font-family: "Mona Sans", sans-serif;
    font-size: 15px;
    padding: 10px 15px;
  }
  textarea{
    width: 100%;
    border-color: #707070;
    border-radius: 30px;
    font-family: "Mona Sans", sans-serif;
  }
  form input[type="submit"]{
    background-color: #1999C8;
    border-radius: 50px;
  }
  form .wpcf7-list-item-label{
    font-size: 14px;
  } 

  /*lightbox Richiedi maggiori informazioni*/
  #lightbox-content h2{
    margin-top: 50px !important;
    color: #263A7D;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 28px;
    text-align: center;
  }
  #lightbox-content{
    width: 700px !important;
  }

  /*Loghi marchi utilizzati*/
  #uc_card_carousel_elementor_fbcb1c8 .uc_classic_carousel_placeholder {
    display: flex;
    justify-content: center;
  }
  /*Footer*/
  .footer-widgets {
    background-color: #003F54;
    border-radius: 0px 0px 100px 0px;
    color: white;
}

.site.grid-container.container.hfeed{
  max-width: none !important;
}

/*Custom product page*/
.custom-product-header a, .category-separator {
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
  font-size: 28px;
  line-height: 1em;
}

.custom-product-header h1.product_title.entry-title {
  margin-bottom: 0px;
  color: white;
  font-weight: 700;
}
@media only screen and (max-width: 1500px) {
  .single-product.separate-containers .inside-article {padding-top:10px; padding: 40px 200px;}
  .my-tabs-wrapper {
    margin-left: -200px;
    margin-right: -200px;
    padding: 40px 200px; 
  }
  a.button-pdf{
    width: 70%;
    margin-left: 0px !important;
    text-align: center;
  }
  .summary.entry-summary button.richiedi-preventivo-btn, input[type="submit"]{
    width: 70%;
  }
}
@media only screen and (max-width: 1200px) {
  .summary.entry-summary button.richiedi-preventivo-btn, a.button-pdf{
    width: 100%;
  }
  .widget-area .widget {
    padding: 15px 20px;
}
  .single-product.separate-containers .inside-article {padding-top:10px; padding: 40px 40px;}
  .my-tabs-wrapper {
    margin-left: -40px;
    margin-right: -40px;
    padding: 40px 40px; 
  }
  .archive.post-type-archive.post-type-archive-product .woocommerce-archive-wrapper ul.products li.product .woocommerce-loop-category__title{
    font-size: 18px;
  }
  .main-navigation .main-nav ul li a {
        font-size: 13px !important;
        padding: 0px 10px;
    }
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
          width: 26.05% !important; 
    }

}

@media only screen and (max-width: 768px){ 
  /* cookies */
	table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: transparent;
}
    .cky-cookie-audit-table th {display: none;}
    .cky-cookie-audit-table td {display: block;}
    .cky-cookie-audit-table td:nth-child(1) {
      background-color: #f4f4f4; opacity:0.7;
    }
    .cky-cookie-audit-table td:nth-child(1)::before {
      content: "Cookie";
      color: #203E74;
      display: block;      
      font-weight: bold;
      padding-top: 10px;
    }
    /* end cookies */
}


  .footer-widget-1 {
    margin-bottom: 0px !important;
}
  .woocommerce-tabs{
    padding: 40px;
  } 
  #lightbox-content {
    height: 530px;
    margin-top: 80px;
}
.form-col-full p{
  margin-bottom: 10px !important;
}
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    padding: 10px 15px;
}
form input[type="text"], form input[type="email"], textarea {
    font-size: 15px;
    padding: 10px 15px;
}
.form-col-full {
    width: 49%;
}
#lightbox-content h2{
  font-size: 25px;
}
.wpcf7-not-valid-tip{
  font-size: 12px;
}
.woocommerce form .form-row::after, .woocommerce form .form-row::before, .woocommerce-page form .form-row::after, .woocommerce-page form .form-row::before {
  display: none;
}
a.icon-header-menu {
    margin: 10px;
} 
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    width: 40% !important;
  }
  #lightbox-content{
    width: 400px !important;
  }
  .single-product.separate-containers .inside-article {padding-top:10px; padding: 40px 40px;}
  .my-tabs-wrapper {
    margin-left: -40px;
    margin-right: -40px;
    padding: 40px 40px; 
  }
  .custom-product-header h1.product_title.entry-title{
    font-size: 35px;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs {
    width: 100%;
    margin-bottom: 30px;
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel {
  padding: 0px !important;
}
.custom-product-header {
  background-size: 1200px;
  background-position: left;
}
a.button-pdf, .summary.entry-summary button.richiedi-preventivo-btn, input[type="submit"]{
  width: 100%;
}

@media only screen and (max-width: 576px){
    .my-tabs-wrapper {
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px; 
  }
  #lightbox-content h2{
  font-size: 18px;
}
#lightbox-content{
  margin-top: 70px;
}
  .woocommerce-product-gallery__image {
    height: 400px;
  }
      .single-product.separate-containers .inside-article {
        padding: 40px 20px;
    }
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    width: 100% !important;
  }
  .woocommerce-tabs{
    padding: 20px;
  } 
  
}
@media only screen and (max-width: 472px){
 .form-col {
    width: 100%;
  }
  
}

