/*CSS*/

/*
COLOR SCHEME
rosso 1 #891816
grigio: #231F20
rosso quasi uguale: #880E13
rosso scuro: #4D140F
*/

/* montserrat-300 light */
@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/montserrat-v18-latin-300.eot"); /* IE9 Compat Modes */
    src: local(""),
        url("../fonts/montserrat-v18-latin-300.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/montserrat-v18-latin-300.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../fonts/montserrat-v18-latin-300.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/montserrat-v18-latin-300.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../fonts/montserrat-v18-latin-300.svg#Montserrat")
            format("svg"); /* Legacy iOS */
}

/* montserrat-500 medium */
@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/montserrat-v18-latin-500.eot"); /* IE9 Compat Modes */
    src: local(""),
        url("../fonts/montserrat-v18-latin-500.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/montserrat-v18-latin-500.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../fonts/montserrat-v18-latin-500.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/montserrat-v18-latin-500.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../fonts/montserrat-v18-latin-500.svg#Montserrat")
            format("svg"); /* Legacy iOS */
}

/* sang bleu Kingdom light */
@font-face {
    font-family: "SangBleuLight";
    src: url("../fonts/sangbleukingdom-light-webfont.eot");
    src: url("../fonts/sangbleukingdom-light-webfont.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/sangbleukingdom-light-webfont.woff2") format("woff2"),
        url("../fonts/sangbleukingdom-light-webfont.woff") format("woff"),
        url("../fonts/sangbleukingdom-light-webfont.ttf") format("truetype"),
        url("../fonts/sangbleukingdom-light-webfont.svg#SangBleuLight")
            format("svg");
    font-weight: normal;
    font-style: normal;
}

/* sang bleu Kingdom light italic */
@font-face {
    font-family: "SangBleuLightItalic";
    src: url("../fonts/sangbleukingdom-lightitalic-webfont.eot");
    src: url("../fonts/sangbleukingdom-lightitalic-webfont.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/sangbleukingdom-lightitalic-webfont.woff2")
            format("woff2"),
        url("../fonts/sangbleukingdom-lightitalic-webfont.woff") format("woff"),
        url("../fonts/sangbleukingdom-lightitalic-webfont.ttf")
            format("truetype"),
        url("../fonts/sangbleukingdom-lightitalic-webfont.svg#SangBleuLightItalic")
            format("svg");
    font-weight: normal;
    font-style: italic;
}

/* sang bleu Kingdom medium italic */
@font-face {
    font-family: "SangBleuMediumItalic";
    src: url("../fonts/sangbleukingdom-mediumitalic-webfont.eot");
    src: url("../fonts/sangbleukingdom-mediumitalic-webfont.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/sangbleukingdom-mediumitalic-webfont.woff2")
            format("woff2"),
        url("../fonts/sangbleukingdom-mediumitalic-webfont.woff") format("woff"),
        url("../fonts/sangbleukingdom-mediumitalic-webfont.ttf")
            format("truetype"),
        url("../fonts/sangbleukingdom-mediumitalic-webfont.svg#SangBleuMediumItalic")
            format("svg");
    font-weight: normal;
    font-style: italic;
}

/* sang bleu Regular */
@font-face {
    font-family: "SangBleuRegular";
    src: url("../fonts/sangbleukingdom-regular-webfont.eot");
    src: url("../fonts/sangbleukingdom-regular-webfont.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/sangbleukingdom-regular-webfont.woff2") format("woff2"),
        url("../fonts/sangbleukingdom-regular-webfont.woff") format("woff"),
        url("../fonts/sangbleukingdom-regular-webfont.ttf") format("truetype"),
        url("../fonts/sangbleukingdom-regular-webfont.svg#SangBleuRegular")
            format("svg");
    font-weight: normal;
    font-style: italic;
}

/*general style*/
*:focus-visible {
    outline: none;
    box-shadow: none;
}

html,
body {
    overflow-x: hidden; /* Prevent scroll on narrow devices */
    background-size: cover;
}

body {
    font-family: "Montserrat", "Arial", sans-serif;
    font-weight: 300;
    background-color: #fff;
    color: #000;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    border: none;
}

