/*
 * 
 * 
 * 
 */

/* ================================== */
/* BEGIN: Generali */  
/* ================================== */
a {text-decoration: none; }
 
/* Per Chrome, Safari */   
@font-face {
    font-family: 'AT Arges Black Cond';
    src: url('https://bonandini.co.it/fonts/ATArges-BlackCond.woff2') format('woff2'), url('https://bonandini.co.it/fonts/ATArges-BlackCond.woff') format('woff'); 
    font-display: swap;
}

/* BEGIN: Tema */
.w3-theme-l5 {color:#000 !important; background-color:#fef4f2 !important}
.w3-theme-l4 {color:#000 !important; background-color:#fcdad3 !important}
.w3-theme-l3 {color:#000 !important; background-color:#f9b5a7 !important}
.w3-theme-l2 {color:#000 !important; background-color:#f6907b !important}
.w3-theme-l1 {color:#fff !important; background-color:#f36b50 !important}
.w3-theme-d1 {color:#fff !important; background-color:#e83410 !important}
.w3-theme-d2 {color:#fff !important; background-color:#ce2e0e !important}
.w3-theme-d3 {color:#fff !important; background-color:#b4280d !important}
.w3-theme-d4 {color:#fff !important; background-color:#9a230b !important}
.w3-theme-d5 {color:#fff !important; background-color:#811d09 !important}

.w3-theme-light {color:#000 !important; background-color:#fef4f2 !important}
.w3-theme-dark {color:#fff !important; background-color:#811d09 !important}
.w3-theme-action {color:#fff !important; background-color:#811d09 !important}

.w3-theme {color:#fff !important; background-color:#f04521 !important}
.w3-text-theme {color:#f04521 !important}
.w3-border-theme {border-color:#f04521 !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#f04521 !important}
.w3-hover-text-theme:hover {color:#f04521 !important}
.w3-hover-border-theme:hover {border-color:#f04521 !important}   
/* END: Tema */


body,h1,h2,h3,h4,h5 {font-family: "Raleway", sans-serif}
.w3-quarter img{margin-bottom: -6px; cursor: pointer}
.w3-quarter img:hover{opacity: 0.6; transition: 0.3s}
    
}

/* logotipo.php */
 
/* hr per c hiusura pagina */
hr.end5 {
  border: 3px solid black;
  border-radius: 3px;
}

/* footer.php */
.TestoFooter {
    font-family: "Goldman", sans-serif;
    /*
    font-size: 3vw;
    line-height: 70%;
    */
} 

div.a {
  line-height: normal;
}

div.b {
  line-height: 1.6;
}

div.c {
  line-height: 80%;
}

div.d {
  line-height: 200%;
}

p,span.pippo {
    font-family: "AT Arges Black Condensed", serif;
    font-size: 8vw;
    line-height: 90%;
}

 p,span.servizi {
    font-family: "AT Arges Black Condensed", serif;
    font-size: 7vw;
    line-height: 120%;
}  
    
p,span.servizi_corpo {
    font-family: "Arial", serif;
    font-size: 3vw;
    line-height: 120%;
} 
    
p,span.servizi_corpo_elenco {
    font-family: "Arial", serif;
    font-size: 3vw;
    line-height: 120%;
} 
    
.lineH95 {
    line-height: 95%;
}
    
    
.lineH120 {
    line-height: 120%;
}

.logo1 {
    font-family: "Goldman", sans-serif;
    font-size: 3vw;
    line-height: 70%;
}  
   
/* ================================== */
/* END: Generali */  
/* ================================== */


/* ================================== */
/* BEGIN: Per i testi grandi in home, servizi, */  
/* ================================== */
.ChiSiamo {
    font-family: "AT Arges Black Cond", serif;
    font-size: 8vw;
    line-height: 100%;
}
/* ================================== */
/* END: Per i testi grandi in home, servizi, */  
/* ================================== */


/* ============================================== */
/* BEGIN: Media Query */
/* ============================================== */

/* Extra small devices (phones, 600px and down) */
@media screen and (max-width: 481px) {
  /* Sposta sotto il tasto Menu */
  .MqPaddTop {
    padding-top: 23px;
  }
  .ChiSiamo {
    font-size: 9vw;
    line-height: 100%;
}
    .logo1 {
    font-size: 23px;
    line-height: 55%;
}  
}

@media screen and (max-width: 550px) { 
    
  /* Sposta una riga sotto il tasto Menu */
  .MqPaddTop {
    padding-top: 23px;
  }
  .ChiSiamo {
    font-size: 9vw;
    line-height: 100%;
}
   .logo1 {
    font-size: 23px;
    line-height: 55%;
}  
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .example {background: red;}
  .sottotitolo{
    display: none;
   }
  .ChiSiamo {
    font-size: 9vw;
    line-height: 100%;
  }
  }


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .example {background: green;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .example {background: blue;}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .example {background: orange;}
} 

/* BEGIN: Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .example {background: pink;}
  .html, body {line-height: 1,5;}
  .joinBtn {
      word-spacing : normal;
      letter-spacing : normal;
      color: #fff;
      cursor: pointer;
      /*font-size: 2em; 2vw;*/
      font-size: 2em;
      transition: 1s;
    }
/* END: Extra large devices (large laptops and desktops, 1200px and up) */
}

/* ============================================== */
/* END: Media Query */
/* ============================================== */

/* ================================== */
/* BEGIN: Per le Voci del Menù in testata*/  
/* ================================== */
.joinBtn {

/*  width: 10em;
  height: 5ex;
  background-color: gold;
  border: 2px solid firebrick;
  border-radius: 10px;
*/
  font-family: "AT Arges Black Cond", serif;
  /* font-weight: bold; */
  word-spacing : normal;
  letter-spacing : normal;
  color: #fff;
  cursor: pointer;
  /*font-size: 2em; 2vw;*/
  font-size: 2em;
  transition: 1s;
    line-height: 95%;
}

.joinBtn:hover {
/*
  background-color: bisque;
*/
  font-size: 3em;
  letter-spacing: 5px;
    line-height: 95%;
}   
/* ================================== */
/* END: Per le Voci del Menù in testata*/  
/* ================================== */


/* ========================================== */
/* BEGIN: Per le Voci della pagina dei servizi*/  
/* ========================================== */
.joinBtn1 {
  font-family: "AT Arges Black Condensed", serif;
  word-spacing : normal;
  letter-spacing : normal;
  color: #fff;
  cursor: pointer;
  font-size: 4vw;
  transition: 1s;
  line-height: 100%;
}

.joinBtn1:hover {
  font-size: 5vw;
  letter-spacing: 5px;
} 
 
 
.joinBtn2 {
  font-family: "AT Arges Black Condensed", serif;
  word-spacing : normal;
  letter-spacing : normal;
  color: #fff;
  cursor: pointer;
  font-size: 3vw;
  transition: 1s;
  line-height: 120%;
}

.joinBtn2:hover {
  font-size: 5vw;
  letter-spacing: 5px;
} 
  

.joinBtn3 {
  font-family: "AT Arges Black Condensed", serif;
  word-spacing : normal;
  letter-spacing : normal;
  color: #fff;
  cursor: pointer;
  font-size: 4vw;
  transition: 1s;
  line-height: 100%;
}

.joinBtn3:hover {
  font-size: 5vw;
  letter-spacing: 5px;
} 
  
.joinBtn4 {
  font-family: "AT Arges Black Condensed", serif;
  word-spacing : normal;
  letter-spacing : normal;
  color: #fff;
  cursor: pointer;
  font-size: 7vw;
  transition: 1s;
}

.joinBtn4:hover {
  font-size: 7vw;
  letter-spacing: 5px;
} 
    
 
.joinBtn5 {
  font-family: "AT Arges Black Condensed", serif;
  word-spacing : normal;
  letter-spacing : normal;
  color: #fff;
  cursor: pointer;
  font-size: 7vw;
  transition: 1s;
}

.joinBtn5:hover {
  font-size: 7vw;
  letter-spacing: 5px;
} 
  
 
.joinBtn6 {
  font-family: "AT Arges Black Condensed", serif;
  word-spacing : normal;
  letter-spacing : normal;
  color: #fff;
  cursor: pointer;
  font-size: 7vw;
  transition: 1s;
}

.joinBtn6:hover {
  font-size: 7vw;
  letter-spacing: 5px;
} 
  


.joinBtn7 {
  font-family: "AT Arges Black Condensed", serif;
  word-spacing : normal;
  letter-spacing : normal;
  color: #fff;
  cursor: pointer;
  font-size: 7vw;
  transition: 1s;
}

.joinBtn7:hover {
  font-size: 7vw;
  letter-spacing: 5px;
} 
  
 
.joinBtn8 {
  font-family: "AT Arges Black Condensed", serif;
  word-spacing : normal;
  letter-spacing : normal;
  color: #fff;
  cursor: pointer;
  font-size: 7vw;
  transition: 1s;
}

.joinBtn8:hover {
  font-size: 7vw;
  letter-spacing: 5px;
} 
/* ========================================== */
/* END: Per le Voci della pagina dei servizi*/  
/* ========================================== */



/* ================================== */
/* BEGIN: Per il bottone Menù in testata*/ 
/* ================================== */
.joinMenu {
  cursor: pointer;
  transition: 1s;
}

.joinMenu:hover {
  font-size: 2vw;
  letter-spacing: 5px;
} 
/* ================================== */
/* END: Per il bottone Menù in testata*/ 
/* ================================== */
    
/* ============================================== */
/* BEGIN: Testo verticale  */
/* ============================================== */
/* Aggiungo altezza per testare lo scroll */
/*
    body {
        height: 200vh; 
        background-color: #f0f0f0;
        }
*/
        .testo-verticale {
            writing-mode: vertical-rl; /* Testo in verticale da destra a sinistra */
            text-orientation: mixed; /* Mantiene il testo leggibile */
            position: fixed; /* Mantiene la posizione durante lo scroll */
            right: 20px; /* Margine dal bordo destro */
            top: 50%;
            transform: translateY(-50%);
            font-size: 20px;
            font-weight: bold;
            
            /* ============================== */
            /* Sfondo leggermente trasparente */
            /* ============================== */
            /*
            background-color: rgba(255, 255, 255, 0.7); 
            padding: 10px;
            border-radius: 5px;
            */
        }

/* Adattamento per schermi piccoli */
        @media (max-width: 768px) {
            .testo-verticale {
                font-size: 16px; /* Riduce la dimensione del testo */
                right: 5px;
                padding: 5px;
            }
            body {
                padding-right: 40px; /* Adatta lo spazio per il testo */
            }
        }

        @media (max-width: 480px) {
            .testo-verticale {
                display: none; /* Nasconde il testo su schermi molto piccoli */
            }
        }
/* ============================================== */
/* END: Testo verticale  */
/* ============================================== */



/* ============================================== */
/* BEGIN: Animazione testi  */
/* ============================================== */
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInDown {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInDown {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }     
    
   
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInLeft {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInLeft {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 
   
    
  .fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInRight {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInRight {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 
    
    
  .fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInUp {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInUp {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 
/* ============================================== */
/* END: Animazione testi  */
/* ============================================== */