/*reset*/
*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}

a{
    text-decoration: none;
}

li{
    list-style-type: none;
}

/*utility*/
.res{
width: 100%;
max-width: 350px;

}

.clip {
    clip-path: circle();
    border: solid var(--primary) 5px;
    border-radius: 50%;
    max-width: 250px;
    
}

.container{
    max-width: 1200px;
    margin:0 auto;

}

/*tavolozza colori*/
:root{
    --primary: #bf0f1e;
    --secondary: #b3b0a3;
    --accent: #8c1f28;
    --dark: #0d0d0d;
    --light: #f9f6f2;
}

body{
    background-color: var(--light);

}

section{
    margin-top: 80px !important;
}


/*tipografia*/

body{
    font-family: "Poppins", sans-serif;
    color:var(--dark);
    font-weight: 300;
}

h2{
    font-family: "Krona One", sans-serif;
    font-weight: 400;
    color: var(--primary);
    margin-bottom: 20px;
}

h1{
    font-family: "Krona One", sans-serif;
    font-weight: 900;
    color: var(--primary);
    font-size: 25pt;
}

.leading{
    font-size: 1.2em;
}

p{
    margin: 10px 0;
    font-size: 12pt;
}

/*header*/
header.cover{
    background: var(--secondary);
    padding: 15px;
    color: var(--dark);
    height: 110px;
    overflow: hidden;
    transition: 1s cubic-bezier(.59,0,.45,.72);
}

header .container{
      display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;

}

header.cover.active {
    height: 230px;
}

.cover__menu{
    order: 3;
    width: 100%;
    visibility: hidden;
    text-align: center;
   
}

.cover__menu a{
    color: var(--dark);
    font-size: 1.5em;
}

.cover__menu nav ul li a:hover{
    border-bottom: solid var(--dark) 1px; 
}

header.cover.active .cover__menu{
visibility: visible;
}

/*hero*/

.hero{
    display: flex;
    gap:30px;
    margin-top: 80px;
    }
    
    .hero__text{
    width: 60%;
    }
    
    .hero__cover{
        width:40%;
        
    }



/*cta*/
.cta-group{
font-size: 1.2em;
margin-top: 30px;
display: flex;
gap: 15px;
flex-wrap: wrap;

}

.cta-group__primary, 
.cta-group__secondary{
border: 2px solid var(--primary);
padding: 10px 20px;
border-radius: 50px;
font-weight: 900;

}

.cta-group__primary{
color: var(--light);
background: var(--primary);
}

.cta-group__secondary{
color:var(--primary);
}

.cta-group__primary:hover{
    background: var(--accent);
    border: 2px solid var(--accent);
}

.cta-group__secondary:hover{
   color: var(--accent);
   border: 2px solid var(--accent);
}


/*autore*/
.content__autore__textimg {
    display: flex;
    justify-content: space-between; 
    align-items: center; 
    width: 100%;
}

.content__autore p {
    width: 70%;
}

.content__autore__img {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: flex-end; 
    margin-left: 20px;

}

.content__autore__img img {
    width: 100%; 
    height: auto; 
    display: block; 
    object-fit: contain;
}


/*recensioni*/
.content__reviews__title{
    color: #bf0f1e;
    font-weight: 800;
}

.content__reviews{
    display: flex;
    flex-wrap: wrap;
    justify-content: center; 
    gap: 20px; 
}

.content__reviews__single{
    max-width: 300px;
    text-align: center;
}

.fa-star{
    color: var(--primary);
}

/*citazione*/

.citation__text{
    color: #bf0f1e;
    font-weight: 600;
    font-size: 24pt;
    text-align: center;
}

/*dettagli*/
.details{
    background: var(--secondary);
 
}
.content__details{
padding: 30px;
display: flex;
  flex-direction: column;
  align-items: center;

}

.table__details td{
border-bottom: 1px solid black;
padding: 5px;
}

.table__details tr td:first-child {
    font-weight: 800;
}



/*tiktok*/
.tiktok-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
   gap: 20px;
}

.tiktok-video {
    width: 100%; 
    max-width: 350px; 
    overflow: hidden;

}

/*eventi*/

.content__newsletter{
    border: 4px dotted var(--secondary);
    border-radius: 40px;
    margin-bottom: 80px;
    padding: 10px;
}


/* footer */

.footer{
    background: var(--secondary);
}


.footer__voci{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px;
    gap: 30px;
}

.footer__voce{
    max-width: 300px;
}

.footer__voce__title{
    color: #bf0f1e;
    font-weight: 800;
}