.red-line {
    width: 100%;
    height: 1px;
    background-color: #4d140f;
}

.st0 {
    fill: #fff;
}

.modal-open {
    position: fixed;
    width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "SangBleuLightItalic", serif;
    font-style: italic;
    font-size: 32px;
    line-height: 37px;
    font-weight: normal;
    text-align: center;
}

a:link,
a:active,
a:hover,
a:visited,
a:focus {
    text-decoration: none;
    color: #fff;
}

/*strong{font-family: 'Open Sans','Arial', sans-serif;
    font-weight: bold;}
em{font-family: 'Open Sans','Arial', sans-serif;
    font-weight: normal; font-style:italic;}*/

img {
    display: block;
    max-width: 100%;
}

/*schermate animate*/
#animation-cont {
    overflow: auto;
    min-height: 100vh;
}

.scelta-lingue #animation-cont,
.intro-stagione #animation-cont {
    background: url(../images/2025-montagne-phone-autunno.jpg) no-repeat center
        center;
    background-size: cover;
    min-height: 100vh;
    height: 100vh;
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    66% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }
    66% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* BUTTONS */
.btn-download,
.btn-cta {
    display: block;
    margin-top: 2rem;
    padding: 0.5rem;
    text-transform: uppercase;
}

.btn-download {
    background-color: #4d140f;
    border-color: #4d140f;
    color: #fff !important;
}

.btn-cta {
    background-color: #4d140f;
    border-color: #4d140f;
    color: #fff !important;
}

.btn-download:hover,
.btn-download:active,
.btn-cta:hover,
.btn-cta:active {
    background-color: #880e13;
    border-color: #880e13;
    color: #fff !important;
}

.btn-download:focus,
.btn-cta:focus {
    box-shadow: 0 0 0 0.3rem #e1bcaa3d;
}

.btn:focus,
.btn.focus {
    outline: none;
    box-shadow: none;
}

.selettore-lingue-cont {
    -webkit-animation-name: ani-lingue;
    animation-name: ani-lingue;
    -webkit-animation: 2s ease 0s normal forwards 1 fadein;
    animation: 2s ease 0s normal forwards 1 fadein;
}

/*.pagina-menu {
    margin-top: 123px;
}*/

/* Off canvas Menu*/
.bg-light {
    background-color: rgba(255, 255, 255, 0) !important;
    padding-top: 39px !important;
    padding-bottom: 20px;
}

.single-page .bg-light {
    background-color: #fff !important;
}

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-brand img {
    margin-right: 26px;
}

.nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.5);
}

.offcanvas-collapse {
    position: fixed;
    top: 0; /* Height of navbar */
    bottom: 0;
    right: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: rgba(77, 20, 15, 0.92);
    transition: visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out,
        -webkit-transform 0.3s ease-in-out;
}

.offcanvas-collapse.open {
    visibility: visible;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    height: 100%;
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}

.nav-scroller .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    color: rgba(255, 255, 255, 0.75);
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.navbar-light .navbar-toggler-icon {
    background-image: url(../images/burger.svg) !important;
}

/* menu fullscreen*/

.xclose {
    width: 24px;
    height: 24px;
    margin: 55px auto 0;
}

.nav-eccellenze,
.nav-degustation,
.nav-business-lunch,
.nav-vini,
.nav-contatti {
    text-align: center;
    padding-left: 0;
}

.nav-contatti {
    opacity: 0.5;
}

.navbar-nav {
    margin-top: 90px;
}

.navbar-light .navbar-nav .nav-link,
.nav-eccellenze li a,
.nav-degustation li a,
.nav-business-lunch li a,
.nav-vini li a,
.nav-contatti li a {
    color: #fff;
    font-size: 20px;
    font-family: "SangBleuLightItalic", serif;
    font-style: italic;
    font-size: 32px;
    line-height: 37px;
    margin-bottom: 5px;
    text-align: center;
}

.nav-eccellenze,
.nav-degustation,
.nav-business-lunch,
.nav-vini {
    margin-top: 48px;
}

