@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: #faf8f5 url(//www.balzola1902.com/wp-content/themes/balzola/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
} .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: #faf8f5;
height: 100vh;
z-index: +99;
padding: 15px;
padding-top: 140px;
}
#wtas {
z-index: 1;
position: fixed;
overflow: hidden;
bottom: 8px;
right: 0;
height: 40px;
max-width: 157px;
line-height: 40px;
height: 40px;
width: 140px;
background: #25D366;
padding-left: 10px;
font-size: 10px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
text-align: center;
border-bottom-left-radius: 30px;
border-top-left-radius: 30px;
}
#wtas i{ font-size: 21px; position: relative; top: 4px;}
#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; padding: 2rem 4rem;
box-sizing: border-box;
}
.cover-card {
flex: 1; 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: 300px;
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; justify-content: center; }
.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{  margin-top: 50px; margin-bottom: 50px; max-width: 90%;}
.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;} p a strong {
color: #000;
text-decoration: underline;
}
p a:hover strong {
color: #91DCDA;
}
.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);
} #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;
}
.logo25{ max-width: 250px;}
.Store{ max-width: 250px !important;}
.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;}
}