/* ==================================================
GENERALI    
INTESTAZIONE
HOME PAGE
COLLEZIONE
SOTTO-COLLEZIONE
REPERTO
FOOTER
================================================== */

/* ==================================================
    GENERALI
   ================================================== */
:root {
    --giallo: #e1af2d;
    --beige:#e7dec4;
    --grigio:#283232;
    --verde:#282800;
}
body * {
    font-family: "Aleo", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size:1rem;
}
h1{
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
    text-align:center;
    font-size:1.5rem;
    text-transform:uppercase;
    color:var(--beige);
    margin-bottom:20px;
}
h1 span{
     font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
    text-align:center;
    font-size:1.5rem;
    text-transform:uppercase;
    color:var(--giallo);
}
.evidenza{
    display:block;
    text-align:center;
    font-size:1.5rem;
    text-transform:uppercase;
    color:var(--giallo);
}
h2{
   font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size:1.5rem;
    text-align:center;
    margin-bottom:40px;
}

.wrapper{
    width:90%;
    max-width:1200px;
    margin:0 auto;
}

#logo_museo{
    width:165px;
    margin-right:2rem;
}
#logo_comune{
    width:300px;
}


.bg_beige{
     background:var(--beige)
}
.bg_giallo{
     background:var(--giallo)
}
.giallo{
    color:var(--giallo);
}

.img_rounded{
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
}
.img_rounded_full{
    border-radius: 25px;
}

/* ==================================================
    HEADER
   ================================================== */
header{
    background:transparent;
    padding:20px;
}
header{
    display:flex;
    flex-direction:row;
}
#logo_museo{max-width:70px;}
#logo_comune{max-width:100px}
.hamburger_respmb{max-width:30px}

.header_left{
    flex:1 0 auto;
}
.header_right{
     flex:0 0 70px;
    text-align:right;
}
#hamburger{
    max-width:50px;
}
.ico_digital_library img{
    max-width:60px;
    display:block;
    margin:1rem auto 2rem auto;
}

/* ==================================================
    HOME
   ================================================== */
body.HOME, body.MUSEO, body.CREDITS{
    background:url("/images/bg_titolo.jpg") no-repeat center top;
}
.intro{
    background:var(--beige);
    padding:40px 0;
}

/* COLLEZIONI */
.collezioni_home{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    flex-wrap:wrap;
}
ul.collezioni_home{
    flex:0 0 30%;
    margin-bottom:0px;
    padding-left:0;
    display:flex;
    flex-direction:column;
    margin-bottom:30px;
    margin-top:30px;
}
ul.collezioni_home li{
    margin-bottom:30px;
    display:flex;
    margin-bottom:20px;
 }
 ul.collezioni_home li:nth-child(3n){
    border-right:none;
 }
 ul.collezioni_home li img{
    max-width:100%;
 }
.collezione_home img{
    max-width:100%;
    flex:1 0 70%;
}
a.collezione_home_titolo{
    flex:1 0 auto;
    display:flex;
    align-items: center;
    border-radius:20px;
    border:2px solid var(--giallo);
    background:url("/images/fr.png") no-repeat 97% center;
    background-size:15px 20px;
    color:var(--grigio);
    line-height:1.25rem;
    font-family: "Poppins", sans-serif;
    text-transform:uppercase;
    font-weight:800;
    text-decoration:none;
    padding:0.5rem 2rem 0.5rem 1.25rem;
    margin-block-start: 2rem;
    
}


/* PRIMO PIANO */
.primo_piano{
    background:var(--giallo);
    padding:40px 0;
}

ul.reperti{
     display:flex;
     flex-direction:column;
     flex-wrap:wrap;
     list-style-type:none;
     justify-content:flex-start;
     margin:0;
     padding:0;
     margin-top:30px;
}
ul.reperti > *{

}
ul.reperti li{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    margin-bottom:40px;
    padding: 20px;
}
ul.reperti li a.foto_reperto_lista{
    flex:1 0 auto;
    display:flex;
    align-items:center;
    background:#fff;
     border-radius: 25px;
     padding:25px 20px;
}
ul.reperti li figure{
    width:100%;  
}
ul.reperti li img{
    width:100%;
}
a.nome_reperto{
    flex:0 0 auto;
    display:flex;
    align-items: center;
    padding:0.5rem 2rem 0.5rem 0rem;
    background:url("/images/fr.png") no-repeat 97% center;
    background-size:15px 20px;
    font-family: "Poppins", sans-serif;
    color:var(--grigio);
    line-height:1.25rem;
    text-transform:uppercase;
    font-weight:800;
    border-top:2px solid #fff;
    border-bottom:2px solid #fff;
    text-decoration:none;
    margin-block-start: 2rem;
 
}