.nav-contatti {
    color: rgba(255, 255, 255, 0.5);
    margin-top: 54px;
}

/*scelta lingue burger menu*/

.scelta-lang {
    text-align: center;
    position: relative;
    left: 0;
    bottom: -80px;
    width: 100%;
}

.scelta-lang a {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    padding-right: 28px;
}

.scelta-lang a:last-child {
    padding-right: 0;
}

.scelta-lang a.active {
    font-weight: 500;
}

/* Stile Menu */
.container.pagina-menu {
    padding-top: 123px;
}

h1 {
    font-family: "SangBleuLightItalic", serif;
    font-size: 32px;
    color: #4d140f;
    text-transform: none;
    margin-top: 10px;
    margin-bottom: 35px;
}

.riga-portata,
.riga-vino,
.riga-cocktail {
    padding-bottom: 9px;
    padding-top: 9px;
}

.card-cantina .row.riga-vino:last-child:after,
.card-cantina .row.riga-cocktail:last-child:after {
    display: none;
}

.row.riga-portata:after,
.row.riga-vino:after,
.row.riga-cocktail:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #ede7da;
    margin: 20px 15px 0;
}

.desc-portata,
.desc-vino,
.desc-cocktail {
    color: #000;
    letter-spacing: 0.1px;
}

.desc-vino,
.desc-cocktail {
    font-size: 14px;
}

.desc-vino .nome-vino,
.desc-cocktail .nome-cocktail {
    font-size: 16px;
    font-weight: 500;
}

small {
    font-weight: 300;
    padding: 12px 0;
    display: inline-block;
}

.allergeni-sigla {
    color: #a49694;
}

.prezzo-portata,
.prezzo-vino,
.prezzo-cocktail {
    font-family: "SangBleuRegular", serif;
    color: #880e13;
    text-align: right;
}

.note-allergeni {
    font-size: 12px;
    line-height: 140%;
    margin: 50px 0;
}

/* allergeni btn */
.allergeni-btn {
    font-family: "Montserrat", serif;
    font-weight: 500;
    font-size: 18px;
    color: #000 !important;
    padding-top: 12px;
    display: inline-block;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    padding-left: 0;
}

.allergeni-btn:after {
    width: 100%;
    height: 1px;
    background: #000;
    content: "";
    display: block;
    margin-top: 1px;
}
/* legend btn */
.legend-btn {
    font-family: "Montserrat", serif;
    font-weight: 500;
    font-size: 18px;
    color: #880e13 !important;
    padding-top: 12px;
    display: inline-block;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    padding-left: 0;
}

.legend-btn:after {
    width: 100%;
    height: 1px;
    background: #880e13;
    content: "";
    display: block;
    margin-top: 1px;
}
/* allergeni modal */
.modal#allergeniModal {
    bottom: 0 !important;
}

#allergeniModal .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 75px 0 0;
}

#allergeniModal .modal-content {
    background-color: rgba(77, 20, 15, 0.92);
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    border-top-left-radius: 35px;
    border-top-right-radius: 35px;
    color: #fff;
    height: 100%;
}

.modal-dialog-scrollable .modal-content {
    height: calc(100vh - 75px) !important;
}

#allergeniModal .modal-body {
    padding-left: 15px;
    padding-right: 15px;
}

#allergeniModal .xclose {
    margin-top: 35px;
    margin-bottom: 30px;
}

#allergeniModal h3 {
    color: #fff;
    font-family: "SangBleuLightItalic", serif;
    font-style: italic;
    font-size: 32px;
    line-height: 37px;
    text-transform: none;
    margin-bottom: 10px;
}

.allergeni-intro {
    margin-top: 34px;
    font-family: "Montserrat", serif;
    font-weight: 300;
    margin-bottom: 25px;
}

ul.allergeni-list {
    padding-left: 0;
    list-style-type: none;
}

ul.allergeni-list li {
    padding-left: 32px;
    text-indent: -30px;
}

.allergene {
    font-weight: 500;
    padding-right: 10px;
    width: 21px;
    /* background: red; */
    display: inline-block;
    text-indent: 0;
}

