/* =========================================================
   RESTAURANT PAGE THEME
   Main theme color: #845228
   Only affects this page
   ========================================================= */

.restaurant-dark-page {
    background: #845228;
    color: #F0F2F0;
}

/* ---------- Main text ---------- */

.restaurant-dark-page p,
.restaurant-dark-page span,
.restaurant-dark-page li {
    color: #F0E6DC;
}

.restaurant-dark-page h1,
.restaurant-dark-page h2,
.restaurant-dark-page h3,
.restaurant-dark-page h4,
.restaurant-dark-page h5,
.restaurant-dark-page h6,
.restaurant-dark-page strong,
.restaurant-dark-page small {
    color: #FFFFFF;
}

/* ---------- Hero ---------- */

.restaurant-dark-page h1 {
    font-size: 60px;
    font-weight: 600;
}

.restaurant-dark-page .btn_menu:hover {
    background-color: #6A401F;
}

.restaurant-dark-page .hero-bg::after {
    background: rgba(0, 0, 0, 0.35);
}

.restaurant-dark-page .hero .heading-font h1,
.restaurant-dark-page .hero .heading-font p {
    color: #FFFFFF !important;
}

/* ---------- Main sections ---------- */

.restaurant-dark-page main {
    background: #845228;
}

.restaurant-dark-page .container {
    color: #F0E6DC;
}

/* ---------- Intro section ---------- */

.restaurant-dark-page .intro .title small {
    color: #E0CDBB !important;
}

.restaurant-dark-page .intro .title h2 {
    color: #FFFFFF !important;
}

.restaurant-dark-page .paragraph-font {
    color: #F0E6DC !important;
}

/* ---------- Opening hours ---------- */

.restaurant-dark-page .list-unstyled strong {
    color: #FFFFFF !important;
}

.restaurant-dark-page .list-unstyled span {
    color: #F0E6DC !important;
}

.restaurant-dark-page .list-unstyled small {
    color: #D8C2AE !important;
}

/* ---------- Phone ---------- */

.restaurant-dark-page .phone_element a,
.restaurant-dark-page .phone_element span,
.restaurant-dark-page .phone_element em {
    color: #F0E6DC !important;
}

.restaurant-dark-page .phone_element i {
    color: #FFFFFF !important;
}

/* =========================================================
   MENU SECTION
   ========================================================= */

.restaurant-dark-page .pattern_3 {
    background-color: #754821 !important;
}

.restaurant-dark-page .tabs_menu {
    background-color: transparent;
}

/* ---------- Menu title ---------- */

.restaurant-dark-page .pattern_3 .title small {
    color: #E0CDBB !important;
}

.restaurant-dark-page .pattern_3 .title h2 {
    color: #FFFFFF !important;
}

/* =========================================================
   MENU TABS
   ========================================================= */

.restaurant-dark-page .nav-tabs {
    border-bottom: 1px solid #A87850 !important;
}

.restaurant-dark-page .nav-tabs .nav-link {
    color: #E0CDBB !important;
    background: transparent !important;
    border-color: transparent !important;
}

.restaurant-dark-page .nav-tabs .nav-link:hover {
    color: #FFFFFF !important;
}

.restaurant-dark-page .nav-tabs .nav-link.active {
    color: #FFFFFF !important;
    background: #966039 !important;
    border-color: #A87850 #A87850 #966039 !important;
}

/* =========================================================
   RESTAURANT CARDS
   ========================================================= */

.restaurant-dark-page .restaurant-card {
    background: #754821 !important;
    border: 2px solid rgba(255, 255, 255, 0.25) !important;
}

.restaurant-dark-page .restaurant-card .card-body {
    background: #754821 !important;
}

/* ---------- Menu item ---------- */

.restaurant-dark-page .menu_item {
    background: transparent !important;
    border-color: #9B6844 !important;
}

.restaurant-dark-page .menu_item h3 {
    color: #FFFFFF !important;
}

.restaurant-dark-page .menu_item p {
    color: #E0D0C2 !important;
}

.restaurant-dark-page .menu_title em {
    color: #FFFFFF !important;
}

/* ---------- Menu item separators ---------- */

.restaurant-dark-page .menu_item {
    border-color: #9B6844 !important;
}

/* =========================================================
   MENU BANNERS
   ========================================================= */

.restaurant-dark-page .banner {
    background-color: #663D1D !important;
}

.restaurant-dark-page .banner h3 {
    color: #FFFFFF !important;
}

.restaurant-dark-page .banner small {
    color: #E0D0C2 !important;
}

.restaurant-dark-page .banner p {
    color: #E0D0C2 !important;
}

/* =========================================================
   CARD MENU / ACCORDION
   ========================================================= */

.restaurant-dark-page .tabs_menu .tab-content .restaurant-card {
    border: 2px solid rgba(255, 255, 255, 0.25) !important;
    background-color: #754821 !important;
    padding: 0 45px;
}

@media (max-width: 991px) {
    .restaurant-dark-page .tabs_menu .tab-content .restaurant-card {
        padding: 0;
    }
}

.restaurant-dark-page .tabs_menu .tab-content .restaurant-card .card-header {
    padding: 0;
    background-color: #754821 !important;
    border: 0;
}

.restaurant-dark-page .tabs_menu .tab-content .restaurant-card .card-header a {
    display: block;
    font-size: 18px;
    font-size: 1.125rem;
    padding: 15px;
    color: #FFFFFF !important;
}

.restaurant-dark-page .tabs_menu .tab-content .restaurant-card .card-header a:hover {
    color: #E0CDBB !important;
}

.restaurant-dark-page .tabs_menu .tab-content .restaurant-card .card-body {
    padding: 45px 0 20px 0;
    background-color: #754821 !important;
}

/* =========================================================
   BACK TO TOP
   ========================================================= */

.restaurant-dark-page .progress-wrap {
    background: #663D1D !important;
}

.restaurant-dark-page .progress-wrap svg path {
    stroke: #FFFFFF !important;
}