/*
 * Mohni luxury interior palette
 * Warm plaster, champagne brass, espresso fixtures, and eucalyptus accents.
 */
:root {
    --mohni-ivory: #f7f2e9;
    --mohni-white: #fffdf8;
    --mohni-stone: #ded5c8;
    --mohni-champagne: #c2a66f;
    --mohni-champagne-dark: #957844;
    --mohni-sage: #748278;
    --mohni-sage-dark: #4f5e54;
    --mohni-charcoal: #202421;
    --mohni-espresso: #29241f;
    --mohni-copy: #595b57;
}

body {
    color: var(--mohni-copy);
    background: var(--mohni-white);
}

a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
strong,
.mh-servicecontent h3 em,
.mh-postdetails .mh-treatmentlist li:before {
    color: var(--mohni-champagne-dark);
}

a:hover,
a:focus,
a:active,
.mh-navigation ul li:hover > a,
.mh-navigation ul li:focus > a,
.mh-navigation ul li .sub-menu li a:hover {
    color: var(--mohni-champagne-dark);
}

.mh-topbar {
    background: var(--mohni-espresso);
}

.mh-navigationarea,
.sticky,
.sub-menu {
    background: var(--mohni-white);
}

.mh-navigation ul li a,
.mh-navigation ul li .sub-menu li a,
.mh-headingtree,
.mh-headingtree a,
.mh-twoheading,
.mh-headcontent h2,
.mh-servicecontent h3,
.mh-sectiontitle h2,
.mh-col h3,
.mh-col .mh-info li,
.mh-col .mh-info li span {
    color: var(--mohni-charcoal);
}

.sub-menu {
    border-top: 1px solid var(--mohni-champagne);
    box-shadow: 0 18px 45px rgba(32, 36, 33, 0.14);
}

.mh-logo h1 {
    color: var(--mohni-charcoal);
    font-family: "Playfair Display", Georgia, serif;
    font-weight: 400;
    letter-spacing: 0.035em;
}

.mh-navigation > ul > li > a {
    letter-spacing: 0.06em;
}

.mh-sliderbar {
    color: var(--mohni-espresso);
    background: #e9dfcf;
    border-bottom: 1px solid rgba(149, 120, 68, 0.22);
}

.mh-btn {
    color: var(--mohni-white);
    background: var(--mohni-charcoal);
    border: 1px solid var(--mohni-charcoal);
    box-shadow: 0 8px 22px rgba(32, 36, 33, 0.15);
    letter-spacing: 0.09em;
}

.mh-socialicons li a,
.mh-paradiseiconbox,
.mh-dropdowarrow,
#back-top,
.mh-prev:hover,
.mh-next:hover {
    color: var(--mohni-white);
    background: var(--mohni-sage-dark);
}

.mh-btn:hover,
.mh-btn:focus {
    color: var(--mohni-charcoal);
    background: var(--mohni-champagne);
    border-color: var(--mohni-champagne);
    box-shadow: 0 10px 26px rgba(149, 120, 68, 0.22);
}

.mh-socialicons li a:hover,
#back-top:hover {
    color: var(--mohni-charcoal);
    background: var(--mohni-champagne);
}

.mh-sectiontitle:before {
    background: var(--mohni-champagne);
}

.mh-sectiontitle h2 {
    font-family: "Playfair Display", Georgia, serif;
    letter-spacing: 0.015em;
}

.mh-sectiontitle h2 span,
.mh-headcontent .mh-description,
.mh-col .mh-timeandday,
.mh-col .mh-info li span em,
.mh-col .mh-info li span a,
.mh-col .mh-description,
.mh-copyright {
    color: #6e6a63;
}

.mh-bg,
.bg-grey,
.mh-footer {
    background: var(--mohni-ivory);
}

.mh-bg .mh-sectiontitle:after {
    background-color: var(--mohni-ivory);
}

.mh-services.v2 .mh-servicecontent,
.mh-teamcontent,
.mh-productsbox {
    background: var(--mohni-white);
    border: 1px solid rgba(194, 166, 111, 0.22);
    box-shadow: 0 16px 42px rgba(32, 36, 33, 0.08);
}

.mh-serviceimg:after,
.mh-teamimg:after,
.mh-servicebox:hover .mh-serviceimg:after,
.mh-teambox:hover .mh-teamimg:after {
    border-color: rgba(194, 166, 111, 0.72);
}

.mh-innerbanner-area {
    background-color: rgba(32, 36, 33, 0.88);
}

.mh-footerbar {
    color: rgba(255, 253, 248, 0.78);
    background: var(--mohni-espresso);
}

.mh-footernav li {
    border-color: rgba(194, 166, 111, 0.45);
}

.mh-footerbar .mh-footernav li,
.mh-footerbar .mh-footernav li a,
.mh-footerbar .mh-copyright,
.mh-footerbar small {
    color: rgba(255, 253, 248, 0.78);
}

.mh-pricelist {
    background-color: rgba(79, 94, 84, 0.94);
    border: 1px solid rgba(194, 166, 111, 0.5);
}

.promotion-color {
    color: var(--mohni-champagne-dark);
}

img.mh-border {
    --color: var(--mohni-champagne);
}

input:focus,
select:focus,
.select select:focus,
.form-control:focus {
    border-color: var(--mohni-champagne-dark);
    box-shadow: 0 0 0 3px rgba(194, 166, 111, 0.12) !important;
}

@media (max-width: 991px) {
    .navbar-toggle {
        background: var(--mohni-champagne);
    }

    .navbar-collapse {
        background: var(--mohni-white);
    }

    .navbar-collapse ul li a {
        border-color: var(--mohni-stone);
    }

    .navbar-collapse ul li.mh-open > a,
    .navbar-collapse ul li > a:hover,
    .navbar-collapse ul li.mh-open .sub-menu li a:hover {
        color: #fff;
        background: var(--mohni-charcoal);
    }
}