.allergeni-intro2 p {
    margin-top: 24px;
}

.allergeni-intro2 p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* legend modal */
.modal#legendModal {
    bottom: 0 !important;
}

#legendModal .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 75px 0 0;
}

#legendModal .modal-content {
    background-color: rgba(77, 20, 15, 0.92);
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    border-top-left-radius: 35px;
    border-top-right-radius: 35px;
    color: #fff;
    height: 100%;
}

.modal-dialog-scrollable .modal-content {
    height: calc(100vh - 75px) !important;
}

#legendModal .modal-body {
    padding-left: 15px;
    padding-right: 15px;
}

#legendModal .xclose {
    margin-top: 35px;
    margin-bottom: 30px;
}

#legendModal h3 {
    color: #fff;
    font-family: "SangBleuLightItalic", serif;
    font-style: italic;
    font-size: 32px;
    line-height: 37px;
    text-transform: none;
    margin-bottom: 10px;
}

.legend-intro {
    margin-top: 34px;
    font-family: "Montserrat", serif;
    font-weight: 300;
    margin-bottom: 25px;
}

ul.legend-list {
    padding-left: 0;
    list-style-type: none;
}

ul.legend-list li {
    padding-left: 32px;
    text-indent: -30px;
}

.allergene {
    font-weight: 500;
    padding-right: 10px;
    width: 21px;
    /* background: red; */
    display: inline-block;
    text-indent: 0;
}

.legend-intro2 p {
    margin-top: 24px;
}

.legend-intro2 p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

/*modal tweaks*/
.modal.fade .modal-dialog {
    transform: translate3d(0, 100vh, 0);
    opacity: 0;
}

