/**
 * @file
 * Subtheme specific CSS.
 */

/* Giorgio per il chatbot */

div#block-ecb-subtheme-chatbotcalcolatore {
    padding: 50px 0;
}

div#block-ecb-subtheme-chatbotcalcolatore .content {
    border: 1px solid #062639;
}

/* Altra merda */
 :root {
    --duration-slide-homepage: 5s;
    --colore-giallo: #FFAD00;
    --colore-bianco: #FFFFFF;
    --colore-blu: #032739;
    --colore-nero: #404040;
    --colore-grigio: rgb(245, 245, 245);
 }

 .bg-blue {
    background-color: var(--colore-blu);
}

 /*REGOLE GENERALI*/
*{
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Palanquin', sans-serif;
    color: var(--colore-blu);
    font-weight: 100;
}

body{
    overflow-x: hidden;
}

 h1,h2,h3,h4 {
    font-family: 'Palanquin', sans-serif;
 }

 strong{
    font-weight: 700;
 }

h1 {
    font-size: 65px;
    line-height: 75px;
}

h2  {
    font-size: 46px;
    line-height: 46px;
    font-weight: 100;
    margin-bottom: 1rem;
}

h3 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 100;
}

.iubenda-tp-alert-btn *, .iubenda-tp-alert-btn:not([data-tp-nostyle],.iubenda-floatable-default-btn), .iubenda-tp-btn:not(.iubenda-floatable-tb-btn) *, .iubenda-tp-btn:not(.iubenda-floatable-tb-btn):not([data-tp-nostyle],.iubenda-floatable-default-btn), .iubenda-uspr-btn *, .iubenda-uspr-btn:not([data-tp-nostyle],.iubenda-floatable-default-btn)
{
    display: none !important;
}

h4 {
    font-size: 30px;
    line-height: 35px;
    font-weight: 100;
}

p{
    font-size: 18px;
    line-height: 27px;
    color: var(--colore-nero);
}

p.sottotitolo, .container-news p {
    font-size: 22px;
    line-height: 31px;
    color: var(--colore-nero);
}

a.no-underline {
    color: var(--bs-link-color);
    text-decoration: none;
}


.full-width
{
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: unset;
}



.btn-blue
{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 180px;
    width: fit-content;
    border-radius: 32px;
    background-color: #1e69a5;
    color: var(--colore-bianco);
    transition: 1s;
    font-size: 16px;
    letter-spacing: 1.24px;
    border: none;
    padding: 12px 24px;
}

.btn-blue:hover
{
    background-color: var(--colore-giallo);
}

























 /*PAGINA NEWS*/


/*
 .inner-news a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}*/

 /*Slider Homepage*/
#block-ecb-subtheme-views-block-parlano-di-noi-block-1 {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: unset;
    margin-top: 5%;
    margin-bottom: 10%;
}
#block-ecb-subtheme-views-block-parlano-di-noi-block-1 .slick--skin--classic .slide__caption {
    width: 100%;
    background-color: #032739;
}
#block-ecb-subtheme-views-block-parlano-di-noi-block-1 .slider-right-side {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: fit-content;
    margin-left: 8rem;
}

#block-ecb-subtheme-views-block-parlano-di-noi-block-1 .slider-left-side {
    width: fit-content;
}
#block-ecb-subtheme-views-block-parlano-di-noi-block-1 .titolo-parlano-di-noi {
    font-size: 60px;
    color: #fff;
    margin-bottom: 3rem;
}
#block-ecb-subtheme-views-block-parlano-di-noi-block-1 .titolo-parlano-di-noi strong{
    color: #fff;
}
#block-ecb-subtheme-views-block-parlano-di-noi-block-1 .sottotitolo-parlano-di-noi {
    font-size: 18px;
    color: #fff;
    margin-bottom: 2.5rem;
}
#block-ecb-subtheme-views-block-parlano-di-noi-block-1 .sottotitolo-parlano-di-noi {
    font-size: 18px;
    color: #fff;
}
#block-ecb-subtheme-views-block-parlano-di-noi-block-1 .row{
    display: flex;
    justify-content: center;
}
#block-ecb-subtheme-views-block-parlano-di-noi-block-1 .slider-right-side a{
    width: fit-content;
    height: 64px;
    border-radius: 32px;
    background-color: #1E69A5;
    color: var(--colore-bianco);
    transition: 1s;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1.24px;
    text-align: center;
    border: none;
    padding: 20px 40px 20px 40px;
}
#block-ecb-subtheme-views-block-parlano-di-noi-block-1 .slider-right-side a:hover{
    transition: 1s;
    background-color: var(--colore-giallo);
}
#block-ecb-subtheme-views-block-parlano-di-noi-block-1 .slick-prev{
    left: 5%;
}
#block-ecb-subtheme-views-block-parlano-di-noi-block-1 .slick-prev::before{
    font-family: "Font Awesome 5 Free"!important;
    font-weight: 600;
    content: "\f053";
    color: var(--colore-bianco);
    font-size: 2rem;
    color: #fff;
}
#block-ecb-subtheme-views-block-parlano-di-noi-block-1 .slick-next{
    right: 5%;
}
#block-ecb-subtheme-views-block-parlano-di-noi-block-1 .slick-next::before{
    font-family: "Font Awesome 5 Free"!important;
    font-weight: 600;
    content: "\f054";
    color: var(--colore-bianco);
    font-size: 2rem;
    color: #fff;
}
#block-ecb-subtheme-views-block-parlano-di-noi-block-1 .slick-arrow::before{
    color: #fff;
}
#block-ecb-subtheme-views-block-parlano-di-noi-block-1 .slick-dots{
    bottom: 2%;
}
#block-ecb-subtheme-views-block-parlano-di-noi-block-1 .slick-dots li.slick-active button::before,
#block-ecb-subtheme-views-block-parlano-di-noi-block-1 .slick-dots li button::before{
    color: #FFAD00;
}

 /*Parlano di noi single page*/
.content .title-single-pdn{
    max-width: 586px;
    margin-bottom: 74px;
    width: 100vw;
    position: relative;
    left: 23%;
}

 .wrapper-img-news img {
    height: auto;
    width: 100%;
    transition: 0.5s;
}

.wrapper-img-news{
    overflow: hidden;
}

.single-news-listing:hover .wrapper-img-news img {
    transform: scale(1.05);
}

.wrapper-data-news time.datetime {
    color: #1E69A5;
    font-weight: bold;
    font-family: 'Palanquin', sans-serif;
    font-size: 20px;
}

.wrapper-data-news {
    padding: 14px 0px 10px 19px;
    color: #1E69A5;
    font-weight: bold;
    font-family: 'Palanquin', sans-serif;
    font-size: 20px;
}

.wrapper-text-news {
    max-width: 322px;
    padding-left: 19px;
}

.wrapper-text-news h3 {
    font-size: 30px;
    font-weight: 500;
    line-height: 38px;
}

.container-news h2{
    max-width: 834px;
    margin: 0 auto;
    margin-bottom: 25px;
}

.container-news,
.link-single-news {
    max-width: 834px;
    margin: 0 auto;
}
.link-single-news {
    margin-top: 4%;
    margin-bottom: 8%;
    font-size: 22px;
}
.container-news ul, .container-news li{
    max-width: 834px;
    margin: 0 auto;
    font-size: 22px;
    line-height: 31px;
    color: var(--colore-nero);
    font-weight: 500;
}

.container-news ul{
    margin-bottom: 25px;
}

/*PAGINA SINGOLA NEWS - twig*/
.container-news img {
    max-width: 100%;
    height: auto;
    display: flex;
    margin: 0 auto;
}
.container-news p:has(img){
    display: flex;
    justify-content: center;
    flex-direction: row;
}
.container-news iframe{
    width: 100%;
}
.container-news a,
.container-news a:hover,
.container-news a:active {
    text-decoration: underline;
    color: var(--colore-blu);
}
.inner-news{
    position: relative;
}

.content .title-single-news{
    max-width: 586px;
    margin-bottom: 74px;
    width: 100vw;
    position: relative;
    left: 23%;
}

img.image-style-wide {
    max-width: 700px;
    height: auto;
}

.img-single-news{
  max-width: 700px;
  margin: auto;
  position: relative;
  width: 100vw;
  opacity: 0;
  transition-delay: 0.6s;
}

.img-single-pdn{
    margin: auto;
    position: relative;
    width: 100vw;
    opacity: 0;
    transition-delay: 0.6s;
    margin-bottom: 5%;
}

.data-single-news{
    margin: 22px 200px 22px 0px;
    color: #1E69A5;
    font-weight: bold;
    font-family: 'Palanquin', sans-serif;
    font-size: 20px;
}

.content .data-single-news{
    width: 100vw;
    position: relative;
    left: 18%;
    max-width: 105px;
}

.text-single-news .sottotitolo{
    max-width: 834px;
    margin: 0 auto;
    font-weight: 500;
    padding-bottom: 75px;
}

.container-news p{
    max-width: 834px;
    margin: 0 auto;
    font-weight: 500;
    margin-bottom: 25px;
}

.container-news h3 {
    margin: 0px 0px 30px 9px;
    font-weight: 500;
}

/*.contextual-region.view.view-altre-news-in-news h3 {
    margin-bottom: 35px;
    margin-top: 120px;
}*/

div#block-ecb-subtheme-views-block-altre-news-in-news-block-1 h3 {
    margin-top: 70px;
    margin-bottom: 20px;
}



/*PAGINA AZIENDA - lista perchè sceglierci*/
div#block-ecb-subtheme-views-block-lista-perche-sceglierci-block-1 {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: unset;
}

.row .single-lista-azienda{
    width: calc(263px + 1.5rem);
}

.view-lista-perche-sceglierci.view-id-lista_perche_sceglierci .row.view-content{
    max-width: 1156px;
    margin: auto;
    width: 100vw;
    position: relative;
}

.wrapper-img-lista-azienda img{
    max-width: 63px;
    height: auto;
    padding-bottom: 22px;
}

.wrapper-text-lista-azienda h4{
    font-size: 30px;
    font-weight: bold;
}

.wrapper-text-lista-azienda p{
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    max-width: 256px;
}

/*PAGINA AZIENDA - scopri i servizi*/
.scopri-i-servizi {
    margin-top: 64px;
    position: relative;
    z-index: 1;
}

.linea-scopri-i-servizi {
    background-color: var(--colore-giallo);
    height: 157px;
    width: 2px;
    margin: 0 auto;
    margin-top: -36px;
}

.text-scopri-i-servizi{
   padding: 40px 0px 50px 0px;
   max-width: 340px;
   margin: 0 auto;
   text-align: center;
}

.text-scopri-i-servizi h3{
    margin-bottom: 0px;
 }



 .text-scopri-i-servizi a{
    color: var(--colore-nero);
    font-family: 'Palanquin', sans-serif;
 }

 .text-scopri-i-servizi a:hover,.text-scopri-i-servizi a:focus, .text-scopri-i-servizi a:active{
    color: var(--colore-nero);
 }


 .h3-scopri-i-servizi strong{
    font-family: 'Palanquin', sans-serif;
 }

.wrapper-img-scopri-i-servizi {
    visibility: hidden;
    max-width: 16.5px;
    transition: 0.5s;
    opacity: 0;
}

.text-scopri-i-servizi a:hover > .wrapper-img-scopri-i-servizi, .text-scopri-i-servizi h3:hover + h3 > .wrapper-img-scopri-i-servizi{
    visibility: visible;
    opacity: 1;
    transition: 1s;
  }

  .h3-scopri-i-servizi a .wrapper-img-scopri-i-servizi {
    position: absolute;
    top: calc(50% - 16px);
      height: auto;
}

.h3-scopri-i-servizi a {
    position: relative;
}



 /*PAGINA RIVENDITORI*/
 .testo-rivenditori {
    max-width: 688px;
    margin-top: -120px;
 }

 .testo-rivenditori h1{
    padding-bottom: 12px;
    margin-bottom: 0px;
    /*max-width: 396px;*/
 }

 .img-rivenditori-mondo{
    max-width: 1160px;
    display: block;
    margin: 0 auto;
    margin-top: 90px;
    width: 100%;
     height: fit-content;
}

 .text-rivenditori-nel-mondo {
    max-width: 1142px;
    display: grid;
    grid-template-columns: 33% 33% 33%;
    margin: auto;
    position: relative;
    z-index: 1;
     margin-bottom: 50px;
}

.text-rivenditori-nel-mondo h3{
    font-weight: bold;
}

.text-rivenditori-nel-mondo p.sottotitolo{
    margin-bottom: 0.5rem;
}

.elenco1-rivenditori-nel-mondo h3{
    color: #1E69A5;
    margin-bottom: 40px;
}

.elenco2-rivenditori-nel-mondo h3{
    color: var(--colore-giallo);
    margin-bottom: 40px;
}