/* CTA */
.cta{
    background:url("/images/bg_alce.jpg") no-repeat center center;
    padding:100px 0;
    text-align:center;
    padding-bottom:200px;
}
.cta a{
    color:var(--giallo);
    border:2px solid #fff;
    border-radius:20px;
    padding:7px 70px 7px 20px;
    font-family: "Poppins", sans-serif;
    text-transform:uppercase;
    text-decoration:none;
    font-weight:800;
    background:url("/images/ico_webapp.svg") no-repeat 95% center;
    background-size:35px 25px;
    letter-spacing:0.1rem;
}



/* ==================================================
    COLLEZIONE
   ================================================== */
body.COLLEZIONE{
    background:url("/images/bg_collezione.jpg") no-repeat center top var(--grigio);
}

.label_header{
    text-align:center;
    color:var(--giallo);
    text-transform:uppercase;
}

/* testo intro */
.cont_intro_collezione .wrapper{
    display:flex;
    flex-direction:row;
}
.label_collezione{
    color:var(--giallo);
}
.intro_collezione{
    display:block;
   
    color:var(--beige);
    text-align:right;
    margin-right:3rem;
}
.cont_intro_collezione figure{
    flex:0 0 30%;
    margin-bottom:40px;
    border-top:10px solid var(--giallo);
}
.cont_intro_collezione figure img{
    width:100%;
    border-bottom-left-radius: 40px;
}

/* elenco sotto - collezioni */
.cont_sotto_collezioni{
    padding-bottom:100px;
}
.cont_sotto_collezioni h2{
    color:var(--giallo)
}
ul.sotto_collezioni{
    display:flex;
    flex:0 0 auto;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    padding-left:0;
}
ul.sotto_collezioni li{
    flex:0 0 50%;
    display:flex;
    margin-bottom:50px;
    border-right:1px solid var(--giallo);
 }
 ul.sotto_collezioni li:nth-child(even){
    border-right:none;
     padding-left:40px;
    justify-content:flex-start;
 }
 ul.sotto_collezioni li div{
    max-width:400px;
 }
 ul.sotto_collezioni li:nth-child(odd){
    padding-right:40px;
    justify-content:flex-end;
}
a.sotto_collezione_titolo{
    
    color:var(--beige);
    flex:1 0 auto;
    display:flex;
    align-items: center;
    border-radius:20px;
    border:2px solid var(--giallo);
    background:url("/images/fr_bianca.png") no-repeat 97% center;
    background-color:var(--verde);
    background-size:15px 20px;
    line-height:1.25rem;
    font-family: "Poppins", sans-serif;
    text-transform:uppercase;
    font-weight:800;
    text-decoration:none;
    padding:0.5rem 2rem 0.5rem 1.25rem;
    margin-block-start: 2rem;
}


/* ==================================================
    SOTTO-COLLEZIONE
   ================================================== */
body.SOTTOCOLLEZIONE{
    background:url("/images/bg_collezione.jpg") no-repeat center top var(--grigio);
}
.cont_intro_sotto_collezione{
    background:var(--beige);
    padding:40px 0;
}
.cont_intro_sotto_collezione .wrapper{
    column-count: 2;
}

.istruzioni{
    text-align:center;
    padding:10px 20px;
    border-top:10px solid var(--giallo);
    border-bottom:10px solid var(--giallo);
    margin-bottom:40px;
    background-image:url("/images/ico_reperto.svg"),url("/images/ico_reperto.svg");
    background-repeat:no-repeat;
    background-position:left center, right center;
    background-size:40px 40px;
}

.cont_reperti{
    background:var(--beige);
    padding:40px 0;
}
body.SOTTOCOLLEZIONE ul.reperti li a.nome_reperto{
    border:0;
}



/* CORRELATI */
.cont_correlati{
    background:var(--grigio);
    padding-top:50px;
    text-align:center;
}
.cont_correlati h2{
    color:var(--giallo)
}
.cont_correlati p{
    color:var(--beige);
}
ul.correlati{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    margin-bottom:100px;
    margin-top:50px;
    padding-left:0;
}
ul.correlati li{
    flex:0 0 33%;
    margin-bottom:30px;
    display:flex;
    border-right:1px solid var(--giallo);
    padding-right:3%;
    padding-left:3%;
    margin-bottom:50px;
 }
 ul.correlati li:nth-child(3){
    border-right:none;
 }
 ul.correlati li img{
    max-width:100%;
 }