.modal.show .modal-dialog {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.modal-title.title-red {
    color: #4d140f;
    line-height: 37px;
}

.modal-content.gallery-content {
    min-height: 95vh;
}

.modal-content.gallery-content .carousel-control-next-icon {
    background-image: url(../images/carousel-dx.svg);
}

.modal-content.gallery-content .carousel-control-prev-icon {
    background-image: url(../images/carousel-sx.svg);
}

/* menu principale vini*/
.sezione-vino,
.sezione-cocktail {
    text-align: center;
    margin-bottom: 21px;
}

.sezione-vino a,
.sezione-cocktail a {
    font-size: 28px;
    line-height: 37px;
    color: #000;
    font-family: "SangBleuLightItalic", serif;
    font-weight: normal;
    font-style: italic;
}

.vini-cont,
.cocktails-cont {
    margin-top: 70px;
}

/* BUSINESS LUNCH */
.business-lunch-menu-1,
.business-lunch-menu-2 {
    width: 40%;
    margin-top: 1rem;
    margin-right: auto;
    margin-left: auto;
}

.business-lunch-menu-title {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.business-lunch-menu-price {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}

.business-lunch-menu-price .hline {
    width: 100%;
    height: 1px;
    background: #4d140f;
}

.business-lunch-menu-drinks p {
    font-weight: bold;
}

.business-lunch-menu-firsts .or,
.business-lunch-menu-firsts .allergens,
.business-lunch-menu-seconds .or,
.business-lunch-menu-seconds .allergens {
    color: #a49694;
}

.business-lunch-menu-title,
.business-lunch-menu-price,
.business-lunch-menu-appetizer h5,
.business-lunch-menu-firsts h5,
.business-lunch-menu-seconds h5,
.business-lunch-menu-drinks p {
    color: #4d140f;
}

h3.business-lunch-menu-title {
    line-height: 120%;
}

h3.business-lunch-menu-title strong,
h4.business-lunch-menu-price {
    font-family: "SangBleuMediumItalic", serif;
    font-weight: normal;
}

.business-lunch-menu-appetizer h5,
.business-lunch-menu-firsts h5,
.business-lunch-menu-seconds h5 {
    font-size: 24px;
    font-weight: normal;
}

.business-lunch-menu-price {
    width: 70%;
    margin: 0 auto 35px;
}

.business-lunch-menu-1 hr,
.business-lunch-menu-2 hr {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 767px) {
    .business-lunch-menu-1,
    .business-lunch-menu-2 {
        width: 100%;
    }

    .business-lunch-menu-1:after {
        content: "";
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #4d140f;
        display: block;
        margin: 40px auto;
    }
}

/* menu degustazione */
.degustation-price {
    font-size: 26px;
    color: #4d140f;
}

.degustation-menu h3 {
    font-size: 24px;
    color: #4d140f;
}

.degustation-menu p {
    font-size: 16px;
    font-weight: 300px;
}

.degustation-divisor {
    width: 100%;
    background: #ede7da;
    height: 1px;
    margin: 1rem 0;
}

.degustation-menu .or {
    color: #a49694;
    font-size: 1.5rem;
}

.degustation-menu .red-line {
    width: 2.5rem;
}

.degustation-desc {
    font-size: 14px;
    color: #4d140f;
}

/* pagine vini e bevande*/
h3.separatore-vini,
h3.separatore-special,
h3.separatore-bevande {
    margin-left: 15px;
    font-size: 24px;
    color: #4d140f;
    margin-bottom: 26px;
    margin-top: 40px;
}

h3.separatore-vini.primo {
    margin-top: 0;
}

h3.separatore-special,
h3.separatore-bevande {
    margin-left: 0;
    display: inline-block;
}

h3.separatore-vini:after,
h3.separatore-special:after,
h3.separatore-bevande:after {
    content: "";
    display: block;
    width: 100%;
    background-color: #4d140f;
    height: 1px;
}

.riga-portata.ultima:after {
    background: #fff;
}

.riga-portata.ultima {
    margin-bottom: 30px;
}

.coravin h3.separatore-vini,
.glasses h3.separatore-vini,
.sparkling h3.separatore-vini {
    display: inline-block;
    text-align: left;
}

.h3-cont {
    width: 100%;
}

.riga-portata.coperto .desc-portata {
    font-size: 14px;
    font-weight: 300;
    color: #880e13;
    padding-top: 25px;
    padding-bottom: 0;
}

span.puntino {
    font-weight: 500;
    padding-left: 5px;
    padding-right: 5px;
}

.riga-portata.coperto {
    padding-top: 0;
    padding-bottom: 0;
}

.row.riga-portata.coperto:after {
    display: none;
}

p.show-all {
    color: #880e13;
    font-weight: bold;
    margin: 1rem 0;
}

span.counter-circle {
    background-color: #880e13;
    border-radius: 50%;
    padding: 0.5rem 0.8rem;
    width: 80px;
    height: 80px;
    color: #fff;
}

/* Select regioni */
h1.mb5 {
    margin-bottom: 5px;
}

form#region-form {
    padding-left: 0;
    padding-right: 0;
    margin-top: -25px;
}

select#region {
    padding: 20px !important;
    background-color: #efefef;
    /* background-color: rgba(255,0,0,0.5);*/
    border: none;
    text-align: center;
    font-size: 20px;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    margin-bottom: 35px;
    margin-bottom: 10px;
    margin-top: 15px;
}

select#region.safari {
    border-right: 0 !important;
    border-left: 0 !important;
    height: 50px !important;
}

select#region option[selected="selected"] {
    text-transform: uppercase;
}

#region-form:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #ede7da;
    margin: 0;
    display: block;
}

form + .riga-vino {
    margin-top: 15px;
}

/* paginazione*/
.frecce-cont {
    /*position: fixed; left: 0;*/
    margin-bottom: 33px;
    margin-top: 33px;
    text-align: center;
}

a.nascosta {
    visibility: hidden;
}

.prima img,
.dopo img {
    width: 60px;
    height: 30px;
    display: inline-block;
}

.prima img {
    margin-right: 45px;
}

.dopo img {
    margin-left: 45px;
}

/* contatti */
.single-page.contatti #animation-cont {
    background: #fff url(../images/contatti-mob.jpg) no-repeat center top;
    background-size: cover;
    min-height: 100vh;
    height: 100vh;
}

.single-page.contatti .bg-light {
    background-color: rgba(255, 255, 255, 0) !important;
}