.elenco3-rivenditori-nel-mondo h3{
    margin-bottom: 40px;
}

.elenco1-rivenditori-nel-mondo{
    padding-bottom: 40px;
}

.elenco5-rivenditori-nel-mondo {
    margin-top: -185px;
}

.elenco6-rivenditori-nel-mondo {
    margin-top: -226px;
}

.more-spaced-rivenditori p, .less-spaced-rivenditori p, .more-spaced-rivenditori a, .less-spaced-rivenditori a{
    font-family: 'Palanquin', sans-serif;
}

.text-rivenditori-nel-mondo a {
    color: var(--colore-blu);
    font-weight: 400;
}

.text-rivenditori-nel-mondo a:hover, .text-rivenditori-nel-mondo a:active, .text-rivenditori-nel-mondo a:focus {
    color: var(--colore-giallo);
}

p.less-spaced-rivenditori {
    /*margin: 0;*/
    font-family: 'Palanquin', sans-serif;
    color: var(--colore-blu);
    font-weight: 400;
}

p.more-spaced-rivenditori {
    margin-top: 0px;
    margin-bottom: 0px;
}

.container-img-bottom {
    max-height: 471px;
    display: flex;
    flex-direction: row-reverse;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-top: -200px;
    max-width: unset;
    z-index: 0;
}

.img-bottom {
    max-width: 100%;
    max-height: 471px;
}
.container-consulenti{
    border-top: 2px solid rgb(30, 105, 165);
    padding-top: 50px;
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
}
.container-consulenti h3{
    font-weight: 500;
    margin-bottom: 20px;
}
.container-consulenti-itfr,
.container-columns{
    display: flex;
}
.container-consulenti-itfr{
    /*justify-content: space-between;*/
    column-gap: 100px;
}
.container-columns{
    display: flex;
    column-gap: 70px;
}

.container-consulenti-itfr h4{
    font-weight: 500;
    color: rgb(30, 105, 165);
    margin-bottom: 20px;
}
.container-consulenti a {
    color: var(--colore-blu);
    font-weight: 400;
}

.container-consulenti p{
    margin-bottom: 0;
    font-weight: 700;
}

.container-consulenti p.sottotitolo{
    margin-bottom: 0.5rem;
    margin-top: 20px;
    font-weight: 700;
}

.container-consulenti a:hover,
.container-consulenti a:active,
.container-consulentia a:focus {
    color: var(--colore-giallo);
}

/* menu aperto - colonna destra*/
.button-menu-mobile{
    display: none;
}

.navbar-toggler:focus {
     box-shadow: none
}

.menu-contacts{
    background-image: url("/themes/custom/ecb_subtheme/media/ecb-menu-sfondo.jpg");
    background-size: auto 100vh;
    background-repeat: no-repeat;
    height: 100vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 38vw;
    padding-top: 152px;
}

  .img-menu-contacts {
    height: 784px;
    max-width: 865px;
}

div#block-ecb-subtheme-menucontacts {
    width: 100%;
    height: 100%;
    grid-row-start: 1;
    grid-column-start: 2;
}

.content{
    width: 100%;
    height: 100%;
}

.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item{
    width: 100%;
    height: 100%;
}

li.nav-item {
    display: flex;
    align-items: center;
    padding-right: 15px;
}

.titolo-menu-contacts {
    color: var(--colore-bianco);
    font-family: 'Palanquin', sans-serif;
    font-size: 35px;
    line-height: 63px;
    font-weight: 300;
    display: flex;
    flex-direction: row;
}

a.testo1-menu-contacts {
    color: var(--colore-bianco);
    font-family: 'Palanquin', sans-serif;
    font-size: 18px;
    display: block;
    margin-bottom: 5px;
    max-width: 212px;
}

a.testo2-menu-contacts {
    color: var(--colore-bianco);
    font-family: 'Palanquin', sans-serif;
    font-size: 20px;
    display: block;
    margin-bottom: 30px
}

a {
    text-decoration: none;
}

a.testo1-menu-contacts:hover, a.testo2-menu-contacts:hover, a.testo1-menu-contacts:active, a.testo2-menu-contacts:active, a.testo1-menu-contacts:focus, a.testo2-menu-contacts:focus {
    color: var(--colore-giallo);
}

.menu-contacts .wrapper-img-scopri-i-servizi {
    visibility: hidden;
    max-width: 14px;
    transition: 0.5s;
    opacity: 0;
    margin: 0px 0px 10px 10px;
  }


.titolo-menu-contacts a:hover > .wrapper-img-scopri-i-servizi, .text-scopri-i-servizi h3:hover + h3 > .wrapper-img-scopri-i-servizi{
    visibility: visible;
    opacity: 1;
    transition: 1s;
  }

.titolo-menu-contacts a, .titolo-menu-contacts a:hover, .titolo-menu-contacts a:active, .titolo-menu-contacts a:focus{
    color: var(--colore-bianco);

}

/* img header in modalità amministratore */
/* .contextual-region {
    position: static;
} */



/* header img1 settori-prodotti-servizi */
img.img1-header {
    max-height: 915px;
    max-width: 447px;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
}


/* header img2 news-singola news */
img.img2-header {
    max-height: 676px;
    max-width: 500px;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
}

/* header img3 azienda + colori rivenditori*/
img.img3-header {
    max-height: 480px;
    max-width: 727px;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
}

/* header img4 rivenditori */
img.img4-header {
    max-height: 480px;
    max-width: 908px;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
}


/* footer logo-contattaci*/
.site-footer__bottom{
    margin: 0;
    border: none;
}

footer.site-footer{
    background-color: var(--colore-blu);
    max-height: 100%;
}

.style-footer {
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: flex-end;
    margin: 0 auto;
    margin-bottom: 60px;
}

img.img-logo-footer{
    max-width: 362px;
    height: auto;
}

.site-footer .block{
    border: none;
}

.style-footer p{
    margin: 0;
}

.titolo-linea-footer {
    padding-top: 70px;
    grid-column: 2;
    grid-row: 1;
}

a.titolo-footer{
    max-width: 177px;
    font-size: 35px;
    font-weight: 500;
    font-family: 'Palanquin', sans-serif;
    color: var(--colore-bianco) !important;
    padding-left: 10px;
}

.linea-footer {
    grid-column: 2;
    background-color: var(--colore-giallo);
    height: 2px;
    margin-top: 22px;
}

.wrapper-img-contattaci {
    visibility: hidden;
    transition: 0.5s;
    opacity: 0;
    max-width: 11px;
    margin: 0px 0px 10px 18px;
    height: auto;
  }

.titolo-linea-footer a:hover > .wrapper-img-contattaci,
a:hover > .wrapper-img-contattaci{
    visibility: visible;
    opacity: 1;
    transition: 1s;
  }

/* footer elenchi*/
.style-footer-elenchi {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: auto auto;
    margin: 0 auto;
}

.style-footer-elenchi a:hover, .style-footer-elenchi a:focus, .style-footer-elenchi a:active{
    color: var(--colore-giallo) !important;
}

.style-footer-elenchi .elenco-prodotti-footer p:last-child {
    flex-direction: column;
    align-content: flex-start;
}

.copyright-agency-footer {
    grid-column: span 2;
    opacity: 0.72;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    max-width: 100%;
    grid-column-start: 1;
    grid-column-end: 5;
    margin: 0 auto;
}

.style-footer-elenchi p{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
}

.site-footer .content a, .site-footer .content a.is-active{
    color: var(--colore-bianco)
}

.elenco-social-footer a, .elenco-prodotti-footer a, .elenco-contatti-footer a, .copyright-agency-footer p{
    font-size: 16px;
    font-family: 'Palanquin', sans-serif;
    color: var(--colore-bianco) ;
}

.elenco-social-footer p, .elenco-prodotti-footer p, .elenco-contatti-footer p{
    font-size: 18px;
    font-weight: 500;
    color: var(--colore-bianco) ;
    font-family: 'Palanquin', sans-serif;
    margin-bottom: 5px;
}

.privacypolicy-footer{
    font-size: 16px;
    font-weight: 500;
    font-family: 'Palanquin', sans-serif;
    color: var(--colore-bianco);
}

.elenco-social-footer {
    max-width: 70px;
}

.elenco-prodotti-footer {
    max-width: 220px;
}

.elenco-contatti-footer {
    max-width: 160px;
}

.copyright-agency-footer img{
    max-height: 13px;
    width: auto;
    margin: 9px 0px 0px 4px;
}

.logo_double_bridge_privacy {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
}

.logo_double_title {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    font-weight: 500;
    color: var(--colore-bianco);
    font-family: 'Palanquin',sans-serif;
    margin-bottom: 50%;
}

.logo_double_title img {
    margin-top: 5px;
    width: 70%;
    height: auto;
}












































































































/* ========================================================================================== */
/* BLOCCHI CONDIVISI  */
/* ========================================================================================== */


