/*
Theme Name: Balzola
Theme URI:
Author: Turnup
Author URI:
Description: Starter Theme with Font Awesome and Bootstrap 4
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, sticky-post, translation-ready
Text Domain: nx

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

body{
  display: flex;
  min-height: 100vh;
  flex-direction: column;
    font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.main-content{
  flex:1;
}

h1{
font-family: "Playfair Display", serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 500;
font-size: 36px;
color: #2c1a12;
margin-bottom: 30px;
}
a:hover{
    text-decoration: none;
}

.logo{
    max-width: 150px;
}

.container-fluid{ max-width: 1440px;}
.full-w{ max-width: 100% !important;}

#header{
 width: 100%;
 background: #2c1a12 url('assets/pattern.png');
 background-repeat: repeat;
 padding-top: 5px;
 padding-bottom: 5px;

}
.is-scrolled #header{
position: fixed;
top: 0px;
left: 0px;
z-index: +999;
}
.aspr{
    aspect-ratio: 3/4;
    object-fit: contain;
}

.swiper-pagination{
    position: static;
    text-align: left;
    margin-top: 40px;
}
.swiper-pagination-bullet{
    background: #2c1a12;
    opacity: 1;
}
.swiper-pagination-bullet-active{
    background:#91dcda !important
}
/* HOME COVER BOX*/
.container-cover {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 815px;
    background-size: cover;
    background-position: center;
    width: 100%;
    position: relative;
}

#menu_big{
        -webkit-transition: left 0.5s;
        -moz-transition: left 0.5s;
        -o-transition: left 0.5s;
        transition: left 0.5s;
          position: fixed;
    top:0px;
    left: -120%;
    background: #2c1a12;
    height: 100vh;
    z-index: +99;
    padding: 15px;
    padding-top: 140px;
    
}
#menu_big{
    margin: 0px;
    padding: 15px;
    padding-top: 100px;
    list-style: none;
    text-align: center;
    min-width: 300px;
}
#menu_big li{
margin-bottom: 20px;
}
#menu_big li a{
    color: #91dcda;
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 500;
    font-size: 25px;

}
.open_m{ left: 0px !important;}
.cover-grid {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 2rem;
    align-items: center;
    width: 100%;
    max-width: 1440px;   /* aggiunto */
    padding: 2rem 4rem;
    box-sizing: border-box;
}