/*.single-page.contatti .container.pagina-menu {
    /*background-color: #fff;
    padding-bottom: 45px;*/
/*}*/

.testo-contatti {
    text-align: center;
    padding-top: 20px;
    margin-bottom: 5px;
}

.img-contatti {
    width: 100%;
}

.footer-contatti {
    text-align: center;
    font-family: "SangBleuLightItalic", serif;
    font-style: italic;
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
    padding: 12px 15px 0;
    color: #4d140f;
}

.esp {
    font-family: "Montserrat", serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #000;
}

.sep {
    width: 46px;
    border-bottom: 2px solid #4d140f;
    margin: 0 auto 10px;
}

.footer-contatti p {
    margin-bottom: 14px;
    margin-top: 14px;
}

.med {
    font-family: "SangBleuMediumItalic", serif;
}

.footer-contatti p:first-child {
    margin-bottom: 30px;
    padding-bottom: 4px;
}

.espa a:focus,
.esp a:active,
.esp a:visited,
.esp a:hover,
.esp a {
    color: #4d140f;
    font-weight: 500;
}

/*Intro lingue */
.scelta-lingue .navbar.fixed-top.bg-light {
    display: none;
}

.logo-cpl {
    padding: 90px 0;
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
}

.logo-cpl img {
    margin: 0 auto;
}

.selettore-lingue-cont {
    text-align: center; /*margin-top:90px;*/
}

.btn-lingua {
    display: inline-block;
    width: 80px;
    text-align: center;
    font-family: "Montserrat", serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 65px;
    height: 65px;
    margin: 0 3px;
    background-color: #880e13;
    color: #fff !important;
}

/*intro stagione*/
.pagina-menu.intro-stagione h1 {
    font-size: 40px;
    line-height: 45px;
    padding-top: 52px;
    margin-bottom: 18px;
}
/*@media (max-width: 768px) {
    .intro-stagione{
        background: -moz-linear-gradient(0deg, rgba(79,4,15,0) 0%, rgba(79,4,15,0.88) 34%, rgba(79,4,15,0.88) 100%);
        background: -webkit-linear-gradient(0deg, rgba(79,4,15,0) 0%, rgba(79,4,15,0.88) 34%, rgba(79,4,15,0.88) 100%);
        background: linear-gradient(0deg, rgba(79,4,15,0) 0%, rgba(79,4,15,0.88) 34%, rgba(79,4,15,0.88) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4f040f",endColorstr="#4f040f",GradientType=1);
    }
}*/

.testo-stagione {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #880e13;
}

.freccia-stagione {
    margin-top: 58px;
}

.freccia-stagione a img {
    margin: 0 auto;
    width: 61px;
    height: 15px;
}

/* BLIND BY ZURKAISERKRON */
.blind-title {
    color: #880e13;
    font-weight: 300;
    font-size: 1.2rem;
}

.blind-paragraph {
    font-size: 0.9rem;
}

/* MEDIA QUERY */
@media screen and (max-width: 375px) {
    #x-close-button .xclose {
        margin-top: 48px;
    }

    .navbar-nav {
        margin-top: 40px;
    }

    .navbar-light .navbar-nav .nav-link,
    .nav-eccellenze li a,
    .nav-degustation li a,
    .nav-business-lunch li a,
    .nav-vini li a,
    .nav-contatti li a {
        font-size: 28px;
    }

    .nav-eccellenze,
    .nav-degustation,
    .nav-business-lunch,
    .nav-vini {
        margin-top: 30px;
    }

    .nav-contatti {
        margin-top: 20px;
    }

    .scelta-lang {
        bottom: 0;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 340px) {
    h1,
    .pagina-menu.intro-stagione h1 {
        font-size: 32px;
    }

    .pagina-menu.intro-stagione h1 {
        padding-top: 0;
    }
}