/* Header Navigation */
#navbar-main
{
    background-color: var(--colore-blu) !important;
    background-image: url(/themes/custom/ecb_subtheme/media/apertura-ecb-homepage.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: unset;
    display: block;
    background-position-x: right;
}

a.navbar-brand
{
    position: absolute;
    top: 16px;
    left: 24px;
    width: 100px;
}

nav[id^='block-ecb-subtheme-language']
{
    position: absolute;
    top: 20px;
    right: 95px;
    z-index: 99999;
    anchor-name: --navigation-language-menu;
}

nav[id^='block-ecb-subtheme-language'] li.nav-item a
{
    border: 2px solid var(--colore-giallo);
    border-radius: 50%;
    text-transform: uppercase;
    width: 16px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}


nav[id^='block-ecb-subtheme-language'] li.nav-item a
{
    background-color: var(--colore-blu);
}

nav[id^='block-ecb-subtheme-language'] li.nav-item a:hover, 
nav[id^='block-ecb-subtheme-language'] li.nav-item a.is-active 
{
    background-color: var(--colore-giallo);
    color: var(--colore-blu);
}

#block-ecb-subtheme-language-2
{
    display: none;
}

#navbar-main:has(#CollapsingNavbar.show) nav[id^='block-ecb-subtheme-language']
{
    opacity: 0;
    pointer-events: none;
}

#navbar-main:has(#CollapsingNavbar.collapsing) nav[id^='block-ecb-subtheme-language']
{
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.header-search-button
{
    display: flex;
    align-items: center;
    margin: 0;
    position: absolute;
    position-anchor: --navigation-language-menu;
    position-area: center end;
    anchor-name: --navigation-search-button;
}

#navbar-main:has(#CollapsingNavbar.show) .header-search-button
{
    position: absolute;
    right: 10%;
}

.toggle-search 
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border: 0;
    background: transparent;
    outline: none;
}

.global-search-container .toggle-search i 
{
    transform: rotate(75deg);
    color: var(--colore-bianco);
    font-size: 18px;
}

#navbar-main button.navbar-toggler 
{
    position-anchor: --navigation-search-button;
    position-area: center end;
    display: flex;
    position: absolute;
    z-index: 99999;
    border: unset;
    padding: 6px 0px 0px 8px;
}

span.navbar-toggler-icon 
{
    background-image: none;
    border-top: 3.35px solid var(--colore-bianco);
    padding-top: 7px;
    width: 22px;
}

span.navbar-toggler-icon::before 
{
    content: "";
    display: block;
    border-top: 3px solid var(--colore-bianco);
    width: 16px;
    padding-bottom: 7px;
    margin-left: 5px;
}

span.navbar-toggler-icon::after
{
    content: "";
    display: block;
    border-bottom: 3px solid var(--colore-bianco);
    width: 22px;
}


/* Menu */
#navbar-main button.navbar-toggler[aria-expanded="true"] + div#CollapsingNavbar
{
    transform: translateY(0);
}

.navbar-expand-xl .navbar-toggler[aria-expanded="true"] span, 
.navbar-expand-xl .navbar-toggler[aria-expanded="true"] span::before, 
.navbar-expand-xl .navbar-toggler[aria-expanded="true"] span::after 
{
    position: fixed;
    border-top: 3px solid var(--colore-bianco);
    border-bottom: 0px;
}

.navbar-expand-xl .navbar-toggler[aria-expanded="true"] span::before
{
    display: none;
}

.navbar-expand-xl .navbar-toggler[aria-expanded="true"] span 
{
    transform: rotate(45deg);
    transform-origin: center;
    transition: 0.9s;
}

.navbar-expand-xl .navbar-toggler[aria-expanded="true"] span::after
{
    transform: rotate(90deg);
    transform-origin: center;
    margin-top: -10px;
    transition: 0.9s;
}

.navbar-expand-xl .navbar-toggler[aria-expanded="false"] span
{
    transition: 0.9s;
    transition-delay: 0.15s;
}

.navbar-expand-xl .navbar-toggler[aria-expanded="false"] span::after
{
    transition: 0.5s;
}



div#CollapsingNavbar 
{
    position: fixed;
    left: 0;
    top: 0;
    height: fit-content;
    min-height: 100%;
    background-color: var(--colore-blu);
    width: 100vw;
    z-index: 999;
    display: grid !important;
    grid-template-columns: 40% 60%;
    grid-template-rows: 784px;
    transition: 0.5s;
    transform: translateY(-150vh);
    transition-delay: unset;
    animation-delay: unset;
}

div#CollapsingNavbar:not(:has(.show))
{
    height: 0px;
}

nav#block-ecb-subtheme-main-menu 
{
    background-color: var(--colore-bianco);
    display: flex;
    height: 100vh;
    margin: 0px !important;
    position: absolute;
    width: 40vw;
    justify-content: start;
    top: 0vw;
    padding-top: 2%;
    padding-left: 5%;
}

.navbar-expand-xl .navbar-nav 
{
    margin-top: 48px;
    flex-direction: column;
    gap: 8px;
}

/* 
ul.clearfix.nav.navbar-nav li.nav-item:first-child::after
{
    display: none;
} */

ul.navbar-nav .nav-item
{
    display: block;
}

ul.navbar-nav .nav-item a
{
    color: var(--colore-blu);
    border: none;
    font-family: 'Palanquin', sans-serif;
    font-size: 26px;
    line-height: 28px;
    font-weight: 400;
}

ul.navbar-nav .nav-item a.show
{
    font-weight: 700;
}

ul.navbar-nav:hover
{
    text-decoration: none;
}

/* ul.navbar-nav .dropdown-menu
{
    border: none;
    display: none; 
    float: none !important;
    transform: none !important;
} */

ul.navbar-nav .dropdown-menu.show 
{
    position: static;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    border: none;
    float: none !important;
}

ul.navbar-nav .dropdown-item,
ul.navbar-nav .dropdown-item.active
{
    background-color: var(--colore-bianco);
    margin-left: 2rem;
    padding: 0;
}

ul.navbar-nav .dropdown-item a
{
    font-size: 18px;
    line-height: 28px;
}

ul.navbar-nav .dropdown-item a::before,
ul.navbar-nav .dropdown-item.active a::before
{
    content: '';
    background-image: url("/sites/default/files/canvas_images/nav_menu_arrow.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 12px;
    height: 12px;
}

ul.navbar-nav .dropdown-toogle::after
{
    display: none;
}

ul.navbar-nav .dropdown-item a.active
{
    color: var(--colore-nero);
}



/*  @todo */
nav#block-ecb-subtheme-language ul.clearfix.nav li.nav-item a.nav-link.nav-link--settori.is-active a.nav-link.nav-link--en-gb-node-46 {
    color: var(--colore-bianco);
    font-size: 18px;
    font-family: 'Palanquin', sans-serif;
    letter-spacing: 0.86px;
}








/* Header navigation block */
.header-navigation
{
    padding: 64px 10%;
}

/* animations @todo */
/* .wrapper-text h1, 
.wrapper-text p:nth-child(2)
{
    opacity: 0;
} */

.header-navigation .wrapper-text h1, 
.header-navigation .wrapper-text .sottotesto, 
.header-navigation .wrapper-text .sopratesto 
{
    color: var(--colore-bianco);
    font-weight: 100;
    font-family: 'Palanquin', sans-serif;
}

.header-navigation .wrapper-text .sopratesto,
.header-navigation .wrapper-text .sopratesto p
{
    font-size: 26px;
    line-height: 27px;
}

.header-navigation .wrapper-text h1,
.header-navigation .wrapper-text h1 p
{
    font-size: 70px;
    line-height: 65px;
    margin-top: 20px;
    margin-bottom: 46px;
    max-width: 45vw;
}

.header-navigation .wrapper-text .sottotesto
{
    font-size: 24px;
    line-height: 28px;
    max-width: 500px;
    margin-bottom: 52px;
}

.header-navigation .wrapper-text strong
{
    color: var(--colore-bianco);
    max-width: 586px;
    font-family: 'Palanquin', sans-serif;
    font-weight: 500;
}

.header-navigation a.btn.light-blue
{
    background-color: #2E72AA;
    color: var(--colore-bianco);
    margin-top: 44px;
    font-size: 24px;
    font-weight: 400;
    font-family: 'Palanquin', sans-serif;
    border-radius: 44px;
    padding: 10px 24px;
}

.header-navigation a.btn.light-blue:hover
{
    background-color: var(--colore-giallo);
    color: white;
}



/* Blocco: Soluzioni Custom - Standard */
#soluzioni-standard-custom
{
    font-weight: 100;
}


#soluzioni-standard-custom .soluzioni-standard,
#soluzioni-standard-custom .soluzioni-custom
{
    align-items: center;
    padding: 44px 5%;
}

#soluzioni-standard-custom strong
{
    font-weight: 700;
}

#soluzioni-standard-custom .title
{
    font-size: 26px;
    text-align: center;
    height: 64px;
    line-height: 32px;
    /* display: flex;
    align-items: center; */
}

#soluzioni-standard-custom img
{
    width: 230px;
    height: 160px;
    margin: 40px 0px;
}

#soluzioni-standard-custom p
{
    margin: 0;
}

#soluzioni-standard-custom .body
{
    max-width: 440px;
    min-height: 250px;
}

#soluzioni-standard-custom .body p,
#soluzioni-standard-custom .body strong,
#soluzioni-standard-custom .body ul
{
    font-size: 18px;
}


#soluzioni-standard-custom ul 
{
    list-style-position: outside; 
    padding-left: 0px;         
    margin-bottom: 0px;
}

#soluzioni-standard-custom li
{
    display: flex;
    align-items: center;
}

#soluzioni-standard-custom li::before
{
    content: '';
    background-image: url("/sites/default/files/canvas_images/nav_menu_arrow.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 16px;
    flex-shrink: 0;
}

#soluzioni-standard-custom .soluzioni-standard
{
    background-color: var(--colore-blu);
}

#soluzioni-standard-custom .soluzioni-standard p,
#soluzioni-standard-custom .soluzioni-standard ul,
#soluzioni-standard-custom .soluzioni-standard li, 
#soluzioni-standard-custom .soluzioni-standard strong,
#soluzioni-standard-custom .soluzioni-standard span,
#soluzioni-standard-custom .soluzioni-standard .title
{
    color: var(--colore-bianco);
}





/* Vista: i nostri settori */
.view-i-nostri-settori,
.view-i-nostri-prodotti
{
    background-color: var(--colore-blu);
}

.view-i-nostri-settori .view-header 
{
    padding: 64px 15% 0 15%;
}

.view-i-nostri-settori .view-header h2,
.view-i-nostri-settori .view-header strong
{
    color: var(--colore-bianco);
}   

.view-i-nostri-settori .view-header .body
{
    color: var(--colore-bianco);
    font-size: 24px;
    line-height: 28px;
}

.view-i-nostri-settori .view-content,
.view-i-nostri-prodotti .view-content
{
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: repeat(3, 1fr);
    padding: 16px 10% 64px 10%;
    margin: 0;
}

.view-i-nostri-settori  h3.title,
.view-i-nostri-prodotti h3.title
{
    color: var(--colore-bianco);
    font-size: 28px;
    line-height: 36px;
    text-transform: uppercase;
    border-bottom: 4px solid white;
    height: 115px;
    margin-top: 32px;
}

.view-i-nostri-settori  h3.title a,
.view-i-nostri-prodotti h3.title a
{
    color: var(--colore-bianco);
    font-size: 28px;
    line-height: 36px;
    text-transform: uppercase;
}

.view-i-nostri-settori .wrapper-img,
.view-i-nostri-prodotti .wrapper-img
{
    margin: 24px 0;
    /* background: linear-gradient(0deg, #919188, #865e01); */
    background: linear-gradient(0deg, var(--colore-bianco), var(--colore-giallo));
    opacity: .7;
    background-size: contain, cover;
    overflow: hidden;
    transition: .5s;
}

.view-i-nostri-settori .wrapper-img img,
.view-i-nostri-prodotti .wrapper-img img
{
    width: 100%;
    height: 100%;
    transition: .5s;
}

.view-i-nostri-settori .wrapper-settore:hover .wrapper-img,
.view-i-nostri-prodotti .wrapper-type-prodotto:hover .wrapper-img
{
    opacity: 1;
}

.view-i-nostri-settori .wrapper-settore:hover img,
.view-i-nostri-prodotti .wrapper-type-prodotto:hover img
{
    transform: scale(1.05);
}

.view-i-nostri-settori .wrapper-settore:hover h3.title a,
.view-i-nostri-prodotti .wrapper-type-prodotto:hover h3.title a
{
    color: var(--colore-giallo);
}

.view-i-nostri-settori .wrapper-settore:hover h3.title,
.view-i-nostri-prodotti .wrapper-type-prodotto:hover h3.title
{
    color: var(--colore-giallo);
    border-color: var(--colore-giallo);
}

.view-i-nostri-settori .wrapper-settore ul
{
    padding-left: 0.5rem;
}

.view-i-nostri-settori .wrapper-settore li
{
    color: var(--colore-bianco);
    font-size: 22px;
    line-height: 32px;
    list-style: none;
    display: flex;
    align-items: baseline;
}

.view-i-nostri-settori .wrapper-settore li::before
{
    content: '';
    display: inline-block;
    height: 14px;
    width: 14px;
    margin-right: 12px;
    object-fit: contain;
    background-image: url(/sites/default/files/canvas_images/list-icon-yellow.png);
    background-size: contain;
    background-repeat: no-repeat;
}

/* .view-i-nostri-settori.view-id-i_nostri_settori .row.view-content{
    max-width: 943px;
    margin: 0 auto;
} */
/* 
.single-settori-listing
{
    display: flex;
    justify-content: center;
}

.inner-settori
{
    height: 432px;
    width: 340px;
    margin-bottom: 32px;
    overflow: hidden;
    position: relative;
}

.wrapper-text-settori p
{
    border-bottom: 6px solid white;
    width: 340px;
    height: 120px;
    font-size: 25px;
    font-weight: 400;
    color: var(--colore-bianco);
    font-family:WW 'Palanquin', sans-serif;
    text-transform: uppercase;
    padding: 24px 0px;
}

.wrapper-icon-settori img
{
    border: 1px solid white;
    width: 340px;
    height: 305px;
    position: absolute;
} */





/*  @todo */
 .single-settori-listing.views-row
 {
    opacity: 0;
 }

 .testo-settori {
    margin-bottom: 80px ;
    max-width: 737px;
    font-weight: 500;
 }

 .testo-settori h1{
    padding-bottom: 42px;
    margin-bottom: 0px;
    max-width: 564px;
 }




/* Blocco perchè sceglierci */
.perche-sceglierci
{
    padding: 64px 10%;
}

.perche-sceglierci p
{
    font-size: 21px;
}

.perche-sceglierci .wrapper-servizi-icons
{
    gap: 15px;
    margin-bottom: 24px;
}

.perche-sceglierci .servizio
{
    text-align: center;
    width: 30vw;
    margin: 0 auto;
}

.perche-sceglierci .servizio img
{
    width: 80%;
    height: 80%;
}

.perche-sceglierci .servizio .wrapper-icon-title
{
    font-size: 17px;
    font-weight: 700;
    margin: 0;
}

.perche-sceglierci .servizio .wrapper-icon-body
{
    font-size: 17px;
}




/* i nostri prodotti nel mondo*/

.i-nostri-prodotti-mondo
{
    background-image: url("/themes/custom/ecb_subtheme/media/mappa-prodotti-ecb.jpg");
    height: 600px;
    background-size: 60vw;
    background-repeat: no-repeat;
    background-position-x: 30vw;
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-top: 64px;
    margin-bottom: 64px;
}

.img-i-nostri-prodotti-mondo
{
    max-width: 978px;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.text-i-nostri-prodotti-mondo 
{
    padding-left: 5%;
    margin-bottom: 32px;
    max-width: 600px;
}

.text-i-nostri-prodotti-mondo h2
{
    max-width: 436px;
    height: auto;
    padding-bottom: 20px;
}

.i-nostri-prodotti-mondo a.btn-blue
{
    margin-top: 24px;
    margin-right: 20vw;
}




/* I nostri numeri */

.i-nostri-numeri 
{
    padding: 64px 10%;
    background-color: var(--colore-blu);
    margin-bottom: 90px;
    align-items: center;
    justify-content: space-between;
}

.text-i-nostri-numeri h2, 
.text-i-nostri-numeri p, 
.elenco-i-nostri-numeri p, 
.i-nostri-numeri strong
{
    color: var(--colore-bianco);
}

.text-i-nostri-numeri
{
    max-width: 458px;
    font-weight: 500;
}

.text-i-nostri-numeri h2
{
    padding-bottom: 35px;
}

.elenco-i-nostri-numeri
{
    max-width: 458px;
    width: 100%;
}

.elenco-i-nostri-numeri h3
{
    color: var(--colore-giallo);
    font-weight: bold;
    text-align: right;
    margin-right: 20px;
    font-size: 64px;
}

.elenco-i-nostri-numeri p
{
    font-size: 21px;
    line-height: 27px;
    text-align: left;
    margin: 15px 0px 0px 7px;
}

.linea-i-nostri-numeri 
{
    background-color: var(--colore-bianco);
    width: 100%;
    height: 2px;
    grid-column: span 2;
    margin-top: 20px;
}

.row-elenco-i-nostri-numeri 
{
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
}

.row-elenco-i-nostri-numeri 
{
    font-family: 'Palanquin', sans-serif;
}

.row-elenco-i-nostri-numeri p
{
    text-transform: uppercase;
}



/* Gif Client e Partner */
.gif-clienti-partner
{
    padding: 32px 0px;
}

.gif-clienti-partner h2
{
    text-align: center;
}

.gif-clienti-partner h2 strong
{
    font-size: 46px;
}

.gif-clienti-partner .wrapper-img
{
    padding: 0;
    margin-top: 32px;
    width: 100%;
}

.gif-clienti-partner img
{
    width: 100%;
    height: auto;
}



/* FAQ */
.faq-accordion
{
    padding: 64px 10%;
}

.faq-accordion .accordion-item
{
    margin-bottom: 24px;
    border: none;
    border-radius: 0;
}

.faq-accordion h2.title
{
    color: var(--colore-nero);
    font-weight: 700;
    margin-bottom: 48px;
}

.faq-accordion button.accordion-button,
.faq-accordion button.accordion-button:not(.collapsed)
{
    background-color: rgb(245, 245, 245);
    color: var(--colore-nero);
    border: none;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 0px;
    padding: 10px 32px;
    line-height: 48px;
    box-shadow: unset;
}

.faq-accordion button.accordion-button::after
{
    content: '';
    display: block;
    background-image: url("/sites/default/files/canvas_images/faq_plus.png");
    background-position: center;
}

.faq-accordion button.accordion-button:not(.collapsed)::after
{
    content: '';
    display: block;
    background-image: url("/sites/default/files/canvas_images/faq_minus.png");
    background-position: center;
}

.faq-accordion .accordion-body
{
    font-size: 20px;
    background-color: rgb(245, 245, 245);
    border: none;
    padding: 16px 32px;
}




/* Blocco servizi griglia */

.view-homepage-i-nostri-servizi .view-content.row 
{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-row-gap: 16px;
    grid-column-gap: 8px;
    margin: 70px 0% 0 15%;
}

.view-homepage-i-nostri-servizi .views-field
{
    height: 100%;
}

.wrapper-servizio-griglia
{
    background-color: #f6f5f5;
    padding: 16px 24px;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 99;
}

.wrapper-servizio-griglia .wrapper-title
{
    /* align-items: center; */
    height: 90px;
}

.wrapper-servizio-griglia .wrapper-img
{
    width: 25%;
    /* margin-right: 16px; */
}

.wrapper-servizio-griglia .wrapper-img img
{
    width: 70%;
    height: 70%;
    max-height: 100px;
    object-fit: contain;
}

.wrapper-servizio-griglia .wrapper-title h3.title
{
    width: 75%;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    align-self: baseline;
}

img.wrapper-img-servizi-griglia
{
    max-height: 1015px;
    position: absolute;
    left: 0;
    margin-top: 160px;
    opacity: 0;
    width: 20%;
}

h2.title-servizi-griglia
{
    max-width: 816px;
    margin: 130px 0px 0px 118px;
}


.button-homepage-servizi-center 
{
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 42px;
}



/* Vista news */

.view-homepage-news-in-singola-news .view-content.row, 
.view-altre-news-in-news.view-id-altre_news_in_news .view-content.row 
{
    row-gap: 30px;
    padding: 64px 10%;
}

.view.view-homepage-news-in-singola-news h2
{
    font-size: 60px;
    line-height: 65px;
    font-weight: 700;
    text-align: center;
}

.single-news-listing.views-row
{
    opacity: 0;
}


.row .single-news-listing 
{
    width: 33%;
    margin: 0px 0px 65px 0px;
}

.testo-news 
{
    margin: 30px 0px 75px 0px;
    max-width: 583px;
}

.testo-news h1
{
    padding-bottom: 45px;
    margin-bottom: 0px;
}

.view-elenco-news.view-id-elenco_news .row.view-content, 
.view-news-in-singola-news.view-id-news_in_singola_news .row.view-content
{
    margin: 0 auto;
}


/* Webform Richiedi informazioni */
.webform-submission-richiedi-informazioni-form
{
    display: grid;
    grid-template-columns: 1fr 1.5fr; /* Adjust ratios to match your design */
    column-gap: 50px;
    align-items: start;
    background-color: rgb(246, 245, 245);
    padding: 64px 10%;
}

.webform-submission-richiedi-informazioni-form #edit-title {
    grid-column: 1;
    grid-row: 1 / span 10;
}


.webform-submission-richiedi-informazioni-form .form-wrapper,
.webform-submission-richiedi-informazioni-form .form-item-richiedi-informazioni,
.webform-submission-richiedi-informazioni-form .form-item-privacy,
.webform-submission-richiedi-informazioni-form .form-actions 
{
    grid-column: 2;
}

.webform-submission-richiedi-informazioni-form #edit-title h2
{
    font-weight: 700;
}

.webform-submission-richiedi-informazioni-form #edit-title p
{
    margin-top: 24px;
    font-size: 22px;
}

.webform-submission-richiedi-informazioni-form #edit-container,
.webform-submission-richiedi-informazioni-form #edit-container-1
{
    display: flex;
    flex-direction: row;
    gap: 32px;
}

.webform-submission-richiedi-informazioni-form label
{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 8px;
}

.webform-submission-richiedi-informazioni-form input
{
    border: 1px solid lightgray;
    height: 36px;
    width: 100%;
}

.webform-submission-richiedi-informazioni-form textarea
{
    border: 1px solid lightgray;
    margin-bottom: 32px;
    anchor-name: --richiedi-informazioni-textarea;
}

.webform-submission-richiedi-informazioni-form label[for="edit-privacy"]
{
    /* position-anchor: --checkbox-privacy;
    position-area: top center;
    position: absolute;
    padding-left: 250%;
    width: fit-content; */
    display: none;
}

.webform-submission-richiedi-informazioni-form input#edit-privacy
{
    anchor-name: --checkbox-privacy;
    width: 16px;
    height: 16px;
}

.webform-submission-richiedi-informazioni-form .form-actions 
{
    display: flex;
    justify-content: flex-end;
    width: 100%;
    position: relative;
    bottom: 120%;
    width: 10vw;
    margin-left: auto;
}

.webform-submission-richiedi-informazioni-form #edit-submit 
{
    display: flex;
    justify-content: center;
    text-align: center;
    width: fit-content;
    border-radius: 32px;
    background-color: #1e69a5;
    color: var(--colore-bianco);
    transition: 1s;
    font-size: 16px;
    letter-spacing: 1.24px;
    border: none;
    padding: 0 24px;
}

.webform-submission-richiedi-informazioni-form #edit-submit:hover
{
    background-color: var(--colore-giallo);
}


/* Slider casi studio */
.view-slider-casi-studio
{
    padding: 64px 10%;
    overflow: hidden;
}

.view-slider-casi-studio .slide__caption
{
    padding: 0 24px 0 0;
}

.view-slider-casi-studio .wrapper-caso-studio
{
    overflow: hidden;
}

.view-slider-casi-studio .wrapper-caso-studio img
{
    width: 100%;
    height: 100%;
    transition: .5s;
}

.view-slider-casi-studio .wrapper-caso-studio:hover img
{
    transform: scale(1.05);
}


.view-slider-casi-studio .wrapper-caso-studio h3.wrapper-title a
{
    color: var(--colore-nero);
    font-weight: 700;
    font-size: 28px;
    text-align: left;
    line-height: 32px;
    margin: 16px 0;
    /* min-height: 96px; 3 lines at 32px height */
    height: 128px; /* 4 lines at 32px height */
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4; /* Number of lines before the ellipsis appears */
    -webkit-box-orient: vertical;
}



.view-slider-casi-studio .wrapper-caso-studio .wrapper-body a
{
    color: var(--colore-nero);
    text-align: left;
    font-size: 18px;
    line-height: 24px;
    font-weight: 100;
    height: 150px;
}

button.slick-prev.slick-arrow
{
    left: -5%;
}

button.slick-next.slick-arrow
{
    right: -4%;
}

button.slick-prev:before
{
    content: '';
    background-image: url(/sites/default/files/canvas_images/chevron_arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    width: 100%;
    height: 100%;
    transform: rotate(180deg);
}

button.slick-next:before
{
    content: '';
    background-image: url(/sites/default/files/canvas_images/chevron_arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    width: 100%;
    height: 100%;
}

.view-slider-casi-studio .view-footer
{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 32px auto;
}

.view-slider-casi-studio .view-footer a,
.view-slider-casi-studio a.link-content
{
    margin-top: 32px;
    text-decoration: none;
    color: var(--colore-nero);
    font-weight: 700;
}

.view-slider-casi-studio .view-footer a::after,
.view-slider-casi-studio a.link-content::after
{
    content: '';
    background-image: url(/sites/default/files/canvas_images/yellow_long_arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-left: 32px;
    overflow: visible;
    width: 44px;
    height: 24px;
    position: absolute;
}















/* ========================================================================================== */
/* HACKS */
/* ========================================================================================== */
/* Bootstrap create an empty block */
#block-ecb-subtheme-content .node__content
{
    margin-top: 0;
}


/* Due to some pages having an old navigation header, some specific rules here */
/* @note some of this pages can become deprecated later on */
.node--type-prodotti #navbar-main,
.node--type-prodotto #navbar-main,
.node--type-article #navbar-main,
.page-node-22 #navbar-main,
.page-view-search-globale #navbar-main
{
    background: unset;
    background-color: var(--colore-bianco) !important;
}

.node--type-prodotti #navbar-main a.navbar-brand,
.node--type-prodotto #navbar-main a.navbar-brand,
.node--type-article #navbar-main a.navbar-brand,
.page-node-22 #navbar-main a.navbar-brand,
.page-view-search-globale #navbar-main a.navbar-brand
{
    position: absolute;
    top: 16px;
    left: 24px;
    width: 100px;
}

.node--type-prodotti #navbar-main nav[id^='block-ecb-subtheme-language'],
.node--type-prodotto #navbar-main nav[id^='block-ecb-subtheme-language'],
.node--type-article #navbar-main nav[id^='block-ecb-subtheme-language'],
.page-node-22 #navbar-main nav[id^='block-ecb-subtheme-language'],
.page-view-search-globale #navbar-main nav[id^='block-ecb-subtheme-language']
{
    position: absolute;
    top: 20px;
    right: 95px;
    z-index: 99999;
    anchor-name: --top-navigation-language-menu;
}

.node--type-prodotti #navbar-main nav[id^='block-ecb-subtheme-language'] li.nav-item a:hover,
.node--type-prodotto #navbar-main nav[id^='block-ecb-subtheme-language'] li.nav-item a:hover,
.node--type-article #navbar-main nav[id^='block-ecb-subtheme-language'] li.nav-item a:hover,
.page-node-22 #navbar-main nav[id^='block-ecb-subtheme-language'] li.nav-item a:hover,
.page-view-search-globale #navbar-main nav[id^='block-ecb-subtheme-language'] li.nav-item a:hover, 
.node--type-prodotti #navbar-main nav[id^='block-ecb-subtheme-language'] li.nav-item a.is-active,
.node--type-prodotto #navbar-main nav[id^='block-ecb-subtheme-language'] li.nav-item a.is-active,
.node--type-article #navbar-main nav[id^='block-ecb-subtheme-language'] li.nav-item a.is-active,
.page-node-22 #navbar-main nav[id^='block-ecb-subtheme-language'] li.nav-item a.is-active,
.page-view-search-globale #navbar-main nav[id^='block-ecb-subtheme-language'] li.nav-item a.is-active
{
    background-color: var(--colore-giallo);
    color: var(--colore-blu);
}

.node--type-prodotti #navbar-main nav[id^='block-ecb-subtheme-language'] li.nav-item a,
.node--type-prodotto #navbar-main nav[id^='block-ecb-subtheme-language'] li.nav-item a,
.node--type-article #navbar-main nav[id^='block-ecb-subtheme-language'] li.nav-item a,
.page-node-22 #navbar-main nav[id^='block-ecb-subtheme-language'] li.nav-item a,
.page-view-search-globale #navbar-main nav[id^='block-ecb-subtheme-language'] li.nav-item a
{
    border: 2px solid var(--colore-giallo);
    border-radius: 50%;
    text-transform: uppercase;
    width: 16px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}

.node--type-prodotti #navbar-main .header-search-button,
.node--type-prodotto #navbar-main .header-search-button,
.node--type-article #navbar-main .header-search-button,
.page-node-22 #navbar-main .header-search-button,
.page-view-search-globale #navbar-main .header-search-button
{
    display: flex;
    align-items: center;
    margin: 0;
    position: absolute;
    position-anchor: --top-navigation-language-menu;
    position-area: center end;
    anchor-name: --top-navigation-search-button;
}


.node--type-prodotti #navbar-main button.navbar-toggler,
.node--type-prodotto #navbar-main button.navbar-toggler,
.node--type-article #navbar-main button.navbar-toggler,
.page-node-22 #navbar-main button.navbar-toggler ,
.page-view-search-globale #navbar-main button.navbar-toggler 
{
    position-anchor: --top-navigation-search-button;
    position-area: center end;
    display: flex;
    position: absolute;
    z-index: 99999;
    border: unset;
    padding: 6px 0px 0px 8px;
}

.node--type-prodotti span.navbar-toggler-icon ,
.node--type-prodotto span.navbar-toggler-icon ,
.node--type-article span.navbar-toggler-icon,
.page-node-22 span.navbar-toggler-icon ,
.page-view-search-globale span.navbar-toggler-icon 
{
    background-image: none;
    border-top: 3.35px solid var(--colore-nero);
    padding-top: 7px;
    width: 22px;
}

.node--type-prodotti span.navbar-toggler-icon::before,
.node--type-prodotto span.navbar-toggler-icon::before,
.node--type-article span.navbar-toggler-icon::before,
.page-node-22 span.navbar-toggler-icon::before ,
.page-view-search-globale span.navbar-toggler-icon::before 
{
    content: "";
    display: block;
    border-top: 3px solid var(--colore-nero);
    width: 16px;
    padding-bottom: 7px;
    margin-left: 5px;
}

.node--type-prodotti span.navbar-toggler-icon::after,
.node--type-prodotto span.navbar-toggler-icon::after,
.node--type-article span.navbar-toggler-icon::after,
.page-node-22 span.navbar-toggler-icon::after,
.page-view-search-globale span.navbar-toggler-icon::after
{
    content: "";
    display: block;
    border-bottom: 3px solid var(--colore-nero);
    width: 22px;
}


.testo-rivenditori
{
    margin: 64px auto;
}

.testo-rivenditori h1
{
    color: var(--colore-bianco);
    font-size: 46px;
}

.testo-rivenditori p
{
    color: var(--colore-bianco);
}




















/* ========================================================================================== */
/* HOMEPAGE  */
/* ========================================================================================== */

/* Header navigatin */
.banner-blu-header-homepage
{
    padding: 64px 10%;
}

.banner-blu-header-homepage .wrapper-text h1
{
    font-size: 54px;
}



/*PAGINA HOMEPAGE - block to azienda*/
.homepage-block-to-azienda{
    display: grid;
    grid-template-columns: 40% 60%;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: unset;
    margin-top: -10px;
 }

 img.wrapper-img-homepage{
    max-width: 481px;
 }

 h1.wrapper-title-homepage {
    display: flex;
    flex-direction: column-reverse;
    max-width: 586px;
    grid-column: 2;
    grid-row: 1;
}

h1.wrapper-title-homepage strong{
    font-family: 'Palanquin', sans-serif;
}

img.wrapper-img-hover-homepage{
    visibility: hidden;
    max-width: 16.5px;
    transition: 0.5s;
    opacity: 0;
}

.homepage-block-to-azienda a:hover >.wrapper-img-hover-homepage{
    visibility: visible;
    opacity: 1;
    transition: 1s;
}

.text-scopri-i-servizi a:hover > .wrapper-img-scopri-i-servizi, .text-scopri-i-servizi h3:hover + h3 > .wrapper-img-scopri-i-servizi{
    visibility: visible;
    opacity: 1;
    transition: 1s;
  }

p.wrapper-text-homepage {
    grid-column: 2;
    padding-top: 60px;
}

.wrapper-text-homepage {
    font-weight: 400;
    max-width: 564px;
}

.wrapper-title-homepage a{
    color: var(--colore-blu);
    font-family: 'Palanquin', sans-serif;
    font-weight: 100;
}

.wrapper-title-homepage a:hover, .wrapper-title-homepage a:focus, .wrapper-title-homepage a:active{
    color: var(--colore-blu);
}

.wrapper-title-homepage-prodotti {
    justify-content: center;
    display: flex;
    margin: 100px 0px -80px 0px;
}

 /*PAGINA HOMEPAGE - i nostri settori*/
.button-homepage-prodotti a{
    width: 194px;
    height: 64px;
    border-radius: 32px;
    background-color: #1E69A5;
    color: var(--colore-bianco);
    transition: 1s;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1.24px;
    text-align: center;
    border: none;
    padding: 20px 40px 20px 40px;
}

.button-homepage-prodotti-center {
    display: flex;
    justify-content: center;
    margin:  50px 0px 80px 0px;
}

.button-homepage-prodotti a{
    color: var(--colore-bianco);
}

.button-homepage-prodotti a:hover, .button-homepage-prodotti a:active, .button-homepage-prodotti a:focus{
    color: var(--colore-bianco);
}

.button-homepage-prodotti a:hover{
    background-color: var(--colore-giallo);
    transition: 1s;
}
.button-homepage-prodotti {
    background: transparent;
    border: 0;
    box-shadow: unset;
}

.wrapper-title1-settori-homepage a{
    color: var(--colore-bianco);
    font-family: 'Palanquin', sans-serif;
 }

 .wrapper-title1-settori-homepage .strong{
    font-family: 'Palanquin', sans-serif ;
 }

 .wrapper-title1-settori-homepage  a:hover{
    color: var(--colore-bianco);
 }

.wrapper-img-scopri-i-settori {
    visibility: hidden  ;
    max-width: 16.5px;
    margin-left: 10px;
  }

.wrapper-title1-settori-homepage a:hover > .wrapper-img-scopri-i-settori, .text-scopri-i-settori h2:hover + h2 > .wrapper-img-scopri-i-settori{
    visibility: visible;
  }

  .i-nostri-settori-homepage a:hover > .wrapper-img-hover-homepage-settori{
    visibility: visible;
    opacity: 1;
    transition: 1s;
}

.wrapper-img-hover-homepage-settori{
    visibility: hidden;
    max-width: 16.5px;
    transition: 0.5s;
    opacity: 0;
    margin-left: 10px;
}

.i-nostri-settori-homepage a:hover, .i-nostri-settori-homepage a:active, .i-nostri-settori-homepage a:focus{
    color: var(--colore-bianco);
}

.contenitore1 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

.i-nostri-settori-homepage{
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: unset;
    background-color: var(--colore-blu);
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-x: hidden;
}

img.wrapper-img1-settori-homepage {
    max-width: 693px;
    height: 516px;
    position: absolute;
    right: 0;
    top: 50px;
}

img.wrapper-img2-settori-homepage {
    width: 156px;
    height: 113px;
    margin-right: 75px;
}

h2.wrapper-title1-settori-homepage, h2.wrapper-title1-settori-homepage strong  {
    color: var(--colore-bianco);
}

.wrapper-title1-settori-homepage {
    padding: 75px 0px 50px 110px;
}

p.wrapper-title2-settori-homepage {
    font-size: 45px;
    color: #AFDFE5;
    font-family: 'Palanquin', sans-serif;
    margin: 0px;
    padding: 10px 0px 25px 0px;
    line-height: 45px;
}

p.wrapper-text1-settori-homepage {
    color: var(--colore-bianco);
    max-width: 458px;
    grid-column: 2;
}

.contenitore3 {
    background-color: var(--colore-blu);
    margin: 0 auto 40px;
    width: 1142px;
    display: grid;
    grid-template-columns: 14% 14% 14% 14% 14% 14% 14%;
    gap: 5px;
    align-items: end;
}

.wrapper-text-settori-homepage:hover{
    cursor: pointer;
}

.linea-settori-homepage {
    background-color: var(--colore-bianco);
    width: 123px;
    height: 4px;
    margin-bottom: 98px;
    opacity: 0.57;
}

.text-linea1, .text-linea2, .text-linea3, .text-linea4, .text-linea5, .text-linea6, .text-linea7 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

p.wrapper-text-settori-homepage {
    margin-bottom: 8px;
    line-height: 16px;
    color: var(--colore-bianco);
    font-size: 13px;
    max-width: 133px;
    font-family: 'Palanquin', sans-serif;
    opacity: 0.8;
}
.contenitore-slider {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(7, 100%);
    margin: 0 auto;
    width: 100%;
    max-width: 688px;
    overflow-x: hidden;
    margin-top: 50px;
    margin-bottom: 50px;
}
.contenitore2 {
    grid-row: 1;
    display: flex;
    max-width: 100%;
    overflow-x: hidden;
}

/* per far diventare gialla la linea al checked */
.contenitore3 label.active .linea-settori-homepage {
    background-color: var(--colore-giallo);
    opacity: 1;
}

/* per far diventare bianco il testo al checked */
.contenitore3 label.active p.wrapper-text-settori-homepage {
    color: var(--colore-bianco);
    opacity: 1;
    font-weight: bold;
}



.wrapper-number-servizio-homepage {
    color: var(--colore-giallo);
    font-family: Palanquin;
    font-size: 25px;
    font-weight: bold;
    background-color: var(--colore-blu);
    width: fit-content;
    border-radius: 100%;
    padding: 7px 10px;
}

.wrapper-title-servizio-homepage h4{
    font-size: 30px;
    font-weight: 500;
    max-width: 238px;
}

.wrapper-text-servizio-homepage {
    font-size: 18px;
    font-weight: 500;
    max-width: 363px;
}



 /*PAGINA HOMEPAGE - scopri le ultime news*/
 .scopri-le-news{
    margin-top: 75px;
 }

 .linea-scopri-le-news {
    background-color: var(--colore-giallo);
    height: 157px;
    width: 2px;
    margin: 0 auto;
    margin-top: -36px;
}

.testo-scopri-le-news{
   padding:40px 0 50px 0px;
   max-width: 816px;
   margin: 0 auto;
   text-align: center;
}

 /*PAGINA HOMEPAGE - bottone leggi tutte */
.button-homepage-news a{
    width: 194px;
    height: 64px;
    border-radius: 32px;
    background-color: #1E69A5;
    color: var(--colore-bianco);
    transition: 1s;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1.24px;
    text-align: center;
    border: none;
    padding: 20px 40px 20px 40px;
}

.button-homepage-news {
    background: transparent;
    border: 0;
    box-shadow: unset;
}

.button-homepage-news-center {
    display: flex;
    justify-content: center;
    margin-bottom: 32px;
}

.button-homepage-news a{
    color: var(--colore-bianco);
}

.button-homepage-news a:hover, .button-homepage-news a:active, .button-homepage-news a:focus{
    color: var(--colore-bianco);
}

.button-homepage-news a:hover{
    background-color: var(--colore-giallo);
    transition: 1s;
}






















/* ========================================================================================== */
/* AZIENDA  */
/* ========================================================================================== */


/* Blocco Brochure */
.container-brochure-azienda
{
    background-color: #AFDFE5;
    height: auto;
    padding: 12px 5%;
    background-image: url(/sites/default/files/ecb-texture-white.png);
    background-repeat: no-repeat;
    background-size: 66%;
    background-position: -336px center;
    align-items: center;
    justify-content: space-between;
}

.container-brochure-azienda .container.text-button-brochure 
{
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 100%;
}

.container-brochure-azienda p.text-brochure-azienda
{
    font-size: 25px;
    line-height: 34px;
}

.container-brochure-azienda p
{
    margin: 0;
}



/* Header Azienda */


/* animations @todo */
.row .single-lista-azienda{
    opacity: 0;
}
.row .single-lista-azienda:nth-child(1){
    transition-delay: 0.3s;
}
.row .single-lista-azienda:nth-child(2){
    transition-delay: 0.8s;
}
.row .single-lista-azienda:nth-child(3){
    transition-delay: 1.3s;
}
.row .single-lista-azienda:nth-child(4){
    transition-delay: 1.8s;
}

.header-azienda .wrapper-contents
{
    display: contents;
}

.header-azienda img.wrapper-img-header-azienda-left
{
    max-height: 440px;
    max-width: 164px;
}

.header-azienda img.wrapper-img-header-azienda-right
{
    width: 480px;
    height: 430px;
}

.header-azienda .wrapper-img-header-azienda-right img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header-azienda div.stile-virgolette
{
    font-family: 'Palanquin', sans-serif;
    color: var(--colore-giallo);
    font-size: 160px;
    font-weight: 400;
    position-anchor: --wrapper-title-header-azienda;
    position: absolute;
    position-area: start;
}

.header-azienda p.wrapper-title-header-azienda 
{
    anchor-name: --wrapper-title-header-azienda;
    margin: 104px 62px 0px 116px;
    color: #022739;
    font-size: 38px;
    line-height: 47px;
    font-family: 'Palanquin', sans-serif;
    max-width: 796px;
    font-weight: 400;
}

p.wrapper-text-header-azienda 
{
    width: 100%;
    padding: 32px 10%;
    font-weight: 400;
}










/* ========================================================================================== */
/* SOLUZIONI CUSTOM  */
/* ========================================================================================== */


/* Blocco applicazioni speciali */
#blocco-applicazioni-speciali
{
    padding: 64px 10%;
    background-image: url(/sites/default/files/canvas_images/background_applicazioni_speciali.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    background-size: 55%;
}



#blocco-applicazioni-speciali h2 strong
{
    color: var(--colore-nero);
    font-size: 46px;
    margin-bottom: 32px;
}

#blocco-applicazioni-speciali p,
#blocco-applicazioni-speciali p strong
{
    font-size: 22px;
    color: var(--colore-nero);
    max-width: 40vw;
    padding-bottom: 24px;
}

#blocco-applicazioni-speciali p.second-paragraph
{
    max-width: 45vw;
}

#blocco-applicazioni-speciali p.last-paragraph
{
    max-width: unset;
}

#blocco-applicazioni-speciali .video-preview
{
    display: flex;
    margin: auto;
    width: 100%;
}

#blocco-applicazioni-speciali .video-preview iframe
{
    margin: auto;
    aspect-ratio: 16 / 9
}




/* Blocco apparecchiature */

#blocco-apparecchiature
{
    gap: 16px;
    padding: 64px 10%;
}

#blocco-apparecchiature .wrapper-service
{
    width: 60vw;
    margin: 0 auto;
}


#blocco-apparecchiature .service-image
{
    height: 380px;
    padding: 16px;
    border: 6px solid var(--colore-giallo);
    display: flex;
    justify-content: center;
    align-items: center;
}

#blocco-apparecchiature .service-text
{
    margin-top: 16px;
    background-color: rgb(246, 245, 245);
    min-height: 100vh;
}

#blocco-apparecchiature .service-image img
{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#blocco-apparecchiature .service-text h2.title
{
    font-size: 25px;
    border-bottom: 8px solid var(--colore-giallo);
    text-align: center;
    font-weight: 700;
    margin: 16px auto;
    height: 80px;
    line-height: 28px;
}

#blocco-apparecchiature .service-text .subtitle
{
    font-size: 18px;
}

#blocco-apparecchiature .service-text h2.list-title
{
    font-size: 24px;
    text-align: center;
    font-weight: 700;
}

#blocco-apparecchiature .service-text li
{
    font-size: 18px;
    list-style: none;
    position: relative;
    padding: 6px 8px 0px 16px;
    anchor-name: --blocco-apparecchiature-li;
}

#blocco-apparecchiature .service-text li::before
{
    content: '';
    display: inline-block;
    height: 18px;
    width: 18px;
    object-fit: contain;
    background-image: url(/sites/default/files/canvas_images/list-icon-yellow.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: -8px;
    top: 12px;
    position-anchor: --blocco-apparecchiature-li;
    position-area: start center;
}

#blocco-apparecchiature .service-text li span.small-text
{
    font-size: 16px;
}




/* Blocco: Chiavi in mano */
#blocco-chiavi-in-mano
{
    background-color: var(--colore-blu);
    background-image: url(/sites/default/files/canvas_images/background_chiavi_in_mano.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    background-size: 55%;
}

#blocco-chiavi-in-mano .wrapper-text
{
    padding: 64px 10%;
}

#blocco-chiavi-in-mano .wrapper-text h2,
#blocco-chiavi-in-mano .wrapper-text strong,
#blocco-chiavi-in-mano .wrapper-text p.subtitle,
#blocco-chiavi-in-mano .wrapper-text li
{
    color: var(--colore-bianco);
}

#blocco-chiavi-in-mano .wrapper-text strong
{
    font-size: 46px;
}


#blocco-chiavi-in-mano .wrapper-text p
{
    font-size: 23px;
    font-weight: 700;
    max-width: 42%;
}

#blocco-chiavi-in-mano .wrapper-text ul
{
    padding: 0 0 0 8px;
}

#blocco-chiavi-in-mano .wrapper-text li
{
    font-size: 22px;
    list-style: none;
    position: relative;
    padding: 6px 8px 0px 16px;
}

#blocco-chiavi-in-mano .wrapper-text li::before
{
    content: '';    
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-right: 16px;
    object-fit: contain;
    background-image: url(/sites/default/files/canvas_images/list-icon-white.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: -8px;
    top: 40%;
}









/* ========================================================================================== */
/* Pagina singolo prodotto  */
/* ========================================================================================== */

img.img6-header 
{
    width: 45%;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
}

.testo-singolo-prodotto
{
    margin-top: 64px;
    margin-left: 5%;
}

.testo-singolo-prodotto h1
{
    font-size: 46px;
}


.testo-singolo-prodotto p
{
    text-transform: uppercase;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 0;
}


.contenitore-singolo-prodotto 
{
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 25px 15%;
    background-color: var(--colore-grigio);
    overflow: visible;
    margin-bottom: 60px;
    margin-top: 120px;
}

.contenitore-singolo-prodotto img
{
    height: 300%;
    max-height: 500px;
    width: 35%;
    margin-left: 0%;
    position: absolute;
    top: 50%;
    left: 0;
    aspect-ratio: 1;
    object-fit: contain;
    transform: translateY(-50%);
    mix-blend-mode: multiply;
    overflow: visible;
}


.contenitore-singolo-prodotto .wrapper-body
{
    width: 50%;
}

.contenitore-singolo-prodotto .wrapper-body ul
{
    list-style-position: outside;
    padding: 0;
}

.contenitore-singolo-prodotto .wrapper-body li
{
    font-size: 18px;
    list-style: none;
    position: relative;
    /* padding: 6px 8px 0px 16px; */
    anchor-name: --descrizione-prodotto-li;
}

.contenitore-singolo-prodotto .wrapper-body li::before
{
    content: '';
    display: inline-block;
    height: 18px;
    width: 18px;
    object-fit: contain;
    background-image: url(/sites/default/files/canvas_images/list-icon-yellow.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: -32px;
    top: 12px;
    position-anchor:  --descrizione-prodotto-li;
    position-area: start center;
}


.view-singolo-prodotto .wrapper-info
{
    padding: 0px 5%;
    gap: 5%;
    margin-bottom: 64px;
}

.single-tipologia-prodotti-listing.views-row p 
{
    text-transform: uppercase;
}

.view-singolo-prodotto .accordion-button
{
    font-size: 24px;
    font-weight: 700;
    color: var(--colore-nero);
    text-transform: uppercase;
    border-bottom: 3px solid var(--colore-giallo);
    padding: 0 8px 0 56px;
    border-radius: 0 !important;
}

.accordion-button.collapsed .wrapper-img-singolo-prodotto
{
    transition: 1s;
}

.view-singolo-prodotto .accordion-button:not(.collapsed)
{
    color: var(--colore-nero);
    background-color: var(--colore-bianco);
}

.wrapper-img-singolo-prodotto 
{
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: auto;
    transition: background-image 0.2s ease;
}

.view-singolo-prodotto .accordion-button .wrapper-img-singolo-prodotto 
{
    background-image: url('/sites/default/files/canvas_images/faq_plus.png');
}

.view-singolo-prodotto .accordion-button:not(.collapsed) .wrapper-img-singolo-prodotto 
{
    background-image: url('/sites/default/files/canvas_images/faq_minus.png');
}

a.accordion-button.collapsed::after, .accordion-button::after{
    display: none;
}


.informazioni-singolo-prodotto
{
    width: 50%;
}

.informazioni-singolo-prodotto table
{
    margin-top: 0;
}

.informazioni-singolo-prodotto table tbody,
.informazioni-singolo-prodotto table tr
{
    background-color: var(--colore-grigio);
    display: block;
    border-bottom: 4px solid var(--colore-bianco);
}

.informazioni-singolo-prodotto table tr
{
    position: relative;
    padding: 8px 36px;
}

.informazioni-singolo-prodotto table th,
.informazioni-singolo-prodotto table td
{
    display: inline;
    border: none;
    padding: unset;
    color: var(--colore-nero);
    background: unset;
}

.informazioni-singolo-prodotto table tr::before
{
    content: '';
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-left: 18px;
    object-fit: contain;
    background-image: url(/sites/default/files/canvas_images/list-icon-yellow.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 16px;
    position: absolute;
    left: -8px;
    top: 40%;
}

.informazioni-singolo-prodotto .accordion-body
{
    padding: 0;
}

.informazioni-singolo-prodotto table th::after
{
    content: ":  ";
    font-weight: 700;
}


.informazioni-singolo-prodotto h3:hover > .wrapper-img-singolo-prodotto{
    transition: 1s;
  }

.informazioni-singolo-prodotto h3:last-child:hover
{
    display: block;
}



.settori-singolo-prodotto
{
    width: 50%;
}

.settori-singolo-prodotto .accordion-body
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0;
    grid-gap: 0;
    grid-row-gap: 48px;
    grid-column-gap: 32px;
    padding: 0;
    margin-top: 16px;
}

.settori-singolo-prodotto .wrapper-settore-singolo-prodotto 
{
    /* display: flex; */
    /* flex-direction: column; */
    align-items: center;
    text-align: center;
    height: 100%;
    background: #fff;
}

.settori-singolo-prodotto .wrapper-settore-singolo-prodotto .wrapper-img
{
    background: linear-gradient(0deg, var(--colore-bianco), var(--colore-giallo));
}

.settori-singolo-prodotto .wrapper-settore-singolo-prodotto img
{
    width: 100%;
    height: 100%;
}

.settori-singolo-prodotto .wrapper-settore-singolo-prodotto h4
{
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    text-transform: uppercase;
}






/* ========================================================================================== */
/* Pagina servizi */
/* ========================================================================================== */

.view-i-nostri-servizi
{
    padding: 64px 10%;
}

.view-i-nostri-servizi .view-header .sottotesto,
.view-i-nostri-servizi .view-header .sottotesto strong
{
    font-size: 32px;
}

.view-i-nostri-servizi .view-header .body,
.view-i-nostri-servizi .view-header .body strong
{
    font-size: 24px;
    margin-top: 24px;
    margin-bottom: 48px;
}

.view-i-nostri-servizi .views-row
{
    opacity: 0;
}

.view-i-nostri-servizi .view-content
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 32px;
    margin: 0;
}

.inner-servizio
{
    display: flex;
    background-color: var(--colore-grigio);
    flex-direction: column;
    align-items: center;
    padding: 24px 16px;
    height: fit-content;
}

.wrapper-text-servizio
{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
}

.wrapper-text-servizio p
{
    font-weight: 100;
    font-size: 18px;
}

.wrapper-text-servizio h3 
{
    font-weight: 700;
    padding: 18px 0;
    font-size: 32px;
    line-height: 32px;
}

.wrapper-text-servizio h3::after
{
    content: '';
    height: 6px;
    background-color: var(--colore-giallo);
    display: block;
    width: 80%;
    margin: 16px auto;
}

.wrapper-icon-servizio
{
    display: flex;
    justify-content: center;
}

.wrapper-icon-servizio img 
{
    width: 20%;
    height: auto;
}








/* ========================================================================================== */
/* Pagina Strumentazioni Standard */
/* ========================================================================================== */

.page-standard-body
{
    padding: 64px 10%;
    background-image: url(/sites/default/files/canvas_images/background_applicazioni_speciali.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    background-size: 55%;
}

.page-standard-body strong
{
    font-size: 46px;
}

.page-standard-body p.first-paragraph
{
    max-width: 45%;
}

.page-standard-body ul
{
    padding-left: 0.5rem;
}

.page-standard-body li
{
    list-style: none;
    display: flex;
    align-items: center;
}

.page-standard-body li::before
{
    content: '';
    background-image: url(/sites/default/files/canvas_images/list-icon-yellow.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    width: 12px;
    height: 12px;
    margin-right: 12px;
}





/* ========================================================================================== */
/* Pagina Singolo Settore */
/* ========================================================================================== */

.wrapper-settore-page-body
{
    padding: 64px 10%;
}

.view-casi-studio-per-settore .view-content
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 0 10%;
}

.view-casi-studio-per-settore .wrapper-caso-studio img
{
    width: 100%;
    height: 100%;
}

.view-casi-studio-per-settore .wrapper-text
{
    border: 1px solid rgb(248, 195, 65);
    margin-bottom: 32px;
}

.view-casi-studio-per-settore .wrapper-text h3
{
    font-size: 22px;
    font-weight: 700;
    background-color: rgb(248, 195, 65);
    padding: 8px 16px;
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    height: 66px;
}

.view-casi-studio-per-settore .wrapper-text p:has(strong)
{
    font-size: 16px;
    background-color: var(--colore-grigio);
    padding: 16px 16px;
    line-height: 20px;
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    height: 80px;
}

.view-casi-studio-per-settore .wrapper-text p:not(:has(strong))
{
    display: none;
}



.view-singolo-settore-consulenza
{
    display: flex;
    background-color: var(--colore-blu);
    justify-content: center;
    padding: 48px 25%;
}

.view-singolo-settore-consulenza p,
.view-singolo-settore-consulenza strong
{
    color: var(--colore-bianco);
    font-size: 46px;
    line-height: 52px;
    text-align: center;
}

.view-singolo-settore-consulenza a
{
    margin: auto;
    margin-top: 32px;
    width: fit-content;
    max-width: unset;
}





/* ========================================================================================== */
/* Pagina Contatti */
/* ========================================================================================== */
.wrapper-contatti-page-body
{
    padding: 64px 15%;
    background-image: url("/themes/custom/ecb_subtheme/media/immagine-laterale-homepage-ecb.png");
    background-size: contain;
    background-repeat: no-repeat;
}
































/* PAGINA CASI STUDIO */
.testo-casistudio h1 {
    max-width: 586px;
    padding-bottom: 42px;
}

.testo-casistudio .sottotitolo{
    max-width: 564px;
}

.testo-casistudio .sottotitolo strong{
    color: var(--colore-blu);
}

.testo-casistudio .sottotitolo strong:hover, .testo-casistudio .sottotitolo strong:focus, .testo-casistudio .sottotitolo strong:active{
    color: var(--colore-giallo);
}

.view.view-il-nostro-know-how-nei-casi-studio.view-id-il_nostro_know_how_nei_casi_studio .view-content.row{
    max-width: 1140px;
    margin: 0 auto;
}

.single-casi-studio-listing{
    max-width: 25%;
    min-width: 262px;
    margin-top: 110px;
    z-index: 1;
}

.inner-casi-studio img{
    height: 192px;
    max-width: 262px;
    overflow: hidden;
    position: relative;
}

.wrapper-img-casi-studio {
    height: 192px;
    overflow-y: hidden;
    margin-bottom: 12px;
    cursor: pointer;
}

.wrapper-img-casi-studio img {
    margin-top: 0px;
    max-width: 100%;
    transition: margin-top 0.6s ease;
}

.wrapper-img-casi-studio img:last-child {
    opacity: 0;
    transition: 0.8s;
}

.wrapper-img-casi-studio:hover img:last-child {
    margin-top: -220px;
    transition: 0.8s;
    opacity: 1;
}

.wrapper-img-casi-studio img:first-child{
    opacity: 1;
    transition: 0.8s;
}

.wrapper-img-casi-studio:hover img:first-child{
    opacity: 0;
    transition: 0.8s;
}

.wrapper-text-casi-studio p, .wrapper-text-casi-studio a {
    font-size: 14px;
    font-family: 'Palanquin', sans-serif;
    line-height: 16px;
    margin-bottom: 12px;
    color: var(--colore-blu);
}

p.wrapper-title-casi-studio {
    font-weight: bold;
}

/*PAGINA CASI STUDIO - scopri i settori*/
.scopri-i-settori {
    margin-top: 120px;
    position: relative;
    z-index: 1;
}

.linea-scopri-i-settori {
    background-color: var(--colore-giallo);
    height: 157px;
    width: 2px;
    margin: 0 auto;
    margin-top: -36px;
}

.testo-scopri-i-settori{
   padding: 40px 0px 50px 0px;
   max-width: 340px;
   margin: 0 auto;
   text-align: center;
}

.h3-scopri-i-settori a .wrapper-img-scopri-i-servizi {
    position: absolute;
    top: calc(50% - 16px);
}

.h3-scopri-i-settori a {
    position: relative;
} 
.testo-scopri-i-settori strong{
    font-family: 'Palanquin', sans-serif;
}

.testo-scopri-i-settori h3{
    margin-bottom: 0px;
 }

 .testo-scopri-i-settori a{
    color: var(--colore-nero);
    font-family: 'Palanquin', sans-serif;
 }

 .testo-scopri-i-settori a:hover,.testo-scopri-i-settori a:focus, .testo-scopri-i-settori a:active{
    color: var(--colore-nero);
 }


 .inner-casi-studio .wrapper-title-casi-studio{
    text-transform: uppercase;
 }

.wrapper-img-scopri-i-settori {
    visibility: hidden;
    max-width: 16.5px;
    transition: 0.5s;
    opacity: 0;
}

.testo-scopri-i-settori a:hover > .wrapper-img-scopri-i-servizi, .testo-scopri-i-settori h3:hover + h3 > .wrapper-img-scopri-i-servizi{
    visibility: visible;
    opacity: 1;
    transition: 1s;
  }

.testo-scopri-i-settori h3:last-child{
    padding-left: 20px;
}

.slider-img {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow-x: hidden;
    border: 10px white solid;
    border-radius: 1% 1% 0% 0%;
}

.slider-img img {
    width: 100%;
}

.slider-casi-studio {
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
    overflow-x: auto;
    position: relative;
}

.slider-big-container {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.slider-img .row {
    position: absolute;
    font-size: 80px;
    font-weight: 100;
    color: white;
    cursor: pointer;
}

.slider-img .row.left {
    left: 25px;
    max-width: 50px;
    display: none;
    transform: rotate(180deg);
}

.slider-img .row.right {
    right: 25px;
    max-width: 50px;
}

p.titolo-slider-casi-studio {
    background-color: white;
    text-align: center;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.slider-background {
    height: 100vh;
    width: 100vw;
    left: 0px;
    position: fixed;
    top: 0px;
    background-color: rgba(0,0,0,0.22);
    z-index: 999;
    align-items: center;
    display: none;
}

.single-casi-studio-listing.views-row{
    opacity: 0;
 }

 .close-slider {
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}

.close-slider p {
    font-size: 30px;
    color: var(--colore-giallo);
}



 /* PAGINA FILTRI PRODOTTI*/
 img.img5-header {
    max-height: 480px;
    max-width: 818px;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
}
 .testo-filtri-prodotti {
    margin: 55px 0px 80px 0px;
    max-width: 737px;
}

.testo-filtri-prodotti h1{
    max-width: 490px;
    font-weight: 500;
    margin-bottom: 43px;
}

.testo-filtri-prodotti p{
    font-size: 22px;
    line-height: 31px;
}

.contenitore-header-filtri-prodotti .testo-filtri-prodotti strong:hover{
    color: var(--colore-giallo);
}

.contenitore-header-filtri-prodotti .testo-filtri-prodotti li {
    font-size: 22px;
    line-height: 31px;
}

.contenitore-header-filtri-prodotti {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    align-items: flex-start;
}

.immagine-interna-filtri-prodotti {
    margin-bottom: 7px;
    position: relative;
    margin-left: 27px;
}

.immagine-interna-filtri-prodotti img {
    max-width: 448px;
    width: 100%;
    height: auto;
    margin-top: 180px;
}

.banner-brochure h4, .banner-brochure strong, .banner-brochure a{
    color: var(--colore-bianco);
}

.node--type-prodotti .main-content > .section {
    display: flex;
    flex-wrap: wrap;
}

.node--type-prodotti .main-content > .section .product-type-heading {
    width: 100%;
}

.node--type-prodotti .main-content > .section .product-type-sectors-filter {
    width: 30%;
}

.node--type-prodotti .main-content > .section .product-type-listing {
    width: 70%;
}

.banner-brochure {
    display: flex;
    height: 190px;
    margin-bottom: 80px;
    align-items: center;
}

.banner-brochure .col-pdf {
    display: flex;
    justify-content: end;
    align-items: center;
}
/* 
.banner-brochure .col-pdf .btn-blue, .btn.btn-blue {
    text-align: center;
    max-width: 132px;
    width: 100%;
    height: 64px;
    border-radius: 32px;
    background-color: #1E69A5;
    color: var(--colore-bianco);
    transition: 1s;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1.24px;
    text-align: center;
    border: none;
    padding: 20px 40px 20px 40px;
} */
.btn-blue:hover{
    cursor: pointer;
}

.banner-brochure .col-pdf .btn-blue a{
    color: var(--colore-bianco);
}

.banner-brochure .col-pdf .btn-blue a:hover,  .banner-brochure .col-pdf .btn-blue a:active, .banner-brochure .col-pdf .btn-blue a:focus{
    color: var(--colore-bianco);
}

.banner-brochure .list-group-item
{
    background-color: unset;
}


.banner-brochure .col-pdf .btn-blue:hover {
    background-color: var(--colore-giallo);
    transition: 1s;
}

.facets-widget-links h3 {
    font-weight: 800;
    margin-top: 20px;
    margin-bottom: 20px;
}

.facets-widget-links ul.facet-inactive, .facets-widget-links ul.facet-active{
    color: var(--colore-blu);
    font-size: 16px;
    line-height: 25px;
    list-style: none;
    text-transform: uppercase;
    padding: 0px;
}

.facets-widget-links li.facet-item, .facets-widget-links li.facet-item{
    padding-bottom: 15px;
}

.facets-widget-links{
    max-width: 260px;
}

.facets-widget-links span.facet-item__status, .facets-widget-links span.facet-item__value{
    font-family: 'Palanquin', sans-serif;
    font-weight: 400;
}

.view.view-tipologia-prodotti.view-id-tipologia_prodotti .row.view-content{
    max-width: 849px;
    margin: 0 auto;
    column-gap: 3px;
    row-gap: 40px;
    margin-bottom: 160px;
}

.single-tipologia-prodotti-listing {
    max-width: 33%;
}

.single-tipologia-prodotti-listing img:hover{
    cursor: pointer;
}

.single-tipologia-prodotti-listing img{
    max-width: 240px;
    max-height: 240px;
}

.single-tipologia-prodotti-listing.views-row:hover{
    cursor: pointer;
}

.single-tipologia-prodotti-listing:hover hr{
    color: #1E69A5;
    border-bottom: 2px solid #1E69A5;
}

.single-tipologia-prodotti-listing .views-field.views-field-title span.field-content{
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    font-family: 'Palanquin', sans-serif;
}

.single-tipologia-prodotti-listing hr{
    color: var(--colore-giallo);
    border-bottom: 2px solid var(--colore-giallo);
}

div#block-ecb-subtheme-contattiinformazioni {
    margin: 0 auto;
    width: 100%;
}


/* PAGINA FILTRI SETTORI*/
.testo-filtri-settori {
    margin-bottom: 80px;
    max-width: 737px;
    margin-top: 55px;
}

.testo-filtri-settori h1{
    max-width: 490px;
    font-weight: 500;
    margin-bottom: 43px;
}

.testo-filtri-settori p{
    font-size: 22px;
    line-height: 31px;
}

.view.view-prodotti-settore.view-id-prodotti_settore .row.view-content{
    margin-bottom: 160px;
}
/* 
.node--type-settori .main-content > .section {
    display: flex;
    flex-wrap: wrap;
}

.node--type-settori .main-content > .section .sector-product-heading {
    width: 100%;
}

.node--type-settori .main-content > .section .sector-type-product-filter {
    width: 30%;
}

.node--type-settori .main-content > .section .sector-type-listing {
    width: 70%;
}
*/
span.facet-item__status.js-facet-deactivate{
    display: none;
}

.facets-widget-links a.is-active{
    border-bottom: 2px solid var(--colore-giallo);
}

/* NASCONDERE BROCHURE */
.page-node-66 .full-width.bg-blue, .page-node-90 .full-width.bg-blue.view.view-prod-type-brochure, .page-node-91 .full-width.bg-blue.view.view-prod-type-brochure, .page-node-145 .brochure-singolo-prodotto, .page-node-95 .brochure-singolo-prodotto , .page-node-94 .brochure-singolo-prodotto{
    display: none;
}

/* SEARCH GLOBALE PAGE STYLE */
.globalsearch-searchbar {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    top: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    padding-top: 30px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-150vh);
    transition: 0.5s;
}
.globalsearch-searchbar.search-visibile {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
body.search-visibile {
    overflow: hidden;
}

.globalsearch-searchbar .content {
    display: flex;
    justify-content: center;
}
.globalsearch-searchbar .content > form {
    width: 100%;
    max-width: 80vw;
}
.globalsearch-searchbar .content > form .form-item-search {
    max-width: 80%;
    width: 100%;
}
.globalsearch-searchbar .content > form .form-actions {
    max-width: 20%;
    width: 100%;
}
.globalsearch-searchbar .content > form .form-item-search label {
    font-size: 60px;
    line-height: 65px;
    margin-bottom: 20px;
    color: var(--colore-blu);
    font-family: 'Palanquin', sans-serif;
    font-weight: 500;
    margin-top: 140px;
}

.path-frontpage .global-search-container .toggle-search i,
.page-node-32 .global-search-container .toggle-search i,
.page-node-38 .global-search-container .toggle-search i {
    color: #fff;
}
.globalsearch-searchbar .toggle-search {
    margin: 64px 10% auto auto;
    max-width: 32px;
    max-height: 32px;
    width: 100%;
    height: 100%;
}

.view.view-search-globale.view-id-search_globale.view-display-id-page_1 h1{
    margin-top: 60px;
    margin-bottom: 40px;
}

.view.view-search-globale.view-id-search_globale.view-display-id-page_1 .btn-primary , div#block-ecb-globalsearch-form input#edit-submit-search-globale{
    background-color: var(--colore-blu);
    border-color: var(--colore-blu);
}

.view.view-search-globale.view-id-search_globale.view-display-id-page_1 .form-control, div#block-ecb-globalsearch-form input#edit-search{
    border-color: var(--colore-blu);
}

.view.view-search-globale.view-id-search_globale.view-display-id-page_1 a{
    color: var(--colore-blu);
}

.view.view-search-globale.view-id-search_globale.view-display-id-page_1 a:hover, .view.view-search-globale.view-id-search_globale.view-display-id-page_1 a:focus, .view.view-search-globale.view-id-search_globale.view-display-id-page_1 a:active{
    color: var(--colore-giallo);
}

.view.view-search-globale.view-id-search_globale.view-display-id-page_1 p, .view.view-search-globale.view-id-search_globale.view-display-id-page_1 h2, .view.view-search-globale.view-id-search_globale.view-display-id-page_1 h3, .view.view-search-globale.view-id-search_globale.view-display-id-page_1 h4{
    font-size: 18px;
    line-height: 35px;
}

.view.view-search-globale.view-id-search_globale.view-display-id-page_1 h3 a{
    font-size: 40px;
}

.view.view-search-globale.view-id-search_globale.view-display-id-page_1 .view-header{
    margin-bottom: 50px ;
}

.view.view-search-globale.view-id-search_globale.view-display-id-page_1 .view-content.row{
    row-gap: 20px;
}


.view-search-globale {
    margin-top: 140px;
}

.view.view-search-globale.view-id-search_globale.view-display-id-page_1 nav{
    display: flex;
    justify-content: center;
}

.view.view-search-globale.view-id-search_globale.view-display-id-page_1 .page-item.active .page-link {
    background-color: var(--colore-blu);
    border-color: var(--colore-blu);
}

/* SEARCH PAGE STYLE */
.view-search-globale .view-header .globalsearch-searchbar {
    position: relative;
    z-index: 1;
    width: auto;
    height: auto;
    opacity: 1;
    visibility: visible;
    transform: unset;
    padding-top: 0;
}
.page-view-search-globale .global-search-container,
.view-search-globale .view-header .globalsearch-searchbar .toggle-search,
.view-search-globale .view-header .globalsearch-searchbar .content > form label  {
    display: none;
}

.search-api-autocomplete-search {
    z-index: 99999;
}


/* PAGINA PRIVACY POLICY*/
.testo-privacy-policy {
    margin-bottom: 81px;
}

/* EFFETTI */
.element-faded{
    transform: scaleY(1) !important;
    transition: transform 0.9s;
}

.element-dissolve{
    opacity: 1 !important;
    transition: 3s;
}


/* COOKIE BANNER STYLE */
#sliding-popup.sliding-popup-bottom {
    background: rgba(255, 255, 255, 55%) !important;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px !important;
    width: 100%;
    border: none;
    -webkit-backdrop-filter: saturate(180%) blur(15px) !important;
    -moz-backdrop-filter: saturate(180%) blur(15px) !important;
    backdrop-filter: saturate(100%) blur(15px) !important;
}

/*
.eu-cookie-compliance-popup-open .eu-cookie-withdraw-tab {
    display: none;
}*/
div#sliding-popup .eu-cookie-compliance-content {
    padding: 50px 120px 100px 120px;
    width: 100%;
    max-width: 100%;
}

div#sliding-popup .eu-cookie-compliance-close-button {
    right: 5px;
    top: 5px;
    background: transparent;
    width: 30px;
    height: 30px;
}

div#sliding-popup .eu-cookie-compliance-close-button::after,
div#sliding-popup .eu-cookie-compliance-close-button::before {
    content: '';
    position: absolute;
    background-color: black;
    width: 100%;
    height: 2px;
    left: 0;
}

div#sliding-popup .eu-cookie-compliance-close-button::before {
    transform: rotate(45deg);
}

div#sliding-popup .eu-cookie-compliance-close-button::after {
    transform: rotate(-45deg);
}

div#sliding-popup .eu-cookie-compliance-content h4 {
    font-size: 30px;
}

div#sliding-popup .eu-cookie-compliance-content p {
    font-weight: 400;
    font-size: 16px;
    max-width: 70%;
    display: block;
}

div#sliding-popup .eu-cookie-compliance-content p * {
    color: #28857d;
}

div#sliding-popup .eu-cookie-compliance-content .eu-cookie-compliance-buttons button,
button.eu-cookie-compliance-save-preferences-button {
    background: black;
    box-shadow: unset;
    padding: 10px 20px;
    border: 0;
    border-radius: 0;
    color: #FFFFFF;
    font-size: 16px;
    letter-spacing: 1.2px;
    line-height: 22px;
    font-weight: 400;
    text-shadow: none;
}

div#sliding-popup .eu-cookie-compliance-content .eu-cookie-compliance-buttons button.eu-cookie-compliance-reject-button {
    background: #be0202;
}