.footer a i{
    font-size: 1.5em;
    margin-right: 20px;
    margin-bottom: 20px;
}

.footer a, .footer i{
    color:var(--dark);
}

.footer a:hover, .footer a i:hover{
    color:var(--accent);
}

i.contact-icon{
    font-size: 1em; 
    margin-right: 10px;
}




/*MIN punto di interruzione per dispositivi MEDIUM solo MENU*/

@media(min-width: 768px){

.cover__menu{
all:unset;
}

.cover__menu li{
display: inline-block;
margin-left: 15px;
}

.cover__hb{
   display: none;
} 

}

/*MAX punto di interruzione per dispositivi LARGE*/

@media (max-width: 1024px) {
    .container {
        max-width: 90%; 
    }

    section{
        margin-top: 70px !important;
    }




    h1 {
        font-size: 22pt;
    }

    h2 {
        font-size: 18pt;
    }

    .leading {
        font-size: 1.1em;
    }

    p {
        font-size: 11pt;
    }
   
   
}


/*MAX punto di interruzione per dispositivi MEDIUM*/



@media (max-width: 768px) {
   
   
    .container {
        max-width: 85%; 
    }

    section{
        margin-top: 50px !important;
    }

    h1 {
        font-size: 22pt;
    }

    h2 {
        font-size: 18pt;
    }

    .leading {
        font-size: 1.1em;
    }

    p {
        font-size: 11pt;
    }



  /*  .hero__cover{
        
       margin-top: 160px;
    }

    */

    .hero {
     gap: 20px;
     all:unset;
     max-width: 85%; 
         
     }
     
     .hero__text{
         width: 90%; 
         margin-left: auto;
         margin-right: auto;
         margin-top: 40px;
     }
 
     .hero__cover {
        
         margin-top: 30px;
         margin-left: auto;
         margin-right: auto;
        
     }
 
   /*  .hero__text{
        width: 90%; 
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 40px;
    }

    .hero__cover {
       
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
        max-width:40%;
    }
 */
 
 
     .cta-group {
         justify-content: center; /* Centra i bottoni */
         gap: 10px; /* Riduce lo spazio tra i bottoni */
         font-size: 1em; /* Mantiene una buona leggibilità */
     }
 
     .cta-group__primary, 
     .cta-group__secondary {
         padding: 10px 15px; 
     }
 
 
     .citation__text{
         font-size: 16pt;
         
     }
 
 
 .content__autore__textimg{
    flex-direction: column;
 }
 
     .content__autore__img {
         order:1;
         width: 100%;
         margin-left: 0;
         margin-right: 0;
         justify-content: center;
     }
 
     .content__autore__textimg p{
         order:2;
         width: 100%;
     }
 
 


    .citation__text{
        font-size: 18pt;
        
    }
   


    .content__details{
        
          font-size: 10pt;
        
        }




}


/*MAX punto di interruzione per dispositivi SMALL*/

@media (max-width: 425px) {
    .container {
        max-width: 90%; 
    }

    section{
        margin-top: 40px !important;
    }





    h1 {
        font-size: 18pt;
    }

    h2 {
        font-size: 14pt;
    }

    .leading {
        font-size: 1em;
    }

    p {
        font-size: 10pt;
    }




/*    .hero {
       gap: 20px;
        
        all:unset;
        
    }
    
    .hero__text{
        width: 90%; 
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 40px;
    }

    .hero__cover {
       
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
        max-width:40%;
    }


    .cta-group {
        justify-content: center; 
        gap: 10px; ì
        font-size: 1em; 
    }

    .cta-group__primary, 
    .cta-group__secondary {
        padding: 10px 15px; 
    }


    .citation__text{
        font-size: 16pt;
        
    }


.content__autore__textimg{
   flex-direction: column;
}

    .content__autore__img {
        order:1;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        justify-content: center;
    }

    .content__autore__textimg p{
        order:2;
        width: 100%;
    }


*/

    .footer__voci{
     justify-content: center;
    text-align: center;
       
    }
    
    



}








/*CSS relativo a mailchimp*/


#mc_embed_signup .mc-field-group select {
border-radius: 50px;

}


/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: var(--primary); border: 0 none; border-radius:20px; transition: all 0.23s ease-in-out 0s; color: var(--light); cursor: pointer; display: inline-block; font-family: "Poppins", sans-serif; ;font-size:15px; font-weight: 600; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color: var(--accent);}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:var(--primary); font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-size:14px; font-weight:normal; z-index:1; color:var(--primary);}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid var(--primary);}