@media screen and (min-width: 576px) {
    .single-page.contatti .container.pagina-menu {
        width: 100%;
        min-width: 100%;
    }

    .single-page.contatti .img-contatti {
        background: #fff;
        margin: 0 auto;
        padding: 50px 0;
    }

    .single-page.contatti .img-contatti img {
        width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (width: 390px) and (height: 844px) {
    .scelta-lang {
        bottom: -25px;
    }

    .navbar-nav {
        margin-top: 35px;
    }
}

@media screen and (width: 476px) and (height: 847px) {
    .scelta-lang {
        bottom: -25px;
    }
}

@media screen and (width: 375px) and (height: 812px) {
    .scelta-lang {
        bottom: -50px;
    }
}

@media screen and (min-width: 411px) and (min-height: 731px) {
    .scelta-lang {
        bottom: -30px;
        padding-bottom: 30px;
    }
}

@media screen and (min-width: 768px) {
    .scelta-lingue #animation-cont,
    .intro-stagione #animation-cont {
        background: url(../images/2025-montagne-tablet-autunno.jpg) no-repeat
            center bottom;
        background-size: cover;
    }

    .single-page.contatti #animation-cont {
        background: url(../images/contatti-tablet.jpg) no-repeat center bottom;
        background-size: cover;
    }
}

@media screen and (min-width: 1025px) {
    .scelta-lingue #animation-cont,
    .intro-stagione #animation-cont {
        background: url(../images/2025-montagne-desktop-autunno.jpg) no-repeat
            center bottom;
        background-size: cover;
    }

    .single-page.contatti #animation-cont {
        background: url(../images/contatti-desk.jpg) no-repeat center bottom;
        background-size: cover;
    }
}

@media screen and (max-width: 540px) and (max-height: 736px) {
    .scelta-lingue #animation-cont,
    .intro-stagione #animation-cont {
        background: url(../images/2025-small-autunno.jpg) no-repeat center
            bottom;
        background-size: cover;
    }

    .single-page.contatti #animation-cont {
        background: url(../images/contatti-small.jpg) no-repeat center bottom;
        background-size: cover;
    }
}

/*EVENTI*/
#eventsModal h5.modal-title,
#eventsModal .carousel-item h5 {
    line-height: 100%;
}

#eventsModal .carousel-item {
    height: 80vh;
}

#eventsModal .carousel-item {
    background-size: cover;
}

#eventsModalLabel {
    color: #880e13;
    font-weight: normal;
}

#eventsModal .carousel-item .lead {
    color: #4d140f;
    font-size: 18px;
    line-height: 130%;
}

#eventsModal .carousel-item h5,
.carousel-item .font-italic {
    color: #880e13;
}

#eventsModal .carousel-caption {
    top: 30px;
    right: 10%;
    left: 10%;
}

#eventsModal .modal-content,
.modal-content.gallery-content {
    box-shadow: 0 0 300px #000;
}

#eventsModal .close,
.modal-content.gallery-content .close {
    margin-top: -30px;
}

#eventsModal .close span,
.modal-content.gallery-content .close span {
    font-size: 0;
}

#eventsModal .close span:after,
.modal-content.gallery-content .close span:after {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    background: url(../images/close2.svg);
    background-size: contain;
}

#eventsModal .modal-content .carousel-control-next-icon {
    background-image: url(../images/carousel-dx.svg);
}

#eventsModal .modal-content .carousel-control-prev-icon {
    background-image: url(../images/carousel-sx.svg);
}

@media screen and (max-height: 480px) {
    .carousel-caption img,
    ol.carousel-indicators {
        display: none;
    }
}

/*FIX NAV*/
.navbar-brand,
.navbar-brand img {
    margin-right: 0;
    margin-left: 17px;
}

.bell,
.heart {
    width: 25px;
    position: relative;
    top: 10px;
}

.btn .badge {
    position: relative;
    top: -20px;
    left: -25px;
}

.badge.eventi {
    background-color: #880e13;
    color: #fff;
}

.btn.eventi.zero {
    visibility: hidden;
}

/* BOTMAN WIDGET */
.desktop-closed-message-avatar,
.mobile-closed-message-avatar {
    background: #880e13 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.mobile-closed-message-avatar {
    width: 60px !important;
    height: 60px !important;
}

.mobile-closed-message-avatar svg {
    padding: 0 !important;
}

select#region.safari {
    height: auto;
}