div#sliding-popup .eu-cookie-compliance-content .eu-cookie-compliance-buttons button.agree-button {
    background: #28857d;
}

/*.eu-cookie-withdraw-tab {
    left: 10px;
    transform: unset;
    bottom: 0;
    position: fixed;
    height: auto;
    top: unset;
}*/
/* FINE cookies policy pop up */

div#sliding-popup .eu-cookie-compliance-content {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.eu-cookie-compliance-message {
    max-width: 100% !important;
    width: 100% !important;
}

button.eu-cookie-compliance-save-preferences-button {
    margin-top: 20px;
    margin-bottom: 10px;
}

div#sliding-popup .eu-cookie-compliance-close-button {
    position: absolute;
    border: 0;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
}

div#sliding-popup .eu-cookie-compliance-content {
    padding: 40px 120px 40px 120px !important;
}

.eu-cookie-compliance-category-description, .eu-cookie-compliance-category label, div#popup-text h4 {
    color: var(--colore-nero);
}

div#sliding-popup .eu-cookie-compliance-content p * {
    color: var(--colore-blu); 
}

.eu-cookie-compliance-close-button {
    color: transparent;
}

div#sliding-popup .eu-cookie-compliance-close-button::after, div#sliding-popup .eu-cookie-compliance-close-button::before{
    top: 12px;
}
.eu-cookie-compliance-popup-open .eu-cookie-withdraw-tab {
    display: none;
}
.eu-cookie-withdraw-tab {
    left: unset;
    right: 0;
    background-color: #1f69a5;
    border: 0;
    padding: 5px 10px;
    color: white;
    font-size: 14px;
}

