/*
* Variabili
*/
:root {
    --defaultFont: "Playfair Display", serif;
    --fontBastone: "Abel", sans-serif;
    --blu: #051C2C;
    --blu-chiaro: #79838D;
    --grey-ciano: #b9bec4;
    --oro: #A3664B;
    --grigio :#515352;
    --panna: #F4F3EE;
    --rosa: #E9D6CE;
}

body {
    font-family: var(--defaultFont);
    font-size: 18px;
    color: var(--grigio);
    background-color: #fefdfb;
}

a.call-to-action {
    font-family: var(--fontBastone) !important;
    text-transform: uppercase;
    color: var(--oro) !important;
    text-decoration: none !important;
}

a.call-to-action_white {
    font-family: var(--fontBastone) !important;
    text-transform: uppercase;
    color: var(--panna) !important;
    text-decoration: none !important;
}

#navigation .btn-link:hover {
    color: var(--blu-chiaro) !important;
}

/* SIZING */
.min-h-100 {
    min-height: 100%;
}


/* FONT */
.bastone {
    font-family: var(--fontBastone);
}
.graziato {
    font-family: var(--defaultFont);
}

h1 {
    font-family: var(--fontBastone);
    font-size: 1.3em;
    color: var(--blu-chiaro);
    text-transform: uppercase;
}

h2,
h3,
h4,
h5,
h6 {
    font-family: var(--fontBastone);
    font-weight: 400 !important;
}

.display-max {
    font-size: 10rem;
}

.fs-n-1 {
    font-size: 0.9rem;
}
.fs-n-2 {
    font-size: 0.8rem;
}
.fs-n-3 {
    font-size: 0.7rem;
}
.fs-n-4 {
    font-size: 0.6rem;
}
.fs-n-5 {
    font-size: 0.5rem;
}

/* HOVER */
.btn-link:hover {
    color: var(--blu-chiaro);
}
a[class*="hvr-icon-"]:hover i.fa-thin {
    font-weight: 900 !important;
}
a {
    text-decoration: none;
}
a:hover {
    color: var(--blu-chiaro);
}
/* Animazione ICONE Toggle Collapse */
[aria-expanded="false"] .menu__icon--open {
    display: inline;
}
[aria-expanded="false"] .menu__icon--close {
    display: none;
}
[aria-expanded="true"] .menu__icon--open {
    display: none;
}
[aria-expanded="true"] .menu__icon--close {
    display: inline;
}

/* FOCUS */
.btn:focus {
    box-shadow: none !important;
}

/* COLORI */
.bg-blu {
    background-color: var(--blu);
}
.bg-panna {
    background-color: var(--panna);
}
.bg-blu-sfumato {
    background-image: linear-gradient(var(--blu), black, var(--blu));
}
.bg-rosa {
    background-color: var(--rosa);
}
.bg-oro {
    background-color: var(--oro);
}
.bg-background{
    background-color: #fefdfb !important;
}
.blu {
    color: var(--blu);
}
.blu-chiaro,
.text-blu-chiaro {
    color: var(--blu-chiaro);
}
.oro,
.gold,
.text-gold {
    color: var(--oro);
}

/* IMMAGINI di BACKGROUND */
@media (min-width: 990px) {
    .bg-azienda {
        background-position: top !important;
    }
}
.bg-azienda {
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255,255,255,0.9)), url('/media/images/castello-di-bolgheri_azienda_background.jpg') bottom center no-repeat;
    mix-blend-mode: multiply;
}
.bg-cantina {
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255,255,255,0.9)), url('/media/images/castello-di-bolgheri_cantina_background.jpg') top center no-repeat;
}
.bg-prodotti {
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255,255,255,0.9)), url('/media/images/castello-di-bolgheri_prodotti_background.jpg') top center no-repeat;
}
.bg-castellodibolgheri {
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255,255,255,0.9)), url('/media/images/castello-di-bolgheri_prodotto_background.jpg') center center no-repeat;
    mix-blend-mode: multiply;
    background-size: cover;
}
.bg-ospitalita {
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255,255,255,0.9)), url('/media/images/castello_bolgheri_ospitalita_background.jpg') bottom center no-repeat;
}
.bg-olio {
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255,255,255,0.9)), url('/media/images/castello_bolgheri_olio_rami.jpg') no-repeat center center;
    min-height: 300px;
    background-size: cover;
}
@media (min-width: 575px) {
    .bg-olio-terroir {
        background-position: top !important;
        background-size: cover !important;
    }
}
.bg-olio-terroir {
    background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255,255,255,0.9)), url('/media/images/castello_bolgheri_olio_terroir_back.png') no-repeat bottom center;
}
.bg-sitemap {
    background: url('/media/images/disegno_sitemap.jpg') bottom center no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
}
.bg-navigation {
    background: url('/media/images/disegno_menu.jpg') bottom center no-repeat;
    background-size: contain;
}
.bg-blu-chiaro {
    background-color: var(--blu-chiaro);
}
.bg-grey-ciano {
    background-color: var(--grey-ciano);
}

/*BREADCRUMB*/

.breadcrumb-item a{
    color: var(--oro);
}
.breadcrumb-item a:hover{
    color: var(--blu-chiaro);
}
/* TESTI */
.strillo {
    font-weight:700;
    font-style: italic;
}

.dida {
    font-family: var(--fontBastone);
    font-size: 15px;
    line-height: 1.25;
}

