body {
    color: black;
    /* background-color: #191919; */
    background-color: #E2E0DA;
    font-size: 21px;
    font-weight: 400;
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    letter-spacing: 0.03rem;
}

@media only screen and (max-width: 600px) {
    body {
        font-size: 17px;
    }
}

/*
.manrope-<uniquifier> {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
*/
header {
    /* background-color: #191919; */
    background-color: #E2E0DA;
}

/*-------COLORS-------------------- */
.color-beige {
    /* color: #D5CFB7 !important */
    color: #998C7A !important;
}

.background-beige {
    background-color: #D5CFB7 !important
}

/*-------COLORS-------------------- */
/*-------BUTTONS-------------------- */
.btn {
    font-size: 1.2rem !important;
    border-radius: 4rem;
    padding: 1rem 3rem;
    color: #E2E0DA;
    font-weight: bold
}

.btn-white {
    background-color: black;
}

.btn.btn-white:hover{
    background-color: #e2e0da;
    color: black;
    border: 2px solid black;
}

.btn-white:hover {
    color: #E2E0DA;
    background-color: #191919;
    border-color: #fff
}

a.link-standard {
    text-decoration: none !important;
    color: #fff;
    font-size: 1.2rem !important;
    font-weight: bold
}

a.link-standard:hover {
    text-decoration: underline !important;
}

@media only screen and (max-width: 600px) {
    .btn {
        font-size: 1rem !important;
        border-radius: 2rem;
        padding: 0.5rem 1.5rem;
        /* color: #191919; */
        color: #e2e0da;
        font-weight: bold
    }

}

/*-------BUTTONS-------------------- */

/*-------MARGINS-------------------- */
.margin-top-no {
    margin-top: 0px !important
}

.margin-bot-no {
    margin-bottom: 0px !important
}

/*-------MARGINS-------------------- */
.main-title{
      margin-top: 3rem !important;
}
@media only screen and (max-width: 600px) { 
 .main-title{
      margin-top: 1rem !important;
}
}
.video-flex {}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    /* Rapporto 16:9 (altezza / larghezza = 9/16 = 0.5625) */
    height: 0;
    /* height: 500px!important;  */
    overflow: hidden;
    max-width: 100%;
    background: #000;
    /* Optional: adds a black background while loading */
}

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

.video-vertical-mobile-only {
    position: relative;
    /* Rapporto d'aspetto per video verticale 9:16 */
    /* Calcolo: (altezza / larghezza) * 100 = (16 / 9) * 100 ≈ 177.78% */
    padding-bottom: 177.78%;
    /* Questo crea l'altezza proporzionale alla larghezza per un 9:16 */
    height: 0;
    /* L'altezza effettiva è data dal padding */
    overflow: hidden;
    max-width: 100%;
    margin: 20px auto;
    background: #000;
}

.video-vertical-mobile-only iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* L'iframe riempie l'altezza definita dal padding del contenitore */
}

