/* Boska-Bold.woff */
@font-face {
    font-family: 'Boska'; /* Scegli un nome per la famiglia di font */
    src: url('/asset/font/Boska-Bold.woff2') format('woff2'), /* Formato WOFF2 (più moderno e compresso) */
         url('/asset/font/Boska-Bold.woff') format('woff');   /* Formato WOFF (supporto più ampio) */
    font-weight: bold; /* Indica che questo è il font in grassetto */
    font-style: normal; /* Indica che questo è lo stile normale (non italico) */
    font-display: swap; /* Ottimizza il caricamento del font */
}

/* Boska-BoldItalic.woff */
@font-face {
    font-family: 'Boska'; /* Usa lo stesso nome famiglia per raggruppare gli stili */
    src: url('/asset/font/Boska-BoldItalic.woff2') format('woff2'),
         url('/asset/font/Boska-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic; /* Indica che questo è lo stile italico */
    font-display: swap;
}

/* Satoshi-Bold.ttf */
@font-face {
    font-family: 'Satoshi';
    src: url('/asset/font/Satoshi-Bold.ttf') format('truetype'); /* Formato TrueType */
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* Satoshi-Regular.woff */
@font-face {
    font-family: 'Satoshi';
    src: url('/asset/font/Satoshi-Regular.woff2') format('woff2'),
         url('/asset/font/Satoshi-Regular.woff') format('woff');
    font-weight: normal; /* Indica che questo è il peso normale */
    font-style: normal;
    font-display: swap;
}


/* Border design debug */
/* .bdd{ border:1px solid black; } */

/* Testo */
.ht_h1_boska{ font-family: 'Boska'; font-size:4vw; color:#1C2749; }
.ht_h1_shatoshi{ font-family: 'Satoshi'; font-size:4vw; color:#1C2749; }
a{ color: #1C2749; }
a:hover{ font-weight: bold; }

.ht_h2_boska{ font-family: 'Boska'; font-size:2.5vw; color:#1C2749; font-weight:bold; }
.ht_h3_boska{ font-family: 'Boska'; font-size:1.5vw; color:#1C2749; font-weight:bold; }

.ht_h2_shatoshi{ font-family: 'Satoshi'; font-size:2.5vw; color:#1C2749; font-weight:bold; }
.ht_h3_shatoshi{ font-family: 'Satoshi'; font-size:1.2vw; color:#1C2749; font-weight:bold; }
.ht_h4_shatoshi{ font-family: 'Satoshi'; font-style: normal; font-size:1.2vw; }
.ht_h4_shatoshi{ font-family: 'Satoshi'; font-style: normal; font-size:1vw; }
.ht_h6_shatoshi{ font-size: 0.75vw; }
.ht_h7_shatoshi{ font-family: 'Satoshi'; font-style: normal; font-size:0.85vw; }



@media screen and (max-width: 480px){
    .ht_h1_boska{ font-family: 'Boska'; font-size:10vw !important; color:#1C2749; }
    .ht_h1_shatoshi{ font-family: 'Satoshi'; font-size:6.5vw  !important; color:#1C2749; }
    a{ color: #1C2749; }
    a:hover{ font-weight: bold; }
    .ht_h2_boska{ font-family: 'Boska'; font-size:5vw; color:#1C2749; font-weight:bold; }
    .ht_h3_boska{ font-family: 'Boska'; font-size:4.5vw !important; color:#1C2749; font-weight:bold; }

    .ht_h2_shatoshi{ font-family: 'Satoshi'; font-size:5vw; color:#1C2749; font-weight:bold; }
    .ht_h3_shatoshi{ font-family: 'Satoshi'; font-size:4vw; color:#1C2749; font-weight:bold; }
    .ht_h4_shatoshi{ font-family: 'Satoshi'; font-style: normal; font-size:3.7vw; }
    .ht_h4_shatoshi{ font-family: 'Satoshi'; font-style: normal; font-size:3.5vw; }
    .ht_h6_shatoshi{ font-size: 3vw; }
    .ht_h7_shatoshi{ font-family: 'Satoshi'; font-style: normal; font-size:3.5vw; }


}

/* Generali */
body{ overflow-x: hidden; }

/* Bottoni */
.ht_button_2{ font-family: 'Satoshi'; font-size:1vw; color:#1C2749; font-weight:bold; border:2px solid #1C2749; border-radius:20px; padding: 0.5% 3.5% !important;  }
.ht_button_2:hover{ color:white !important; background: #1C2749; }
.ht_button{ font-family: 'Satoshi'; font-size:1vw; color:#1C2749; font-weight:bold; border:2px solid #1C2749; border-radius:20px; padding: 0.5% 3.5% !important;  }
.ht_button:hover{ color:white !important; background: #1C2749; }
.ht_button:hover a:not(.ht_book_offer){ color:white !important; background: #1C2749; }

@media screen and (max-width: 480px){
    .ht_button_2{ font-family: 'Satoshi'; font-size:3.5vw !important; color:#1C2749; font-weight:bold; border:2px solid #1C2749; border-radius:20px; padding: 0.5% 3.5% !important; background: #ffffff8f; }
    .ht_button_2:hover{ color:white !important; background: #1C2749; }
    .ht_button{ font-family: 'Satoshi'; font-size:3.5vw !important; color:#1C2749; font-weight:bold; border:2px solid #1C2749; border-radius:20px; padding: 0.5% 3.5% !important; background: #ffffff8f; }
    .ht_button:hover{ /*color:white !important;*/ background: #1C2749; }
    .ht_button:hover a:not(.ht_book_offer){ color:white !important; background: #1C2749; }
}

/* Input */
.ht_input{ background:transparent; border: 0px; border-bottom: 1px solid #1C2749; font-size:1.2rem;  padding:1rem 1rem; }
.ht_input::placeholder{ color: #1C2749;  font-family: 'Satoshi'; font-size:1vw;}

@media screen and (max-width: 480px){
    .ht_input{ background:transparent; border: 0px; border-bottom: 1px solid #1C2749; font-size:1.2rem;  padding:1rem 1rem; }
    .ht_input::placeholder{ color: #1C2749;  font-family: 'Satoshi'; font-size:4vw;}
}