.business-info {
    background: var(--color-2);
}
.buttons {
    column-gap: 20px;
}
.business-info a {
    color: #fff;
}
.buttons .red {
    background: #8C201C !important;    
}
.buttons .red:hover {
    background: #fff !important; 
    color: #000;   
}
.buttons .yellow {
    background: #8C201C !important;
    width: 166px;   
}
.buttons .yellow:hover {
    background: #fff !important;
    color: #000 !important;
}

.btn-template.yellow {
    background: #8C201C !important;
}
.btn-template.yellow:hover
{
    background: #fff!important;
    color: #000 !important;
}
.accent-2 a {
    color: var(--color-6);
}
.accent-2 .text-yellow {
    color: #8C201C !important;
}
.menu-item .text-yellow {
    color: #8C201C !important;
}
.text-yellow {
    color: #8C201C !important;
}
.cater .accordion-header {
    margin: 0 auto;
    max-width: 250px;
    background: #8C201C;
    color: #fff;
    }
    .cater .accordion-button {
        text-transform: uppercase;
        font-size: 20px;
        justify-content: center;
        background-color: var(--color-6);  
        font-weight: 400;  
        color: #fff;
    }
    .accordion-item {
        background-color: transparent;
        box-shadow: none !important;
        border: 0;
    }
    .accordion-button:focus {
        box-shadow: none !important;
        border: 0;
    }
    .accordion-button::after {
        display: none;
    }
    .accordion-item:first-of-type .accordion-button {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .accordion-button:not(.collapsed) {
        color: #fff;
        background-color: var(--color-6);    
        box-shadow: none!important; 
        font-size: 26px;   
    }
    .menu-section h3 {
        color: #fff;
    }
    .accent-2 .accordion-button:not(.collapsed)::after {
        background-image: var(--bs-accordion-btn-icon);
    }
    .accordion-item:last-of-type .accordion-button.collapsed {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        font-size: 26px;
    }
   .menu-section .menu-title, .menu-section p, .menu-section .menu-price {
color: #fff !important;
    }
    .dropdown-header {
        font-size: 1.4475rem;
    color: #b31317;
    }
    .hero-address h2 {
        font-weight: 800;
        color: #fff;
    }
    
    .front .reviews-module {
        display: none;
    }
    .contact-location .logo {
        max-width: 280px;
    }
    .find-us section {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-grow: 1;
    }
    .find-us  {
        display: flex;
        flex-direction: column;
    }
    .find-us .red {
        background-color: #8C201C !important;
    }
    .find-us .red:hover {
        background-color: #fff !important;
    }
    .image-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
    .uk-position-center-left {
        left: -32px;
    }
    .uk-position-center-right {
        right: -32px;
    }
    .anchor-offset {
        display: block;
        position: relative;
        top: -200px;
        visibility: hidden;
    }
    .catering .btn-yellow {
        background: var(--color-6) !important;
    }
    .navbar-brand img {
        transition: all .15s ease-in-out;
    }
   
    .scrolled .navbar-brand img {
        max-height: 80px;
    }
    .navbar-brand {
        padding-top: 0;
        padding-bottom: 5px;
    }
    .home-btn {
        min-width: 192px;
    padding-left: 7px;
    padding-right: 7px;
    border: 0 !important;
    }
    .header .dropdown-menu.show {
        overflow-y: scroll;
        height: 330px;
    }
  .header .select-options::-webkit-scrollbar,
.header .dropdown-menu::-webkit-scrollbar {
	width: 10px;
	overflow: hidden;
	border-radius: 25px;
}

.header .select-options::-webkit-scrollbar-track {
	background: transparent !important;
}

.header .dropdown-menu::-webkit-scrollbar-track {
	background: var(--color-3) !important;
}

.header .select-options::-webkit-scrollbar-thumb,
.header .dropdown-menu::-webkit-scrollbar-thumb {
	background: var(--color-6) !important;
	border-radius: 25px;
}

.location-wrapper h2 {	
	font-size: 3.25rem;
	font-weight: 600;
}
ul.gallery-filters {
    display: flex;
    list-style-type: none;
    padding: 0;
    justify-content: center;
    margin-top: 30px;
  }
ul.gallery-filters li {
    order: 1; 
    margin-right: 10px; 
  }
  
  ul.gallery-filters li[data-filter="*"] {
    order: -1; 
  }
  
  ul.gallery-filters li[data-filter=".fooddrink"] {
    order: 0; 
  }
  .catering a {
    color: #fff;
  }
.menu-section h4 {
    color: #fff;
}
.heroTxt {
    color: #fff;
    font-size: 3.3vw;
}

@media (max-width: 575px) {
.contact-location {
    display: flex;
    justify-content: center;
}
.menu-section {   
    padding: 5px;
}
}

@media (max-width: 579px) {
    .promo-hover {
        padding: 10px;
    }
    .home-grid {
        padding-bottom: 0 !important;
    }
    .promo-hover .buttons {
        display: block!important;
    }
    .business-info .buttons {
        display: block!important;
    }

    .business-info .buttons .mt-4 {
        margin-top: 0!important;
    }

.hours {
    text-align: center;
}
.find-us {
    align-items: center;
    text-align: center;
}
.social {
    align-items: center;
    justify-content: center !important;
}
}
@media (min-width: 576px) and (max-width: 991px) {
    .contact-location .logo {
        max-width: 170px;
    }
}
@media (min-width:876px) {
    .promo-hover .buttons {
        max-width: 400px;
        margin: 0 auto;
        }
}


.wrapsection .container {
height: 0;
margin-bottom: 23vh;
margin-top: -23vh;
}

#hero .uk-slider-container img {
    object-fit: cover;
    height: 100%;
    min-width: 100%;
}
#hero .uk-slider, .uk-slider-container, .uk-slider-items {
    height: 100%;
}

.dropdown-toggle.show.scroll-img:before {
    content: url('../images/design/scroll.webp'); 
    position: absolute;
    right: 2px;
    top: 10px;
    transform: translateY(0%);
    pointer-events: none;
}
.business-info .logo {
    max-width: 200px;
    margin-left: -10px;
}
.business-info h3 {
    color:#fff;
}



.secondary-bg {   
    background-color: var(--color-4-opacity-darker);
    height: 65vh;
    min-height: 400px;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed;
    -webkit-background-attachment: fixed; 
}
.desctop-p a, .mob-p a {
    color:#fff;
}
@media only screen and (max-device-width: 768px) {
    .secondary-bg {
        background-attachment: scroll; 
    }
}
@media (max-width:876px) {
.desctop-p {
    display: none!important;
    color:#fff;
}
}
@media (min-width:877px) {
    .mob-p {
        display: none!important;
        color:#fff;
    }
    }