/* THANK YOU PAGE */
.container-tnk-you-page {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin: 50px 0;
    align-items: center;
}

.container-tnk-you-page  a.btn.btn-blue {
    width: 100%;
    max-width: none;
}

/*BLOCCO RECENSIONI*/
div#block-ecb-subtheme-recensioni{
    max-height: 600px;
}
.container-recensioni {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.container-recensioni h3 {
    font-size: 32px;
    text-transform: uppercase;
    color: var(--colore-blu);
}

.container-recensioni p{
    display: flex;
    column-gap: 20px;
}

.container-recensioni a {
    font-family: 'Palanquin', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: var(--colore-blu);
    text-decoration: underline;
    text-decoration-color: var(--colore-giallo);
    text-decoration-thickness: 0.12em;
    text-underline-offset: 0.45em;
    text-decoration-skip-ink: none;
}

.container-recensioni a:hover {
    color: var(--colore-giallo);
}

/*NUOVE REGOLE BOTTONI*/


a.btn.light-blue {
    background-color: #58b8e0;
    border-radius: 32px;
    border: none;
    color: white;
    padding: 20px 40px;
    font-size: 14px;
    transition: 1s;
    letter-spacing: 1.24px;
    font-weight: bold;
}

a.btn.blue{
    background-color: #1e69a5;
    border-radius: 32px;
    border: none;
    color: white;
    padding: 20px 40px;
    font-size: 14px;
    transition: 1s;
    letter-spacing: 1.24px;
    font-weight: bold;
}

a.btn.light-blue:hover,
a.btn.blue:hover{
    background-color: var(--colore-giallo);
    transition: 1s;
}


div#edit-ho-letto-l-informativa-sulla-privacy-e-accetto-il-trattamento-de--description a,
.style-footer-elenchi a{
    text-decoration: underline;
}

/*NUOVE LAVORAZIONI*/

/*FOOTER */

div#block-ecb-subtheme-footerprodotti{
    padding-bottom: 0;
    margin-bottom: 0;
}