.secondarymenu.sticky-top {
    top: 6rem;
    background-color: #e2e0da;
    padding-bottom: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.secondarymenu-content {
    width: 80%;
    margin: auto;
}

@media only screen and (max-width: 600px) {

    .secondarymenu-content {
        width: auto;
        margin: auto;
    }
      .secondarymenu.sticky-top {
              top: 6rem;
              background-color: #191919;
              padding-bottom: 0.5rem !important;
              margin-bottom: 0.5rem !important;
          }
}

.logo-more {
    width: auto;
    height: 60px;
    /* margin-top: 2rem;
  margin-bottom: 2rem; */

}

.headerLoghi {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
}

.loghiRight {
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    float: right !important;
}

a.aerrelink {
    padding-right: 2rem !important;
    margin-right: 1.8rem !important;
    /* border-right: 2px solid #EFEFEF !important; */
    border-right: 2px solid black !important;
}

.loghiRight img.aerre {
    width: auto;
    /* height: 27px; */
    height: 47px;


}

.loghiRight img.exprimo {
    width: auto;
        height: 45px;
  margin-top: 3px;


}

button.navbar-toggler {
  /* padding: 0 !important;
  background-color: transparent !important;
  color: #fff !important;
      padding: 10px !important;
      margin-top: -11px; */
    padding: 0 !important;
    background-color: transparent !important;
    color: #fff !important;
    padding: 6px !important;
    padding-right: 15.3px !important;
    margin-top: -11px;
    width: 65px !important;
}

.navbar-toggler:focus {

  box-shadow: none;
}

.navbar-collapse {

  width: 100%;
  /* background-color: #191919 !important; */
  background-color: #e2e0da !important;
  position: fixed;
  left: 0;
  top: 3rem;
}

.navbar-collapse a {
  /* color: #fff !important; */
  color: black !important;
}

.aerre-mobile {
    width: 6rem;

}

.exprimo-mobile {
 width: 8rem;
     margin-top: -4px;
}
.navbar-toggler-icon {
      height: 1rem;
          width: 2em;
          float: right;
              margin-bottom: 2px;
}

@media only screen and (max-width: 600px) {
    a.aerrelink {
        /* border-right: 1px solid #EFEFEF !important; */
        border-right: 1px solid black !important;
    }

    .logo-more {
        width: auto;
        height: 30px;
        /* margin-top: 2rem;
              margin-bottom: 2rem; */

    }

    .loghiRight img.aerre {
        width: auto;
        height: 17px;

    }

    .loghiRight img.exprimo {
        width: auto;
        height: 28px;

    }
}

h1 {
    font-size: 4.5rem !important;
    line-height: 5.5rem;
    font-weight: 600;
}

h1>b {
    color: #fff !important;
    font-weight: inherit;
}

.main-sections h2 {
    font-size: 6rem !important;
    margin-bottom: 4rem !important;
}

.main-sections hr {
    /*    border-width: 5px;*/
    opacity: 1;
}

.text-and-image h3 {
    font-size: 2.25rem !important;
    margin-bottom: 2rem !important;
}

p {
    font-size: 1.5rem !important;
    margin-bottom: 2rem !important;
}

@media only screen and (max-width: 600px) {
    h1 {
        font-size: 2rem !important;
        line-height: 3rem;
        font-weight: 600;
    }

    .main-sections h2 {
        font-size: 2.5rem !important;
        margin-bottom: 2rem !important;
    }

    p {
        font-size: 1rem !important;
        margin-bottom: 1rem !important;
    }
}

.arrow-bot {
    width: 8rem;
    height: auto
}

.arrow-leftright {
    width: 5rem !important;
    height: auto !important
}

.arrow-leftright-disabled,
.swiper-button-disabled {
    opacity: .5 !important
}

.sliderTitleAndArrows {
    height: 100%;
    display: flex !important;
    align-content: space-around !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

@media only screen and (max-width: 600px) {
    .arrow-leftright {
        width: 3rem !important;
        height: auto !important
    }
}

/*
.swiper-wrapper   { height: 60vh}
.swiper-slide   { width:auto;  object-fit:cover;   object-position: bottom }
*/

.col-border-bot {
    /* border-bottom: 1px solid #D5CFB7 */
    border-bottom: 1px solid #998c7a;
}

@media only screen and (max-width: 600px) {
    .col-border-bot {
        border-bottom: 0px solid #D5CFB7
    }
}

section {
    margin: 8rem 0;
}

@media only screen and (max-width: 600px) {
    section {
        margin: 5rem 0;
    }
}

UL.numeri {
    padding: 0;
    margin: 0;
    list-style: none !important
}

UL.numeri LI:first-child {
    font-size: 6rem !important;
    font-weight: 500;
}

.target-element {
    scroll-margin-top: 11rem!important;
}

.target-element-plus {
    scroll-margin-top: -100px;
}

@media only screen and (max-width: 600px) {
    .target-element {
        scroll-margin-top: 40px;
    }

    .target-element-plus {
        scroll-margin-top: -60px;
    }

    UL.numeri LI:first-child {
        font-size: 3rem !important;
    }
}
@property --from {
syntax: '<integer>';
initial-value: 0;
inherits: false;
}

.counter {
transition: --from 1s;
counter-reset: int var(--from);
animation: counter var(--time, 1000) forwards ease-in-out;
}

.counter::after {
content: counter(int);
}

@keyframes counter {
to {
  --from: var(--to, 100);
}
}
/*-------FOOTER-------------------------*/
footer {
    color: #000;
    font-size: 0.8rem !important;
    text-align: left !important;
}

footer HR {
    margin: 3rem 0px;
}

.footer-more {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}

.loghi-footer-bottom {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
        justify-content: space-between;
}


@media only screen and (max-width: 600px) {
.loghi-footer-bottom {
    
  justify-content: center!important;
}



}

footer a {
    color: #000 !important;
    text-decoration: none !important;
}

footer a:hover {
    text-decoration: underline !important;
}
  .logo-aerre-nero {
      width: 122px;
     
      
  }
.logo-aerre-nero-link{
         padding-right: 2rem !important;
    margin-right: 1.8rem !important;
    /* border-right: 2px solid #191919 !important; */
}
  .logo-exprimo-nero {
        width: 161px;
  margin-bottom: 9px;
  }
@media only screen and (max-width: 600px) {

    footer {
        text-align: center !important;
    }

    .logo-more-color {
        width: 88px;
    }

    .logo-aerre-nero {
        width: 64px;
    }

    .logo-exprimo-nero {
        width: 82px;
        margin-bottom: 4px;
    }

    footer HR {
        margin: 1rem 0px;
    }

}

/* ------------- FORM ---------- */

form label {
    /* color: #D5CFB7; */
    color: #998c7a;
    width: 100% !important;
}

form input {
    border-width: 0;
    background-color: transparent !important;
    color: #fff;
    width: 100% !important;
    /* border-bottom: 1px solid #D5CFB7; */
    border-bottom: 1px solid #998c7a;
    border-right: 0px solid black;
}

form textarea {
    resize: vertical;
    width: 100%;
    background-color: transparent;
    color: #fff;
    /* border: 1px solid #D5CFB7; */
    border: none;
    border-bottom: 1px solid #998c7a;
}

[type=button],
[type=reset],
[type=submit],
button {
    /* font-size: 1.2rem !important;
    border-radius: 4rem;
    padding: 1rem 3rem;
    color: #191919;
    font-weight: bold;
    background-color: #E2E0DA !important;
    width: 250px !important; */
    font-size: 1.2rem !important;
    border-radius: 4rem;
    padding: 1rem 3rem;
    color: #e2e0da;
    font-weight: bold;
    background-color: #998c7a !important;
    width: 250px !important;
}
.screen-reader-response , .screen-reader-response  p, .wpcf7-response-output, .wpcf7-not-valid-tip{
  font-size: 1rem!important;
      margin-bottom: 1rem !important;
      color:red;
}
.screen-reader-response { 
  display: none!important;
}
@media only screen and (max-width: 600px) {

    [type=button],
    [type=reset],
    [type=submit],
    button {
        font-size: 1rem !important;
        border-radius: 2rem;
        padding: 0.5rem 1.5rem;
        color: #191919;
        font-weight: bold;
        width: 110px !important;
    }
}

p.disclamerform {
    font-size: 1rem !important;
    margin-top: -1.5rem !important;
    margin-bottom: 2rem !important;
}

.contact-icons {
    font-size: 2rem;
}

.contact-icons a,
a.menuancore {
    /* color: #998c7a !important; */
    color: #000000 !important;
    text-decoration: none !important;
    font-size: 1.1rem;
}

.contact-icons a:hover  {
    text-decoration: underline !important;
}

  .contact-icons   a{
      
      /* font-size: 2rem; */
      font-size: 1.5rem;
          
      }



.menuancore {
position: relative; /* Importante per posizionare il ::after rispetto al link */
text-decoration: none; /* Rimuove la sottolineatura predefinita del link */
color: black; /* Colore del testo del link, puoi cambiarlo */
padding-bottom: 5px; /* Spazio sotto il testo per la linea */
}

.menuancore::after {
content: ''; /* Obbligatorio per i pseudo-elementi */
position: absolute; /* Permette di posizionare la linea */
bottom: 0; /* Posiziona la linea sul fondo del link */
right: 0; /* Allinea la linea a destra del link */
width: 0; /* Larghezza iniziale della linea (invisibile) */
height: 2px; /* Altezza della linea rossa */
background-color: red; /* Colore della linea */
transition: width 0.3s ease-out; /* Animazione della larghezza */
}

.menuancore:hover::after {
width: 75%; /* Larghezza finale della linea al hover */
}

@media only screen and (max-width: 600px) {
    .contact-icons img {
        width: 50px !important;
    }

    .contact-icons a {
        font-size: 1.5rem !important;
    }
}


.coldxloghi {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.border-top {
    /* border-top: 1px solid #D5CFB7 !important */
    border-top: 1px solid #998c7a !important;
}


.f-button {
    color: #000
}

.swiper-slide {
    width: fit-content !important;
}



/*********************
* IUBENDA RESTYLING *
*********************/
#iubenda-iframe .iubenda-iframe-footer #iubFooterBtnContainer button {
  background-color: black !important;
}
/* #iubenda-cs-banner .iubenda-cs-opt-group .iubenda-cs-opt-group-consent .iubenda-cs-reject-btn.iubenda-cs-btn-primary,
#iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-accept-btn, #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-btn-primary
{
/* background: linear-gradient(22deg, #151b3d -9%, #af3185 50%, #283c85) !important; * /
background: linear-gradient(22deg, #151b3d -10%, #af3185 150%) !important;
} */


/**********************************************
* FANCYBOX THUMBS AND ARROWS FIXING OVERRIDE *
**********************************************/
button[title="Next"],
button[title="Previous"] {
   font-size: 0.8rem !important;
   border-radius: 50%;
   padding: 0;
   color: #191919;
   font-weight: bold;
   background-color: #E2E0DA !important;
   /* background-color: transparent !important; */
   width: 50px !important;
   height: 50px !important;
   margin: 0 15px;
}
/* button[title="Next"]::after {
  content: "";
  background-image: url(../img/arrow-right.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}button[title="Previous"]::after {
  content: "";
  background-image: url(../img/arrow-left.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
} */
.f-thumbs__slide__button{
   border-radius: .2rem !important;
   padding: 0rem 3rem !important;
   width: auto !important;
}
/* .fancybox-button svg path {
  fill: #1d1d1d !important;
  stroke-width: 0 !important;
} */


/****************
* CONTACT FORM *
****************/
.disclamerform span {
  font-size: 1rem !important;
  margin-top: -13px !important;
  margin-bottom: 0;
  padding: 0;
  margin-left: 0;
}
.disclamerform span a{
  /* color: #d5cfb7; */
    color: #6e6a5b;
}
form input[name="acceptance-pp"] {
  border-width: 0;
  background-color: transparent !important;
  color: #fff;
  width: fit-content !important;
  /* height: 17px !important; */
  border-bottom: 1px solid #D5CFB7;
  border-right: 0px solid black;
  margin-right: 10px;
}
form input:disabled{
  background: #ffffff1c !important;
  border-bottom: none;
  color: grey;
}

.footer-more {
    color: white !important;
}