/*
 * Theme Name: D'Araprì Theme
 * Description: Starter Theme to use with Timber
 * Author: MonkeySpace3
*/

html{scroll-behavior: smooth; overflow-x: hidden;}

body {
    font-family: 'Afacad', sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    background-color: #FFFAF4;
    color: #222222;
    overflow-x: hidden;
}

.absolute{position: absolute;}
.fixed{position: fixed;}
.relative {position: relative;}

h1{font-size: 32px;}
h2{font-size: 28px;}
h3{font-size: 22px;}
h4{font-size: 18px;}

a, a:hover, a:visited{text-decoration: none; color: #003E52;}
.menu-a:hover, .menu-a:visited{text-decoration: none; color: #fff;}

.z-3{z-index: 3;}
.object-fit-contain{object-fit: contain;}

.mb-custom-250{margin-bottom: 250px;}

.lineacurva{z-index: 10; top:0; left: 0;}
.lineacurva_01{width: 70%; top:30%; left:-10%;}
.lineacurva_02{width: 100%; top:20%; right:-10%;}
.lineacurva_03{width: 100%; top:20%; right:-10%;}
.lineacurva_04{width: 100%; top:20%; right:-10%;}
.lineacurva_05{width: 100%; top:20%; right:-10%; z-index: 1;}
.lineacurva_carta_etica{width: 104%; top: 0; z-index: 1;}
.lineacurva_carta_etica_cantina{width: 80%; top: 0; right: -2%; left: auto; z-index: 1;}
.lineacurva_regali{width: 104%; top: 0; z-index: 1; right: -2%; left: auto;}
.lineacurva_occasioni_speciali{width: 110%; top: 20%; z-index: 1; left: -5%;}
.lineacurva_contattaci{width: 110%; top: -5%; left: -5%; z-index: 1;}
.lineacurva_storia_e_architettura{width: 108%; top: -5%; left: -5%; z-index: 1;}
.lineacurva_la_cantina{width: 90%; top: -5%; left: auto; right: -5%; z-index: 1;}
.lineacurva_sala_arca{width: 100%; top: 5%; left: -5%; z-index: 1;}
.lineacurva_premi{width: 108%; top: 5%; left: -5%; z-index: 1;}
.lineacurva_prossimi_eventi{width: 110%; top: 5%; left: -5%; z-index: 1;}
.lineacurva_prenotazioni{width: 100%; top: 5%; left: -5%; z-index: 1;}

.section_home_01, .section_home_03, .section_lamusica_01, .section_lamusica_02, .section_lartigianalita_01,
.section_lartigianalita_02, .section_lartigianalita_03, .section_lacultura, .section_lacultura_cit, .cta{position: relative; z-index: 11;}

.testo_bianco{color:#ffffff;}
.testo_dark{color:#222222;}
.testo_verdino{color: #79886b}

.mini_text{font-size:10px;}

.bg{background-size: cover; background-repeat: no-repeat; background-position: center;}

.bg_bianco{background-color: #fff;}
.bg_dark{background-color:#333; color:#fff;}
.bg_verde{background-color:#22372C; color:#fff;}
.bg_verdino{background-color:#79886b; color:#fff;}

.circle{border-radius: 50%;}
.bordered{border: 5px solid #fff;}

.btn {
    border-radius: 0;
    border: 1px solid #79886b;
    text-transform: uppercase;
    font-size: 16px;
    padding: 8px 30px;
    color:#79886b;
}
.btn:hover{background-color: #79886b; color:#fff;}
.btn:active, .btn:focus{outline: none;box-shadow: none;}

.wpcf7-submit{margin-bottom:0; background-color:transparent; border: 1px solid #fff; border-radius: 0; text-transform: uppercase; padding: 8px 20px; color:#fff;}

.uppercase {text-transform: uppercase;}
.italic {font-style: italic;}

.unna{font-family: "unna", serif;}
.cormorant{font-family: "Cormorant Garamond", serif;}

.light {font-weight: 300;}
.regular {font-weight: 400;}
.medium {font-weight: 500;}
.semibold {font-weight: 600;}
.bold {font-weight: 700;}
.extrabold {font-weight: 800;}
.black {font-weight: 900;}

.overflow-h{overflow: hidden;}

header{z-index: 20; top:0;}

header{position: fixed; width: 100%; top:0; background-color: #FFFAF4; z-index:101;}
header.sticky{transition: max-height 0.3s ease-out;}
header.sticky .logo{transition: width 0.3s ease-out;}

header ul{list-style: none; padding-left: 0; margin-bottom: 0;}
header ul:first-child li{display: inline-block !important; margin-right: 15px;}
header li:last-child{margin-right: 0;}
header a{color:#3D3D3D;}

header .menu-item{line-height: 1.2rem;}

.icone_menu img{height: 24px; cursor: pointer;}

.bg_menu{height: 100vh; width: 100%; right: 0; z-index: -1;}

.mega-menu ul{list-style: none; font-size: 1.3rem; line-height: 2.3rem;}
.mega-menu a{color:#fff;}
.mega-menu nav{margin-top: 100px;}
.mega-menu {
    transition: .3s ease-in-out;
    position: fixed;
    padding-bottom: 78px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    opacity: 0;
    display: none;
    overflow-y: auto;

    text-align: right;
}
.mega-menu nav {
    padding-top: 70px;
}
.mega-menu.reveal {
    opacity: 1;
    background:#000;
}
.close-menu {
    height: 30px;
    cursor: pointer;
    /*display: none;*/
}

footer{position: relative; z-index: 12;}
.footer{font-size:14px;}
.footer .social_footer{list-style: none;}
.footer .social_footer li{display: inline-block; margin-right: 5px;}
.footer .social_footer li:last-child{margin-right: 0;}

.separatore{width:100%; height: 1px; background-color: #79886b;}
.divisore{width:100%; height: 1px; background-color: #fff;}

input.wpcf7-text, textarea{width:100%; background-color: transparent; border:0; border-bottom: 1px solid #fff; color:#fff;}
.wpcf7-acceptance input{width:auto;}
.wpcf7-list-item{margin: 0 !important;}
.newsletter_section p{margin-bottom: 0;}
.newsletter_section .wpcf7-spinner{display: block;}

body.home .header{position: fixed; width: 100%;}
.hero .gradient_white{top: 0; left:0; height: 60%;}

.hero{height: 100lvh;}
.hero .claim{font-size: 68px; line-height: 70px;}

.card_titolo{font-size: 54px; line-height: 56px; font-style: italic; color:#22372c;}
.foto_01{background-position: center !important; background-size: cover;}

.box-shadow{box-shadow: 4px 4px 8px #999;}

.viniSwiper .swiper-slide{min-height: 600px;}
.swiper-button-next, .swiper-button-prev{color:#79886b;}

.shadow-box-prodotti{-webkit-box-shadow: 5px 5px 11px 0px rgba(0,0,0,0.26); box-shadow: 5px 5px 11px 0px rgba(0,0,0,0.26);}

.citazione{font-size: 40px; line-height: 50px; font-style: italic; position: relative; font-family: "unna", serif; color:#22372c;}
.citazione::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    width: 104px;
    height: 84px;
    background: url("static/img/apertura.svg") no-repeat center;
    background-size: contain;
}
.citazione::after {
    content: "";
    position: absolute;
    bottom: -10px;
    right: -10px;
    width: 104px;
    height: 84px;
    background: url("static/img/chiusura.svg") no-repeat center;
    background-size: contain;
}

.titolo{font-family: "unna", serif; font-size: 54px; line-height: 56px; font-style: italic; color:#22372c;}
.titolo2{font-family: "unna", serif; font-size: 36px; line-height: 38px; font-style: italic; color:#79886b;}

.bg_image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.btn_in_cantina {
    border: 1px solid #79886b;
    width: auto;
    display: inline-block;
    padding: 5px 30px;
    color: #79886b!important;
    background: none;
}
.btn_in_cantina_bianco {
    border: 1px solid #fff;
    width: auto;
    display: inline-block;
    padding: 5px 30px;
    color: #fff !important;
    background: none;
}

.desc > p{
    margin: 0;
}

.scheda_dati_vino .dato_vino_full{}
.scheda_dati_vino .nome_vino{font-family: "unna", serif; font-style: italic; font-size: 54px; line-height: 56px;}
.scheda_dati_vino .label{text-transform:uppercase; font-weight: 300; color:#22372c; font-family: "Cormorant Garamond", serif; font-size:20px; font-weight: 22px;}
.foto_vino{width: 100%; height: 350px;}
.foto_vino img{width: 100%; height: 100%; object-fit: contain; display: block;}

.card_form{padding: 100px; background-color: #79886B; color: #FFFAF4;}
.form_message, .form_message span, .form_message span textarea{width: 100%; background-color: #79886B; }
.form_message span textarea{resize: none; min-height: 100px;}
input[type="checkbox"]{background-color: transparent; border: 1px solid #fff; width: 20px; height: 20px;}

.img_grid_margin{margin-top: 10rem;}
.img_grid_margin2{margin-top: 12rem;}
.img_grid_margin3{margin-top: 7rem;}
.img_grid_margin_negative{margin-top: -10rem;}
.img_grid_margin_negative2{margin-top: -1.5rem;}
.img_grid_margin_negative3{margin-top: -6rem;}
.img_grid_margin_negative4{margin-top: -5rem;}

.m-s--10{
    margin-left: -10%;
}
.m-r--10{
    margin-left: 10%;
}

.btn-architettura-next{right: -50px; top: 44%}
.btn-architettura-prev{left: -50px; top: 44%}

.border-top-black{border-top: 1px solid #000;}

.wpcf7-spinner{display: none !important;}

.numero-card-eventi{
    font-size: 9rem;
    line-height: 5rem;
    margin: 0;
}
.mese-card-eventi{
    font-size: 2rem;
    line-height: 1rem;
    margin: 0;
}

.eventi-info-card{
    height: 250px; background-color: #79886B;
}

.eventi-info-card2{
    height: 300px; background-color: #79886B;
}

.eventi-line{
    border-bottom: 1px solid #79886B;
    border-right: 1px solid #79886B;
}
.eventi-passati-line{
    border-bottom: 1px solid #79886B;
    border-left: 1px solid #79886B;
    top: 25%; right: 2%; width: 90%; height: 250px;
    z-index: 0;
}

.titolo-card-eventi{font-size: 2rem; line-height: 2rem;}

.border-b-e{
    border-bottom: 1px solid #fff;
}

.amelia-v2-booking #amelia-container.am-fs__wrapper{
    margin: 0 auto !important;
}

/*MOBILE*/
@media screen and (min-width: 1400px) {
    .card_titolo{max-width: 70%;}
    .section_lamusica_01 .foto_01 img{position: relative; transform: translateY(-10%)}
}

@media screen and (max-width: 1399px) {
}

@media screen and (max-width: 991px) {
    .img_grid_margin{margin-top: 0;}
    .img_grid_margin2{margin-top: 0;}
    .img_grid_margin3{margin-top: 0;}
    .img_grid_margin_negative{margin-top: 0;}
    .img_grid_margin_negative2{margin-top: 0;}
    .img_grid_margin_negative3{margin-top: 0;}

    .btn-architettura-next{right: -25px; top: 44%; width: 20px; display: none;}
    .btn-architettura-prev{left: -25px; top: 44%; width: 20px; display: none;}

    .card_form{padding: 25px;}
    .m-s--10, .m-r--10{
        margin-left: 0;
        margin-top: 0;
    }
    .titolo-card-eventi{
        font-size: 1.4rem;
        line-height: 1.4rem;
    }

    .numero-card-eventi{
        font-size: 4rem;
        line-height: normal;
    }
    .mese-card-eventi{
        font-size: 2rem;
        line-height: normal;
    }
    .card-eventi-info.w-75{
        width: 100% !important;
    }
    .eventi-info-card, .eventi-info-card2{
        height: auto;
    }

}

@media screen and (max-width: 767px) {
    .hero .claim{font-size: 58px; line-height: 60px;}
    .lineacurva_01{width: 200%; top:30%; left:-100%;}
    .lineacurva_02{width: 200%; top:20%; left:-80%;}
    .lineacurva_03{width: 200%; top:20%; left:-80%;}
    .lineacurva_04{width: 200%; top:20%; left:-80%;}
    .lineacurva_05{width: 200%; top:20%; left:-80%;}
    .citazione{font-size: 30px; line-height: 36px;}
}

@media screen and (max-width: 480px) {
}