/* ! Base Style */
/* ----------------------------------------------------------------------------------- */
body{background: #fff;color: #000; font-size: 16px; font-family:'Raleway', -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;}
a{text-decoration: none;}
a:hover{color:#18b872 ;}
p{line-height: 1.3;}
.progress-bar{position: fixed;top:0;left:0;z-index: 9999;background: #000;width: 100%;height: 4px;}
.progress-bar::-webkit-progress-value{background: #3DE99E ;}



/* ! Title System */
/* ----------------------------------------------------------------------------------- */
.text-0{font-size: 5rem;}
h1, .text-1{font-size: 3.4rem;}
h2, .text-2{font-size: 2.2rem;}
h3, .text-3{font-size: 1.5rem;}
h4, p, .text-4{font-size: 1.3rem;}

h1, h2, h3, h4, h5, h6 {font-family: Raleway; font-weight: bold;}

h1, h2, h3, h4, p, ol, ul{margin-bottom: 1rem;}

@media (max-width: 768px) {
  .text-0{font-size: 4rem}
}


/* ! Button system */
/* ----------------------------------------------------------------------------------- */
.button, .button-2,
.wp-block-button__link{font-size: 1.2rem;background: #31b67c; color:#000!important; padding: 14px 25px;border-radius: 13px;font-weight: 500;}
.button:hover, .button-2:hover,.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style:hover,
.wp-block-button__link:hover{background: #18b872; color: #fff!important;}
.margin-custom{margin-bottom: 70px; margin-left: 20px;}
.button-2{font-size: 1.1 rem;}

@media (max-width: 767px) {
  .button-2.margin-custom {
    display: none;
  }
}

.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style {
  background-color: #299767; /* Colore di sfondo */
  color: #fff; /* Colore del testo (opzionale, per assicurarti che il testo sia leggibile) */
  border: none; /* Rimuove il bordo se è presente (opzionale) */
}

/* Modifica il colore del bottone al passaggio del mouse */

/* ! Blocks */
/* ----------------------------------------------------------------------------------- */

.cover{
  background: #000;padding: 20px;min-height: 100vh;
  display: flex; flex-flow: column;
  justify-content: center;
  position:relative;
}
.cover__bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:url(bridge.jpg) center center;background-size:cover;z-index:0;border: 1px solid #000}
.cover__bg:after{ content: ' ';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 100%);;background-size:cover;}

.cover__content{max-width: 1250px; margin: 0 auto; position:relative; z-index: 1;width: 100%;}



/* ! Columns */
.wp-block-columns{max-width: 1250px; margin:0 auto ;padding: 0 15px;}
.container-items{display: flex; flex-wrap: wrap;padding: 100px;}
.item-columns{width: 50%; margin-bottom: 20px;padding: 10px;}
.item-columns h2{margin-bottom: 10px;}



/* ! Media Text */
@media (max-width: 768px) {
  .wp-block-media-text__media{padding-bottom: 30px;}
}

.card-bg {
  display: flex;
  flex-direction: column; 
  justify-content: center;
  align-items: center;
  position: relative;
  width: 355px;
  height: 340px;
  background-color: #1692441a;
  border-radius: 20px;
}

.card-img {
  width: 228px;
  height: 228px;
  background-color: #ffffff;
  border-radius: 114px;
  border: 3px solid;
  border-color: #169244;
}

.contact-box{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 13px;
    top: 0;
    left: 0;
    background-color: #def7e5;
    border-radius: 30px;
  }

  @media (max-width: 767px) {
    .custom-image img {
        display: block; /* Assicura che l'immagine sia un blocco */
        margin-left: auto; /* Margine sinistro automatico */
        margin-right: auto; /* Margine destro automatico */
        max-width: 90%; /* Assicura che l'immagine non superi la larghezza del contenitore */
        height: auto; /* Mantiene le proporzioni dell'immagine */
    }
}

@media (max-width: 768px) {
  .grid-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px; /* Spazio tra i contenuti */
  }
  
  .col-footer {
    width: 100%;
    text-align: center;
    font-size: 14px; /* Font size ridotto */
  }
  
  .col-footer.v-center {
    display: flex;
    justify-content: center;
  }
  
  
}

.col-footer img {
  margin: 0 auto; /* Centra l'immagine orizzontalmente */
}


/* ! Animation */
/* --------------------------------------------------------- */

.fade-in{opacity: 0; transform: translateY(1rem);}
.text-reveal{transform: translateY(1rem);clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}
.fade-up{opacity: 0; transform: translateY(5rem);}
.rotate {animation: rotation 20s linear infinite;}



.slide-right{position:relative; right: -200px}
.slide-left{position:relative; left: -200px}