a.correlato_titolo{
    background-color:var(--verde);
    color:var(--beige);
    flex:1 0 auto;
    display:flex;
    align-items: center;
    border-radius:10px;
    border:2px solid var(--giallo);
    background:url("/images/fr_bianca.png") no-repeat 97% center;
    background-size:15px 20px;
    line-height:1.25rem;
    font-family: "Poppins", sans-serif;
    text-transform:uppercase;
    font-weight:800;
    text-decoration:none;
    padding:0.5rem 2rem 0.5rem 1.25rem;
    margin-block-start: 2rem;
} 



/* ==================================================
   REPERTO
   ================================================== */
body.REPERTO{
    background:url("/images/bg_reperto.jpg") no-repeat center top var(--grigio);
}
#foto_reperto{
   text-align:center;
   margin:40px 0 70px 0;
}
#foto_reperto img{
    border-radius:30px;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.34); 
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.34);
}
.cont_intro_reperto{
    background:#ffffff;
    padding:40px 0;
}
.cont_scheda_tecnica{
    background:#ffffff;
    padding-bottom:40px!important;
    
}
.titolo_scheda{
    background:var(--beige);
    border-top:10px solid var(--grigio);
    padding:20px 0;
    text-align:center;
    font-size:1.25rem;
}
ul.scheda_tecnica{
    list-style-type:none;
    padding-left:0;
   
}
ul.scheda_tecnica li{
    padding:10px;
    border-bottom:1px solid var(--giallo);
}
ul.scheda_tecnica li:nth-child(odd){
    background:#fbf8f3
}
ul.scheda_tecnica li span.label{
    display:block;
    color:#6a2624;
    font-family:"Poppins", sans-serif;
    font-weight:800;
    letter-spacing:0.05rem;
   
}
ul.scheda_tecnica li span.valore{
     display:block
}


/* MATERIALI */
.cont_materiali{
    background:#ffffff;
    padding-bottom:40px!important;
}
ul.materiali{
    list-style-type:none;
    padding-left:0; 
}
ul.materiali li{
    
    border:1px solid var(--giallo);
    margin:10px 0;
}
ul.materiali li a{
    text-decoration:none;
    display:block;
    background-color:#fbf8f3;
    background-repeat:no-repeat;
    background-position:10px center;
    background-size:45px 45px;
    padding:15px 20px 15px 70px;
    color:var(--grigio);
    text-decoration:none;
    font-size:1.25rem;
}
ul.materiali li a:hover{
    background-color:#e7dec4;
}
.video{background-image:url("/images/ico_video.svg")}
.img{background-image:url("/images/ico_img.svg")}
.pdf{background-image:url("/images/ico_pdf.svg")}
.zip{background-image:url("/images/ico_zip.svg")}
.documento{background-image:url("/images/ico_documento.svg")}

/* BACK */
.back{
    background:url("/images/bg_sotto-collezione.jpg") no-repeat center center;
    background-size:100%;
    padding:70px 0 70px 0;
}
.back .wrapper{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
}
.back a{
    flex:0 0 auto;
    color:var(--beige);
    border-radius:10px;
    border:2px solid var(--giallo);
    background:url("/images/fr_bianca_indietro.png") no-repeat 5% center var(--verde);
    background-size:15px 20px;
    line-height:1.25rem;
    font-family: "Poppins", sans-serif;
    text-transform:uppercase;
    font-weight:800;
    text-decoration:none;
    padding:0.5rem 2rem 0.5rem 3rem;
    margin-right:30px;
    text-align:right;
}
.back p{
    display:inline-block;
    flex:0 0 auto;
    font-size:1.25rem;
    padding-top:15px;
}



/* ==================================================
    FOOTER
   ================================================== */
footer{
    background:var(--verde);
    position:absolute;
    width:100%;
}
footer figure{
    margin-top:-100px;
    position:relative;
    text-align:center; 
}
footer .wrapper{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
footer .footer_sx p{
    color:var(--beige);
    font-family: "Poppins", sans-serif;
}
footer .loghi_footer{
    display:flex;
    flex-direction:column;
    flex:0 0 70%;
}
footer .loghi_footer img{
    max-height:40px;
    margin-bottom:20px;
}
address{
    color:var(--beige);
    font-family: "Poppins", sans-serif;
    font-size:0.8rem;
    line-height:1.1rem;
    text-align:left;
}
address strong{
    font-weight:700;
    font-family: "Poppins", sans-serif;
}
address a{
    font-family: "Poppins", sans-serif;
    color:var(--beige);
    text-decoration:none;
    font-size:0.8rem!important
}

.chiusura{
    background:var(--giallo);
    padding:15px 0 0 0;
    margin-top:40px;
}
.chiusura p{
    font-family: "Poppins", sans-serif;
    font-size:0.8rem;
    color:var(--grigio);
}
.chiusura a{
    font-family: "Poppins", sans-serif;
    font-size:0.8rem;
    color:var(--grigio);
    text-decoration:none;
    text-transform:uppercase;
}