div#block-ecb-subtheme-views-block-ambiti-di-applicazione-block-1{
    padding-top : 0;
    margin-top: 0;
}
.site-footer a:hover{
    color: var(--colore-giallo) !important;
}

.site-footer__top .content li a,
.container-ambiti li a{
    border: 0;
    padding: 5px 10px;
}

.container-ambiti ul{
    margin-bottom: 0;
}

.site-footer__top .content li a:hover{
    background-color: transparent;
}

.container-partner p,
.container-social p,
.container-prodotti p,
.container-ambiti p,
.container-contatti p{
    color: var(--colore-bianco);
    font-weight: 700;
    margin-bottom: 0;
}

.container-contatti a,
.container-prodotti a,
.container-ambiti a,
.container-social a,
.container-page-base a,
.container-partner a{
    font-size: 16px;
    text-decoration: underline;
}

.container-partner img{
    width: 70%;
    height: auto;
}

.container-social-link{
    flex-direction: column;
}


.container-prodotti li::marker,
.container-ambiti li::marker{
    color: var(--colore-bianco);
}

.container-page-base p{
    margin: 0;
    font-weight: 700   ;
}

section.row.region.region-footer-top-left {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
  }
  
  /* primo elemento: occupa tutta la prima riga */
  section.row.region.region-footer-top-left > :nth-child(1) {
    grid-column: 1 / -1;
  }

  section.row.region.region-footer-top-right {
    display: grid;
    grid-template-columns: 40% 20% 40%;
    grid-template-rows: auto auto;
  }
  
  div#block-ecb-subtheme-footercontattaci {
    grid-column: 1 / -1;
    grid-row: 1;
  }
  
  /* riga 2 */
  div#block-ecb-subtheme-footerprodotti {
    grid-column: 1;
    grid-row: 2;
  }
  
  div#block-ecb-subtheme-views-block-ambiti-di-applicazione-block-1 {
    grid-column: 1;
    margin-top: -20%;
  }
  
  div#block-ecb-subtheme-footerpagine {
    grid-column: 2;
    grid-row: 2;
  }
  
  div#block-ecb-subtheme-footercontatti {
    grid-column: 3;
    grid-row: 2;
  }


  a.titolo-footer{
    font-size: 30px !important;
  }

  .container-testi{
    display: flex;
    column-gap: 30px;
    justify-content: center;
  }

  .container-testi p{
    font-size: 16px;
    color: white;
    max-width: 640px;
  }
  
  div#block-ecb-subtheme-footercopyright p,
  div#block-ecb-subtheme-footercopyright a{
    color: var(--colore-bianco);
    font-size: 16px;
    display: flex;
  }

  div#block-ecb-subtheme-footercopyright img{
    max-height: 13px;
    width: auto;
    margin: 9px 0 0 4px;
  }

  .container-copyright,
  .container-copyright p{
    display: flex;
    justify-content: space-between;
  }

  div#block-ecb-subtheme-footercontattaci .style-footer-center{
    display: flex;
    align-items: flex-end;
    min-height: 134px;

  }

  div#block-ecb-subtheme-footercontattaci .style-footer-center > div{
    width: 100%;
  }

  .container-sitemap {
    margin-top: 20px;
}

.container-sitemap a{
    font-weight: bold; 
}

.container-title-img-partner{
    margin-bottom: 20%;
}