/**
 * Nắng's Villa & Coffee theme palette.
 * Inspired by the property's wood interiors, pine views and light rooms.
 */

:root {
    --nang-forest: #315343;
    --nang-forest-dark: #213a30;
    --nang-sage: #829783;
    --nang-coffee: #a96f4b;
    --nang-coffee-dark: #855438;
    --nang-cream: #f5f0e7;
    --nang-sand: #e7dccb;
    --nang-paper: #fffdf9;
    --nang-ink: #332c27;
    --nang-muted: #746b62;
}

body,
.columns-container {
    background: var(--nang-cream);
    color: var(--nang-ink);
}

a {
    color: var(--nang-forest);
}

a:hover,
a:focus {
    color: var(--nang-coffee-dark);
}

header #nav-main {
    background-color: var(--nang-forest-dark);
}

header .header-top {
    background: rgba(33, 58, 48, .94);
}

header .header-top-item .header-top-link,
header #nav-main,
header #nav-main a {
    color: #fffdf9;
}

.btn-primary,
.button.button-medium,
button.exclusive,
input.button_mini,
input.button_small,
input.button,
input.button_large {
    background: var(--nang-forest) !important;
    border-color: var(--nang-forest) !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.button.button-medium:hover,
button.exclusive:hover {
    background: var(--nang-forest-dark) !important;
    border-color: var(--nang-forest-dark) !important;
}

.btn-default {
    background: var(--nang-paper);
    border-color: var(--nang-sand);
    color: var(--nang-forest);
}

.btn-default:hover,
.btn-default:focus {
    background: var(--nang-sand);
    border-color: var(--nang-coffee);
    color: var(--nang-coffee-dark);
}

.nav_toggle,
.close_navbar {
    background-color: var(--nang-coffee) !important;
}

.nav_toggle:hover,
.nav_toggle:focus,
.close_navbar:hover,
.close_navbar:focus {
    background-color: var(--nang-coffee-dark) !important;
}

.button.button-small,
.button.button-small span,
.button.button-small span:hover {
    background: var(--nang-forest) !important;
    border-color: var(--nang-forest) !important;
}

.form-control:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: var(--nang-sage) !important;
    box-shadow: 0 0 0 2px rgba(49, 83, 67, .12) !important;
    outline: 0;
}

/* Keep every light dropdown readable inside the dark header and elsewhere. */
.dropdown-menu {
    background-color: var(--nang-paper);
    border-color: var(--nang-sand);
    color: var(--nang-ink);
}

.dropdown-menu > li > a,
header #nav-main .dropdown-menu > li > a,
header .header-top .dropdown-menu > li > a {
    background-color: transparent;
    color: var(--nang-ink) !important;
    text-shadow: none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
header #nav-main .dropdown-menu > li > a:hover,
header #nav-main .dropdown-menu > li > a:focus {
    background-color: var(--nang-forest);
    color: #fff !important;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus,
header #nav-main .dropdown-menu > .disabled > a,
header #nav-main .dropdown-menu > .disabled > a:hover,
header #nav-main .dropdown-menu > .disabled > a:focus {
    background-color: #f2eee7;
    color: var(--nang-muted) !important;
}

select,
select.form-control,
select option,
.chosen-container-single .chosen-single,
.chosen-container .chosen-results,
.chosen-container .chosen-results li,
div.selector span {
    background-color: var(--nang-paper);
    color: var(--nang-ink);
}

.chosen-container .chosen-results li.highlighted {
    background: var(--nang-forest);
    color: #fff;
}

.card,
.panel,
.thumbnail,
.booking-form,
.qwi-form,
.qwi-result-card {
    background-color: var(--nang-paper);
    border-color: var(--nang-sand);
    box-shadow: 0 8px 28px rgba(51, 44, 39, .08);
}

h1,
h2,
h3,
h4,
h5,
h6,
.page-heading,
.page-product-heading,
.qwi-heading h2,
.qwi-result-body h3 {
    color: var(--nang-forest-dark);
}

#index .header-desc-primary .header-hotel-name,
#index .header-desc-primary .header-hotel-desc {
    color: #fff;
    text-shadow: 0 2px 14px rgba(20, 31, 26, .72);
}

.breadcrumb {
    background: var(--nang-paper);
    border-color: var(--nang-sand);
}

.breadcrumb a {
    background: var(--nang-paper);
    color: var(--nang-forest);
}

.price,
.our_price_display,
.product-price,
.price-percent-reduction,
.qwi-kicker {
    color: var(--nang-coffee) !important;
}

.product_description_tabs li.selected {
    border-bottom-color: var(--nang-coffee) !important;
}

.product_description_tabs li.active:after,
#rooms_extra_services .nav-tabs > li.active:after {
    background: var(--nang-coffee) !important;
}

.pb-left-column .num_reviews,
.rooms_extra_services .open_rooms_extra_services,
a.open_rooms_extra_services_panel {
    color: var(--nang-forest) !important;
}

.footer-container,
#footer {
    background: var(--nang-forest-dark);
    color: #e9e2d8;
}

#footer a,
.footer-container a {
    color: #f6eee2;
}

#footer a:hover,
.footer-container a:hover {
    color: #d9ad87;
}

.qwi-inquiry,
#header .qwi-inquiry {
    background: var(--nang-cream);
    color: var(--nang-ink);
}

.qwi-room {
    background: #faf7f1;
    border-color: var(--nang-sand);
}

.qwi-link-button {
    color: var(--nang-forest);
}

.qwi-whatsapp {
    background: #2f7a55 !important;
    border-color: #2f7a55 !important;
}

.qwi-whatsapp:hover,
.qwi-whatsapp:focus {
    background: #235f41 !important;
    border-color: #235f41 !important;
}

::selection {
    background: var(--nang-sage);
    color: #fff;
}