/*
Theme Name: Fiorenzato 2025
Theme URI:
Author: Fiorenzato 2025
Author URI:
Description:
Version: 0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:  one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, sticky-post, translation-ready
Text Domain: fiorenzato

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/*************************************************
                          CSS GENERALE
**********************************************/

/* serve ad avere un top del mio menu, e quindi ad abbassarlo, solo quando accedo a wordpress, perchè il menu nero di
wordpress, copre il mio menu*/
.admin-bar .navbar{
  top:32px;
}


body{
  display:flex;
  min-height:100vh; /*vh st per vertical height cioè la totale altezza dello schermo, che però nel mio pc è 95*/
  flex-direction:column;
  padding-top:70px;
  font-family: "FuturaPro-Book"!important;
  /*font-family: "Roboto", sans-serif;*/
  font-weight: 300;
  background-color: #fff;
  font-size: 18px;
  color:#3e3a3a;
  line-height: 26px;
}


body{
  padding-top:0;
}

.main-content {
  flex:1 0 auto;
}

*{min-height:0.01px}



/*a{color:#008dd2}
a:hover{color:#25315c; text-decoration: none}*/
a{text-decoration: underline; color:#3e3a3a;}

/*************************************************
                          UTILITIES
**********************************************/

/*.container-fluid{overflow: hidden; padding-right: 0!important; padding-left: 0!important}*/
.alignwide {max-width: 1140px; margin-right: auto;  margin-left: auto;  padding-right: 15px;   padding-left: 15px;   width: 100%;}
.alignfull{margin-right: auto;     margin-left: auto;    padding-right: 15px;    padding-left: 15px;    width: 100%;}
.desktop{display: inline-block;}
.mobile{display: none}



h1, h2, h3{ }
h1{font-size: 70px; line-height: 78px}
h2{font-size: 40px; line-height: 45px}
h3{font-size: 30px; line-height: 38px}
/*strong{	font-family: "FuturaPro-Medium"!important;}*/

/*font-family: "Futura-MedObl"!important;
font-family: "Futura-Bol"!important;*/

b, strong{font-family: "Futura-Bol"!important;}
span{color:#FF4713}


.btn{    --bs-btn-line-height: initial!important; background-color: #3e3a3a;border: 1px solid #3e3a3a; border-radius: 50px; color:#fff; text-transform: uppercase; letter-spacing: 2px; padding: 8px 30px 8px 30px; text-decoration: none}
.btn:hover{background-color: #fff;border: 1px solid #3e3a3a; color:#3e3a3a;}

.btn_arancione{background-color: transparent; border: 1px solid #FF4713; border-radius: 50px; color:#3e3a3a; text-transform: uppercase; letter-spacing: 2px; padding: 8px 30px 8px 30px; text-decoration: none}
.btn_arancione:hover{background-color: #FF4713;border: 1px solid #FF4713; color:#fff;}



.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
  color:#000!important;
  box-shadow: none!important;
  outline: 0!important;}


.splide__arrow--prev::after {
  content: '';
  display: block;
  width: 58%;
  height: 58%;
  background-image: url('/wp-content/themes/Fiorenzato 2025/img/freccia_sinistra.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.splide__arrow--next::after {
  content: '';
  display: block;
  width: 58%;
  height: 58%;
  background-image: url('/wp-content/themes/Fiorenzato 2025/img/freccia_destra.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}



.splide__arrow {  background: none;  border: none;}
.splide__arrow svg {  display: none;}
.splide__pagination, .splide__arrow {display:none;}

/*************************************************
                          MENU
**********************************************/
.navbar_sovramenu{ background: #f5f5f7!important; }
.bg-primary, .dropdown-menu, .dropdown-item{ background: #fff!important; }
.navbar_sovramenu .dropdown-item{font-size: 15px}
/*il logo*/
.navbar-brand{ width:350px;}
.navbar-brand img {width: 80%;}

.navbar_sovramenu .nav-link{ font-size:15px; color:#3E3A3A!important; font-weight: 400; padding-left: 25px!important; padding-right: 25px!important}
.nav-link, .dropdown-menu, .dropdown-item{ font-size:20px; color:#3E3A3A!important; font-weight: 400; padding-left: 38px!important; padding-right: 38px!important}
/*.nav-link:hover, .dropdown-menu:hover, .dropdown-item:hover{font-weight: 900;}*/
.dropdown-menu {  margin-top: 10px!important; border: 0px!important;    border-radius: 0px!important;}
.dropdown-menu .dropdown-item{padding-top: 5px!important;padding-bottom: 5px!important}
.navbar-nav li{margin-top: auto !important;    margin-bottom: auto !important;}
.dropdown-menu[data-bs-popper] {    top: 88%!important;}


.dropdown .nav-link::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}


.dropdown-menu .dropdown-item{    padding-left: 0px !important;    padding-right: 0px !important; border-bottom: 1px solid #ddd}
/* Hamburger animato */
.navbar-toggler {     border: none;   outline: none;   }
.navbar-toggler .navbar-toggler-icon { background-image: none; position: relative;  width: 24px; height: 2px;  background-color: #FF4713;  transition: all 0.3s ease-in-out;  display: inline-block;  }
.navbar-toggler .navbar-toggler-icon::before,
.navbar-toggler .navbar-toggler-icon::after {  content: '';  position: absolute; width: 24px; height: 2px; left: 0; background-color: #FF4713;  transition: all 0.3s ease-in-out; }
.navbar-toggler .navbar-toggler-icon::before {     top: -7px;   }
.navbar-toggler .navbar-toggler-icon::after {     top: 7px;   }
.navbar-toggler:not(.collapsed) .navbar-toggler-icon {     background-color: transparent;   }
.navbar-toggler:not(.collapsed) .navbar-toggler-icon::before {     transform: rotate(45deg);     top: 0;   }
.navbar-toggler:not(.collapsed) .navbar-toggler-icon::after {     transform: rotate(-45deg);     top: 0;   }

.container_megamenu .splide__arrows{display:none}
/*.container_megamenu .splide__slide{width: 90px!important}*/
/*************************************************
                      HOME
******************************************************/


.home h1{font-size: 70px; line-height: 78px}
.home h1 span{color:#FF4713}
/**********       HOME  INTRO GSAP**************/
/*.home .contenitore {   height: 125vh;    margin: 0; }
.home .contenitore img {   width: 680px;    max-width: 100%;    height: auto;}
.home .contenitore .image-wrapper {    margin-top: 120px;     text-align: center;}*/



.gsap-marker-scroller-end, .gsap-marker-scroller-start{display:none!important}


.home #project__parallax {
   position: relative;
   width: 100%;
   height: 110vh;
   clip-path: polygon(28% 2%, 74% 2%, 74% 66%, 28% 66%);
 }

.home #project__parallax img {
   height: 100%;
   width: 100%;
   object-fit: cover;
 }

/**********       HOME  VIDEO **************/
.embed-container {
      position: relative;
      padding-bottom: 66.14%;
      overflow: hidden;
      max-width: 100%;
      height: auto;
  }

  .embed-container iframe,
  .embed-container object,
  .embed-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }

/**********       HOME  SCRITTA SOPRA VIDEO  **************/
/*.home .blocco1{margin-top: 15rem}*/
/**********       HOME  LA NOSTRA GAMMA  **************/
.home .container_gamma{background-color:#F5F5F7; padding:60px 0 45px}
.home .container_gamma h4{font-size: 40px; color:#FF4713}
.home .container_gamma .splide__slide{width: 380px!important}
/**********       HOME  TECNOLOGIA **************/
.home .tecnologia_home {background-color:#F5F5F7 }
.home .contenitore_tecnologia{background-color:#fff; border-radius: 45px}
.home .tecnologia_home .contenitore_tecnologia .colonna_immagine{background-color: #020001!important; border-top-left-radius: 45px; border-bottom-left-radius: 45px}
/**********       HOME / MACINE / EFFICIENZA / STORIA **************/
.home .gruppo_3_blocchi{background-color: #fff}
.home .contenitore_macine{position: relative; height: 365px}
.home .colonna_efficienza .card img,
.home .colonna_storia .card img{object-fit: cover}

.home .contenitore_macine,
.home .colonna_efficienza .card,
.home .colonna_storia .card{background-color:#F5F5F7;  border-radius: 45px }
.home .colonna_efficienza .card,
.home .colonna_storia .card{border: none; height: 790px;}
.home .contenitore_macine .text{max-width: 360px; position: absolute; top: 30%;  left: 8%; }
.home .immagine_macine{position: absolute; top: -43px;  right: 0px; width: 58%;}

/**********  HOME   BLOG  **************/
.home .blog {background-color:#F5F5F7;}
.home .blog .splide__slide{width:372px!important;}
.home .blog .card{ border: none; border-radius: 30px; position: relative;}

.home .blog .pulsante{
  position: absolute; right:14px; bottom:18px;
  width: 50px;
  height: 50px;
  border-radius: 50%;

  background-color: #FF4713;
  color: white;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding:0; /*5px 0 0 2px;*/
  margin: 0;
  line-height: 1;
  text-decoration: none;
  border: none;
  cursor: pointer;
  user-select: none;}
/*.home .blog .pulsante{position: absolute; width:10%; right:14px; bottom:18px; padding:0px; border: 2px solid #FF4713; background-color: #FF4713; border-radius: 45px; font-size: 22px}*/
/*.home .blog .pulsante:after {content:"+"; color:#fff}*/
.home .blog .pulsante:hover{border: 2px solid #FF4713; background-color: transparent;}
/*.home .blog .btn_blog:hover:after{ color: #FF4713}
*/


/**********  HOME   ACCESSORI  **************/
.home .gruppo_accessori{background-color: #fff; margin-top: 80px}
.home .contenitore_accessori{position: relative; height: 365px; background-color:#F5F5F7;  border-radius: 45px }
.home .text_accessori{max-width: 360px; position: absolute; top: 20%;  left: 14%; }
.home .immagine_accessori{position: absolute;    bottom: 0px;    right: 123px;    width: 40%;}


/****************************************************************
                SIMPLE PAGE
****************************************************************/

.simple_page .jumbotron_page{padding: 114px 40px;}
.simple_page .jumbotron_page h1{color:#fff}
/****************************************************************
                TAXONOMY GENERALE
****************************************************************/
.taxonomy .prodotti .card{border: none; border-radius: 45px; background-color: #f5f5f7}
.taxonomy .prodotti .card h3{color:#FF4713}
.taxonomy .prodotti .card img{width: 55%}

/*.taxonomy .prodotti .subcategory {  list-style: none;  padding: 0;  margin: 0; border-bottom: 1.5px solid #b9b9ba}
.taxonomy .prodotti .subcategory li {  display: inline-block;  margin-right: 20px; }
.taxonomy .prodotti .subcategory .btn{border: none; background-color: transparent; letter-spacing: 1px; color:#b9b9ba; text-transform: inherit; padding:5px }
.taxonomy .prodotti .subcategory .btn.active{color:#000; text-decoration: underline; color:#000; text-underline-offset: 11.3px;}
.taxonomy .prodotti .subcategory .btn:hover{border: none; background-color: transparent}*/


.taxonomy .prodotti .subcategory { display: flex; justify-content: center; gap: 20px; list-style: none; padding: 0;  margin: 0;
  border-bottom: 1px solid #b9b9ba;   position: relative;  }
.taxonomy .prodotti .subcategory li{margin: 0;  padding: 0; }
.taxonomy .prodotti .subcategory .bottone_filtro{  display: inline-block;  padding: 10px 15px;  text-decoration: none;  color: inherit;
  border-bottom: 1px solid transparent;  transition: border-bottom 0.3s;  position: relative;}
.taxonomy .prodotti .subcategory .bottone_filtro.active{ border-bottom: 1px solid black;  position: relative;  bottom: -1px; }
.taxonomy .prodotti .subcategory .bottone_filtro:hover{cursor: pointer;}



.taxonomy .card h2{margin-bottom: 25px}
.taxonomy .descrizione .card img{border-top-right-radius: 45px; border-bottom-right-radius: 45px }

.taxonomy .scomparsa{  width: 50px;  height: 50px;  border-radius: 50%;  background-color: #FF4713;  color: white;  font-size: 30px;
  display: flex;  align-items: center;  justify-content: center;  padding: 0/*5px 0 0 2px*/;  margin: 0;  line-height: 1;  text-decoration: none;
  border: none;  cursor: pointer;  user-select: none;  margin-bottom: 20px}
.taxonomy .scomparsa:after{content:"+"; color:#fff}
.taxonomy .scomparsa:hover{border: 2px solid #FF4713; background-color: transparent; color:#FF4713}
.taxonomy .scomparsa:hover:after{color:#FF4713;}
/*.taxonomy .scomparsa:hover:after{ color: #FF4713}
.taxonomy .scomparsa{padding: 6px 13px; border: 2px solid #FF4713; background-color: #FF4713; border-radius: 45px; margin-bottom: 15px}
.taxonomy .scomparsa:after{content:"+"; color:#fff}*/


.taxonomy .scomparsa.aperto{padding: 5px 15px; margin-bottom: 15px}
.taxonomy .scomparsa.aperto:after{content:"-"!important;  height: 36px;    width: 6px;}
.taxonomy #testo_scomparsa1, .taxonomy #testo_scomparsa2 {  opacity: 0; max-height: 0; overflow: hidden; transition: opacity 0.5s ease, max-height 0.5s ease; margin-top: 10px;    }
.taxonomy #testo_scomparsa1.visibile, .taxonomy #testo_scomparsa2.visibile{ opacity: 1;  max-height: 200px; margin-bottom: 0px}


.taxonomy .colonna_testo{padding-right: 110px}

/****************************************************************
                TXONOMY DOSATORI
****************************************************************/
.cat--traditional .jumbotron_page{    background-position: center 58%!important;}
/****************************************************************
                TXONOMY GROCERY
****************************************************************/
.taxonomy .descrizione .card{border: none; border-radius: 45px; background-color: #f5f5f7}

/****************************************************************
                TAXONOMY PRO
****************************************************************/
.taxonomy .embed-container {
      position: relative;
      padding-bottom: 56.14%;
      overflow: hidden;
      max-width: 100%;
      height: auto;
  }

.taxonomy .descrizione .pro {background-color: #10050d}
.taxonomy .card_tassonomia { background-color:#F5F5F7;}
.taxonomy .card_tassonomia .card{border: none;  border-radius: 45px; height:345px}

.taxonomy .highlights .colonna_menu h2{color:#FF4713}
.taxonomy .highlights .colonna_menu .nav-link {font-size: 20px; border-radius: 0px; border-bottom: 1px solid #e9e9e9;padding-top: 10px; padding-bottom:10px }
.taxonomy .highlights .colonna_menu{background-color: #fff; border-top-left-radius: 45px; border-bottom-left-radius: 45px}
.taxonomy .highlights .colonna_contenuto{background-color: #fff; border-top-right-radius: 45px; border-bottom-right-radius: 45px}
.taxonomy .highlights .colonna_contenuto img{object-fit: cover; height: 515px!important; border-top-right-radius: 45px; border-bottom-right-radius: 45px}

.taxonomy .highlights .nav-pills p{border-bottom: 1.5px solid #e9e9e9}
.taxonomy .highlights .nav-pills .nav-link{position: relative;}
.taxonomy .highlights .nav-pills .nav-link.active{background-color: transparent!important; font-weight: bold;}
.taxonomy .highlights .nav-pills .nav-link.active::after {
     content: "\203A" !important;
      top: 8px;
      right: 50px;
      position: absolute;
      font-size: 30px;
      color:#3e3a3a
}


/****************************************************************
                PRODOTTO
****************************************************************/
.prodotto .splide a{text-decoration: none}
.prodotto .splide h4{color:#FF4713; text-decoration: none}
.prodotto .splide .cat_active{border-bottom: 7px solid #FF4713}
.prodotto .splide .splide__arrow {display:none;}
.prodotto .copertina_prodotto .jumbotron{padding: 114px 40px;}
.prodotto .descrizione_prodotto h2{ padding:0 68px 0}
.prodotto .descrizione_prodotto .subtitle{  padding: 20px 7rem 0;}


.prodotto .descrizione_prodotto, .prodotto .image-viewer{flex: 1;  display: flex;  flex-direction: column;}
.prodotto .prod-info-block ul li p{margin-bottom: 0px!important; }
.prodotto .prod-info-block ul li p span{color:#3E3A3A}
.prodotto .color_names p{color:#3E3A3A!important}

.prodotto .card{border: none; border-radius: 45px; background-color: #f5f5f7}
.prodotto .intro_dati_tecnici{padding: 0 4rem 3rem }
.prodotto .list-group-item{background-color: #f5f5f7}
.prodotto .optional h3,
.prodotto .certificazioni h3{color:#FF4713}
.prodotto .optional .card,
.prodotto .certificazioni .card{height:200px}

.prodotto .info .colonna_menu{padding-top: 5rem;padding-bottom: 5rem;flex: 0 0 auto; width: 41.66666667%;background-color: #fff; border-top-left-radius: 45px; border-bottom-left-radius: 45px}
.prodotto .info .colonna_menu .nav-link{font-size: 20px; text-align: left; border-radius: 0px; border-bottom: 1px solid #e9e9e9;}
.prodotto .info .colonna_contenuto{padding-top: 5rem;padding-bottom: 5rem;flex: 0 0 auto;        width: 58.33333333%;background-color: #e9e9e9; border-top-right-radius: 45px; border-bottom-right-radius: 45px}


.prodotto .info .nav-pills .nav-link{position: relative;}
.prodotto .info .nav-pills .nav-link.active{background-color: transparent!important; font-weight: bold;}
.prodotto .info .nav-pills .nav-link.active::after {
     content: "\203A" !important;
      top: 8px;
      right: 50px;
      position: absolute;
      font-size: 30px;
      color:#3e3a3a
}


.prodotto .correlati .card img{max-width: 160px}
.prodotto .correlati .card h2{color:#FF4713}
.prodotto .card .prod-excerpt{font-size: 20px}
.prodotto .correlati .card a{ width: 208px}

/************CAMBIO IMMAGINE PRODOTTO IN BASE AL COLORE*************/
.prodotto .product-image { display: none; width: 100%; transition: opacity 0.3s ease; width: 100%; text-align: center;}
.prodotto .product-image.active {  display: block;  opacity: 1;  z-index: 1;}
.prodotto .color-btn {  border: 0px;background-color: transparent;}
.prodotto .color-selector{    background-color: #f5f5f7;    height: 192px;    border-radius: 45px;}
.prodotto .color-selector .color_names {font-size: 13px;    line-height: 1.2;    font-weight: 400;}
.prodotto .color-btn.active { border-bottom: 7px solid #000;}

/****************************************************************
                CONTATTI / DOVE SIAMO
****************************************************************/

.dove_siamo  .jumbotron_page{padding: 114px 40px;}
.dove_siamo .colonna_contatti{background-color: #f5f5f7;  border-top-left-radius: 45px; border-bottom-left-radius: 45px}
.dove_siamo .colonna_mappa iframe{ border-top-right-radius: 45px; border-bottom-right-radius: 45px}

.dove_siamo .form .titolo h2{color:#FF4713}
.dove_siamo .form a{text-decoration: underline; color:#FF4713}
.wpcf7-list-item-label{color:#3E3A3A!important}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {  background-color: #f5f5f7;  margin-top: 10px;  padding: 10px!important;    border:none!important; border-bottom: 0px!important; width: 100% !important;}
textarea{ height: 160px; background-color: #f5f5f7!important; }
/*per eliminare che il bordo delle text area si colori al clic al suo interno*/
input[type="text"]:focus, input[type="email"]:focus, textarea:focus{ outline: none;border-bottom: 2px solid #004e7f; }
.wpcf7-submit{margin-top: 30px!important; color: #fff!important;  background-color: #3E3A3A!important; font-weight: 600!important; margin: 0px;  border: 1px solid #3E3A3A!important; text-transform: uppercase; height: 35px!important;  line-height: 28px!important; font-size: 15px!important;  padding: 0 65px!important;}
.wpcf7-submit:hover{background-color:#fff!important; color:#3E3A3A!important; border-color:#3E3A3A!important; cursor: pointer;}
.wpcf7-submit:focus{outline: none}


.form-control[type=file]:not(:disabled):not([readonly]) {    border: none; margin-top: 20px;}
.wpcf7-list-item{margin-left: 0px!important}

/****************************************************************
                STORIA'
****************************************************************/
.storia .jumbotron_page{padding: 114px 40px;}

.storia .intro h2{margin-top: 60px}
.storia .valori .card h2{color:#FF4713}
.storia .valori .card{border: none; border-radius:45px; background-color: #f5f5f7; padding-left: 8rem; padding-right: 8rem}
.storia .slider_storia .card h2{color:#3E3A3A}
.storia .slider_vision{ background-color: #f5f5f7}
.storia .slider_vision .colonna_testo h2{color:#FF4713}
.storia .slider_vision .colonna_testo{padding-left:2.8rem ; padding-right:2.8rem }
.storia .slider_vision .card{border: none; border-radius:45px; background-color: #fff}
.storia .slider_vision .splide, .storia .slider .slider{position: relative;}
.storia .slider_vision .splide__arrows{display: flex; position: absolute;  top:86%;   left: 43%;  flex-direction: row;  gap: 10px;}
.storia .slider_vision .splide__arrow{display: inline-flex}
.storia .slider_vision .splide__arrow.splide__arrow--next {    right: -4.5em;}
.storia .slider_vision .splide__arrow.splide__arrow--prev {left:0em}
.storia .slider_vision .immagine{border-top-right-radius: 45px; border-bottom-right-radius: 45px; object-fit: cover; height:548px!important}
.storia #splide_vision .splide__arrows {display: none!important}
.storia #splide_vision .splide__track {border-top-right-radius: 45px; border-bottom-right-radius: 45px;}

.storia .numeri{ background-color: #f5f5f7}
.storia .numeri .card{border: none; border-radius: 45px; background-color: #fff; height: 170px}
.storia .numeri .card h3{color:#FF4713}
.storia .numeri .percentuale:after{    content: '%';    font-size: 30px;}



/*SLIDER STORIA*/
.storia .slider_storia { position: relative;}
.storia .slider_storia .card{border: none; border-radius:45px; background-color: #f5f5f7; }
.storia .slider_storia img{border-top-right-radius: 45px; border-bottom-right-radius: 45px}
.storia .slider_storia .slider {   display: flex;  align-items: center;  justify-content: center;  gap: 20px;  position: relative;}
.storia .slider_storia .slides {  position: relative;  height: 430px;   width: 100%;/* oppure auto */  overflow: hidden;}
.storia .slider_storia .slide { display: none; position: absolute; width: 100%;  top: 0;  left: 0;}
.storia .slider_storia .slide img{    height: 431px;    object-fit: cover;    width: 100%;}
/*.storia .slider_storia .slide h2{color:#FF4713}*/
.storia .slider_storia .slide .testo{padding-left: 4rem; padding-right: 4rem}
.storia .slider_storia .slide.active { display: block; }

.storia .slider_storia .frecce{position: absolute; left: 23.7%; top:383px}
.storia .slider_storia button.prev,
.storia .slider_storia button.next {
  background: none;
  border: none;
  font-size: 1rem;
  cursor: pointer;
}

.storia .slider_storia .timeline {
  list-style: none;
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding: 10px;
  white-space: nowrap;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.storia .slider_storia .timeline li {
  flex: 0 0 auto;
  padding: 8px 12px;
  cursor: pointer;
  scroll-snap-align: center;
  background: transparent;
}

.storia .slider_storia .timeline li span{color:#3E3A3A}

.storia .timeline li.active {
  color: #FF4713;
  border-bottom: 7px solid #FF4713;
}

.storia .timeline li.active span{  color: #FF4713;}
/*.timeline { list-style: none; display: flex; gap: 10px; }
.timeline li { cursor: pointer; padding: 5px; }
.timeline li.active { font-weight: bold; color: red; }*/


/****************************************************************
                TECNOLOGIA
****************************************************************/
.tecnologia .jumbotron_page{padding: 75px 40px;}
.tecnologia .intro .card{border: none;  background-color:#F5F5F7;  border-radius: 45px}
.tecnologia .intro .card img{border-top-right-radius: 45px; border-bottom-right-radius: 45px}
.tecnologia .caption {padding-top:250px; padding-bottom: 250px; background-color:#F5F5F7; }
.tecnologia .embed-container{background-color:#F5F5F7 }
/*.tecnologia .card_tecnologia { background-color:#F5F5F7;}*/
.tecnologia .card_tecnologia .card{border: none;  border-radius: 45px; height:400px}
.tecnologia .card_tecnologia .card .icona{object-fit: contain;}

.tecnologia .immagine_blocco_card{object-fit: cover; border-radius: 45px}
.tecnologia .highlights .colonna_menu h2{color:#FF4713}
.tecnologia .highlights .colonna_menu .nav-link {font-size: 20px; border-radius: 0px; border-bottom: 1px solid #e9e9e9; padding-top: 10px; padding-bottom: 10px}
.tecnologia .highlights .colonna_menu{background-color: #fff; border-top-left-radius: 45px; border-bottom-left-radius: 45px}
.tecnologia .highlights .colonna_contenuto{background-color: #fff; border-top-right-radius: 45px; border-bottom-right-radius: 45px}
.tecnologia .highlights .colonna_contenuto img{border-top-right-radius: 45px; border-bottom-right-radius: 45px}

.tecnologia .highlights .nav-pills .nav-link{position: relative;}
.tecnologia .highlights .nav-pills .nav-link.active{background-color: transparent!important; font-weight: bold;}
.tecnologia .highlights .nav-pills .nav-link.active::after {
     content: "\203A" !important;
      top: 8px;
      right: 50px;
      position: absolute;
      font-size: 30px;
      color:#3e3a3a
}


.tecnologia .container_gamma .splide__slide{width: 380px!important}
/**********       HOME  LA NOSTRA GAMMA  **************/
.tecnologia .container_gamma{background-color:#F5F5F7; padding:60px 0 45px}
.tecnologia .container_gamma h4{font-size: 40px; color:#FF4713}
/****************************************************************
                QUALITA'
****************************************************************/
.qualita .jumbotron_page{padding: 114px 40px;}

.qualita .intro .card{border: none; position: relative; height: 365px; background-color:#F5F5F7;  border-radius: 45px}
.qualita .intro .card .text{position: absolute;    top: 62px;    right: 116px;    max-width: 476px;}
.qualita .intro .card .immagine_macine{position: absolute; top: -43px;  left: 0px; width: 45%;}


.qualita .contenitore_qualita{background-color:#F5F5F7; }
.qualita .contenitore_qualita .card{ border: none; border-radius: 45px; background-color: #fff!important}
.qualita .contenitore_qualita .card .testo{max-width: 500px; }
.qualita .contenitore_qualita .card .elenco:before{ content:url('/wp-content/themes/Fiorenzato 2025/img/pallino_elenco.png');
  position:relative;  z-index:100000;  left:0px;  top:-5px;}

.qualita .certificazioni .card.colored{ border: none; border-radius: 45px; background-color:#F5F5F7}
.qualita .certificazioni .card.white{ border: none; border-radius: 45px; background-color:#fff; height:180px}
.qualita .splide__arrow {display:inline-flex;}
/****************************************************************
                LAVORA CON NOI
****************************************************************/
.lavora_connoi  .jumbotron_page{padding: 114px 40px;}
.lavora_connoi .intro h2{margin-top: 60px}
.lavora_connoi .card{border: none; border-radius: 45px; background-color: #f5f5f7}
.lavora_connoi .card a{width: 30%}
.lavora_connoi .curriculum{border:1px solid #d7d7d7; border-radius: 5px; padding: 8px}
.form-control[type=file]:not(:disabled):not([readonly]) {
    border: none;
    margin-bottom: 5px;
    margin-top: 5px;
}
/****************************************************************
                POSIONE APERTA
****************************************************************/

.posizione_aperta .requisiti ul{list-style: none; padding-left: 0px;       list-style-position: inside;}
.posizione_aperta .requisiti ul li:before{  content: "- " !important;}
.posizione_aperta .dettagli .card {height:180px}
.posizione_aperta .dettagli .card{border-radius: 45px; background-color: #f5f5f7; border: none}
.posizione_aperta .dettagli .card h5{text-transform: uppercase; color:#FF4713}


/****************************************************************
              ACCESSORI
****************************************************************/
.accessori  .jumbotron_page{padding: 114px 40px;}
.accessori .card{border: none; border-radius: 45px; background-color: #f5f5f7; height: 370px}
.accessori .card h2{color:#FF4713}
.accessori .card img{height: 350px;    object-fit: cover;    width: 100%; border-top-left-radius: 45px; border-top-right-radius: 45px}
.accessori .card a{width: 30%}


/****************************************************************
            SINGLE  ACCESSORI
****************************************************************/
.single_accessori  .jumbotron_page{padding: 114px 40px;}
.single_accessori ul{list-style: none; padding-left: 0px}
.single_accessori ul li{border-bottom: 1px solid  rgba(0, 0, 0, .125);  padding: 4px 0}

.single_accessori .card_grande .immagine_destra{border-top-right-radius: 45px; border-bottom-right-radius: 45px; object-fit: cover}
.single_accessori .card_piccola{border: none; border-radius: 45px; background-color: #f5f5f7; height: 440px}
.single_accessori .card_piccola img{height: 550px;    object-fit: cover;    width: 100%; border-top-left-radius: 45px; border-top-right-radius: 45px}
.single_accessori .card_piccola .card-body{height: 350px}


.single_accessori .card_grande {border: none;  border-radius: 45px; background-color:#F5F5F7;}
.single_accessori .card_grande .immagine{border-top-left-radius: 45px; border-bottom-left-radius: 45px}
/****************************************************************
                RICAMBI
****************************************************************/
.ricambi .jumbotron_page{padding: 114px 40px;}
/*
.ricambi .prodotti .card{border: none; border-radius: 45px; background-color: #f5f5f7}
.ricambi .prodotti .card h2{color:#FF4713}
.ricambi .prodotti .card p{max-width: 300px; line-height: 24px; margin-bottom: 0px!important}
.ricambi .prodotti .card .btn{width:55%}*/

.ricambi .contenitore_macinare{position: relative; height: 365px}
.ricambi .contenitore_macinare{background-color:#F5F5F7;  border-radius: 45px }

.ricambi .contenitore_macinare .text{position: absolute; top: 90px;  left: 75px; width:400px}
.ricambi .immagine_macine{position: absolute; top: -43px;  right: 0px; width: 58%;}

/****************************************************************
              BLOG
****************************************************************/
.blog .jumbotron_page,
.archive .jumbotron_page{padding: 114px 40px;}
/*.index .colonna_categorie{border-bottom: 1.5px solid #c2c2c2}*/
.index .card{height: 565px; border: none; border-radius: 45px; background-color: #f5f5f7}
.index .card h2{color:#FF4713; font-size: 28px; line-height: 36px}
.index .card a{width:55%}
.index .card img{border-top-left-radius: 45px;border-top-right-radius: 45px; }
.index .post img{    height: 230px;    object-fit: cover;    width: 100%;}
.index .post .card .btn{position: absolute; left:30px; bottom:35px}
.index .widget{margin-bottom: 7px!important}
/*.wp-block-categories {  list-style: none;  padding: 0; margin: 0; display: flex;  gap: 30px; }
.wp-block-categories li a{  display: inline; color:#c2c2c2; text-decoration: none}
.wp-block-categories .current-cat{    text-decoration-thickness: 1px !important; text-decoration: underline; text-underline-offset: 14px;}
.wp-block-categories .current-cat a{ color:#3e3a3a}*/


/*.blog .tutti a{  color:#3e3a3a;  text-decoration-thickness: 1px !important; text-decoration: underline; text-underline-offset: 14px; }
.tutti a{color:#c2c2c2; text-decoration: none}*/

.category .tutte_lenews {margin-top: 1px;}
.category .tutte_lenews  a{ border-bottom: 1px solid transparent;}
.tutte_lenews   { display: flex; justify-content: left;  list-style: none; padding: 0;  margin: 0;
  border-bottom: 1px solid #b9b9ba;   position: relative;  }
.tutte_lenews  a{  display: inline-block;  padding: 10px 0px;  text-decoration: none;  color: inherit;
  border-bottom: 1px solid transparent;  transition: border-bottom 0.3s;   border-bottom: 1px solid black;  position: relative;  bottom: -1px; }

.wp-block-categories  { display: flex; justify-content: left; gap: 20px; list-style: none; padding: 0;  margin: 0;
  border-bottom: 1px solid #b9b9ba;   position: relative;  }
.wp-block-categories li{margin: 0;  padding: 0; }
.wp-block-categories li a{  display: inline-block;  padding: 10px 15px;  text-decoration: none;  color: inherit;
  border-bottom: 1px solid transparent;  transition: border-bottom 0.3s;  position: relative;}
.wp-block-categories .current-cat{ border-bottom: 1px solid black;  position: relative;  bottom: -1px; }
/*.taxonomy .prodotti .subcategory .bottone_filtro:hover{cursor: pointer;}*/

.widget :where(.wp-block-columns.is-layout-flex) {
    gap: 0em;
}

/****************************************************************
                SINGLE POST
****************************************************************/
 .single_post .jumbotron_page{padding: 114px 40px;}
 .single_post .breadcrumbs, .single .breadcrumbs a{color:#c2c2c2; text-decoration: none; }
 .single_post .contenuto ul{ list-style-position: inside;       text-align: center;      padding-left: 0;}


 .single_post .contenuto img{border-radius: 45px}
 .single_post .card{border: none; border-radius: 45px; background-color: #f5f5f7; height: 550px; position: relative;}
 .single_post .single .card h2{color:#FF4713}
 .single_post .splide__slide .card h2{color:#FF4713}
 .single_post .card a{width:55%}
 .single_post .card img{border-top-left-radius: 45px;border-top-right-radius: 45px;  height: 230px;    object-fit: cover;    width: 100%; }
 .single_post .card .btn{position: absolute; left:30px; bottom:35px}
 .single_post .splide__pagination, .single .splide__arrow {display:inline-flex;}
 .single_post .splide__arrow {top:105%; background-color: transparent}
 .single_post .splide__arrow--prev {    left: 29em;}
 .single_post .splide__arrow--next {    right: 28em;}
 .single_post .splide__pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
  padding: 0;
}

 .single_post .splide__pagination__page {
  width: 40px;              /* Lunghezza della linea */
  height: 1.5px;              /* Spessore della linea */
  background-color: #ccc;   /* Colore base */
  border: none;
  border-radius: 2px;
  cursor: pointer;
  transition: background-color 0.3s;
  margin: 0
}

 .single_post .splide__pagination li {    margin-right: -13px;}
 .single_post .splide__pagination__page.is-active {
  background-color: #000;   /* Colore della linea attiva */
}

 .single_post .pulsante_blog:after{
  background-image: url('/wp-content/themes/Fiorenzato 2025/img/freccia_destra.png');
   background-size: contain; background-repeat: no-repeat;  background-position: right; display: inline-block; width: 36px; height: 13px; content:""; }

 .single_post .pulsante_blog {text-decoration: none}
/****************************************************************
                FOOTER
****************************************************************/
.footer{font-size: 15px}
.footer .newsletter p {font-size: 18px}
.footer a{text-decoration: none; color:#3E3A3A}
.sottofooter, .sottofooter a {color:#fff}
.footer #menu-footer-header-up li,
.footer #menu-footer-header-up-en li{width:190px}

.footer #menu-footer-header-up li a,
.footer #menu-footer-header-up-en li a{font-size: 20px; text-transform: uppercase; padding-right:30px}

.footer #menu-footer-header-up .sub-menu  li,
.footer #menu-footer-header-up-en .sub-menu  li{list-style: none; text-transform: none;font-size: 15px!important}

.footer #menu-footer-header-up .sub-menu,
.footer #menu-footer-header-up-en .sub-menu  {padding-left: 0px}

.footer #menu-footer-header-up .sub-menu  li a,
.footer #menu-footer-header-up-en .sub-menu  li a{text-transform: none; padding-left: 0px; font-size: 15px!important}

.footer #menu-footer-header-down li a,
.footer #menu-footer-header-down-en li a{font-size: 20px;text-transform: uppercase; padding-right:103px}

.footer #menu-footer-header-down li,
.footer #menu-footer-header-down-en li{width:30%}
/*mailchimp*/
.input-with-button {  position: relative;  width: 100%;  max-width: 400px;}
.input-with-button input {  width: 75%!important;  padding-right: 50px!important;  border: 1px solid #FF4713!important;
  height: 40px;  box-sizing: border-box;  background-color: transparent; border-radius: 45px}
.input-with-button button {  position: absolute;  right: 100px;  top: 0;  height: 100%;  width: 50px; background-color: transparent; border: none; cursor: pointer;}
/****************************************************************
                Comments
****************************************************************/

.comments-title{margin-bottom:40px;}
.comments{padding-top:40px;}
.comments textarea{width: 100%;}
.comments label{min-width:80px;} /* per dare alle label name - email- website, la stessa larghezza*/
.comments ul,
.comments ol{
  list-style-type:none;
}

/*per non visulaizzare i pallini e la numerazione delle lista nei commenti*/
.comment-author img{ border-radius:999px;} /*per rendere rotanda l'immginetta di chi commenta, invece di quadrata*/
.comment .reply{border-bottom: 1px solid #ccc; margin-bottom: 30px;padding-bottom:10px;} /* serve a dare un pò di margini alle risposte ai commenti*/

/***************************************************************
          Stiliziamo l' input e la textarea
******************************************************************/

input,
textarea{padding:5px 10px; border:1px solid #ccc;}


/*************************************************
        widget
*******************************************************/

/*SEARCH*/

/* è la laber "search for"*/
.widget_search .screen-reader-text{display:block;}
.widget_search #s{width:70%; float:left;}
.widget_search #searchsubmit{width:30%; float:left; background:#fff;}


/*************************************************
          Stile delle paginazione
*************************************************/
/*mostra i numeri delle pagine più distanti e all'interno di un quadrato*/
.page-numbers{display: inline-block; padding:10px 15px; border:1px solid #ddd; margin-right:4px;}
.pagination{margin-bottom:40px;}

/*************************************************
          SCHERMO GRANDE
*************************************************/



@media (min-width: 1400px) {
  /*.home .contenitore {    height: 90vh;    margin: 0;}*/
  .home .container_gamma .splide__slide{width: 400px!important}
  .home .blog .splide__slide {    width: 425px !important;}
  .home .contenitore_macine {    height: 420px;}
  .home .immagine_accessori {    width: 38%;}
  /*** TECNOLOGIA***/
  .tecnologia .container_gamma .splide__slide{width: 400px!important}
}


@media (min-width:1550px){
  .home .container_gamma .splide__slide{width: 430px!important}

  /*.home .contenitore {    height: 75vh;    margin: 0;}*/
  .home .contenitore_macine {    height: 428px;}
  .home .immagine_accessori {    width: 38%;}
  /*** ACCESSORI***/
  .accessori .card {height: 450px}
  /*** TECNOLOGIA***/
  .tecnologia .container_gamma .splide__slide{width: 430px!important}
}


@media (min-width:1700px){
  .home .blog .splide__slide {    width: 436px !important;}
  .home .container_gamma .splide__slide{width: 480px!important}
  .footer #menu-footer-header-up li,
  .footer #menu-footer-header-up-en li {      width: 240px!important;  }

  .footer #menu-footer-header-down li,
  .footer #menu-footer-header-down-en li {      width: 22%!important;  }
  .home .contenitore_macine {    height: 484px;}
  .home .immagine_accessori {    width: 32%; right: 200px}
  /*** TECNOLOGIA***/
  .tecnologia .container_gamma .splide__slide{width: 480px!important}

}


@media (min-width:1810px){

}

/*************************************************
          TABLET IPAD PRO
*************************************************/

@media (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {


}
/*************************************************
          TABLET IPAD AIR E MINI
*************************************************/

@media (max-width:1150px){
.index .card h2 {    font-size: 22px;    line-height: 32px;}
.index .card a {    width: 80%;}
.index .card {    height: 585px;}
}

@media (max-width:1026px){
}



@media (max-width:998px){
}




/*************************************************
          CELLULARE
*************************************************/

@media (max-width:767px){


.desktop{display:none;}
.mobile{display:  inline-block}

h1{font-size: 47px!important; line-height: 55px!important}
h2{font-size: 32px !important;        line-height: 40px !important;}
h3{font-size: 22px !important;        line-height: 30px !important;}
/*h2{font-size: 38px!important; line-height: 48px!important}*/
.btn{padding: 5px 20px 5px 20px; font-size: 14px}
.jumbotron_page {    padding: 75px 18px!important;}
.row_reverse{ display: flex!important;    flex-flow: column-reverse!important;}
/*************
    menu
**********/
/*#menu-menu-principale{padding-right: 0px!important}*/
.container_header{margin-left: 0px!important; margin-right: 0px!important; padding-left:0px!important ;padding-right: 0px!important}

.navbar-brand{ width:220px;}
.navbar-brand img {padding-top: 10px; padding-bottom: 5px; width: 90%;}
.bg-primary{margin-top: 0.25rem}
.bg-primary, .dropdown-menu, .dropdown-item {    background: #f5f5f7 !important;}
.nav-link{text-align: center; padding:25px 0px!important; border-bottom: 1px solid #c1c1c1}
.dropdown-menu {text-align: center;padding-left: 15px!important;padding-right: 15px!important}
.dropdown-menu .dropdown-item{background-color: #fff!important; color:#FF4713!important; border-radius: 12px; margin-bottom: 10px; padding-top: 12px !important;    padding-bottom: 12px !important;}
.dropdown .nav-link::after{border: none!important}
.menu-item-24761 > a:after,
.menu-item-24692 > a:after,
.menu-item-24930 > a:after,
.menu-item-25103  > a:after{  transform: rotate(270deg);  content: "\203A" !important; top: 25px;  right: 50px;  position: absolute;  font-size: 30px;  color:#3e3a3a    }
.menu-item-24761 >a.show:after,
.menu-item-24692 >a.show:after,
.menu-item-24930 >a.show:after
.menu-item-25103 >a.show:after{transform: rotate(90deg);  right: 40px;}

.navbar-nav .dropdown-menu {
  position: static;
  float: none;
  width: 100%;
  margin-top: 0;
  background-color: transparent;
  border: none;
  box-shadow: none;
   transition: all 0.4s ease;
}

.sottomenu_mobile{margin-top: 95px; margin-left: 0px!important;margin-right: 0px!important;  padding-left:0px!important ;padding-right: 0px!important}
.sottomenu_mobile ul{flex-direction: row; padding-right: 0px!important; justify-content: center !important}
.sottomenu_mobile ul li {  padding: 0px 36px}
.sottomenu_mobile ul li a{  border-bottom: 0px;}
.sottomenu_mobile .wpml-ls-item {display: none}
#menu-sovra-menu .nav-item,
#menu-sovramenu .nav-item{display: none!important}

/*traduttore*/
#menu-sovra-menu .wpml-ls-item,
#menu-sovramenu .wpml-ls-item{display: inline!important; }

#menu-sovra-menu .wpml-ls-item .nav-link,
#menu-sovramenu .wpml-ls-item .nav-link{ border-bottom: none; padding: 2px 11px !important;   justify-content: flex-end !important;}

#menu-sovra-menu .wpml-ls-item .dropdown-menu a,
#menu-sovramenu .wpml-ls-item .dropdown-menu a
{ border: none; justify-content: flex-end !important;background-color: transparent !important; padding-top: 2px !important; padding-bottom: 2px !important;}
.navbar_sovramenu .contenitore_sovramenu{margin-left: 0px!important; margin-right: 0px!important; padding-left: 0px!important; padding-right: 0px!important;
    justify-content: flex-end !important;}



#menu-sovra-menu .wpml-ls-item a::after,
#menu-sovramenu .wpml-ls-item a::after {
        display: inline-block!important;
        margin-left: .255em!important;
        vertical-align: .255em!important;
        content: ""!important;
        border-top: .3em solid!important;
        border-right: .3em solid transparent!important;
        border-bottom: 0!important;
        border-left: .3em solid transparent!important;
    }
#menu-sovra-menu .wpml-ls-item .dropdown-menu a::after,
#menu-sovramenu .wpml-ls-item .dropdown-menu a::after {display: none!important}
/*traduttore*/
/*.wpml-ls-item .dropdown-menu, .wpml-ls-item .dropdown-item {  background: #fff!important;    }
.wpml-ls-item .dropdown-item {padding-left: 0px!important}
.wpml-ls-item a{width:52%}
.wpml-ls-menu-item a {margin:0 auto}
.wpml-ls-item{margin-left: 13px!important}
.wpml-ls-item .dropdown-menu{margin-left: 24px!important}
#menu-item-wpml-ls-2-en  .dropdown-menu {        margin-left: 33px !important;    }
.wpml-ls-menu-item .dropdown-menu{  margin-top: 0px !important;}*/


/*************
  HOME
**********/
.home .intro h1{font-size: 33px !important; line-height: 41px !important;}
/*.home .contenitore {    height: 22vh;    margin: 0;}*/
/*.home .contenitore .image-wrapper {    margin-top: 42px;    text-align: center;}*/

.home .blocco1 h2{        font-size: 32px !important;        line-height: 40px !important;}


.home .container_gamma .splide__slide {    width: 245px !important;}
.home .container_gamma h4 {    font-size: 30px;}
.home .tecnologia_home {padding-left: 30px!important; padding-right: 30px!important; }
.home .tecnologia_home .contenitore_tecnologia{padding-bottom: 70px!important}

.home .tecnologia_home h2 {margin-top: 40px; margin-bottom: 40px}
.home .gruppo_3_blocchi  {padding-left: 15px!important; padding-right: 15px!important; }

.home .contenitore_macine {    height: 500px;}
.home .contenitore_macine .text {    position: absolute;    top: 46%;    left: 4%;}
.home .immagine_macine {width: 91%}
.home .tecnologia_home .contenitore_tecnologia .colonna_immagine{border-bottom-left-radius: 0px; border-top-right-radius: 45px}
.home .colonna_efficienza{margin-bottom: 30px;}
.home .colonna_efficienza .card h2, .home .colonna_storia .card h2{margin-top: 15px}
.home .colonna_efficienza .card, .home .colonna_storia .card{ margin-left: 0px!important; margin-right: 0px!important}
.home .colonna_efficienza .card, .home .colonna_storia .card {    border: none;    height: 570px;}
.home .colonna_efficienza .testo, .home .colonna_storia .testo{    padding-right: 2rem !important;    padding-left: 2rem !important;}

.home .contenitore_accessori {    height: 550px;}
.home .gruppo_accessori {padding-left: 15px!important; padding-right: 15px!important; }
.home .text_accessori {    top: 42%;    left: 2%;}
.home .immagine_accessori {    position: absolute;   bottom: 59%;  right: 9px;   width: 95%;}

.home .blog .card { height: 450px!important;    width: 100% !important; margin-right: 1em!important; padding:2rem!important}
.home .blog .splide__slide{ width: 90% !important; padding-right: 10px}
/*************
  TAXONOMY
**********/
/*.taxonomy .descrizione .card img{width: 80%}*/
.taxonomy .descrizione .card {margin-left:0.25rem!important ;margin-right:0.25rem!important }
.taxonomy .descrizione .card h2{margin-top: 25px; padding-left: 4px;padding-right: 4px}
.taxonomy .descrizione .card p{padding-left: 10px;padding-right: 10px}
.taxonomy .descrizione .row_reverse{ display: flex!important;    flex-flow: column-reverse!important;}
.taxonomy .descrizione .row_reverse  img{border-top-left-radius: 45px; border-top-right-radius: 45px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px}

.taxonomy .video h2{width:270px; margin-bottom: 2rem}
.taxonomy .card_tassonomia,
.taxonomy .highlights,
.taxonomy .highlights .colonna_menu {padding-left:20px!important ;padding-right:20px!important }
.taxonomy .highlights {padding-top: 0px!important}
.taxonomy .card_tassonomia .card {height: 520px!important}
.taxonomy .card_tassonomia .card img{object-fit: contain;     height:110px!important; width: 31%!important}
.term-159 .taxonomy .jumbotron_page {background-position: 71% 100%!important;}
.taxonomy .colonna_testo {    padding-right: 10px;}

.taxonomy .descrizione .colonna_descrizione{padding-left: 10px!important; padding-right: 10px!important}
.taxonomy .prodotti .riga_prodotti{padding-left: 10px!important; }


.taxonomy .prodotti .subcategory li {font-size: 14px}


/*************
  PRODOTTO
**********/
.prodotto #splide_categorie .splide__slide {width:45%!important}
.prodotto .descrizione_prodotto h2 {    padding: 0 0px 0;}
.prodotto .descrizione_prodotto .subtitle {    padding: 20px 0rem 0;}
.prodotto .intro_dati_tecnici {    padding: 0 0rem 3rem;}
.prodotto .intro_dati_tecnici h3{margin-top: 20px}
.prodotto .contenuto_pagina .card,
.prodotto .contenuto_pagina .col-md-6{padding:15px!important}
.prodotto .contenuto_pagina .row{padding:2px!important}
.prodotto .color-selector.mx-1{margin-left: 1px!important; margin-right: 1px!important}
.prodotto .color-selector .colonna_colori{padding-right: 2px; padding-left: 2px}
.prodotto .color-btn {    padding: 0px!important;}
.prodotto .color-selector .color_names {    font-size: 7.5px;}
.prodotto .color-btn img{height: 31px}
.prodotto .color-btn.active {    border-bottom: 3px solid #000;}
.prodotto .color_names p{margin-bottom: 0.25rem!important}
.prodotto .colonna_colori h3{margin-bottom: 1rem!important}
.prodotto .riga_optional{display: flex; justify-content: center !important;}
.prodotto .riga_opt_cert{margin-top: 0px!important}


.prodotto .info {padding-left: 1rem!important; padding-right: 1rem!important;}
.prodotto .info .accordion-flush{overflow: hidden;  border-radius: 22px; background-color: transparent!important}
.prodotto .info .colonna_menu{flex: 0 0 auto; width: 100%; padding-left: 0px!important; padding-right: 0px!important}
.prodotto .info .colonna_contenuto{flex: 0 0 auto; width: 100%; padding: 0px!important; background-color: #fff; border-radius: 45px}
.prodotto .info .accordion-button:not(.collapsed) {background-color: #fff!important; font-weight: bold!important;   box-shadow: none!important; color:#000}
.prodotto .info .btn{width:80%}
.prodotto .info .accordion-item{border:none}
.prodotto .info .accordion-header {margin-right: 1.5rem;margin-left: 1.5rem; border-bottom: 1px solid #ddd}
.prodotto .info .accordion-button{padding:0.25rem 0px!important}
.prodotto .info .accordion-button::after {transform: rotate(-90deg)}
.prodotto .info .accordion-button:not(.collapsed)::after {transform: rotate(0deg)!important}

.prodotto .riga_optional {    display: flex;    justify-content: left !important;}
.prodotto .optional .card,
.prodotto .certificazioni .card{height:auto}

.prodotto #tabButtons {  display: none;}
.prodotto .correlati{padding-right: 0px!important}
.prodotto .correlati .splide__list.row {display: flex!important; flex-wrap: nowrap !important; margin-left: 0 !important;margin-right: 0 !important;}
.prodotto .correlati .splide__slide[class*="col-"] { flex: 0 0 100%; max-width: 100%;padding-left: 0 !important; padding-right: 0 !important; }
.prodotto .correlati .riga_correlati{padding-left: 0px!important; padding-right: 0px!important}
.prodotto .correlati .splide__slide {margin-right: 0px!important; width: 72% !important;   flex: 0 0 auto!important; }
.prodotto .correlati .splide__slide .card {width: 92%;  padding: 0px!important; background-color: transparent}
.prodotto .correlati .card img {    max-width: 220px;}

/*************
  SINGLE ACCESSORI
**********/
.single_accessori .contenitore_accessori{padding-right: 25px!important;padding-left: 25px!important}
.single_accessori .contenitore_accessori .row_reverse .col-md-6{padding-right: .5rem !important;    padding-left: .5rem !important;}
.single_accessori .colonne_singole{padding-right: 0px!important;padding-left: 0px!important}
.single_accessori .colonne_singole .card-body{padding-left: 1.5rem !important; padding-right: 1.5rem !important;}
.single_accessori .card_piccola img {    height: 360px;}
.single_accessori .card_piccola{height: 420px}
.single_accessori .card_grande .colonna_descrizione{padding-right: 1.5rem !important;    padding-left: 1.5rem !important;}
.single_accessori .card_grande .immagine,
.single_accessori .card_grande .immagine_destra{border-top-left-radius: 45px; border-top-right-radius: 45px; border-bottom-left-radius:0px; border-bottom-right-radius:0px}
/*************
  TECNOLOGIA
**********/
.tecnologia .jumbotron_page{padding: 75px 40px;}
.tecnologia .jumbotron_page h1{font-size: 44px!important; line-height: 52px!important}
.tecnologia .intro,
.tecnologia .card_tecnologia {padding-left: 15px!important;padding-right: 15px!important}
.tecnologia .intro .testo{padding-left: 2rem!important;padding-right: 2rem!important; padding-top: 2rem}
.tecnologia .intro .card img{border-top-right-radius: 45px; border-bottom-right-radius: 0px; border-top-left-radius: 45PX}
.tecnologia .card_tecnologia .card .icona {    width: 25%;}
.tecnologia .card_tecnologia .card {height: auto;     flex: 1 1 auto !important}
.tecnologia .container_gamma h4 {    font-size: 36px;}
.tecnologia .container_gamma {margin-top: 0px!important; padding-top: 10px!important}
.tecnologia .container_gamma .splide__slide {    width: 240px !important; }
.tecnologia .container_gamma .splide__list {padding-left: 15px!important}
/*************
  STORIA
**********/
.storia .slider_storia .card{border-bottom-left-radius: 0px; border-bottom-right-radius: 0px}
.storia .slider_storia .timeline {justify-content: left!important; padding-left: 50%;}
.storia .slider_storia {padding-right: 1.8rem !important;    padding-left: 1.8rem !important;}
.storia .slider_storia .slide .testo {  padding-bottom: 30px; padding-left: 1.5rem!important;    padding-right: 1.5rem!important;}
.storia .slider_storia .slide .testo h2{margin-top: 50px}
.storia .slider_storia .slides { height: auto !important; position: relative !important; }
.storia .slider_storia .slide { display: none; position: static !important; visibility: visible !important; opacity: 1 !important;}
.storia .slider_storia .slide.active {  display: block!important;}
.storia .slider_storia .frecce{padding-bottom: 30px; position: static; display: flex!important;  justify-content: center!important; align-items: center!important;  gap: 20px; background-color: #f5f5f7; border-bottom-left-radius: 45px; border-bottom-right-radius: 45px}
.storia .slider_storia img {    border-top-right-radius: 45px;    border-bottom-right-radius: 0px;  border-top-left-radius: 45px;  }
.storia .slider_storia .slide .immagine{padding-left: 12px!important}
.storia .slider_storia .slide img {    height: 212px;}


.storia .valori .card{margin-left:5px!important ;margin-right: 5px!important; padding-left:5px!important ; padding-right: 5px!important}
.storia .slider_vision .card{    margin-right: 0.5rem !important;    margin-left: 0.5rem !important;}
.storia .slider_vision .colonna_testo {    padding-left: 0.8rem;    padding-right: 0.8rem;}
.storia .slider_vision .splide__arrows {    left: 36%;}
.storia .slider_vision  .colonna_slider{ padding-right: 0.8rem !important;   padding-left: 0.8rem !important;}
.storia .slider_vision  .immagine {border-top-right-radius: 45px; border-top-left-radius: 45px; border-bottom-right-radius: 0px;    height: 245px !important;}
.storia #splide_vision .splide__track {border-top-right-radius: 45px; border-bottom-right-radius: 0px; border-top-left-radius: 45px;}
.storia .numeri{padding-right: 8px;    padding-left: 8px;}
.storia .numeri .row{margin-left: 0px!important; margin-right: 0px!important;}
.storia .numeri .card{    margin-bottom: 15px;}
.storia .numeri .card h3{font-size: 38px!important}
/*************
  QUALITA
**********/
.qualita .card_macine {margin: .25rem!important}
.qualita .intro {margin-top: 4rem!important}
.qualita .intro .card {   height: 750px!important;}
.qualita .intro .card .immagine_macine {    width: 94%!important}
.qualita .intro .card .text {       top: 256px!important;    right: 18px!important;    max-width: 90%!important;}
.qualita .contenitore_qualita .card{margin-left: 10px!important; margin-right: 10px!important; height:auto}
.qualita .contenitore_qualita .card img{ width: 100%; height: auto;; object-fit: cover;}
.qualita .contenitore_qualita .card .riga_elenco{margin-top: 1rem!important; margin-bottom: 2rem; padding-right: .25rem !important;    padding-left: .25rem !important;}
.qualita .contenitore_qualita .card-img-overlay h2{margin-top: 1rem!important}
.qualita .contenitore_qualita .card-img-overlay{position: relative; width: 100%}
.qualita .contenitore_qualita .card .riga_elenco .elenco{padding-left: 0px!important; padding-right: 0px!important}
.qualita .colored{margin-left: 0px!important; margin-bottom: 15px; margin-right: 0px!important}
.qualita .colored h2, .qualita .colored .descrizione{padding-right: 5px !important;    padding-left: 5px !important;}
/*************
  RICAMBI
**********/
.ricambi .gruppo_3_blocchi {padding-right: 15px!important;padding-left: 15px!important}
.ricambi .immagine_macine {    width: 93%;}
.ricambi .contenitore_macinare .text {    position: absolute;    top: 240px;    left: 26px;    width: 300px;}
.ricambi .contenitore_macinare {    height: 530px;}
/*************
  CONTATTI
**********/
.dove_siamo .contenitore_mappa{padding-right: 30px!important;padding-left: 30px!important}
.dove_siamo .contenitore_mappa .colonna_mappa iframe{height: 250px; margin-bottom: -7px}
.dove_siamo .colonna_contatti {  border-top-left-radius: 0px;    border-bottom-left-radius: 45px; border-bottom-right-radius: 45px}
.dove_siamo .colonna_mappa iframe{ border-top-right-radius: 45px; border-bottom-right-radius: 0px; border-top-left-radius: 45px}
/*************
  LAVORA CON NOI
**********/
.lavora_connoi .riga_posizioni{padding-left: 5px!important;padding-right: 5px!important}
.lavora_connoi .riga_posizioni .card-body{padding-left: 10px!important;padding-right: 10px!important}
.lavora_connoi .riga_posizioni  img{object-fit: cover;    max-width: 100%;    height: 208px; border-top-left-radius: 45px; border-top-right-radius: 45px}
.lavora_connoi .card a {    width: 50%;}
/*************
  BLOG
**********/
.index{padding-left:15px!important ;padding-right: 15px!important}
.index .colonna_categorie {margin-bottom: 0px!important}
.index .colonna_card{padding-top: 1.5rem!important}
.index .widget_block {margin-top: 1rem!important}
.index .colonna_categorie h2{text-align: center}
.index .card h2 {        font-size: 29px !important;        line-height: 37px !important;}
.index .voce_tutte{flex-basis: 17%!important;}
.index .wp-block-categories li a { padding: 10px 7px;}
.index .wp-block-columns{display: flex!important; justify-content: center!important; }
.index .categorie_blog{flex-basis: 66%!important}

/*************
  SINGLE POST
**********/
.single_post .intro{margin-bottom: 0px!important; margin-top: 18px!important; padding-left: 18px}
.single_post .titolo{padding-top: 2rem!important}
.single_post .container_post{padding-left:15px!important ;padding-right: 15px!important}
.single_post .alignfull{    padding-right: 0px;    padding-left: 0px;}
.single_post .wp-block-column p{ padding-right: 15px;    padding-left: 15px;}
.single_post .immagine_header img{border-radius: 0px}
.single_post .container_correlati{padding-left:15px!important ;padding-right: 15px!important}
.single_post .container_correlati .pulsante{text-align: left!important}
.single_post .container_correlati .splide .card {margin-right: 0px!important}
.single_post .splide__arrow--prev {    left: 7em;}
.single_post .splide__arrow--next {    right: 7em;}

/*************
  FOOTER
**********/

.footer .contenitore_footer{padding-left: 1.5rem!important;padding-right:1.5rem!important }
.footer .riga_footer{margin-top: 0px!important; padding-left: 0rem!important;padding-right:0rem!important }
.footer .menu-item-type-custom    {  margin-top: 40px; }
.footer #menu-footer-header-up li,
.footer #menu-footer-header-up-en li  { width: 50%;}

.footer #menu-footer-header-up li a,
.footer #menu-footer-header-up-en li a{padding-right: 0px!important}
.footer .sub-menu li{width: 100%!important}
.footer .sotto_footer{margin-top: 0px!important; padding-left: 0px!important; padding-right: 0px!important}
.footer #menu-footer-header-down li,
.footer #menu-footer-header-down-en li {  margin-top: 40px; width: 50%;}
.footer .footer-menu{margin-top: 0px!important}

.footer .sottofooter{padding-left: 25px!important;padding-right: 25px!important}
.footer .riga_sottofooter{padding-left: 0px!important;padding-right: 0px!important}
.footer .riga_sottofooter .float-end {    float: left !important;}
.footer .riga_sottofooter .ecovadis{width: 18%}
}















/*************************************************
        general wordpress style
******************************************************/

.alignfull {
  width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;/*
    margin-left  : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );
    max-width: 99.9vw;
    width: 99.9vw;*/
}
/*imposta questo css perchè dento la pag blog, c'erano delle immagini di copertina troppo grandi*/
.post img{max-width:100%; height:auto;}


/* =WordPress Core (per le best practices di Wordpress.org)
-------------------------------------------------------------- */
.gallery-caption{
  padding:5px;
  font-size:10px;
}
.bypostauthor{
  border-left: 3px solid #ddd;
  padding-left:20px;
  }

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}