.cover-card {
    flex: 1;                  /* le 3 card si dividono la larghezza */
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.card-box {
    border: 1px solid #91dcda;
    border-radius: 8px;
    padding: 2.5rem 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    min-height: 220px;
}

.card-box img {
    max-width: 220px;
    height: auto;
}

.card-btn {
    display: inline-block;
    border: 1px solid #91dcda;
    background: #91dcda;
    color: #000;
    padding: 0.75rem 2rem;
    letter-spacing: 2px;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;

}

.card-btn:hover,.cover-card:hover .card-btn {
    background: transparent;
    color: #91dcda;
    text-decoration: none;
}

.bckfff{ background: #fff;}
.bckfaf8f5{ background: #faf8f5;}

.ctr_full{ width: 100%;
    padding-top: 60px; padding-bottom: 60px;
    display: flex;
    align-items: center;      /* allineamento orizzontale */
    justify-content: center;  /* allineamento verticale */}

    .ctr_fullV{ width: 100%;
    padding-top: 60px; padding-bottom: 60px;
   }

.coverd-img{
    width: 100%;
    position: relative;
}
.max300{ max-width: 300px;}
.img-full{
    width: 100%;
}

.ctabox{
    position: absolute;
    z-index: +9;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
    text-align: center;
}
.ctabox h1{
    font-size: 48px;
    color: #faf8f5;
  font-weight: 900;

  margin-bottom: 40px;
}

.ctalink{
    background: #2c1a12;
    color: #fff;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 500;
    line-height: 48px;
    width: 200px;
    display: inline-block;text-transform: uppercase;
}
.ctalink:hover{ color:#91dcda ;}
.negativo{ position: relative; top: -130px;}

.logo-home{ max-width: 400px;}
.smalogo{ max-width: 200px; margin-bottom: 40px;}
.minh{ min-height: 800px;}
.img-home{ aspect-ratio: 4/4; object-fit: cover; width: 100%;}
.npad{ padding: 0px;}
.txt-berve{ padding: 50px;}
.txt-berve .ctalink{ margin-top: 40px;}
.archivio_txt{ margin-top: 20px;}
.archivio_txt p{
    margin-bottom: 0px;
    font-size: 16px;
}
.archivio_em{ font-style: italic;}


.socialhead a { color: #91dcda; margin-left: 5px; font-size: 16px;}

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4,#nav-icon5 {

     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .5s ease-in-out;
     -moz-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
     transition: .5s ease-in-out;
     cursor: pointer;
       top: -3px;
       width: 40px;
       height: 40px;
   
       position: relative;
       top: -5px;
       z-index: +9999;
   
   }
   
   #nav-icon1 span, #nav-icon3 span, #nav-icon4 span ,#nav-icon5 span {
     display: block;
     position: absolute;
     height: 2px;
     width: 30px;
     background: #91dcda;
     opacity: 1;
     left: 5px;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .25s ease-in-out;
     -moz-transition: .25s ease-in-out;
     -o-transition: .25s ease-in-out;
     transition: .25s ease-in-out;
   }
   
    #nav-icon4 span{ height:5px}
    #nav-icon5 span{ height:5px}
   
   #nav-icon1 span:nth-child(1) {
     top: 0px;
   }
   
   #nav-icon1 span:nth-child(2) {
     top: 20px;
   }
   
   #nav-icon1 span:nth-child(3) {
     top: 40px;
   }
   
   #nav-icon1.open span:nth-child(1) {
     top: 18px;
     -webkit-transform: rotate(135deg);
     -moz-transform: rotate(135deg);
     -o-transform: rotate(135deg);
     transform: rotate(135deg);
   }
   
   #nav-icon1.open span:nth-child(2) {
     opacity: 0;
     left: -60px;
   }
   
   #nav-icon1.open span:nth-child(3) {
     top: 18px;
     -webkit-transform: rotate(-135deg);
     -moz-transform: rotate(-135deg);
     -o-transform: rotate(-135deg);
     transform: rotate(-135deg);
   }
   
   
   /* Icon 3 */
   
   #nav-icon3 span:nth-child(1) {
     top: 0px;
   }
   
   #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
     top: 6px;
   }
   
   #nav-icon3 span:nth-child(4) {
     top: 12px;
   }
   
   #nav-icon3.open span:nth-child(1) {
     top: 18px;
     width: 0%;
     left: 50%;
   }
   
   #nav-icon3.open span:nth-child(2) {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
   }
   
   #nav-icon3.open span:nth-child(3) {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
   }
   
   #nav-icon3.open span:nth-child(4) {
     top: 18px;
     width: 0%;
     left: 50%;
   }
   
   #nav-icon3 span:nth-child(1) {
     top: 18px;
   }
   
   #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
     top: 24px;
   }
   
   #nav-icon3 span:nth-child(4) {
     top: 30px;
   }
   
   #nav-icon4.open span:nth-child(1) {
     top: 18px;
     width: 0%;
     left: 50%;
   }
   
   #nav-icon4.open span:nth-child(2) {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
   }
   
   #nav-icon4.open span:nth-child(3) {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
   }
   
   #nav-icon4.open span:nth-child(4) {
     top: 18px;
     width: 0%;
     left: 50%;
   }
   
   
   #nav-icon5.open span:nth-child(1) {
     top: 18px;
     width: 0%;
     left: 50%;
   }
   #nav-icon5.open span:nth-child(2) {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
   }
   
   #nav-icon5.open span:nth-child(3) {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
   }
   
   #nav-icon5.open span:nth-child(4) {
     top: 18px;
     width: 0%;
     left: 50%;
   }
   
   
   
   #nav-icon2.open span:nth-child(1) {
     top: 18px;
     width: 0%;
     left: 50%;
   }
   
   #nav-icon2.open span:nth-child(2) {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
   }
   
   #nav-icon2.open span:nth-child(3) {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
   }
   
   #nav-icon2.open span:nth-child(4) {
     top: 18px;
     width: 0%;
     left: 50%;
   }


.footer{
    background: #2c1a12;
    padding-top: 15px;
    padding-bottom: 15px;

}
.footer p{
    font-size: 12px;
    color:#91dcda ;
}
.footer a{ color:#91dcda;}
.sotto{
    background: #91dcda;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-size: 12px;
}
.page .ctr_full{ display: block;}
.page .ctalink {  display:block; margin:auto; margin-top:20px;}
@media (max-width: 768px) {
    .negativo{
            max-width: 70%;
    height: auto;
    margin: auto;
    display: block;
    top:-80px;
    }
    .ctr_full{ padding-top: 30px;
    padding-bottom: 30px;}
    .footer img{ margin-bottom: 30px;}
    .max300{ max-width: 200px;}
    .singleimg{
            aspect-ratio: 4 / 4;
    object-fit: cover;
    width: 100%;
    }
    .bcd{
            aspect-ratio: 3 / 4;
    object-fit: cover;
    }
    .logo{ max-width: 90px;}
    .txt-berve{ padding: 15px;}
    .logo-home{ max-width: 200px;}
    .mtp{ margin-bottom: 30px;}
.smalogo{ display: block; margin: auto; margin-bottom: 20px;}
    .ctalink{ display: block; margin: auto;}
    .cover-grid {
        flex-direction: column;
        padding: 2rem;
    }

    .cover-card {
        width: 100%;
    }

    .card-box {
        width: 100%;
    }
    .container-cover{
        min-height: 100vh;
    }
    .ctabox h1{ font-size: 32px;}
}

/* HOME COVER FINE*/