/* =========================================================
   PALETTE HOTEL LINK RHO
   Blu notte / blu acciaio / champagne / avorio
   ========================================================= */

body {
    color: #FFFFFF;
}


/* =========================================================
   FONDI SCURI
   ========================================================= */

.offer-box,
.od-content,
.offer-form-container,
.mobile-nav,
ul.short-menu,
ul.short-menu .sub-menu,
#loader,
.m-email,
.m-phone,
.m-booking,
.datepicker.dropdown-menu,
#langmessage,
.lang-select a,
.mapovermobile-zoomIn,
.mapovermobile-zoomOut,
.mapovermobile-link {
    background: #102638;
}


/* Box testuali sopra le fotografie */

.text-bottom {
    background: rgba(16, 38, 56, 0.93);
}


/* Menu principale sovrapposto */

#secondary-navigation {
    background: rgba(16, 38, 56, 0.97);
}


/* Campi scuri dei moduli */

.offer-form-container input[type="text"],
.offer-form-container textarea,
form.mail-form select {
    background: #1D3A55;
    color: #FFFFFF;
}


/* =========================================================
   LOGO E CONTATTI
   ========================================================= */

.logo-container,
.site-phones {
    background: #477C8E;
}

.f-phone,
.f-email {
    color: #FFFFFF;
}

.f-phone:hover,
.f-email:hover {
    color: #F4F1EB;
    font-weight: bold;
}


/* =========================================================
   PULSANTI
   ========================================================= */

/* Pulsante principale scuro */

.btn-1 {
    background: #17324D;
    color: #FFFFFF;
}

.btn-1:hover {
    background: #C7A86B;
    color: #17324D;
}


/* Pulsante secondario chiaro */

.btn-2 {
    background: #F4F1EB;
    color: #17324D;
}

.btn-2:visited,
.btn-2:focus,
.btn-2:active {
    color: #17324D;
}

@media (min-width: 768px) {
    .btn-2:hover {
        background: #C7A86B;
        color: #17324D;
    }
}


/* =========================================================
   LINK E HOVER
   ========================================================= */

.lang-select a:hover,
.sub-menu-1 a.menu-lnk-2:hover,
.secondary-nav-menu a:hover,
.secondary-nav-lang a:hover,
.offer-box:hover .read-more span,
ul.short-menu li a:hover,
.read-more a:hover {
    color: #D8BD84;
}


/* Hamburger */

.navbar-toggle:hover .icon-bar {
    background-color: #C7A86B;
}


/* Pulsante chiusura menu */

.close-secondary-nav:hover polygon {
    fill: #C7A86B;
}


/* Navigazione laterale fullpage */

#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span,
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
    background: #C7A86B;
}


/* =========================================================
   BORDI E TITOLI
   ========================================================= */

.text-border {
    border: 1px solid rgba(244, 241, 235, 0.85);
}

.tb-title,
h1,
h2,
h3,
h4,
h5 {
    color: #FFFFFF;
}


/* =========================================================
   BARRA PRENOTAZIONE
   ========================================================= */

.booking {
    background: #F4F1EB;
    color: #17324D;
}

.book-title,
#ricercaEsperienza .label {
    color: #17324D;
}

#ricercaEsperienza input.form-b-i,
#ricercaEsperienza select.form-b-s {
    background: #FFFFFF;
    color: #17324D;
    border: 1px solid #D7DDE1;
}


/* =========================================================
   DATEPICKER
   ========================================================= */

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused,
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
    background: #477C8E;
    color: #FFFFFF;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    background-image: none;
    background-color: #C7A86B;
    border-color: #C7A86B;
    color: #17324D;
    text-shadow: none;
    filter: none;
}


/* =========================================================
   OFFERTE E TARiffe
   ========================================================= */

.offer-title {
    background: #C7A86B;
    border-color: #F4F1EB;
    color: #17324D;
}

.offer-box:hover .offer-title {
    background: #F4F1EB;
    color: #17324D;
    border-color: #C7A86B;
}


/* =========================================================
   FAQ
   ========================================================= */

.faq-item {
    border: 1px solid rgba(244, 241, 235, 0.35);
    background: rgba(255, 255, 255, 0.04);
}

.faq-question {
    color: #FFFFFF;
}

.faq-question:hover,
.faq-item.active .faq-question {
    background: #C7A86B;
    color: #17324D;
}

.faq-question:hover .faq-icon,
.faq-item.active .faq-icon {
    border-color: rgba(23, 50, 77, 0.65);
}

.faq-answer {
    background: rgba(0, 0, 0, 0.16);
    border-top: 1px solid rgba(244, 241, 235, 0.20);
}


/* =========================================================
   MESSAGGI INFORMATIVI
   ========================================================= */

.alert-info {
    background: #E9F0F3;
    border: 1px solid #BBCCD4;
    color: #17324D;
}

#langmessage .close {
    background: #0B1E2D;
    color: #FFFFFF;
}


/* =========================================================
   MAPPA
   ========================================================= */

#tooltip a {
    color: #17324D;
}

#tooltip h3 {
    color: #000000;
}


/* =========================================================
   SFUMATURA SULLE FOTOGRAFIE
   ========================================================= */

.gradient {
    background: -moz-linear-gradient(
        left,
        rgba(16, 38, 56, 0.68) 0%,
        rgba(16, 38, 56, 0.04) 100%
    );

    background: -webkit-linear-gradient(
        left,
        rgba(16, 38, 56, 0.68) 0%,
        rgba(16, 38, 56, 0.04) 100%
    );

    background: linear-gradient(
        to right,
        rgba(16, 38, 56, 0.68) 0%,
        rgba(16, 38, 56, 0.04) 100%
    );

    filter: none;
}


/* =========================================================
   FINESTRE MODALI
   ========================================================= */

.titolo_modale {
    color: #000000;
}