.denominazione {
    font-family: var(--fontBastone);
    color: var(--oro);
    text-transform: uppercase;
}
#awards-tabContent .premi {
    font-size: 40px;
}
.premi {
    font-size: 2em;
}

#riconoscimenti .premi {
    font-size: 50px;
}

.premi_awards {
    font-size: 50px;
}

.years-selector:hover {
    color: var(--oro);
    font-size: 2rem !important;
}

/* FORM */
.form-bolgheri {
    background-color:white;
    border-radius: 0 !important;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-width: 1px;
    border-color: var(--grey-ciano);
}
.form-bolgheri:focus {
    background-color: white !important;
    border-bottom-width: 2px;
    border-color: var(--oro);
    outline: 0;
    box-shadow: none !important;
}

.form-check-input:checked {
    background-color: var(--oro);
    border-color: var(--oro);
}
.form-check-input:focus {
    box-shadow: none !important;
}

/* DATE PICKER */
.dow {
    font-family: var(--fontBastone);
    color: var(--oro);
}
.day {
    font-size: 14px;
}
.datepicker-cell.range-end:not(.selected), .datepicker-cell.range-start:not(.selected) {
    background-color: var(--blu-chiaro) !important;
}
.datepicker-cell.selected, .datepicker-cell.selected:hover {
    background-color: var(--oro) !important;
}

.datepicker-cell.day.disabled{
    opacity: .2;
}

/* BOTTONI */
.btn-bolgheri {
    color: #fff;
    background-color: var(--blu);
    border-color: var(--blu);
}
.btn-bolgheri:hover {
    color: #fff;
    background-color: var(--blu-chiaro);
    border-color: var(--blu-chiaro);
}

.btn-close {
    background: none !important;
    opacity: 1 !important;
}
.btn-close:focus {
    box-shadow: none !important;
}

.dropdown-item:hover {
    background-color: transparent !important;
    color: none !important;
}

.btn-transparent {
    background-color: transparent !important;
    border: 0;
}

.logo-tab {
    height: 50px;
}

.bottle-tab {
    height: 350px;
}


/* BTN-LINK Style*/
.btn-link.active {
    color: var(--blu-chiaro);
}
#awards-tabButtons .nav-pills .nav-responsive,
#awards-tabButtons .nav-pills .nav-responsive.active {
    background-color: transparent !important;
    border: none;
}

#awards-tabButtons .nav-pills img {
    opacity: 0.30;
}

#awards-tabButtons .nav-pills .nav-responsive.active img {
    opacity: 1;
}

/* DECORAZIONI GENERICHE e DEL TESTO */
.underline-title-blu{
    border-bottom: 3px solid var(--blu-chiaro);
    width: 50px;
}
.underline-title-oro{
    border-bottom: 3px solid var(--oro);
    width: 50px;
}
.underline-annate a {
    border-bottom: 1px solid var(--blu-chiaro);
    padding-bottom: 5px;
}
.underline-annate a.active {
    border-bottom: 5px solid var(--oro);
}
.underline-premi{
    border-bottom: 3px solid var(--oro);
    width: 50px;
}
.border-oro{
    border-color: var(--oro) !important;
}

.subline-oro {
    border-top: 1px solid var(--oro);
}
.vl-oro {
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to top, rgba(255, 255, 255, 0), var(--oro), rgba(255, 255, 255, 0)) 1;
    height: 400px;
}

.vh-oro {
    height: 2px; /* Imposta l'altezza a 1px per creare un divisore sottile */
    border-width: 0;
    background: linear-gradient(to right, rgba(255, 215, 0, 0) 0%, var(--oro) 50%, rgba(255, 215, 0, 0) 100%);
    width: 100%; /* Rendi la larghezza piena */
    margin: 30px 0; /* Aggiungi uno spazio sopra e sotto il divisore, se necessario */
}

.border-v-oro {
    border-image: linear-gradient(to top, rgba(255, 255, 255, 0), var(--oro), rgba(255, 255, 255, 0)) 1 !important;
}

/* PADDING e MARGIN*/
@media (min-width: 1700px) {
    .px-xxl-10{
        padding-left: 10rem !important;
        padding-right: 10rem !important;
    }
}

@media (min-width: 1400px) {
    .mt-xl-n10 {
        margin-top: -10rem !important;
    }
}
@media (min-width: 770px) {
    .mt-md-n10 {
        margin-top: -10rem !important;
    }
}

@media (min-width: 1000px) {
    .mt-xl-n7 {
        margin-top: -7rem !important;
    }
}


/* Forzo il bottone ad uscire di griglia */
#navigationClose {
    position: absolute; top: 10px; right: 10px;
}
/* Disabilito la forzatura del bottone di chiusura ad uscire dalla griglia: */
@media (max-width: 770px) {
    #navigationClose {
        position: relative !important;
        top: auto;
        right:auto;
    }
    #navigationClose button {
        color: var(--oro) !important;
    }
}


/* Animazione CSS che utilizzo in Tiny Slider */
.fadeOut {
    animation-name: fadeOut;
}
@keyframes fadeOut {
    from {
        opacity: 100;
    }
    to {
        opacity: 0;
    }
}


 /* Cambio grandezza font dei placeholder */

 ::-webkit-input-placeholder {
    font-size: 0.9rem !important;
 }




 .col_nazione.active_nazione{position:relative !important;top:unset !important;left:unset !important;right:unset !important;bottom:unset !important;}