/* PIATTI DEL GIORNO */
/*.riga-speciale div {background-color: rgba(0, 0, 0, 0.03);}*/
.riga-speciale div {
    background-color: #faedeb;
}
.riga-speciale div:first-child {
    padding-top: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.riga-speciale div:last-child {
    padding-bottom: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.titolo-fuori-menu:before {
    background-image: url("../images/basket.svg");
    margin-right: 5px;
    vertical-align: middle;
    display: inline-block !important;

    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    background-color: lime;
}
.titolo-fuori-menu {
    font-family: "SangBleuLightItalic", serif;
    font-size: 20px;
    color: #4d140f;
}

.titolo-fuori-menu.d-flex {
    display: block !important;
}

.descrizione-fuori-menu {
    font-style: italic;
    padding-bottom: 10px;
    font-size: 14px;
}

/*Filosofia dello Chef*/
.single-page.filosofia #animation-cont {
    background: #fff url(../images/filosofia-mob.jpg) no-repeat center top;
    background-size: cover;
    min-height: 100vh;
    height: 100vh;
}
.contenuti-filosofia {
    text-align: center;
}
.citazione-chef {
    text-align: center;
    font-family: "SangBleuLightItalic", serif;
    font-style: italic;
    font-weight: normal;
    font-size: 32px;
    line-height: 32px;
    padding: 0px 15px 0;
    color: #4d140f;
}
.filosofia-intro {
    font-family: "SangBleuLightItalic", serif;
    padding: 20px;
    font-size: 20px;
}
.filosofia-intro strong {
    font-family: "SangBleuMediumItalic", serif;
}
.firmachef {
    max-width: 85%;
    display: block;
    margin: 0 auto 30px;
    width: 300px;
    padding-left: 40px;
}

.filosofia-capitolo,
.qualifica-chef {
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 8px;
    color: #870115;
}

.testo-filosofia {
    margin-top: 25px;
}
.qualifica-chef {
    margin-top: 0 !important;
}
.qualifica-chef span {
    display: block;
    font-family: "SangBleuLightItalic", serif;
    text-transform: none;
    font-size: 20px;
    color: #000;
}

a.btn-filosofia {
    font-family: "SangBleuLightItalic", serif;
    font-size: 14px;
    padding: 6px 12px;
    display: inline-block;
    border: 1px solid #870115;
    color: #870115 !important;
    margin: 0 auto;
    text-decoration: none;
}
a.btn-filosofia:hover {
    color: #fff !important;
    background-color: #870115;
}

.citazione-chef span.before {
    font-size: 58px !important;
    display: inline-block;
    position: relative;
    top: 7px;
    left: -10px;
    opacity: 0.3;
}
.citazione-chef span.after {
    font-size: 58px !important;
    display: inline-block;
    position: relative;
    top: 40px;
    right: -5px;
    opacity: 0.3;
}

.toggle-filosofia {
    background-color: rgba(255, 255, 255, 0.65);
    margin-top: 20px;
    padding: 20px;
    font-style: italic;
    color: #000;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
}
.toggle-filosofia p:last-child {
    margin-bottom: 0;
}
.spacer-filo {
    height: 30px;
}
.filosofia p br {
    height: 5px;
}

.portrait {
    width: 300px;
    max-width: 80%;
    display: block;
    margin: 0 auto;
    border-radius: 100%;
}
.portrait.chef1 {
    width: 400px;
}

@media screen and (min-width: 768px) {
    .single-page.filosofia #animation-cont {
        background: url(../images/filosofia-tablet.jpg) no-repeat center bottom;
        background-size: cover;
    }
}

@media screen and (min-width: 1025px) {
    .single-page.filosofia #animation-cont {
        background: url(../images/filosofia-desk.jpg) no-repeat center bottom;
        background-size: cover;
    }
}

@media screen and (max-width: 540px) and (max-height: 736px) {
    .single-page.filosofia #animation-cont {
        background: url(../images/filosofia-small.jpg) no-repeat center bottom;
        background-size: cover;
    }
}

.vegetarian-badge img {
    position: relative;
    top: -7px;
}