/* Minification failed. Returning unminified contents.
(287,28): run-time error CSS1039: Token not allowed after unary operator: '-green'
(905,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(906,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(907,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(908,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(909,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(910,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(911,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(912,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(913,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(914,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(916,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(917,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(918,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(919,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(920,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(921,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1976,19): run-time error CSS1039: Token not allowed after unary operator: '-fa-display'
(2024,31): run-time error CSS1046: Expect comma, found '0'
(2024,35): run-time error CSS1046: Expect comma, found '/'
(2071,17): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(2337,28): run-time error CSS1039: Token not allowed after unary operator: '-gray'
(2344,17): run-time error CSS1039: Token not allowed after unary operator: '-footerDkGray'
(2346,33): run-time error CSS1039: Token not allowed after unary operator: '-dotColor'
(2360,17): run-time error CSS1039: Token not allowed after unary operator: '-connect'
(2425,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2500,34): run-time error CSS1039: Token not allowed after unary operator: '-dotColor'
(2501,35): run-time error CSS1039: Token not allowed after unary operator: '-dotColor'
(2618,32): run-time error CSS1039: Token not allowed after unary operator: '-gray'
(2731,43): run-time error CSS1046: Expect comma, found '103'
(2731,51): run-time error CSS1046: Expect comma, found '/'
(2732,51): run-time error CSS1046: Expect comma, found '103'
(2732,59): run-time error CSS1046: Expect comma, found '/'
(3427,57): run-time error CSS1030: Expected identifier, found 'p'
(3427,58): run-time error CSS1031: Expected selector, found ')'
(3427,58): run-time error CSS1025: Expected comma or open brace, found ')'
(4717,17): run-time error CSS1039: Token not allowed after unary operator: '-brown'
(4725,16): run-time error CSS1039: Token not allowed after unary operator: '-brown'
(4732,17): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(4746,17): run-time error CSS1039: Token not allowed after unary operator: '-brown'
(4776,28): run-time error CSS1039: Token not allowed after unary operator: '-green'
(5240,17): run-time error CSS1039: Token not allowed after unary operator: '-brown'
(5252,17): run-time error CSS1039: Token not allowed after unary operator: '-brown'
(5666,47): run-time error CSS1046: Expect comma, found '103'
(5666,55): run-time error CSS1046: Expect comma, found '/'
(5667,55): run-time error CSS1046: Expect comma, found '103'
(5667,63): run-time error CSS1046: Expect comma, found '/'
(8903,35): run-time error CSS1046: Expect comma, found '0'
(8903,39): run-time error CSS1046: Expect comma, found '/'
 */
html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    /*font-family: Arial, Helvetica, sans-serif;*/
    overflow-x: hidden;
    overflow-y: auto;
    background-image: none !important /*url("Images/fd_bg.jpg")*/;
    background-size: contain;
    background-color: #f2f0e8;
}

.skipBtn {
    position: absolute;
    z-index: 100202;
    background-color: #E8E8E8;
    color: #392b04;
    border: 3px solid #392b04;
    padding: 1rem;
    transform: translateY(-300%);
    transition: transform .4s;
}

#skipToFooter:focus, #skipToMain:focus {
    transform: translateY(0)
}

.home-text a {
    text-decoration: none;
}

.home-content-inner p {
    margin-bottom: 0;
}

.home-image-container {
    margin-top: 12px;
}

.no-pointer {
    cursor: default !important;
}

#discountMessage p {
    font-size: 11px !important;
}

#ordertracking {
    width: 85%;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 64px;
}

#slideTop {
    position: fixed;
    bottom: 100px;
    right: 64px;
    background-color: transparent;
    background-image: url('/Content/Images/elevator.png');
    width: 47px;
    height: 46px;
    border: none;
    display: none;
}

#alertTitle {
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 17px;
    line-height: 24px;
    margin-top: -10px;
}

:focus {
    outline-width: thin;
    outline-style: dotted;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-menu li.nav-item a.nav-link {
    color: #000 !important;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.bold-label-dropdown {
    font-weight: bold;
}

div.no-label-dropdown {
    flex: unset !important;
    max-width: unset !important;
    width: 100%;
}

select.no-label-dropdown {
    height: 49px;
    width: 100%;
}

.caret-reverse {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
}

.fakeimg {
    height: 300px;
    background: #E8E8E8;
}

.fakeimg1 {
    height: 200px;
    background: #E8E8E8;
}

.img-responsive {
    width: inherit !important;
    height: inherit !important;
}

.container {
    padding: 16px;
}

.sticky {
    position: fixed;
    top: 32px;
    width: 100%;
}

    .sticky + .container {
        padding-top: 102px;
    }



/*breadcrumbs*/

.breadcrumbs {
    text-transform: uppercase;
}

    .breadcrumbs a {
        color: rgba(0,0,0,.5);
    }

/*breadcrumbs*/

/*Locations Page*/

.location-background-image {
    width: 100%;
    height: 450px;
    text-align: center;
}

#body {
    padding-top: 80px;
    overflow-x: visible;
}

/*group order page settings*/
.grpOrder #body {
    padding-top: 96px;
    overflow-x: visible;
    padding-bottom: 38px;
}

.grpOrder #header div.pull-right {
    margin-right: 22px !important;
}

#body-edit {
    padding-top: 80px;
}

div#pickup {
    border: 1px solid red;
    padding-left: 10px;
    border-radius: 50%;
    background-color: white;
    width: 150px;
}

div.alert-light {
    border-radius: 15%;
}

.navbar a, .nav-item a, .nav-item .btn {
    text-transform: uppercase;
    color: #FFFFFF;
}

.vl {
    border-left: 1px solid lightgray;
    height: 30px;
    margin-left: -3px;
}

.category-container div.category {
    width: 285px;
}

    .category-container div.category h5 {
        margin: 1rem 0;
        text-transform: uppercase !important;
        font-weight: 700;
        font-family: "Burford Base", serif;
    }

    .category-container div.category a {
        text-decoration: underline;
    }

img {
    max-width: 100%;
}

.home-image-container img {
    height: 60px;
    margin-top: -5px;
}

.bold {
    font-weight: bold;
}

.featured-categories {
    width: 75%;
    margin: auto;
    margin-top: 32px;
    margin-bottom: 80px;
    justify-content: center;
}

.featured-categories-controls {
    text-align: center;
    margin: 24px;
    display: block;
}

.btn-tall {
    height: 50px;
    padding-top: 12px;
}

.menu-category-container {
    width: 50%;
    margin: 12px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 32px;
    position: relative;
}

.category-page.menu-category-container {
    width: 33%;
}

@media(max-width:425px) {

    .category-page.menu-category-container {
        width: 50%;
    }
}

.menu-category-container > .category-view > a, .menu-category-container > .category-view > span {
    font-family: 'Montserrat Black', sans-serif !important;
    color: white;
    padding: 10px 24px;
    width: 254px;
    height: 44px;
    display: block;
    text-align: center;
    background-color: var(--green);
    border-radius: 9999px;
}

.mobile, .price-section-mobile {
    display: none;
}

.location-txt {
    color: #b62926 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 100px;
    cursor: pointer;
    line-height: 16px;
    font-size: 17px;
}

.bg-black {
    background-color: black !important;
}

.bg-white {
    background-color: white !important;
}

.w-full {
    width: 100% !important;
}

::-webkit-scrollbar {
    width: 4px;
}


::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0,0,0,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(0,0,0,0.4);
    }

.phones-only {
    display: none;
}

.hidden {
    display: none !important;
}

.confirmationModalBody {
    font-size: 14px;
}

.confirmation-modal-buttons {
    padding-bottom: 20px;
}

#confirmation-title {
    margin-top: -10px;
}

#confirmation-modal-buttons {
    margin-bottom: 15px;
    margin-top: -15px;
    text-align: center;
}

#signUpBannerContainer {
    display: none;
}

#locationInfoContainer {
    display: none;
}

#bannerContainer {
    border: 1px solid black;
    border-radius: 12px;
    position: fixed;
    background-color: #F2F0E8;
    z-index: 100200;
    top: 84px;
    display: none;
    right: 10px;
    padding: 12px 16px 16px 16px;
    flex-direction: column;
    align-items: flex-start;
}

    #bannerContainer.show {
        display: inline-flex !important;
    }

.bannerCloseButton {
    display: none;
}

#bannerDetail {
    display: flex;
    padding: 4px 0px;
    align-items: center;
    gap: 12px;
}

    #bannerDetail p {
        color: #5C3D2B;
        font-family: 'Montserrat Black', sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 900;
        line-height: 30px;
        margin-bottom: 0;
    }

.bannerProduct {
    display: flex;
    width: 270px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.bannerDesktopDetailDiv {
    display: flex !important;
    padding: 20px 4px 4px 4px;
    align-items: flex-start;
    gap: 8px;
}


.productName p {
    color: #5C3D2B;
    font-family: 'Montserrat Black', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: 0.035px;
    margin-bottom: 0;
}

.currentProductInstructions p {
    color: #5C3D2B;
    font-family: Raleway Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.035px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-bottom: 0;
}


.productOption p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #5C3D2B;
    font-family: Raleway Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.035px;
    margin-bottom: 0;
}

.bannerPrice {
    display: flex !important;
    width: 89px;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

#basketPrice {
    color: #5C3D2B;
    text-align: right;
    font-family: 'Montserrat Black', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: 0.28px;
    margin: 0;
}

#detailPrice {
    color: #5C3D2B;
    text-align: right;
    font-family: Raleway Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.26px;
}

.bannerImage {
    width: 120px;
    flex-shrink: 0;
}

    .bannerImage img {
        border-radius: 24px;
        height: 100%;
        cursor: pointer;
        object-fit: contain;
    }

.bannerCorrectIcon {
    display: none;
}

.banner-up:before {
    position: absolute;
    top: -24px;
    right: 23px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 24px solid #000;
    content: '';
    z-index: 1;
}

.banner-up:after {
    position: absolute;
    top: -22px;
    right: 23px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 24px solid #F2F0E8;
    content: '';
    z-index: 2;
}

@media(max-width:991px) {
    .banner-up::before, .banner-up::after {
        right: 60px;
    }

    .featured-categories {
        width: 95%;
    }

    .mobile {
        display: block;
    }

    .pc-only {
        display: none;
    }
}

@media(max-width:767px) {
    .bannerDesktopDetailDiv {
        display: none !important;
    }

    .banner-up::before {
        position: absolute;
        top: -23px;
        right: 65px;
        width: 0;
        height: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 24px solid #1B8736;
        content: '';
    }

    .banner-up::after {
        position: absolute;
        top: -23px;
        right: 65px;
        width: 0;
        height: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 24px solid #1B8736;
        content: '';
    }

    .bannerCloseButton {
        width: 24px;
        height: 24px;
        display: inline-block;
        position: absolute;
        right: 12px;
    }

    .bannerCorrectIcon {
        width: 24px;
        height: 24px;
        display: inline-block;
        position: absolute;
        left: 24px;
    }

    #bannerDetail {
        padding: 0;
        width: auto;
        display: inline-block;
        left: 72px;
        position: absolute;
    }

        #bannerDetail p {
            margin-bottom: 0;
            color: #FFF;
            text-align: center;
            -webkit-text-stroke-color: #000;
            font-family: 'Montserrat Black', sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 900;
            letter-spacing: 0.04px;
        }

    #locationInfoContainer {
        display: flex;
        width: 100%;
        padding: 29px 12px 6px 12px;
        justify-content: center;
        align-items: center;
        top: 65px;
        right: 0;
        position: fixed;
        z-index: 996;
        background: #FCC031;
    }

    .location-Info-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 2px;
    }

    .location-container-name {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-top: 15px;
    }

        .location-container-name p {
            color: #5C3D2B;
            text-align: center;
            font-family: 'Raleway Medium', sans-serif !important;
            font-size: 14px;
            font-style: normal;
            font-weight: 800;
            line-height: 24px; /* 171.429% */
            letter-spacing: 0.035px;
            margin-bottom: 0px;
        }

        .location-container-name a {
            color: #5C3D2B;
            font-family: 'Raleway Medium', sans-serif !important;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px;
            letter-spacing: 0.035px;
            text-decoration-line: underline !important;
            text-decoration-style: solid;
            text-decoration-skip-ink: auto;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

    .location-container-info {
        display: flex;
        height: 20px;
        align-items: flex-start;
        gap: 8px;
    }

        .location-container-info p {
            color: #5C3D2B;
            text-align: center;
            font-family: 'Raleway Medium', sans-serif !important;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px; /* 171.429% */
            letter-spacing: 0.035px;
            margin-bottom: 0px;
        }

    #signUpBannerContainer {
        display: none;
        width: 100%;
        padding: 12px;
        justify-content: flex-start;
        align-items: flex-start;
        border: 2px solid #30C7A8;
        z-index: 10000;
        background: #30C7A8;
        top: 80px;
        right: 0;
        position: fixed;
    }

        #signUpBannerContainer.show {
            display: flex !important;
        }
    #signUpBannerDetail {
        color: #FFF;
        text-align: center;
        font-family: 'Raleway Medium', sans-serif !important;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px; /* 120% */
        letter-spacing: 0.05px;
    }

        #signUpBannerDetail p {
            margin-bottom: 0px;
        }

    .signUpCloseButton {
        position: absolute;
        right: 12px;
        display: flex;
        width: 24px;
        height: 24px;
        flex-shrink: 0;
    }

    .join-banner-up::before {
        position: absolute;
        top: -20px;
        right: 73px;
        width: 0;
        height: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 24px solid #30C7A8;
        content: '';
    }

    .join-banner-up::after {
        position: absolute;
        top: -20px;
        right: 73px;
        width: 0;
        height: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 24px solid #30C7A8;
        content: '';
    }

    #bannerContainer {
        border-radius: 0;
        z-index: 100200;
        height: 48px;
        position: fixed;
        top: 84px;
        right: 0;
        border: 0;
        width: 100%;
        background-color: #1B8736;
        color: white;
        text-align: center;
        padding: 10px 0;
        display: none;
        transition: all 0.5s ease;
    }

        #bannerContainer.show {
            display: block !important;
        }

    #slideTop {
        bottom: 40px;
        right: 40px;
        z-index: 2;
    }

    .menu-category-container {
        width: 50% !important;
    }
}

.max-width-container {
    max-width: 1200px;
    margin: auto;
}

.error {
    color: #ff6b17 !important;
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 18px;
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100300; /* Sit on top */
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.show {
    display: table !important;
}

/* Modal Content */
.modal-content {
    background-color: #fff;
    margin: auto;
    width: 375px;
    border-radius: 0;
    z-index: 10001;
    display: inline-block;
    vertical-align: middle;
    text-align: initial;
    font-family: 'Raleway Medium', sans-serif !important;
    color: #5c3d2b
}

@media(max-width: 375px) {
    .modal-content {
        width: 320px;
    }
}

@media(max-width: 374px) {
    #discountMessage p {
        font-size: 9px !important;
    }
}

.modal-dialog {
    width: 100%;
    height: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.alert-modal-header {
    background-color: #30c7a8;
    color: white;
    height: 15px;
    font-family: 'Montserrat Black', sans-serif !important;
    text-transform: uppercase;
    font-size: 16px;
}

.alert-modal-close {
    margin-top: -12px !important;
    height: 20px;
    width: 20px;
    margin-right: -12px !important;
    padding: 0rem 0rem !important;
    cursor: pointer;
}

#modalErrorMsg {
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 15px;
    color: #5c3d2b;
}

.user-newaddress .form-control {
    border: 1px solid #5c3d2b;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}



/*=================================================================*/
:root {
    --skyBlue: #1397e5;
    --orange: #c34a31;
    --white: #fff;
    --gray: #f4f4f4;
    --red: #9f1c2b;
    --dotColor: #b7b7b7;
    --display: none;
    --inputBorderColor: #b4b4b4;
    --inputColor: #666;
    --footerDkGray: #575757;
    --footerLinksGray: #4d4d4d;
    --socialBg: #f05023;
    --connect: #4D4D4D;
    --orange: #FF6B17;
    --brown: #5C3D2B;
    --green: #30C7A8;
    --grey: #F2F0E8;
}

header, footer {
    box-sizing: border-box;
}

    header *, footer *,
    header *::before, footer *::before,
    header *::after, footer *::after {
        box-sizing: inherit;
    }

        header *:focus, footer *:focus,
        header *:active, footer *:active {
            outline: 0;
            outline: none;
        }

header, footer {
    font-family: 'Montserrat Black', sans-serif;
    font-size: 0.9rem;
    text-transform: uppercase;
}

    header ul, footer ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        header ul a, footer ul a {
            text-decoration: none;
        }

.app-terms-condition-links-red {
    text-decoration-color: #d71635 !important;
}

.accessibility-link-red {
    text-decoration-color: #c34a31 !important;
}

@media(max-width: 476px) {
    #checkoutform input {
        font-size: 16px;
    }
}

@media(max-width: 425px) {
    .text-widget .app-terms-conditions-container p {
        text-align: center;
    }

    .text-widget .mobile-app-privacy-policy-head-p strong {
        text-align: left;
        display: inline-block;
    }

    .text-widget .span-strong-text-container span.marker {
        display: inline-table;
        text-align: left;
    }
}

@media(max-width: 390px) {
    .sched-date {
        width: 55%;
    }

    .sched-time {
        width: 45%;
    }
}

@media(max-width: 375px) {
    .text-widget .accessibility-text-widget-container p {
        word-break: break-all;
    }
}

@media(max-width: 374px) {
    .text-widget .make-selection-container h1 span strong {
        font-size: 30px !important;
    }

    .text-widget .accessibility-headtext-container p span {
        font-size: 30px !important;
    }
}

@media(max-width: 360px) {
    .text-widget .nutritional-info-headtext span {
        font-size: 30px !important;
    }

    .sched-date {
        width: 48%;
    }

    .sched-time {
        width: 52%;
    }
}

form[id*='dropdownRedirectForm'] .dropdownredirect-container {
    display: flex;
    justify-content: center;
    margin: 3rem 0;
    height: 4rem;
}

    form[id*='dropdownRedirectForm'] .dropdownredirect-container .form-control.error,
    form[id*='dropdownRedirectForm'] .dropdownredirect-container label.error {
        font-size: 1rem;
    }

    form[id*='dropdownRedirectForm'] .dropdownredirect-container #URLs {
        color: #5c3d2b;
    }

    form[id*='dropdownRedirectForm'] .dropdownredirect-container .form-control.error {
        color: #5c3d2b !important;
    }

/**Fonts**/
/**BurfordBase**/
@font-face {
    font-family: BurfordBase;
    src: url('/Content/Fonts/Burford/eot/BurfordBase.woff2') format('woff2'), url('/Content/Fonts/Burford/eot/BurfordBase.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: Burford-ExtrasSetA;
    src: url("/Content/Fonts/Burford/Kimmy Design - Burford-ExtrasSetA.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: Burford-ExtrasSetB;
    src: url("/Content/Fonts/Burford/Kimmy Design - Burford-ExtrasSetB.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: BurfordDots;
    src: url("/Content/Fonts/Burford/Kimmy Design - BurfordDots.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: BurfordDropShadow;
    src: url("/Content/Fonts/Burford/Kimmy Design - BurfordDropShadow.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: BurfordDropShadowSolo;
    src: url("/Content/Fonts/Burford/Kimmy Design - BurfordDropShadowSolo.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: BurfordExtrudeA;
    src: url("/Content/Fonts/Burford/Kimmy Design - BurfordExtrudeA.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: BurfordExtrudeAShadow;
    src: url("/Content/Fonts/Burford/Kimmy Design - BurfordExtrudeAShadow.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: BurfordExtrudeB;
    src: url("/Content/Fonts/Burford/Kimmy Design - BurfordExtrudeB.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: BurfordExtrudeBSolo;
    src: url("/Content/Fonts/Burford/Kimmy Design - BurfordExtrudeBSolo.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: BurfordExtrudeC;
    src: url("/Content/Fonts/Burford/Kimmy Design - BurfordExtrudeC.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: BurfordExtrudeCSolo;
    src: url("/Content/Fonts/Burford/Kimmy Design - BurfordExtrudeCSolo.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: BurfordInline;
    src: url("/Content/Fonts/Burford/Kimmy Design - BurfordInline.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: BurfordLine;
    src: url("/Content/Fonts/Burford/Kimmy Design - BurfordLine.otf") format("opentype");
    font-display: swap;
}


@font-face {
    font-family: BurfordMarquee;
    src: url("/Content/Fonts/Burford/Kimmy Design - BurfordMarquee.otf") format("opentype");
    font-display: swap;
}


@font-face {
    font-family: BurfordOutline;
    src: url("Fonts/Burford/Kimmy Design - BurfordOutline.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: BurfordRusticBookBold;
    src: url("/Content/Fonts/Kimmy Design - BurfordRusticBookBold.otf") format("opentype");
    font-display: swap;
}
/**BurfordBase**/

/**Museo**/
@font-face {
    font-family: Museo-300Italic;
    src: url("/Content/Fonts/Museo/exljbris - Museo-300Italic.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: MuseoSlab-1000;
    src: url("/Content/Fonts/Museo/exljbris - MuseoSlab-1000.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: MuseoSlab-300;
    src: url("/Content/Fonts/Museo/exljbris - MuseoSlab-300.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: MuseoSlab-500;
    src: url("/Content/Fonts/Museo/exljbris - MuseoSlab-500.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: MuseoSlab-700;
    src: url("/Content/Fonts/Museo/exljbris - MuseoSlab-700.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: MuseoSlab-900;
    src: url("/Content/Fonts/Museo/exljbris - MuseoSlab-900.otf") format("opentype");
    font-display: swap;
}

/**Museo**/
/*SantElia**/

@font-face {
    font-family: SantEliaRoughAlt-Black;
    src: url("'/Content/Fonts/SantElia/Yellow Design Studio - SantEliaRoughAlt-Black.otf'") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: SantEliaRoughAlt-BlackThr;
    src: url("'/Content/Fonts/SantElia/Yellow Design Studio - SantEliaRoughAlt-BlackThr.otf'") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: SantEliaRoughAlt-BlackTwo;
    src: url("'/Content/Fonts/SantElia/Yellow Design Studio - SantEliaRoughAlt-BlackTwo.otf'") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: SantEliaRoughAlt-Bold;
    src: url("'/Content/Fonts/SantElia/Yellow Design Studio - SantEliaRoughAlt-Bold.otf'") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: SantEliaRoughAlt-BoldThr;
    src: url("'/Content/Fonts/SantElia/Yellow Design Studio - SantEliaRoughAlt-BoldThr.otf'") format("opentype");
}

@font-face {
    font-family: SantEliaRoughAlt-BoldTwo;
    src: url("'/Content/Fonts/SantElia/Yellow Design Studio - SantEliaRoughAlt-BoldTwo.otf'") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: SantEliaRoughAlt-ExLight;
    src: url("'/Content/Fonts/SantElia/Yellow Design Studio - SantEliaRoughAlt-ExLight.otf'") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: SantEliaRoughAlt-ExLightThr;
    src: url("'/Content/Fonts/SantElia/Yellow Design Studio - SantEliaRoughAlt-ExLightThr.otf'") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: SantEliaRoughAlt-ExLightTwo;
    src: url("'/Content/Fonts/SantElia/Yellow Design Studio - SantEliaRoughAlt-ExLightTwo.otf'") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: SantEliaRoughAlt-LightThr;
    src: url("'/Content/Fonts/SantElia/Yellow Design Studio - SantEliaRoughAlt-LightThr.otf'") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: SantEliaRoughAlt-LightTwo;
    src: url("'/Content/Fonts/SantElia/Yellow Design Studio - SantEliaRoughAlt-LightTwo.otf'") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: SantEliaRoughAlt-Regular;
    src: url("'/Content/Fonts/SantElia/Yellow Design Studio - SantEliaRoughAlt-Regular.otf'") format("opentype");
    font-display: swap;
}


@font-face {
    font-family: SantEliaRoughAltTwo-Regular;
    src: url("'/Content/Fonts/SantElia/Yellow Design Studio - SantEliaRoughAltTwo-Regular.otf'") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: SantEliaRoughThr-Regular;
    src: url("'/Content/Fonts/SantElia/Yellow Design Studio - SantEliaRoughThr-Regular.otf'") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: SantEliaRoughTwo-Regular;
    src: url("'/Content/Fonts/SantElia/Yellow Design Studio - SantEliaRoughTwo-Regular.otf'") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: SantEliaScript-Black;
    src: url("'/Content/Fonts/SantElia/Yellow Design Studio - SantEliaScript-Black.otf'") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: SantEliaScript-Bold;
    src: url("'/Content/Fonts/SantElia/Yellow Design Studio - SantEliaScript-Bold.otf'") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: SantEliaScript-ExLight;
    src: url("'/Content/Fonts/SantElia/Yellow Design Studio - SantEliaScript-ExLight.otf'") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: SantEliaScript-Light;
    src: url("'/Content/Fonts/SantElia/Yellow Design Studio - SantEliaScript-Light.otf'") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: SantEliaScript-Line;
    src: url("'/Content/Fonts/SantElia/Yellow Design Studio - SantEliaScript-Line.otf'") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: SantEliaScript-Regular;
    src: url("'/Content/Fonts/SantElia/Yellow Design Studio - SantEliaScript-Regular.otf'") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: SantEliaScriptAlt-Black;
    src: url("'/Content/Fonts/SantElia/Yellow Design Studio - SantEliaScriptAlt-Black.otf'") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: SantEliaScriptAlt-Bold;
    src: url("'/Content/Fonts/SantElia/Yellow Design Studio - SantEliaScriptAlt-Bold.otf'") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: SantEliaScriptAlt-ExLight;
    src: url("'/Content/Fonts/SantElia/Yellow Design Studio - SantEliaScriptAlt-ExLight.otf'") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: SantEliaScriptAlt-Light;
    src: url("'/Content/Fonts/SantElia/Yellow Design Studio - SantEliaScriptAlt-Light.otf'") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: SantEliaScriptAlt-Regular;
    src: url("'/Content/Fonts/SantElia/Yellow Design Studio - SantEliaScriptAlt-Regular.otf'") format("opentype");
    font-display: swap;
}
    /*SantElia**/
    /**Fonts**/

/**Lakesight, XCJ@2022-03-25**/
@font-face {
    font-family: Lakesight;
    src: url("/Content/Fonts/Lakesight/Lakesight.otf") format("opentype");
    font-display: swap;
}
/**Lakesight**/

/**Lato, XCJ@2022-03-30**/

/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('/Content/Fonts/Lato/Lato-400_p.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('/Content/Fonts/Lato/Lato-400.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url('/Content/Fonts/Lato/Lato-700_P.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url('/Content/Fonts/Lato/Lato-700.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: url('/Content/Fonts/Lato/Lato-900_p.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: url('/Content/Fonts/Lato/Lato-900.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/**Lato**/




/** Montserrat Black **/
@font-face {
    font-family: 'Montserrat Black';
    src: url("/Content/Fonts/Montserrat/Montserrat-Black.ttf") format("opentype");
    font-display: swap;
}
/** Montserrat Black **/


/** Raleway Medium **/
@font-face {
    font-family: 'Raleway Medium';
    src: url("/Content/Fonts/Raleway/Raleway-Medium.ttf") format("opentype");
    font-display: swap;
}
/** Raleway Medium **/
/*
  HEADER
  HEADER
  HEADER
*/

header {
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80px !important;
    background-color: #f2f0e8 !important;
    z-index: 999;
    filter: drop-shadow(2px 2px 2px #14141321);
    /*clip-path: polygon(0 0, 100% 0, 100% 73%, 0% 100%);*/
}

    header::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 24px;
        background-color: #f2f0e8;
        bottom: 1px;
        transform: translateY(100%);
        clip-path: polygon(0 0, 0% 100%, 100% 0);
    }


    /*header::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 60px;
        background-color: #f2f0e8;
        left: 0;
        transform: translateY(100%);
        z-index: -1;
        clip-path: polygon(0 0, 0% 100%, 100% 0);
    }*/

    /*header {
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 64px !important;
    box-shadow: 0 0 5px rgb(0 0 0 / 40%);
    background-color: var(--white);
    z-index: 999;
    transition: height 0.2s ease-in-out;
}*/

    header.headerWhenScrolledDown {
        height: 51px !important;
    }

    header.headerWhenScrolledUp {
        height: 64px !important;
    }

    header.header-login {
        justify-content: center;
        height: 80px !important;
        filter: drop-shadow(2px 2px 2px #14141321);
    }

/*header.header-login {
    justify-content: start;
    height: 89px !important;
}*/
.seo-metadata-hidden {
    z-index: -1000 !important;
    opacity: -1 !important;
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0px !important;
    color: transparent !important;
}

header.header-login.headerWhenScrolledDown {
    height: 76px !important;
}

header.header-login.headerWhenScrolledUp {
    height: 89px !important;
}

header.header-login .header-menus {
    height: 75px;
}

header .header-menus {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    -webkit-justify-content: flex-end;
    -webkit-align-items: center;
}

.header-login-banner {
    margin-top: -10px;
}
.join-reward-icon {
    background-size: cover;
    background-image: url(/Content/Images/PieIcon.svg);
    width: 36px;
    height: 25.694px;
}
.list-one {
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}
    .list-one p {
        color: #5C3D2B;
        font-family: 'Montserrat Black', sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 900;
        line-height: 20px; /* 125% */
        letter-spacing: 0.04px;
        margin-bottom: 0;
        text-transform: none;
        max-width: 138px;
        text-align: left;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }
header .my-account {
    background-color: #30c7a8;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

header .sign-in-nav {
    height: 25px;
    padding: 0 !important;
    margin: 0 !important;
}

header .navbar {
    font-size: 24px;
    margin-bottom: 14px;
}

header .btn-dropdown-myaccount {
    color: #FFF;
    font-size: 16px;
    /*position: fixed;*/
    right: 0;
    height: 25px;
    padding: 0;
    text-transform: uppercase;
    /*font-weight: bold;*/
}

    header .btn-dropdown-myaccount:hover {
        color: white;
    }

    header .btn-dropdown-myaccount:focus {
        box-shadow: none;
    }

    header .btn-dropdown-myaccount::after {
        font-size: 18px !important;
        display:none;
    }

header .cart-icon-img {
    margin-top: 0px !important;
}

/*body.grpOrder header .cart-icon-img {
    margin-top: 0px !important;
}*/

header .dropdown-myaccount {
    position: absolute;
    border-radius: 4px;
    right: -12px;
    left: auto;
    padding: 17px 15px;
    border: 1px solid #5c3d2b;
    z-index: 10000;
    background-color: #f2f0e8;
    margin-top: 19px;
    width: 214px;
    flex-shrink: 0;
}

header .callout-up::after {
    top: -10px !important;
}

header .callout-up::before {
    top: -11px !important;
}

header .callout-up::before {
    border-bottom: 10px solid #5c3d2b;
    right: 15px !important;
}

header .callout-up::after {
    right: 15px !important;
}

header .dropdown-myaccount > li {
    text-align: center;
    line-height: 0.1rem;
}

    header .dropdown-myaccount > li > a {
        color: #5c3d2b;
        width: 100%;
        font-size: 0.8rem;
        /*font-weight: 700;*/
    }

header .separator {
    border-top: 4px dotted #5c3d2b;
    margin-top: 12px;
    margin-bottom: 12px;
}

header .desktop-menu {
    margin-left: 171px;
}

header .logo-links-container {
    flex-basis: 1;
    margin-right: auto;
    margin-top: 25px;
}

    header .logo-links-container .nav-logo, body.grpOrder header a img {
        position: absolute;
        width: 97px;
        top: 21px;
        left: 45px;
        /*width: 108px;
        top: 18px;
        left: 52px;*/
        /* transition: top 0.7s cubic-bezier(.17,.67,.83,.67);*/
        /*transition: top 0.5s cubic-bezier(0, -1.09, 0.87, -0.14), width 0.1s cubic-bezier(0, -1.09, 0.87, -0.14);*/
    }
        header .logo-links-container .nav-logo.logoWhenScrolledDown {
            width: 64px;
            top: 5px;
        }

        header .logo-links-container .nav-logo.logoWhenScrolledUp {
            width: 108px;
            top: 15px;
        }

header.header-login .logo-links-container .nav-logo {
    top: 30px;
}

    header.header-login .logo-links-container .nav-logo.logoWhenScrolledDown {
        width: 64px;
        top: 29px;
    }

    header.header-login .logo-links-container .nav-logo.logoWhenScrolledUp {
        width: 108px;
        top: 42px;
    }

body.grpOrder header a img#Logo {
    top: 13px;
}

body.grpOrder header a img.logoWhenScrolledDown {
    width: 64px !important;
    top: 7px !important;
}

body.grpOrder header a img.logoWhenScrolledUp {
    width: 108px !important;
}

.header-banner {
    background-image: url(/Content/Images/Rectangle208.png) !important;
    background-position: center center;
    background-repeat: no-repeat;
    width: 194px;
    height: 40px;
    flex-shrink: 0;
    margin-right: 12px;
}

    .header-banner p {
        color: #FFF;
        text-align: center;
        font-family: 'Raleway Medium', sans-serif !important;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        text-transform: none;
        line-height: normal;
        margin: 11px 18px 13px 18px;
        width: 158px;
        display: grid;
        align-items: center;
    }

.sign-up-link {
    margin-right: 0.5vw !important;
}

.account-banner {
    margin-right: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.account-icon {
    width: 36px;
    height: 36px;
    background-image: url(/Content/Images/accounticon.svg) !important;
}

.account-text {
    display: flex;
    align-items: center;
    gap: 4px;
}

    .account-text a {
        text-transform: none;
        color: #5C3D2B;
        text-align: center;
        font-family: 'Raleway Medium', sans-serif !important;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
.account-balance-icon {
    width: 10px;
    height: 7px;
    background-image: url(/Content/Images/Vector.svg) !important;
}
.account-info {
    align-items: center;
}
    .account-info p {
        color: #5C3D2B;
        text-align: center;
        text-transform: none;
        font-family: 'Raleway Medium', sans-serif !important;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 0;
    }

.account-balance {
    justify-content: center;
    display: flex;
    gap: 4px;
    align-items: center;
}
    .account-balance p {
        color: #5C3D2B;
        text-align: center;
        text-transform: none;
        font-family: 'Raleway Medium', sans-serif !important;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 0;
    }

header .logo-links-container .desktop-menu ul {
    list-style-type: none;
    display: flex;
}


    header .logo-links-container .desktop-menu ul a {
        text-decoration: none;
        color: #5c3d2b;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-right: 20px;
        padding-left: 20px;
        border-bottom: 5px solid transparent;
        padding: 5px 5px;
        margin: 0 12px;
        font-family: 'Montserrat Black', sans-serif;
        font-size: 16px;
    }

header .signin-container {
    display: flex;
    align-items: center;
}

    header .signin-container .sign-in-link {
        text-decoration: none;
        color: #ff6b17;
        font-size: 14px;
        margin-right: 28px;
        font-size: 16px;
        /*margin-bottom: 16px;*/
    }

        header .signin-container .sign-in-link:hover {
            text-decoration: underline;
        }

    header .signin-container .header-location {
        background-color: #5c3d2b;
        border-radius: 24px;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 8px;
        padding-left: 8px;
        /*margin-bottom: 21px;*/
    }

        header .signin-container .header-location span {
            font-size: 0.75rem;
        }

            header .signin-container .header-location span.map-marker-container {
                font-size: 1rem;
                border-right: 2px solid #f2f0e8;
                padding-right: 8px;
                padding-top: 1px;
                padding-bottom: 1px;
            }

            header .signin-container .header-location span > em {
                font-size: 24px;
                color: #f2f0e8;
                vertical-align: middle;
            }

            header .signin-container .header-location span:last-child {
                font-size: 0.75rem;
                cursor: pointer;
                margin-left: 8px;
            }

                header .signin-container .header-location span:last-child:hover {
                    text-decoration: underline;
                }

    header .signin-container .header-usersignin {
        margin-left: 28px;
        margin-right: 38px;
        /* margin-bottom: 21px;*/
    }

        header .signin-container .header-usersignin img {
            cursor: pointer;
            margin-top: 0;
            margin-bottom: 8px;
        }

header .header-location {
    padding: 4px 12px !important;
    display: flex;
    align-items: center;
    min-height: 48px;
}

header .location-box, header .location-box a, header .location-box, header .location-box span {
    font-size: 10px !important;
    font-weight: normal;
    color: #f2f0e8 !important;
    line-height: 13px;
}

    header .location-box .pickup-title {
        margin-bottom: 0px;
        font-family: 'Raleway Medium', sans-serif;
        cursor: default;
    }

    header .location-box .location-txt-no-store {
        /*font-weight: bold;*/
        font-size: 12px !important;
    }

    header .location-box .location-txt {
        /*font-weight: bold;*/
        font-size: 12px !important;
        /*line-height: 12px;*/
    }

    header .location-box .change-location-txt {
        text-decoration: underline;
        text-transform: lowercase;
        font-family: 'Raleway Medium', sans-serif;
    }

header .basketCounter {
    background-color: #ff6b17;
    color: #ffffff;
    display: none;
}

/*group order page settings for basket counter notification*/
.grpOrder #header .basketCounter {
    margin-top: -12px !important;
}

header.header-login .basketCounter {
    top: 30px;
}

header .logo-links-container .desktop-menu {
    transition: all 0.2s ease-in-out;
}

    header .logo-links-container .desktop-menu a:hover {
        border-bottom: 5px solid #ff6b17;
    }

header .fa {
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    /*font-family: var(--fa-style-family,"Font Awesome 6 Free");
    font-weight: var(--fa-style,900);*/
}

body.grpOrder #header {
    align-self: stretch;
}

.mobile-header-menus {
    display: none;
}
/*body.grpOrder #header {
    align-self: stretch;
}*/

body.grpOrder header .navbar {
    margin-bottom: 0px;
}

body.grpOrder header .navbar-expand-lg {
    justify-content: space-between;
    align-items: center;
}


header .mobile-menu {
    display: none;
}

/*
  SIDENAV
  SIDENAV
  SIDENAV
*/

.sidenav {
    position: fixed;
    visibility: hidden;
    z-index: 100;
    overflow: hidden;
    width: 300px;
    height: 100vh;
    background-color: #f2f0e8;
    box-shadow: 0 0 5px rgb(0 0 0 / 40%);
    top: 0;
    right: -300px;
    transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.sidenav-transform {
    visibility: visible;
    transform: translateX(-100%);
}

.sidenav ul {
    display: flex;
    flex-flow: column;
    justify-content: center;
    background-color: #f2f0e8;
    margin-top: 75px;
}

.header-login .sidenav ul {
    margin-top: 100px;
}

.sidenav li a {
    color: #5c3d2b;
    display: block;
    padding: 1.2rem 2rem 1.2rem 2rem;
    border-bottom: 3px dotted #5c3d2b;
    background-color: #f2f0e8;
    margin: 0 16px;
}

    .sidenav li a:hover {
        /*background-color: #5c3d2b;
  color: var(--white);*/
        cursor: pointer;
    }

    .sidenav li a:focus {
        outline: 0;
        outline: none;
    }

#clsBtn {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    color: var(--orange);
}

@media screen and (max-width: 1110px) {


    header .desktop-menu {
        display: none;
    }

    header .signin-container .header-location {
        display: none;
    }

    header .signin-container .sign-in-link {
        margin-right: 0px;
    }

    header .mobile-menu {
        display: block;
        display: flex;
        margin-right: 24px;
    }

    header .signin-container .header-usersignin {
        margin-right: 24px;
    }

        header .signin-container .header-usersignin .cart-icon-img {
            height: 32px;
            margin-bottom: 8px;
        }

    header .mobile-menu .bar-responsive {
        position: relative;
        z-index: 1000;
    }

        header .mobile-menu .bar-responsive i {
            font-size: 2em;
            margin-bottom: 21px;
            display: inline-block;
            color: #5c3d2b;
            z-index: 35;
        }

    header .logo-links-container {
        order: 2;
        flex-basis: 0;
        margin-right: 0;
        margin-top: 0;
    }

    header .signin-container {
        order: 1;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1110px) {
    #basketModalSummary {
        right: 55px !important;
    }
}

@media screen and (min-width: 767px) and (max-width: 1110px) {
    .account-banner {
        margin-right: 0;
    }
}
@media screen and (min-width: 1100px) and (max-width: 1300px) {
    .header-banner {
        display: none;
    }
}

@media screen and (min-width: 992px) and (max-width: 1110px) {
    header .basketCounter {
        margin-right: 40px !important;
        /*margin-top: -4px !important;*/
    }

    body.grpOrder header .basketCounter {
        margin-right: 0px !important;
    }
}
@media screen and (max-width: 359px) {

    .mobile-header-menus .mobile-menu-home-icon img {
        width: 65px !important;
        height: 45px !important;
    }
    .account-icon {
        width: 28px !important;
        height: 28px !important;
    }
    .account-text a {
        font-size: 10px !important;
        line-height: 11px !important;
    }
    header .signin-container .header-usersignin .cart-icon-img {
        height: 28px !important;
    }
    .join-banner-up::before {
        right: 60px;
    }
    .join-banner-up::after {
        right: 60px;
    }
}

    @media screen and (max-width: 767px) {
        header .btn-dropdown-myaccount {
            display: flex;
            height: 16px;
            align-items: center;
            gap: 4px;
        }

        .account-balance p {
            color: #5C3D2B;
            text-align: right;
            font-family: 'Raleway Medium', sans-serif;
            font-size: 12px;
            font-style: normal;
            font-weight: 600;
            line-height: 16px; /* 133.333% */
        }

        header .logo-links-container .nav-logo, body.grpOrder header a img {
            top: 20px;
            left: 24px;
        }

        header .sign-in-nav {
            height: 16px;
        }

        .account-info {
            display: none;
        }

        .account-balance p {
            font-size: 12px;
        }

        header.header-login .basketCounter {
            top: 25px !important;
        }

        header.header-login .header-login-banner {
            margin-top: 0 !important;
        }

        header.header-login #basketModalSummary {
            top: 85px !important;
        }

        .mobile-header-menus {
            /*        left: 0;
        position: absolute;*/
            display: flex;
            width: 100vw;
            height: 80px;
            max-width: 100vw;
            padding: 12px;
            justify-content: space-between;
            align-items: center;
            flex-shrink: 0;
        }

        .header-usersignin {
            margin: 0 !important;
        }

        .mobile-header-menus .logo-links-container .mobile-menu {
            display: flex;
            height: 80px;
            padding: 10px 8px;
            align-items: center;
            gap: 12px;
        }

        header {
            align-items: normal;
            width: auto;
        }

        #header {
            width: 100vw;
            max-width: 100vw;
        }

        .mobile-header-menus .mobile-menu-home-icon {
            display: flex;
            height: 80px;
            padding: 10px 0px;
            align-items: center;
            gap: 24px;
            position: absolute;
            left: 40vw;
        }

            .mobile-header-menus .mobile-menu-home-icon img {
                width: 80px;
                height: 54px;
                background-size: cover;
            }

        .header-menus {
            display: none !important;
        }

        .account-icon {
            width: 32px;
            height: 32px;
            background-size: cover;
        }

        .account-text a {
            color: #5C3D2B;
            text-align: right;
            font-family: 'Raleway Medium', sans-serif;
            font-size: 13px;
            font-style: normal;
            font-weight: 600;
            line-height: 16px; /* 123.077% */
        }

        .account-banner {
            margin-right: 12px;
        }

        header .logo-links-container {
            order: 0;
            margin-top: 0;
        }

        header .fas {
            font-size: 21px;
        }

        body.grpOrder header .basketCounter {
            margin-top: 12px !important;
            margin-right: -52px !important;
        }

        header::before {
            height: 24px;
        }
    }

/*
  FOOTER
  FOOTER
  FOOTER
*/
footer {
    background-color: white;
}

#footerLogo {
    max-height: 80px;
    max-width: 100px;
}

footer .logo-footer-links-container {
    background-color: var(--gray);
}

footer .free-pie {
    text-align: center;
    text-transform: none;
    font-weight: normal;
    color: var(--footerDkGray);
    font-size: 0.75rem;
    border-top: 3px dotted var(--dotColor);
    padding-top: 2rem;
}

footer .logo-connect-container img {
    width: 100px;
    margin-top: 5px;
}

footer .connect-social-container {
    display: flex;
}

footer .connect-social-container h2 {
    color: var(--connect);
    font-weight: normal;
    font-size: 1rem;
    margin: 0;
}

    footer .social-container {
        display: flex;
        width: 185px;
        height: 30px;
        /*width: 250px;*/
        justify-content: space-evenly;
    }

    footer .social-container span.fa {
        color: #5c3d2b;
        font-size: 21px;
        font-weight: bold;
    }

        footer .social-container span.fa-facebook {
            color: #5c3d2b;
        }

    footer .social-container .fa-instagram {
        color: #5c3d2b;
    }

footer .footer-links ul {
    list-style-type: none;
    margin-top: 2rem;
}

footer .footer-links li {
    list-style-type: none;
}

footer .footer-links ul a {
    text-decoration: none;
    color: #ffffff;
    font-weight: normal;
    font-size: 0.9rem;
}

:focus {
    /*outline: none !important;*/
    outline-width: thin !important;
    outline-style: dotted !important;
}

footer .logo-footer-links-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

footer .logo-connect-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    footer .footer-copy {
        display: flex;
        background-color: #30c7a8;
        color: var(--white);
        text-transform: none;
        font-weight: normal;
        justify-content: center;
    }

footer .footer-copy p{
    margin-top: revert;
    font-size: 12.5px;
    overflow: hidden;
    white-space: nowrap;
}

        footer .footer-copy a {
            color: inherit;
            font-size: 13px;
        }

footer .footer-copy a.no-links{
    
}

/*
  MEDIA QUERY MIN 1046px
  MEDIA QUERY MIN 1046px
  MEDIA QUERY MIN 1046px
*/

footer .connect-social-container {
    flex-direction: column;
}

footer .social-container span.fa-facebook {
    font-size: 3rem;
    color: #5c3d2b;
}

    footer .social-container span.fa-facebook:hover {
        /*background-color: #b7b7b7;*/
    }

footer .social-container .fa-instagram {
    font-size: 3.25rem;
}

    footer .footer-links-full-width-container {
        background-color: #30c7a8;
    }

    footer .logo-footer-links-container {
        justify-content: space-around;
        padding-top: 38px;
        /*padding-bottom: 3rem;*/
        max-width: 1300px;
        margin: 0 auto;
        background-color: #30c7a8;
    }

footer .footer-links {
    padding: 30px 0 24px 0;
}

footer .logo-connect-container, footer .footer-links {
    width: 650px;
}

footer .division {
    width: 32%;
}

footer .logo-connect-container {
    justify-content: space-evenly;
}

footer .division {
    border-left: 1px dotted var(--dotColor);
    border-right: 1px dotted var(--dotColor);
    height: 2.75rem;
}

footer .connect-social-container {
    /*margin-left: 0.75rem;*/
}

footer .social-container {
    /*margin-top: 15px;*/
}

    footer .social-container span.fa-facebook {
        font-size: 21px;
        /*font-size: 30px;*/
        /*margin-right: 2.25rem;*/
    }

    footer .social-container .fa-instagram {
        font-size: 21px;
    }

footer .footer-links ul {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

footer .footer-links ul li {
    padding: 0.25rem;
    padding: 5px;
    line-height: 1.25;
}

footer .footer-links ul li .spacing{
    padding: 0 0 0 8px;
    color: #ffffff;
    /*font-weight: 800;*/
}

footer .footer-copy span:last-child .spacing{
    display: none;
}

footer .footer-copy .spacing {
    padding: 0 5px;
}

    footer .footer-links a:hover {
        text-decoration: underline;
        /*color: #ff6b17;*/
    }

/*footer .footer-links a:hover {
    text-decoration: underline;
    color: var(--orange);
}*/

    footer .copy-full-width-container {
        background-color: #30c7a8;
        height: 150px;
        /*padding-top: 10px;*/
    }

    footer .footer-copy {
        flex-direction: row;
        padding-left: 3.5rem;
        padding-right: 3.5rem;
        max-width: 1251px;
        margin: 0 auto;
        flex-wrap: wrap;
        font-family: 'Raleway Medium', sans-serif !important;
    }

/*
  MEDIA QUERY MAX 1200px
  MEDIA QUERY MAX 1200px
  MEDIA QUERY MAX 1200px
*/

@media screen and (max-width: 1200px) {
    footer .copy-full-width-container {
        height: 100%;
        padding: 0 15px 15px 15px;
    }
    footer .footer-copy {
        width: 600px;
        padding: 0px;
    }
    footer .footer-copy p:first-child{
        
    }
    footer .footer-copy p:first-child{
        
    }
    footer .footer-copy p {
        margin: 5px;
    }
    footer .footer-copy p:nth-of-type(even) .spacing {
        /*display: none;*/
    }
}

/*
  MEDIA QUERY MAX 1045px
  MEDIA QUERY MAX 1045px
  MEDIA QUERY MAX 1045px
*/

@media screen and (max-width: 1045px) {

    footer .logo-footer-links-container {
        padding: 0 !important;
    }

    footer .free-pie {
        background-color: var(--gray);
        margin: 0;
        padding-bottom: 1rem;
    }

    footer .connect-social-container {
        flex-direction: column;
    }

    footer .connect-social-container h2 {
        font-size: 1.5rem;
    }

    footer .social-container {
        margin-bottom: 10px;
    }

    footer .logo-connect-container {
        justify-content: center;
        padding-top: 38px;
        /*padding-top: 20px;*/
        width: 100%;
    }

    footer .footer-copy p {
        margin: 8px 0;
    }
}

@media screen and (max-width: 767px) {
    .footer-links {
        display: flex;
        width: 100% !important;
        justify-content: center;
        text-align: center;
    }

    footer .footer-links ul {
        flex-direction: column;
    }

    footer .footer-links ul li {
        padding: 7px 0;
    }

    footer .footer-links ul li .spacing {
        display: none;
    }    

    footer .footer-copy {
        padding: 0;
    }

    footer .footer-copy:last-child {
        padding-bottom: 15px;
    }

    footer .footer-copy p {
    }
}

@media screen and (max-width: 620px) {
    footer .footer-copy {
        width: 100%;
    }
}

@media screen and (max-width: 580px) {
    footer .footer-copy {
        flex-direction: column;
        align-items: center;
    }

    footer .footer-copy .spacing {
        display: none;
    }

    footer .footer-copy p {
        /*font-size: 11px;*/
    }
}


.home-container {
    margin: 32px 16px;
    display: flex;
    justify-content: center;
}

.home-content {
    font-family: BurfordBase, serif;
    font-size: 32px;
    line-height: 32px;
    color: #FFFFFF;
    max-width: 525px;
    width: 100%;
    padding: 8px 0;
}

.home-image-container {
    position: relative;
    width: 368px;
    text-align: center;
}
.home-image-bg {
    position: absolute;
    z-index: -1;
    top: 40%;
    width: 375px;
    height: 4px;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(166,165,160,1) 45%, rgba(166,165,160,1) 55%, rgba(255,255,255,1) 85%);
    border-radius: 100%;
    box-shadow: 0px 0px 27px -8px rgb(110 103 103 / 32%) inset;
    -webkit-box-shadow: 0px 0px 27px -8px rgb(110 103 103 / 32%) inset;
    -moz-box-shadow: 0px 0px 27px -8px rgba(110,103,103,0.32) inset;
    filter: drop-shadow(0px 4px 20px rgb(146, 145, 145));
}

.home-content-inner {
    margin-top: 16px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.home-text {
    overflow-wrap:anywhere;
}

.home-text a {
    text-decoration: none;
}

.home-text > span {
    font-size: 28px !important;
    line-height: 28px !important;
}

@media(max-width:991px) {
    .home-content {
        font-size: 26px;
        line-height: 26px;
        max-width: 450px;
    }

    .home-text > span {
        font-size: 24px !important;
        line-height: 24px !important;
    }
}


@media(max-width:767px) {
    .home-container {
        height: 120px;
    }

    .home-content {
        font-size: 20px;
        line-height: 20px;
    }

    .home-text {
        padding: 5px 0;
    }

    .home-text > span {
        font-size: 20px !important;
        line-height: 20px !important;
    }
}



.popup-card-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.popup-card-container {
    margin: 32px;
    width: 300px;
    background: white;
    position: absolute;
    margin-left: calc(50vw - 150px);
    margin-top: calc(50vh - 135px);
}

.popup-card-img {
    position: relative;
    text-align: center;
    overflow: hidden;
    height: 150px;
}

.popup-card-content {
    position: relative;
    text-align: center;
    overflow: hidden;
    height: 120px;
    background-color: white;
}

.popup-close {
    position: absolute;
    top: 15%;
    left: 95%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: #FFFFFF;
    width: 20%;            
    font-weight:100;
}

.popup-star {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: #FFFFFF;
    width: 20%;
    font-weight: 100;
}


.popup-text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: BurfordBase, serif;
    font-size: 70px;
    line-height: 40px;
    color: #FFFFFF;
    width: 85%;
    text-shadow: 0px 0px 16px #000000;
}

.popup-text {
    font-family: MuseoSlab-300, serif;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 150px;
    overflow-y: auto;
}

div.popUpOverlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 100000;
    cursor: pointer;
}

     
.main {
    width: 50%;
    margin: 50px auto;
}

.location-detail-note {
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 50px;
    line-height: 50px;
    font-style: normal;
    font-weight: normal;
    line-height: 70px;
    width: 100%;
    margin: 0 auto;
    height: 300px;
    text-align: center;
}

.form-rounded {
    border-radius: 24px;
}

.btn-outline-secondary {
    border: 1px solid #B4B4B4;
    background-color: white;
}

    .btn-outline-secondary:hover {
        background-color: #ff6b17 !important;
    }

/* enable absolute positioning */

.fakeimg {
    height: 350px !important;
}

.location-banner {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
    overflow: hidden;
    background-color: rgba(1,1,1,0.2);
}

.location-banner-content {
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 16px;
    color: #FFFFFF;
    width: 100%;
    overflow-wrap: break-word;
    padding: 5% 0px;
}


.location-banner-img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #ddd;
}


.location-big-text {
    color: #ffffff;
    font-family: Lakesight,sans-serif;
    font-size: 72px;
    line-height: 60px;
    font-style: normal;
    font-weight: normal;
    line-height: 70px;
    width: 90%;
    margin: 0 auto;
    text-transform: capitalize;
    padding-bottom: 16px;
}

.location-small-text {
    color: #ffffff;
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 16px;
    font-weight: 300;
    text-shadow: 0px 0px 16px #000000;
}

.category-big-text {
    display: flex;
    font-size: 50px;
    font-family: 'Montserrat Black', sans-serif !important;
    text-transform: uppercase;
    color: #5c3d2b;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    .category-big-text hr {
        border-top: 4px dotted #5c3d2b;
        width: 172px;
        margin: 0;
        margin-bottom: 16px;
    }

        .category-big-text hr.left-dotted {
            margin-right: 18px;
        }

        .category-big-text hr.right-dotted {
            margin-left: 18px;
        }

@media(max-width: 1024px){
    .category-big-text{
        flex-direction: column;
    }

    .category-big-text hr.left-dotted {
        margin-right: 0px;
    }

    .category-big-text hr.right-dotted {
        margin-left: 0px;
    }

}

.location-search {
    width: 400px;
    margin: auto;
}

.location-search-button {
    width: 285px !important;
    margin: auto !important;
    font-style: normal;
    font-size: 16px !important;
    display: block;
    cursor: pointer;
    border-radius: 24px;
    background-color: #ff6b17 !important;
    padding-top: 14px;
    padding-bottom: 12px;
}

.location-state-list {
    order: 3;
    width: 100%;
}

.international-location-list {
    order: 3;
    width: 100%;
}

#locationSearchInput {
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 16px;
    height: 40px;
    padding-left: 18px;
}

#locationSearchInput::placeholder {
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 16px;
}

.location-search .form-control {
    border: 1px solid #B4B4B4 !important;
    color: #5c3d2b;
}

    .location-search .form-control:focus {
        color: #5c3d2b !important;
        border-color: #5c3d2b !important;
        box-shadow: 0 0 0 1px #5c3d2b !important;
    }

.location-search .btn-outline-secondary {
    border-color: #B4B4B4;
}


.btn-outline-secondary {
    color: #5c3d2b !important;
}

.btn-outline-secondary:hover {
    color: #ffffff !important;
    border: none;
}

    .btn-outline-secondary:focus {
        border-color: #5c3d2b !important;
        box-shadow: 0 0 2px 2px #5c3d2b !important;
    }

#StoreListMapMobile {
    display: none;
}

.local-features-carousel > .slick-list {
    border-radius: 24px;
    -webkit-box-shadow: 0px -2px 23px -2px rgba(0,0,0,0.30);
    box-shadow: 0px -2px 23px -2px rgba(0,0,0,0.30);
}


.location-small-text2 {
    margin: 12px 0;
    font-family: 'Raleway Medium', sans-serif !important;
}

.locationPhone, .locationDirection {
    width: 50%;
}

.breadcrumbs {
    color: #404040;
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 1rem;
    text-transform: uppercase;
}

ul.breadcrumbs {
    padding: 8px 0px 16px 0px;
    list-style: none;
    margin-top: 21px;
    margin-bottom: 12px;
    text-align: center;
}

.breadcrumbs.menu-breadcrumbs.menu-category-ul {
    margin: 0;
    margin-top: 28px;
    width: 100%;
}

ul.breadcrumbs li {
    display: inline;
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 16px;
    color: #ff6b17;
}

.category-menu {
    color: #ff6b17 !important;
    font-size: 24px !important;
}

    .category-menu::before {
        color: #ff6b17 !important;
        font-size: 24px !important;
    }

    .category-menu a {
        color: #ff6b17 !important;
        font-size: 16px !important;
        text-decoration: underline !important;
    }

        ul.breadcrumbs li + li:before {
            padding: 8px;
            content: ">";
            font-family: 'Montserrat Black', sans-serif !important;
            font-weight: bold;
            font-size: 16px;
            color: #ff6b17;
        }

        ul.breadcrumbs li a {
            text-decoration: none;
            font-family: 'Montserrat Black', sans-serif !important;
            font-size: 16px;
            color: #ff6b17;
        }

ul.breadcrumbs li a:hover {
    text-decoration: underline;
}
.breadcrumbs-text {
    cursor: pointer;
}
.location-features-section {
    width: 100%
}

.location-restaurant-local-features-images {
    width: 45%;
    margin: auto;
    margin-top: unset;
}

.location-store-list-header {
    color: #5c3d2b;
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 15px;
    line-height: 20px;
    font-style: normal;
    margin-left: 0px;
    margin-right: 0;

}

.location-store-list-header > div:first-child {
    width:10%;
    margin-top: 10px;
}

.location-store-list-header > div:nth-child(2) {
    margin-top: 18px;
    width: 90%;
}

.location-store-name {
    color: #5c3d2b !important;
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 16px;
    font-style: normal;
    padding: 1px 8px;
    cursor: pointer;
    text-decoration: none !important;
    width: 85%;
    text-transform: uppercase;
    margin-top: 7px;
}

.location-store-address {
    color: #5c3d2b;
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    margin: 15px 0 15px -15px;
}

.location-store-address > p {
    margin-bottom: 0;
    width: 100%;
}

.location-store-phone-directions {
    margin-top: 10px;
}

.location-store-phone-directions > div:first-child {
    width:50%;
}

.location-store-phone-directions > div:nth-child(2) {
    width: 50%;
}

.location-store-phone-number {
    color: #5c3d2b;
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 15px;
    font-weight: 300;
    text-decoration: underline;
    margin-left: 5px;
}

.location-set-default-location {
    color: #5c3d2b;
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    margin-top: 15px;
    line-height: 5px;
    width: 100%;
    border-top-style: dotted;
    border-top-width: 3px;
    padding-top: 10px;
    border-bottom-style: dotted;
    border-bottom-width: 3px;
    cursor: pointer;
}

.location-set-default-location-star {
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    padding-bottom: 10px;
    color: #5c3d2b;
}

.location-set-default-location-text {
    padding-top: 13px;
    padding-left: 10px;
}

#storeListContainer {
    padding: 0 16px;
    height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.location-store-directions {
    color: #5c3d2b;
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 15px;
    font-weight: 300;
    text-decoration: underline;
    margin-left: 5px;
}

.location-store-hours {
    color: #5c3d2b;
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    margin-top: 15px;
    overflow-wrap: anywhere;
}

.location-store-availability {
    color: #ff6b17;
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    margin-top: 10px;
    margin-left: -15px;
    margin-right: 0;
}

.store-buttons {
    width: 45%;
    height: 45px;
    margin: 5px;
    padding: 5px 10px;
    cursor: pointer;
    color: #ffffff !important;
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 15px;
    font-style: normal;
    text-align: center;
    line-height: 18px;
    position: relative;
    display: inline-table;
    justify-content: center;
    align-items: center;
    background-color: #30c7a8;
    border: 1px solid #30c7a8;
    padding: 16px;
    line-height: 1;
    border-radius: 24px;
}

.store-buttons > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 10px;
}


#storeDetailMap {
    width: 100%;
    height: 100%;
}

.store-buttons-container {
    margin: 0 0 0 -28px;
    display: block;
    text-align: center;
}

.location-restaurant-header {
    color: #5c3d2b;
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 21px;
    font-style: normal;
    margin-bottom: 12px;
    padding-left: 18px;
    font-weight: bold;
    /*letter-spacing: 2px;*/
    margin-top: 6px;
}

.location-restaurant-address {
    color: #5c3d2b;
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    padding-top: 4px;
}

.location-restaurant-address > p {
    margin-bottom: 0;
    width: 100%;
}

.location-restaurant-marker {
    height: 50px;
}

.location-restaurant-phone-directions {
    margin-top: 10px;
}

.location-list {
    color: #5c3d2b;
    font-family: 'Raleway Medium', sans-serif !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    padding: 0 25px;
    line-height: 2.25;
    white-space: nowrap;
}


    .location-list:hover {
        color: #5c3d2b;
    }

.btn-dark:focus {
    color: #000000;
    background-color: transparent;
    border-color: none;
}

.store-details {
    margin-top: 20px;
}

.location-sub-header-text:not(.location-sub-header-text p) {
    /*text-transform: initial;*/
}

.location-sub-header-text {
    color: #5c3d2b;
    font-size: 30px;
    line-height: 32px;
    font-family: 'Montserrat Black', sans-serif !important;
    text-transform: uppercase;
}

.location-sub-header-text:first-letter, .location-sub-header-text:first-line{
    /*text-transform: capitalize;*/
}


    .location-sub-header-text > p {
    margin-bottom: 32px;
}


.or-text {
    font-size: 30px !important;
    color: #5c3d2b;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Montserrat Black', sans-serif !important;
}


.direction-icon {
    background-color: #5c3d2b;
    border-radius: 30px;
    height: 30px;
    width: 30px;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #ffffff;
}


.phone-icon {
    background-color: #5c3d2b;
    border-radius: 30px;
    height: 30px;
    width: 30px;
    text-align: center;
    vertical-align: middle;
    padding-top: 7px;
    color: #ffffff;
}


.map-indicator {
    background-color: #ff6b17;
    border: 1px solid #ff6b17;
    border-radius: 30px;
    height: 40px;
    width: 40px;
    text-align: center;
    vertical-align: middle;
    padding-top: 7px;
    font-weight: bold;
    color: #ffffff;
    margin: auto;
}


.features-icon {
    height: 40px;
    width: 40px;
    font-size: 10px;
    cursor: pointer;
}

.feature-circle {
    background-color: lightgray;
    border-radius: 30px;
    height: 40px;
    width: 40px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    color: #FFFFFF;
}

.location-restaurant-local-features-header {
    color: #5c3d2b;
    font-size: 30px;
    line-height: 32px;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    margin-top: 80px;
    width: 100%;
    text-transform: capitalize;
    margin-bottom: 32px;
    font-family: 'Montserrat Black', sans-serif !important;
    text-transform: uppercase;
}

.location-restaurant-promo-text {
    width: 100% !important;
    overflow-wrap: anywhere;
}

.location-restaurant-promo-text  > div {
    font-family: MuseoSlab-300, serif !important;
    font-size: 13px !important;
}

.location-restaurant-promo-text > ul {
    font-family: BurfordBase, serif !important;
    font-size: 22px !important;
}

.location-restaurant-promo-text span {
    width: 200px !important;
}

.location-restaurant-local-features-text{
    height:100%;
    padding-left: 40px;
    width:50%;
}

.location-restaurant-local-features{
    /*margin-top:20px;*/
}

.feature-text {
    padding: 10px 16px 0px 5px;
    color: #5c3d2b;
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
}

.feature-header {
    color: #5c3d2b;
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    text-align: center;
}

.feature-details{
    width:100%;
    margin-left: 3px;
}

.page-body {
    padding-top: 32px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 100px;
    display: flex;
    flex-wrap: wrap;
}

.location-box-1 {
    text-align: center;
    width:100%;
    margin-top: 32px;
}

.location-box-2 {
    width: 40%;
    height: 600px;
    max-width: 400px;
    margin: auto;
}


    .location-box-3 {
        width: 60%;
        display: block;
        height: 590px;
    }

.location-box-2-restaurant {
    width: 50%;
    padding-right: 32px;
    max-width: 400px;
    margin: auto;
    padding-left:32px;
}

#state-list, #international-list {
    text-align: center;
    order: 3;
    width: 100%;
    margin: 32px 0;
}

#city-list {
    text-align: center;
    order: 3;
    width: 100%;
    margin: 32px 0;
}

.location-box-3-restaurant {
    display: block;
    width: 50%;
    height: 475px;
    max-width: 550px;
    margin: auto;
}

.features-container {
    display: inline-flex;
    padding: 8px 0;
}

.features-container:hover {
    color: #404040;
}



.location-restaurant-local-menu, .location-restaurant-local-features {
    margin-top: 40px;
    margin-left: 40px;
}

.no-pad {
    padding: 0;
}

.pac-container {
    padding-left:18px;
}

.pac-item {
    color: #000000;
    font-family: MuseoSlab-300, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    height: 40px;
    vertical-align: middle;
    border-style:none;   
}

.pac-icon{
    height:0px;
    width:0px;
}

.location-catering-phone-number-container {
    display: inherit;
}

.location-catering-phone-number {
    color: #5c3d2b;
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    margin-top: 15px;
    line-height: 20px;
}

.location-store-place-marker {
    color: #5c3d2b;
    font-size: 42px;
}

    .location-store-place-marker em {
        font-size: 36px;
    }

    .location-box-2-restaurant .location-store-place-marker {
        color: #ff6b17;
    }

.catering-number {
    padding-top: 12px;
}

.store-buttons > a {
    text-decoration: none;
    height: auto;
    color: #ffffff !important;
}
#state-list-dropdown, #international-list-dropdown {
    font-family: BurfordBase, serif;
    font-size: 21px;
    width: 200px;
    display: none;
}

#state-list, #international-list {
    display: block;
}

#wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    border-radius: 24px;
    box-shadow: 0 0 16px 0 rgba(0,0,0,0.1);
    cursor: pointer;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .store-buttons > a {
        position: relative;
    }
}

.franchise-store-operator {
    color: #000000;
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    margin-top: 15px;
    line-height: 20px;
    font-style: normal;
}

    .franchise-store-operator > p {
        font-family: 'Raleway Medium', sans-serif !important;
        font-size: 14px;
        font-style: normal;
        color: #5c3d2b;
    }

.location-restaurant-promo-text {
    margin-bottom: 40px;
}

.saved-location-icon {
    height:30px;
    font-size: 12px;
}

.slick-next:before, .slick-prev:before {
    color: black;
}


@media(max-width:991px) {
    .store-buttons-container {
        margin: 0 0 0 -20px;
    }
    .page-body {
        padding-left: 32px;
        padding-right: 32px;
    }

    .location-restaurant-local-features-images {
        width: 90%;
    }

    .location-restaurant-local-features-text{
        padding: 0;
    }



    .location-small-text {
        font-size: 14px;
    }

    #locationSearchInput {
        font-size: 16px; /*set the font size to 16px for mobile view to prevent zoom behavior in iOS*/
    }

    #locationSearchInput::placeholder {
        font-size: 16px;
    }

    .location-store-phone-number {
        font-size: 13px;
        margin-left: 0px;
    }

    .location-store-list-header > div:first-child {
        text-align: center;
        width: 20%;
        margin-left: -10px;
    }

    .location-store-list-header > div:nth-child(2) {
        width: 80%;
        margin-left: -10px;
    }

    .location-store-address {
        width:75%;
    }

    .location-store-directions {
        font-size: 13px;
        margin-left: 0px;
    }

    .location-box-2 {
        padding-right: 5px;
    }

    .location-set-default-location-text{
        padding-left:5px;
    }

    #storeDetailMap {
        max-height: 350px;
    }

    .location-restaurant-local-menu, .location-restaurant-local-features {
        margin: 20px 40px;
    }

    .location-restaurant-local-features-text {
        width: 100%;
    }

}


@media(max-width:767px) {
    .location-big-text{
        font-size: 56px;
        line-height: 56px;
    }
    .page-body {
        padding-top: 0px;
    }

    .location-search {
        width: 300px;
    }

    .location-store-address {
        width: 40%
    }

    .location-restaurant-address {
        width: 30%;
    }

    .location-store-phone-directions {
        width: 100%;
    }

    .location-store-phone-directions > div:first-child {
        width: 50%;
        margin-bottom: 10px;
    }

    .location-store-phone-directions > div:nth-child(2) {
        width: 50%;
    }

    .location-small-text, .location-small-text2 {
        font-size: 13px;
    }

    .page-body {
        display: flex;
        flex-wrap: wrap;
        padding-left: 0px;
        padding-right: 0px;
    }

    .location-box-1 {
        order: 2;
        width: 100%;
        padding-top: 20px;
        padding-left: 10%;
        padding-right: 10%;
        margin-top: 0;
    }

    .location-box-2 {
        order: 3;
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
    }

    .location-box-3 {
        order: 1;
        width: 100%;
        height: 325px;
    }

    .location-box-2-restaurant {
        order: 3;
        width: 100%;
        padding-left: 10%;
        padding-right: 10%;
    }

    .location-box-3-restaurant {
        order: 1;
        width: 100%;
        height: 400px;
    }

    .location-restaurant-local-features-header {
        order: 4;
    }

    .location-restaurant-local-features-images {
        order: 5;
        width: 100%;
        padding-left: 10%;
        padding-right: 10%;
    }

    .location-restaurant-local-features-text {
        order: 6;
        width: 100%;
    }

    #storeListContainer {
        height: auto !important;
    }

    .location-box-2 {
        height: auto !important;
    }

    .location-list {
        padding: 0 16px;
    }

    .location-store-list-header > div:first-child {
        margin-left: -16px;
    }

    .features-container {
        width: 100%;
    }

    #state-list-dropdown, #international-list-dropdown {
        display: block;
        text-align: center;
        order: 3;
        margin: 0 auto;
    }

        #state-list-dropdown > select, #international-list-dropdown > select {
            width: 200px;
            font-family: 'Raleway Medium', sans-serif !important;
            text-transform: uppercase;
            color: #5c3d2b;
            font-size: 15px;
        }

    #state-list, #international-list {
        display: none;
    }
    .international-header {
        padding-top: 30px;
    }
}


@media(max-width:590px) {
    .location-store-address {
        width: 50%;
    }

    .location-restaurant-address {
        width: 50%;
    }
}


@media(max-width:499px) {
    .location-store-address {
        width: 100%
    }

    .location-restaurant-address {
        width: 100%;
    }
    .location-restaurant-promo-text {
        padding-right: 30px;
        overflow-wrap: break-word;
    }
}

@media(max-width:320px) {
    .store-buttons {
        font-size: 13px;
    }
}

.banner-widget {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    align-items: center;
    display: flex;
}

.banner-widget-top-border {
    border-top: dotted #B7B7B7;
    padding-top: 20px;
}

.banner-widget-bottom-border {
    border-bottom: dotted #B7B7B7;
    padding-bottom: 25px;
}

.banner-widget-content {
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 16px;
    font-style: normal;
    color: #FFFFFF;
    width: 100%;
    overflow-wrap: break-word;
    padding: 5% 0;
}

.banner-widget-background-img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #fff;
    border-radius: 0;
    -webkit-filter: brightness(90%);
}

.banner-widget-big-text {
    color: #c34a31;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    margin: 20px 0;
}

.banner-widget-big-text-span {
    color: #9f1c2b;
    font-size: 72px;
    font-weight: 500;
    font-family: Lakesight,sans-serif;
    text-transform: none;
}

.banner-widget-big-text-span p {
    margin-top: 0px !important;   
}

/*.banner-widget-text-orange-white-border {
    color: #c34a31 !important;
    font-size: 72px;
    font-weight: 500;
    font-family: Lakesight,sans-serif;
    text-transform: capitalize;
    text-shadow: -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff, 1px 1px 0px #fff;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
}*/

.banner-heading-text-white-orange {
    color: #c34a31 !important;
    font-size: 72px;
    font-weight: 500;
    font-family: Lakesight,sans-serif;
    /*text-transform: capitalize;*/
    text-shadow: -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff, 1px 1px 0px #fff;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
}

.banner-heading-text-white {
    color: #ffffff !important;
    font-size: 72px;
    font-weight: 500;
    font-family: Lakesight,sans-serif;
    /*text-transform: capitalize;*/
    /*text-shadow: -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff, 1px 1px 0px #fff;
    -webkit-font-smoothing: antialiased;*/
    /*font-weight: bold;*/
}

.banner-heading-text-brown {
    color: #5c3d2b !important;
    font-size: 72px;
    font-weight: 500;
    font-family: Lakesight,sans-serif;
    /*text-transform: capitalize;*/
    /*text-shadow: -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff, 1px 1px 0px #fff;
    -webkit-font-smoothing: antialiased;*/
    /*font-weight: bold;*/
}

.banner-head-text {
    top: 50%;
    color: #fff;
    left: 50%;
    position: relative;
    transform: translate(-50%, 0%);
    width: 100%;
    font-family: 'Montserrat Black', sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    font-style: normal !important;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.banner-head-text-container {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    width: 100%;
}

.banner-heading-text {
    color: #c34a31;
    font-family: Lakesight,sans-serif;
    font-size: 56px;
}

.banner-heading-text, .banner-subheading-text {
    line-height: 1;
    margin: 0 0 5px 0;
    /*text-shadow: -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff, 1px 1px 0px #fff;
    -webkit-font-smoothing: antialiased;*/
    /*font-weight: bold;*/ /*overwrite standard H4 */
}

.banner-subheading-text {
    font-family: 'Montserrat Black', sans-serif;
    text-transform: uppercase;
    font-size: 32px;
    letter-spacing: 1px;
}

.banner-heading-text-red {
    color: #c34a31;
    font-weight: normal;
}

.banner-heading-text-dark-red {
    color: #9f1c2b;
}

.banner-heading-text-blue {
    color: #00aae7;
}

.freepie-ribbon {
    position: absolute;
    overflow: visible;
    line-height: 18px;
    border: solid white;
    border-width: 2px 2px 2px 0;
    text-align: center;
    font-family: 'Montserrat Black', sans-serif;
    color: #404040;
}

.freepie-ribbon::before {
    content: "";
    width: 0px;
    display: block;
    position: absolute;
    left: -6px;
    border: 23px solid rgb(255, 255, 255);
    border-left: 25px solid rgba(255, 255, 255, 0);
    top: -2px;
}

.freepie-ribbon h4 {
    display: block;
    position: relative;
    overflow: visible;
    margin: 0 0 0 24px;
    text-align: center;
    background: #9f1c2b;
    font-size: 18px;
    line-height: 18px;
    font-family: 'Montserrat Black', sans-serif;
}

.freepie-ribbon h4::before {
    border-top: 21px solid #9f1c2b;
    border-bottom: 21px solid #9f1c2b;
    content: "";
    height: 0px;
    width: 0px;
    display: block;
    position: absolute;
    top: 0px;
    left: -24px;
    border-right: 22px solid transparent;
    border-left: 24px solid transparent;
}

.freepie-ribbon a {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    font-style: normal;
}

.freepie-ribbon span {
    font-family: Lakesight,sans-serif;
    margin-right: 5px;
    line-height: 0;
    font-weight: 100;
}

.banner-head-text-left {
    text-align: left;
}

.banner-head-text-center {
    text-align: center;
}

.banner-head-text-right {
    text-align: right;
}


.banner-widget-small-text {
    color: #ffffff;
    font-family: MuseoSlab-300, serif !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    text-shadow: 0px 0px 16px #000000;
    display: block;
}

    .banner-widget-small-text > p {
        padding: 0 8px;
    }

.banner-widget-small-text2 {
    color: #ffffff;
    font-family: MuseoSlab-300, serif !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    text-shadow: 0px 0px 16px #000000;
    display: block;
    margin-top: 16px;
}

    .banner-widget-small-text2 > p {
        padding: 0 8px;
    }

div#banner1, div#banner2 {
    height: 400px;
}

    div#banner1 .fakeimg, div#banner2 .fakeimg, div#banner3 .fakeimg {
        height: 400px;
        background: #E8E8E8;
    }

.banner-btn-default-style {
    color: #ffffff;
    font-family: 'Montserrat Black', sans-serif;
    font-size: 1rem;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none !important;
    background-color: #C34A31;
    border-radius: 40px;
    padding: 12px 32px 12px 32px;
    font-style: normal;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    display: inline-block;
}

    .banner-btn-default-style:hover {
        color: #ffffff;
        background-color: #1397E5;
    }

/*.banner-btn-default-style {
    pointer-events: none;
}*/

.banner-widget-button1 {
    margin-right: 15px;
}

.banner-widget-button2 {
    margin-left: 15px;
}

.banner-widget-button-size {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 200px;
    height: 60px;
}


@media all and (min-width: 1300px) {
    .banner-widget-background-img {
        width: 100%;
    }
}

@media all and (min-width:1300px) {
    .freepie-ribbon h4 {
        padding: 12px 90px 12px 40px;
    }
}


@media all and (min-width:1100px) {
    .freepie-ribbon h4 {
        padding: 12px 70px 12px 20px;
    }

    .freepie-ribbon span {
        font-size: 26px;
    }
}

@media all and (min-width:1025px) {
    .banner-heading-text {
        font-size: 72px;
    }

    .banner-subheading-text {
        font-size: 48px;
    }
}


@media(max-width:991px) {
    .banner-btn-default-style {
        /*font-size: 0.8rem;*/
    }

    .banner-widget-content {
        /*padding: 60px 0;*/
    }

    .banner-widget-small-text {
        font-size: 16px;
    }

    .banner-widget-small-text2 {
        font-size: 16px;
    }

    .banner-heading-text-white-orange {
        font-size: 60px;
    }

    .banner-heading-text-white {
        font-size: 60px;
    }

    .banner-heading-text-brown {
        font-size: 60px;
    }
}

@media all and (min-width: 901px) {
    .banner-widget-background-img {
        max-width: 100%;
        /*width: auto;*/
    }
}

@media all and (min-width:901px) {
    .freepie-ribbon {
        bottom: 10%;
        font-size: 18px;
        right: 0px;
    }

    .freepie-ribbon h4 {
        padding: 12px 5px 12px 5px;
    }

    .freepie-ribbon span {
        font-size: 18px;
    }
}

@media all and (max-width:900px) {
    .banner-widget-background-img {
        position: absolute;
        /*width: auto;*/
        left: -1000px;
        right: -1000px;
        margin-left: auto;
        margin-right: auto;
        /*height: 300px;*/
    }

    .banner-heading-text {
        font-size: 64px;
    }

    .banner-subheading-text {
        font-size: 40px;
    }

    .freepie-ribbon {
        font-size: 16px;
        bottom: -60px;
        right: 0px;
        display: none;
    }

        .freepie-ribbon h4 {
            padding: 12px 6px 12px 10px;
        }
}


@media (max-width: 767px) {
    .banner-widget {
        position: relative
    }

    .banner-heading-text {
        font-size: 52px;
    }

    .banner-subheading-text {
        font-size: 28px;
    }

    .banner-widget-background-img {
        display: block;
        margin: 0 auto;
        max-width: none;
        width: 100%;
    }

    /*.banner-widget-background-img {
        display: block;
        margin: 0 auto;
        max-width: none;
        width: auto
    }*/
    .banner-widget-background-img {
        border-radius: 0
    }
}

@media all and (max-width:767px) {
    .banner-widget-button1, .banner-widget-button2 {
        margin: 8px;
        /*padding: 5px 16px;*/
    }

    .banner-widget-button-size {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 200px;
        height: 50px;
    }
}

@media(max-width:767px) {
    .banner-heading-text, .banner-subheading-text, .banner-widget-buttons {
        text-align: center;
    }

    .banner-widget-content {
        /*padding: 40px 0;*/
    }

    .banner-widget-small-text, .banner-widget-small-text2 {
        font-size: 12px;
    }

    .banner-heading-text-white-orange {
        font-size: 40px;
    }

    .banner-heading-text-white {
        font-size: 40px;
    }

    .banner-heading-text-brown {
        font-size: 40px;
    }
}


@media(max-width:500px) {
    .hero-image {
        height: 40%;
        float: right;
        max-width: max-content;
    }

    .hero-image-text {
        font-size: 30px;
        width: 140px;
        line-height: 30px;
        margin-top: 40px;
        margin-left: -20px;
    }

    .hero-image-container {
        height: 350px;
    }

    #useCurrentLocation {
        padding-top: 10px;
    }
}

@media all and (min-width:400px) {
    .banner-head-text-container {
        padding: 16px;
        width: 90%;
    }
}

@media all and (-ms-high-contrast:none) {
    .banner-widget-background-img {
        width: 100% !important
    }
}

/*@media(min-width:1111px) {
    .banner-widget.giftcards-page {
        padding-top: 12rem;
    }
}

@media(max-width:1110px) {
    .banner-widget.giftcards-page {
        padding-top: 7.5rem;
    }
}

@media(max-width:600px) {
    .banner-widget.giftcards-page {
        padding-top: 4rem;
    }
}

@media(max-width:428px) {
    .banner-widget.giftcards-page {
        padding-top: 3.5rem;
    }
}

@media(max-width:399px){
    .banner-widget.giftcards-page {
        padding-top: 7rem;
    }
}

@media(max-width:390px) {
    .banner-widget.giftcards-page {
        padding-top: 6rem;
    }
}*/
.button-image-widget {
    font-family: 'Montserrat Black', sans-serif !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 16px;
    color: #ffffff !important;
    text-align: center;
    margin: auto;
    cursor: pointer;
    height: 50px;
    /* width: 200px; */
    line-height: 50px;
    padding: 0 10px;
    text-decoration: none !important;
    /*font-weight: bold;*/
    /*letter-spacing: 2px;*/
    border-radius: 9999px;
    display: inline-block;
}

/*.button-image-widget:hover{
    background-color: white !important;
    color: #c34a31 !important;
    border: 1px solid #c34a31 !important;
}*/

/*.button-image-widget {
    pointer-events: none;
}*/

.button-btn-default-style {
    /*background-color: #000000;*/
    padding: 10px 12px;
    line-height:24px !important;
}

@media (max-width: 991px){
    .button-widget-container{
        margin: 8px 0;
        text-align: center;
    }

    .button-widget-container > a {
        float: none !important;
        font-size: 14px;
    }

    /*.button-widget-container > a {
        float: none !important;
        font-size: 18px;
    }*/
}

@media(max-width:580px) {
    .button-image-widget {
        float: none !important;
    }
    .button-widget-container {
        text-align: center;
    }

}


.vertical-card-container {
    display: flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    margin-bottom: 40px;
    position: relative;
    font-size: 1rem;
    line-height: 1.5;
}

.card-image {
    display: block;
    width: 100%;
    object-fit: cover;
    border: 0;
    height: 16vw;
    max-width: 100%;
    border-radius: 6px;
}

.card-image-caption {
    margin-top: 16px;
    width: 100%;
    text-align: center;
    color: var(--brown);
    font-family: 'Raleway Medium', sans-serif;
    font-size: 0.8rem;
    line-height: 1.5;
    /*font-weight: 800;*/
}

.card-image-caption-text p {
    color:var(--brown);
    margin-bottom: 0;
    min-height: 80px;
}

.card-badge {
    font-family: 'Lakesight';
    color: var(--orange);
    transform: rotate(-10deg);
    transform-origin: left bottom;
    font-size: 24px;
    position: absolute;
    font-weight: 400;
    top: -30px;
    left: -36px;
    text-transform: none;
}
.card-caption {
    position:relative;
    border-radius: 3px;
    font-family: 'Montserrat Black',sans-serif;
    color: var(--brown);
    display: block;
    font-size: 18px;
    margin-bottom:16px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.75;
    min-width: 50px;
}

.card-image-caption-text {
    /*background: rgba(255, 255, 255, .8);*/
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    color: #060606;
    line-height: 1.3;
    margin: 0;
    padding: 8px 12px;
    text-align: center;
    font-size: 16px;
}

.card-caption p{
    margin-bottom: 0;
}

.vertical-card-button {
    font-family: 'Montserrat Black', sans-serif !important;
    color: white;
    /*font-weight: 700;*/
    background-color: var(--green);
    border-radius: 9999px;
    margin-top: 16px;
    display: flex;
    width: 258px;
    height: 44px;
    max-width: 258px;
    padding: 12px 63px;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
    .vertical-card-button:not([href]), .vertical-card-button:not([href]):hover,
    .vertical-card-button:hover {
        color: white;
        text-decoration: none;
    }

    @media(max-width:1250px) {
        .vertical-card-controls {
        height: 80px
    }

    /*.card-image {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }*/
}

@media(max-width:1024px) {
    .vertical-card-content {
        margin: 16px;
    }

    .vertical-card-container {
        margin: 16px 0px;
    }

    .card-text-overlay {
        font-size: 32px;
        line-height: 32px;
    }

    .card-text {
        font-size: 14px;
    }

    .card-caption {
        font-size: 15px;
    }


    .card-image-caption-text {
        font-size: 13px;
    }
}

@media(max-width:991px) {
    
}

@media(max-width:767px) {
    .card-image {
        height: auto;
        min-height: 60vw;
    }

    .vertical-card-content {
        margin: 16px 0;
    }

    .vertical-card-container {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        flex: auto;
    }

    .card-text {
        font-size: 14px;
    }
}

@media(max-width:344px) {
    .card-caption {
        text-align: center;
    }
}








.right-part-margin {
    margin-left: 11%;
}

.horizontal-card-widget-card-image-div {
    border: 0;
    margin-bottom: 20px;
    position: relative;
    display: block;
}

.horizontal-card-widget-card-image-another-div {
    display: block;
    text-align: center;
    align-content: center;
    position: relative;
    height: auto !important;
}

    .horizontal-card-widget-card-image-another-div .image-uploader-editor {
        text-align: center;
        width: 100%;
        height: 100%;
    }

.horizontal-card-widget-card-image-div img {
    border-radius: 24px;
    width: 100%;
    display: block;
    height: auto;
    max-width: 100%;
    border: 0;
}


.horizontal-card-widget-card-image-mobile-div {
    border: 0;
    margin-bottom: 20px;
    position: relative;
    display: none;
}


.horizontal-card-widget-card-image-mobile-div img {
    border-radius: 6px;
    width: 100%;
    display: block;
    height: auto;
    max-width: 100%;
    border: 0;
}


h4 {
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    /*font-weight: bold;*/
}

.horizontal-card-widget-card-image-cta {
    background: none;
    color: #000;
    font-weight: bold;
    margin: 0;
    text-align: left;
    text-transform: none;
    border-radius: 3px;
    display: block;
    font-size: 22px;
    padding: 7px 5px;
    text-decoration: none;
}

.horizontal-card-widget-card-image-caption {
    background: rgba(255, 255, 255, .8);
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    width: 100%;
    bottom: 0;
    position: absolute;
    text-align: center;
}

.horizontal-card-widget-card-image-caption p {
    display: block;
    font-family: 'Raleway Medium';
    font-size: 1rem;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: 500;
    background: none;
    border: none;
    border-radius: 0;
    background: rgba(255, 255, 255, .8);
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    color: #060606;
    line-height: 1.3;
    margin: 0;
    padding: 8px 12px;
    text-align: left;
}

.horizontal-card-widget-container {
    /*border-bottom: dotted #B7B7B7;*/
    margin-bottom: 0px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*margin-right: 5%;*/
    margin-left: 0;

}

.horizontal-card-widget-card-image-mobile {
    margin-top: 10px;
    object-fit: cover;
    display: block;
}


.horizontal-card-widget-card-text {
    margin-top: 20px;
}

.horizontal-card-widget-text-div {
    /*max-width: max-content;*/
    /*flex: auto;*/
    width: 48%;
}


.horizontal-card-widget-top-text {
    color: #000000;
    font-family: 'Montserrat Black', sans-serif;
    font-size: 1.5em;
    font-style: normal;
    line-height: 1.5;
    display: block;
    word-wrap: break-word;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    color: #5c3d2b;
    /*font-weight: 700;*/
}

.horizontal-card-widget-card-text {
    /**color: #000000;
    font-family: 'Lato',sans-serif;
    font-size: 16px;**/
    overflow-wrap: break-word;
}

.horizontal-card-widget-card-image {
    width: 100%;
}

.horizontal-card-widget-card-image-mobile {
    margin-top: 10px;
    object-fit: cover;
    display: none;
}

.horizontal-card-widget-img {
    max-width: 100%;
    max-height: 100%;
}

.horizontal-card-widget-image-div {
    display: block;
    text-align: center;
    align-content: center;
   /* background-color: #b6b2b2;*/
   padding-left: 0;
   padding-right: 0;
}

@media (min-width: 576px) {
    .col-sm-5 {
        -ms-flex: 0 0 41%;
        flex: 0 0 41%;
        max-width: 41%;
    }

    .col-sm-7 {
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        max-width: 48%;
    }
}

.horizontal-card-widget-buttons {
    margin: 32px 0;
}

.horizontal-card-button {
    font-family: 'Montserrat Black', sans-serif;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 14px;
    color: #ffffff !important;
    text-align: center;
    margin: auto;
    cursor: pointer;
    height: 42px;
    width: 165px;
    line-height: 50px;
    text-decoration: none !important;
    margin: 10px 8px 10px 0;
    vertical-align: middle;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 9999px; 
}

@media(min-width: 991px) {
    .horizontal-card-widget-container {
        overflow: hidden;
    }
}


@media(max-width:991px) {
    .horizontal-card-widget-card-image-mobile-div {
        object-fit: cover;
        display: block;
        width: 100%;
    }

    .horizontal-card-widget-card-image-div {
        display: none;
    }

    .horizontal-card-widget-card-image {
        display: none;
    }

    .horizontal-card-widget-card-image-mobile {
        margin-top: 10px;
        object-fit: cover;
        display: block;
        width: 100%;
    }

    .horizontal-card-widget-image-div {
        display: none;
        width: 48%;
    }

    .horizontal-card-widget-card-text {
        margin-top: 20px;
    }

    .horizontal-card-widget-text-div {
        max-width: 100%;
        flex: auto;
        margin-left: 0;
    }

    .horizontal-card-widget-top-text {
        word-wrap: break-word;
        font-size: 1.25em;
        line-height: 30px;
        margin-top: 20px;
    }

}

@media(max-width:767px) {
    .horizontal-card-button {
        width: 100%;
    }
}
/*Hero image Widget*/
.hero-image-container {
    position: relative;
    height: 450px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    overflow-wrap: break-word;
}

.rounded-style {
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 1rem;
    color: white;
    /* font-weight: 700; */
    padding: 10px 32px;
    border-radius: 9999px;
    text-transform: uppercase;
}

.hero-image-detailed-container {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    overflow-wrap: break-word;
}

.hero-image-div {
    width: 40%;
}

.hero-image-detailed-div {
    width: 35%;
    float: left;
}

.hero-image {
    height: 90%;
    float: right;
    max-width: none;
}

.hero-image-detail {
    float: right;
    height: auto;
    margin: auto;
    max-height: 400px;
}

.hero-image-detailed-div-mobile {
    display: none;
}

.hero-image-text-div {
    width: 60%;
    height: 450px;
    position: relative;
    text-align: left;
}

.hero-image-detailed-text-div {
    width: 60%;
    /* height: 450px; */
    text-align: left;
    padding: 24px 16px;
    float: left;
}

.hero-image-text {
    color: #ffffff;
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 72px;
    font-style: normal;
    font-weight: normal;
    text-shadow: 0px 0px 16px #000000;
    width: 75%;
    line-height: 1em;
    position: absolute;
    margin-top: 100px;
}

.hero-image-detail-top-text {
    text-align: center;
    color: var(--brown);
    font-family: Lakesight, sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: normal;
    width: 100%;
    line-height: 60px;
    font-weight: bold;
}

.hero-image-detail-text {
    text-align: center;
    color: var(--brown);
    font-family: 'Montserrat Black', sans-serif;
    font-size: 32px;
    line-height: 36px;
    font-style: normal;
    font-weight: normal;
    margin-top: 20px;
    width: 100%;
}

.hero-image-widget-buttons {
    margin-top: 40px;
    text-align: center;
}

.hero-image-button {
    font-family: Lato, sans-serif;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 165px;
    height: 50px;
    font-size: 16px;
    color: #ffffff !important;
    padding-top: 12px;
    text-align: center;
    margin: auto;
    cursor: pointer;
    margin: 0 4px;
    text-decoration: none !important;
    vertical-align: middle;
}

.hero-image-detail-text > p {
    margin: 0;
}


@media(max-width:991px) {
    .hero-image-text {
        font-size: 60px;
        line-height: 60px;
        width: 400px;
    }

    .hero-image-detail-top-text {
        font-size: 48px;
        line-height: 48px;
    }

    .hero-image-detail-text {
        font-size: 32px;
    }
}


@media(max-width:767px) {
    .hero-image {
        height: 60%;
        float: right;
        max-width: max-content;
    }

    .hero-image-div{
        width: 55%;
    }

    .hero-image-text-div {
        width: 45%;
    }

    .hero-image-text {
        font-size: 36px;
        line-height: 36px;
        width: 220px;
        line-height: 45px;
        margin-top: 60px;
        margin-left: -30px;
    }

    .hero-image-widget-buttons {
        margin-top: 32px;

    }

    .hero-image-detailed-div{
        width: 30%;
    }

    .hero-image-detailed-text-div {
        width: 70%;
    }

    .hero-image-detail-top-text {
        font-size: 40px;
        line-height: 40px;
    }

    .hero-image-detail-top-text > p {
        margin-bottom: 0;
    }

    .hero-image-button {
        margin: 0;
    }

    .hero-image-container
    {
        height:333px;
    }

    .hero-image {
        height: 40%;
        float: right;
        max-width: max-content;
    }

    .hero-image-detail {
        height: 500px;
        float:none;
    }

    .hero-image-text {
        font-size: 30px;
        line-height: 30px;
        width: 140px;
        margin-top: 40px;
        margin-left: -20px;
    }

    .hero-image-detail-top-text {
        font-size: 36px;
        line-height: 36px;
        width: 100%;
        margin-top: 0px;
        text-align: center;
        margin-left:0px;
    }

    .hero-image-detailed-text-div {
        width: 100%;
        text-align:center;
        padding-left:0px;
    }

    .hero-image-detailed-div{
        display: none;
    }

    .hero-image-detailed-div-mobile {
        display: block !important;
        margin-top: 10px;
        text-align:center;
    }

    .hero-image-detail-text {
        margin-top: 15px;
        margin-left: 8px;
        text-align: center;
        width: 100%;
        font-size: 24px;
        line-height: 24px;
        padding: 0 16px;
    }

    .hero-image-widget-buttons {
        width: 100%;
        text-align: center;
    }
}
/*Card Widget*/
.card-widget-container {
    width: 100%;
    height: 100%;
    text-align: center;
}

.card-widget-img{
    max-height: 200px;
    object-fit: cover;
}

.card-widget-header-text {
    color: #5C3D2B;
    font-family: 'Montserrat Black', sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
    height: 85px;
    line-height: 30px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 16px;
}

.card-widget-detail-text {
    color: #5C3D2B;
    font-family: 'Raleway Medium', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    overflow-wrap: break-word;
}

@media(max-width:991px) {
    .card-widget-header-text {
        line-height: 24px;
        height: 85px;
        font-size: 24px;
    }
}
@media(max-width:767px) {
    .card-widget-header-text {
        line-height: 30px;
        height: 110px;
        font-size: 30px;
    }
}

@media(max-width:575px) {
    .card-widget-container {
        height: 100%;
    }

    .card-widget-header-text {
        line-height: 24px;
        height: 50px;
        font-size: 24px;
    }
}
/*Accordion Widget*/
.accordion-widget{
    padding: 0px 30px;
}

.accordion-widget-header-text {
    color: #5c3d2b;
    font-family: 'Montserrat Black',sans-serif;
    font-size: 18px;
    line-height: 18px;
    font-style: normal;
    font-weight: normal;
    width: 95%;
    margin: auto;
    padding-left: 30px;
}

/*.accordion-widget-header-text {
    color: #000000;
    font-family: 'Lato',sans-serif;
    font-size: 24px;
    line-height:24px;
    font-style: normal;
    font-weight: normal;
    width: 90%;
    margin: auto;
}*/

.accordion-widget-detail-text {
    color: #000000;
    font-family: 'Montserrat Black',sans-serif;
    font-size: 14px;
    font-style: normal;
    width: 90%;
    padding-top: 16px;
    margin-left: 10%;
}

.accordion-widget-button {
    border-radius: 3px;
    border-style: solid;
    width: 32px;
    height: 32px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin: auto;
    border-width: 1px;
    font-size: 32px;
    line-height: 24px;
    font-weight: 300;
    cursor: pointer;
    color: #ffffff !important;
    background-color: #5c3d2b;
}

/*.accordion-widget-button {
    border-radius: 40px;
    border-style: solid;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin: auto;
    border-width: 1px;
    font-size: 32px;
    line-height: 32px;
    font-weight: 300;
    cursor: pointer;
}*/

.accordion-widget-col-1 {
    width: 5%
}

.accordion-widget-button-text {
    height: inherit;
}

.accordion-widget-header-text > p {
    margin-bottom: 0;
}

.accordion-widget-horizontal-bar {
    border-top: none;
    border-bottom: dotted #B7B7B7;
}

@media(max-width:991px) {
    .accordion-widget-header-text {
        font-size: 20px;
        line-height:20px;
    }

    .accordion-widget {
        padding: 0px 16px;
    }    
}

@media(max-width:767px) {
    .accordion-widget-header-text {
        font-size: 18px;
        line-height: 20px;
    }

    .accordion-widget-detail-text {
        margin: 0 5%;
    }

    .accordion-widget-button {
        /*padding-top: 3px;*/
    }
 }


@media(max-width:580px) {
    .accordion-widget-col-1 {
        width:15%;
    }
    .accordion-widget-header-text {
        width: 85%;
        padding: 0px 12px;
    }
}

.alt-menu-icon {
    width: 185px;
    height: 185px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alt-menu-features {
    display: inline-block;
    margin: 10px 32px;
}

.alt-menu-container {
    width: 100%;
    justify-content: center;
}

.alt-menu-header {
    margin-top: 40px;
}

.location-menu-container {
    display: flex;
    position: relative;
    flex-direction: column;
}

.change-location-container, .store-message-container {
    padding: 0 8px;
    width: 85%;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

.category-location {
    padding-left: 10%;
    padding-right: 10%;
}

.change-location-container.menu-location {
    width: 100%;
    position: relative;
}

    .location-menu-container::before, .change-location-container.menu-location::before {
        content: '';
        position: absolute;
        z-index: -1;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 375px;
        height: 4px;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(166,165,160,1) 45%, rgba(166,165,160,1) 55%, rgba(255,255,255,1) 85%);
        border-radius: 100%;
        box-shadow: 0px 0px 27px -8px rgb(110 103 103 / 32%) inset;
        -webkit-box-shadow: 0px 0px 27px -8px rgb(110 103 103 / 32%) inset;
        -moz-box-shadow: 0px 0px 27px -8px rgba(110,103,103,0.32) inset;
        filter: drop-shadow(0px 4px 20px rgb(146, 145, 145));
    }

    .change-location-container.menu-location::before {
        top: 125%;
    }

@media(max-width: 425px) {

    .category-label-menu-container {
        left: 0 !important;
        top: 0 !important;
        width: 100%;
        text-align: center;
    }
}


.category-label-menu-container {
    position: relative;
    left: 194px;
    top: 108px;
}

@media(max-width: 1024px) {
    .category-label-menu-container {
        left: 0;
        top: 0;
        width: 100%;
        text-align: center;
    }
}

.category-label-container .vertical-line {
    border-left: 3px dotted #5c3d2b;
    height: 52px;
    display: inline-block;
    padding-left: 30px;
}

.category-label-container .category-label {
    font-family: Lakesight, sans-serif !important;
    font-size: 31px;
    color: #5c3d2b;
}


.change-location-container .change-location-link {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    font-family: 'Raleway Medium', sans-serif !important;
    color: #5c3d2b !important;
}

    .change-location-container .change-location-link a {
        text-decoration: underline;
    }

.change-location-container .change-location-icon {
    font-size: 32px;
    line-height: 60px;
    color: #5c3d2b;
    width: 25px;
}

.location-label {
    font-size: 28px;
    font-family: Lakesight, sans-serif !important;
    color: #5c3d2b;
    margin: 0;
    margin-top: -4px;
    margin-left: 8px;
    margin-right: 21px;
}


.change-location-container .change-location-text, .checkout-store {
    padding: 10px 0 0 0;
    margin: 0px;
    font-size: 12px;
    font-family: 'Montserrat Black', sans-serif !important;
    color: #5c3d2b;
    text-transform: uppercase;
}

@media(max-width: 1024px) {

    .change-location-container .change-location-text {
        max-width: 272px;
    }
}

.category-banner-content {
    margin-top: 32px;
    margin-left: 10%;
    margin-right: 10%;
}

.change-location-container .store-availability {
    color: #ff6b17;
    margin: 0px;
    font-size: 12px;
    font-family: 'Raleway Medium', sans-serif !important;
}

.store-customerfaceing-message {
    color: #ff6b17;
    margin: 0px;
    font-size: 14px;
    font-family: 'Raleway Medium', sans-serif !important;
    text-transform: uppercase;
    text-align: center;
    margin-top: 32px;
    margin-bottom: 32px;
}

.checkout-store {
    padding: 0 !important;
    margin: 0 !important;
}

.text-left {
    width: 100%;
}

.menu-category-image {
    padding: 16px;
    text-align: center;
}

    .menu-category-image > img {
        cursor: pointer;
        object-fit: cover;
        border-radius: 24px;
        height: 20vw;
    }

.category-text {
    font-family: 'Montserrat Black', sans-serif !important;
    text-transform: uppercase;
    font-size: 32px;
    text-align: center;
    color: #5c3d2b;
    display: block;
    height: 80px;
    padding: 0 8px;
    line-height: 40px;
    margin-bottom: 8px;
}
    .category-text a {
        font-family: 'Montserrat Black', sans-serif !important;
        text-transform: uppercase;
        font-size: 32px;
        text-align: center;
        color: #5c3d2b;
        display: block;
        padding: 0 8px;
        line-height: 40px;
        margin-bottom: 8px;
    }

.featured-categories.menu-index-page .menu-category-container .category-text {
    font-size: 20px;
    line-height: 32px;
}

.featured-categories .category-page.menu-category-container .category-text {
    font-size: 20px;
    height: 40px;
    margin-bottom: 0;
}

@media(max-width: 768px) {
    .menu-index-page > .menu-category-container > .category-text a {
        font-size: 18px;
        line-height: 20px;
    }
}

.category-text a:hover {
    text-decoration: none;
}

.category-product-description-full {
    font-family: 'Raleway Medium', sans-serif !important;
    padding: 0 18px;
    position: relative;
    background-color: #f2f0e8;
    box-shadow: 0 8px 6px -6px #5c3d2b;
    height: auto;
    padding-bottom: 18px;
    z-index: 100001;
    font-size: 16px;
    line-height: 20px;
    border-radius: 12px;
}

    .category-product-description-full p {
        font-family: 'Raleway Medium', sans-serif !important;
        font-size: 16px;
        text-align: left;
        color: #5c3d2b;
        line-height: 21px;
    }

        .category-product-description-full p:focus {
            outline: none;
        }

.category-page.menu-category-container .show-more img {
    width: 16px;
}

.category-product-description-full .arrow-up img {
    width: 16px;
}

.category-product-description {
    margin-top: 12px;
    padding: 0 18px;
    height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    content: "";
    position: relative;
    font-size: 16px;
}



@media(min-width: 2560px) {
    .category-product-description {
        height: 100px;
    }
}

.category-availability-message p {
    text-align: center !important;
}

.category-product-description p {
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 16px;
    text-align: left;
    color: #5c3d2b;
    max-width: 353px;
    line-height: 20px;
}

.descShadow {
    position: absolute;
    bottom: -50px;
    width: 100%;
    height: 8em;
    background: -webkit-linear-gradient(transparent, #f2f0e8);
    background: -o-linear-gradient(transparent, #f2f0e8);
    background: -moz-linear-gradient(transparent, #f2f0e8);
    background: linear-gradient(transparent, #f2f0e8);
}

.show-more {
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
    height: 24px;
    font-size: 18px;
    cursor: pointer;
    margin-top: -24px;
    margin-bottom: 12px;
}

.category-page.menu-category-container .show-more i {
    color: #5c3d2b;
}

#btnShowMore {
    width: 100%;
    margin: 0 auto;
    color: rgb(74, 74, 74);
    cursor: pointer;
}

.category-product-price-calories {
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 20px;
    color: #5c3d2b;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
}


.category-product-ordernow a {
    color: #ffffff;
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 16px;
    background: #30c7a8;
    border-radius: 24px;
    padding: 10px 31px;
    text-transform: uppercase;
    margin-top: 12px;
    width: 254px;
    height: 44px;
    display: block;
    text-align: center;
}

@media (max-width: 425px) {
    .category-product-ordernow a {
        padding: 10px 18px;
    }
}

@media (max-width: 375px) {
    .category-product-ordernow a {
        padding: 10px 8px;
    }
}

@media (max-width: 320px) {
    .category-product-ordernow a {
        padding: 10px 16px;
        font-size: 12px !important;
    }
}

.category-product-ordernow a i {
    font-style: normal;
}

.category-availability-message {
    text-align: left;
    font-weight: bold;
    font-style: normal;
    font-size: 13px;
    font-family: 'Raleway Medium', sans-serif !important;
}

.menu-category-banner {
    height: 250px;
}

.menu-breadcrumbs {
    width: 85%;
    margin: auto;
    margin-top: 32px !important;
    margin-left: 8%;
}

.menu-category-error-message {
    text-align: center;
    width: 100%;
    margin-bottom: 60px;
}

.no-recipient-error-message {
    text-align: center;
    width: 100%;
    margin-bottom: 60px;
    display: none;
    color: #C34A31;
    font-size: 22px;
    letter-spacing: 2px;
}

/*product customization page*/
div.product-options-container ul li.selected {
    background-color: #30c7a8;
    color: white;
    border: 1px solid #5c3d2b;
}

    div.product-options-container ul li.selected .option-name {
        color: #ffffff;
    }

    div.product-options-container ul li.selected .radiobtn {
        border: 1px solid #ffffff;
    }

#product-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: lightgray;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    z-index: 1000000;
}

.spinner-border {
    z-index: 2000000 !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    color: #000000 !important;
}

.product-info .horizontal-card-widget-card-image {
    border-radius: 24px;
    width: auto;
}

.product-info .horizontal-card-widget-top-text {
    font-size: 33px;
    text-transform: uppercase;
    color: #5c3d2b;
    line-height: 42px;
    font-family: 'Montserrat Black', sans-serif !important;
}

.product-info .horizontal-card-widget-image-div {
    position: relative;
    margin: auto;
}

.product-info .horizontal-card-widget-card-text {
    font-family: 'Raleway Medium', sans-serif !important;
    color: #5c3d2b;
}

.product-info .calorie-text {
    font-size: 17px;
    text-transform: uppercase;
}

.product-info .price-text {
    font-size: 30px;
}

.menu-category-error-message .location-sub-header-text {
    color: #C34A31 !important;
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 22px;
    line-height: 32px;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.product-info {
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 32px;
    margin-top: 20px;
}

.product-hidden {
    pointer-events: none;
    cursor: default;
    background-color: #ccc;
}

.product-submit-button {
    width: 170px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    margin: auto;
    cursor: pointer;
    height: 40px;
    line-height: 38px;
    padding: 0 10px;
    text-decoration: none !important;
    border: none;
    background-color: #ff6b17;
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 24px;
    color: white !important;
}

.optionLabel {
    list-style-type: none;
    text-align: center;
    border-top: 4px dotted #5c3d2b;
    margin-bottom: -20px;
    text-align: -webkit-center;
    text-align: -moz-center;
    margin-top: 45px;
}

    .optionLabel p {
        font-size: 16px;
        position: relative;
        top: -28px;
        width: fit-content;
        padding: 0px 10px;
    }

.product-options {
    width: 100%;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 60px;
    padding: 0 10%;
}

.product-label-L {
    font-size: 18px;
    line-height: 48px;
    font-family: 'Montserrat Black', sans-serif !important;
    text-transform: uppercase;
    color: #5c3d2b;
}

.cartNameField .product-label-L {
    color: #5c3d2b;
}

.cartQtyField .product-label-L {
    color: #5c3d2b;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .cartNameField .product-label-L {
        margin-right: 1rem;
    }

    .cartQtyField .product-label-L {
        margin-left: -1.5rem;
    }
}

.product-options-error {
    color: #9f1c2b;
    font-family: 'Raleway Medium', sans-serif !important;
    text-transform: uppercase;
    display: none;
    font-weight: bold;
    font-size: 20px;
}

.product-label-error {
    background-color: #9f1c2b !important;
    color: white !important;
    width: 100% !important;
}

.product-label-choose {
    background-color: #757575;
    color: white;
    width: 100% !important;
}

p.product-label-L:not(.product-label-choose) {
    background-color: #f2f0e8;
}

p.product-label-L {
    position: relative;
    top: -28px;
    width: fit-content;
    padding: 0px 10px;
}

.ul-product-options {
    padding-left: 0;
}

li.product-radio-button-disabled,
li.product-checkbox-disabled {
    font-size: 14px;
    width: 31.7%;
    height: auto;
    border: 1px solid gray;
    display: inline-flex;
    align-items: center;
    margin: 5px;
    min-height: 50px;
    padding-left: 7px;
    vertical-align: middle;
    cursor: pointer !important;
    background-color: lightgray;
}

    li.product-radio-button-disabled label,
    li.product-checkbox-disabled label {
        width: 100%;
        height: 93%;
        margin: 0 !important;
        cursor: pointer !important;
    }

div.product-options-container ul li[class="product-radio-button-disabled selected"],
div.product-options-container ul li[class="product-checkbox-disabled selected"] {
    background-color: gray !important;
    color: white !important;
}

.product-textbox-disabled {
    background-color: lightgray !important;
}

li.product-radio-button,
li.product-checkbox {
    font-size: 14px;
    width: 31.7%;
    height: auto;
    border: 1px solid #5c3d2b;
    display: inline-flex;
    align-items: center;
    margin: 5px;
    min-height: 50px;
    padding-left: 7px;
    vertical-align: middle;
    cursor: pointer !important;
}

    li.product-radio-button label,
    li.product-checkbox label {
        width: 100%;
        height: 93%;
        margin: 0 !important;
        cursor: pointer !important;
    }

    li.product-radio-button input[type=radio], li.product-checkbox input[type=checkbox] {
        width: 2em;
        height: 4em;
        text-align: left;
    }

    li.product-radio-button span.option-name, li.product-checkbox span.option-name {
        display: inline-block;
        width: 100%;
        text-align: left;
        font-family: 'Raleway Medium', sans-serif !important;
        font-size: 14px;
        margin-top: 6px;
        color: #5c3d2b;
    }

    li.product-radio-button span.option-desc, li.product-checkbox span.option-desc {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        width: 90%;
        font-family: 'Raleway Medium', sans-serif !important;
        font-size: 14px;
        margin-top: 6px;
    }

li.singleuse-checkbox {
    font-size: 14px;
    width: 100%;
    height: auto;
    /*border: 1px solid gray;*/
    display: inline-flex;
    align-items: center;
    /*margin: 5px;*/
    min-height: 32px;
    /* padding-left: 7px;*/
    vertical-align: middle;
    /*cursor: pointer !important;*/
}

    li.singleuse-checkbox label {
        width: 100%;
        height: 93%;
        /*margin: 0 !important;*/
        /*cursor: pointer !important;*/
        font-size: 15px;
        margin-left: -5px;
    }

    li.singleuse-checkbox .checkcontainer {
        margin-top: -17px;
    }

    li.singleuse-checkbox span.checkmark {
        cursor: pointer !important;
        top: -5px;
        /*top: -6px;*/
    }

.product-add-cart {
    margin: auto;
    margin-top: 40px;
    margin-bottom: 60px;
    text-align: left;
    padding: 0px 12% 64px 10%;
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 14px !important;
    color: #5c3d2b;
}


@media (min-device-width: 1025px) {
    .field-validation-error {
        font-size: 15px;
    }
}

@media (max-device-width: 768px) {
    .field-validation-error {
        font-size: 16px;
    }
}

@media only screen and (max-device-width: 768px) and (min-device-width: 426px) {
    .field-validation-error {
        padding-bottom: 12px;
    }
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 769px) {
    .field-validation-error {
        font-size: 13px;
    }
}


.product-add-cart a#btnCancel, .product-add-cart #btnAddToOrder {
    color: white !important;
    text-decoration: none;
    margin: 0 0 0 12px;
    width: 150px;
}

.product-add-cart a#btnCancel {
    line-height: 41px;
}

.product-add-cart #btnAddToOrder {
    line-height: 39px !important;
}

.product-add-cart textarea#SpecialInstructions {
    resize: both !important;
    overflow: auto !important;
    display: block;
    width: 100%;
    height: calc(2.2em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    color: #5c3d2b;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control {
    height: calc(2.2em + .75rem + 2px) !important;
}

#TypeOfEvent {
    color: #5c3d2b;
}

.cartNameInput, .cartQtyInput {
    border: none;
    color: #5c3d2b !important;
}

/** Start Checkbox and Radiobutton Start **/
/* Custom labels: the container */
.checkcontainer {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 17px;
    -webkit-user-select: none; /* Chrome, Opera, Safari */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
    /*width: 8% !important;*/
    top: 4px;
}
    /* Hide the browser's default checkbox */
    .checkcontainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.selected .checkmark {
    border: none !important;
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: -10px;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #5c3d2b;
}

.SMSOptIn .checkmark {
    top: 0 !important;
}

#basketItemDiv .singleuse-checkbox .option-name {
    cursor: pointer;
}

.single-use-items-options {
    max-height: 100px;
    overflow: auto;
    margin-bottom: 10px;
    border-bottom: 4px dotted #5c3d2b;
    /*border-bottom: 3px solid lightgrey;*/
    padding-bottom: 10px;
}

/* On mouse-over, add a grey background color */
/*.checkcontainer:hover input ~ .checkmark {
    background-color: #ccc;
}*/

.checkcontainer:hover input ~ .checkmark {
    background-color: #5c3d2b5e;
}

.basket-item-list .checkcontainer:hover input ~ .checkmark {
    /*background-color: #ccc;*/
    background-color: #5c3d2b5e;
}

/* When the checkbox is checked, add a blue background */
.checkcontainer input:checked ~ .checkmark {
    background-color: #ffffff;
    border: 1px solid white;
}

/* Single use item checkbox background and border*/
.single-use-items-options .checkcontainer .checkmark {
    background-color: #ffffff;
    border: 1px solid #5c3d2b !important;
    top: -5px !important;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */
.checkcontainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkcontainer .checkmark:after {
    left: 7px;
    width: 10px;
    height: 18px;
    border: solid #30c7a8;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Create a custom radio button */
.radiobtn {
    position: absolute;
    top: -10px;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #5c3d2b;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.checkcontainer:hover input ~ .radiobtn {
    background-color: #5c3d2b5e;
}

/* When the radio button is checked, add a blue background */
.checkcontainer input:checked ~ .radiobtn {
    background-color: white;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiobtn:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.checkcontainer input:checked ~ .radiobtn:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.checkcontainer .radiobtn:after {
    top: 6px;
    left: 6px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #30c7a8;
}
/** End Checkbox and Radiobutton End **/

/*product customization page*/

/*basket-styles*/
.cart-icon {
    font-size: 28px;
    cursor: pointer;
    color: #000000;
}

.cart-icon-img {
    height: 24px;
    margin-top: -18px;
}

.basket-summary-item {
    max-width: 80%;
    flex: auto;
    margin-left: 15px;
    color: #5c3d2b;
}

.basket-summary-qty {
    max-width: 10%;
    flex: auto;
    text-align: right;
    margin-right: 15px;
}

    .basket-summary-qty p {
        font-family: 'Raleway Medium', sans-serif !important;
        color: #5c3d2b;
    }

#basketModalSummary {
    z-index: 100200;
    position: fixed;
    width: 275px;
    height: 325px;
    display: none;
    background-color: #f2f0e8;
    margin: auto;
    float: right;
    border-radius: 0px;
    border-style: solid;
    border-width: thin;
    top: 75px;
    right: 14px;
    border-radius: 8px;
}

.group-order-guest-header {
    font-size: 14px;
}

@media screen and (max-width: 1024px) {
    #basketModalSummary {
        top: 75px;
    }

    body.grpOrder #basketModalSummary {
        right: 14px !important;
    }
}

@media (max-width: 991px) {
    .product-info .horizontal-card-widget-top-text {
        font-size: 27px !important;
    }

    .product-info .calorie-text {
        font-size: 17px !important
    }
}

@media screen and (max-width: 767px) {
    .location-label {
        display: none;
    }

    body.grpOrder #basketModalSummary {
        right: 0px !important;
    }
}

.callout-up::before {
    position: absolute;
    top: -11px;
    right: 22px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #000000;
    content: '';
}

.callout-up::after {
    position: absolute;
    top: -9px;
    right: 22px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f2f0e8;
    content: '';
}

.basket-summary-header {
    font-family: 'Montserrat Black', sans-serif !important;
    text-align: center;
    font-size: 30px;
    padding-top: 10px;
    width: 80%;
    margin: 0 auto;
}

    .basket-summary-header p {
        font-size: 18px;
        line-height: 2;
        margin: 0 auto;
        color: #5c3d2b;
    }

.basket-summary-detail {
    font-family: 'Raleway Medium', sans-serif;
    font-size: 16px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    height: 120px;
    margin-top: 18px;
    color: #5c3d2b;
}

.basket-summary-item-header {
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 14px;
    margin-left: -5px;
    margin-right: -5px;
    height: 15px;
    margin-top: 0px;
    margin-bottom: 5px;
}

.basket-summary-subtotal, .basket-summary-subtotal-value {
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    font-weight: bold;
}

.basket-summary-subtotal-value {
    text-align: right;
}

.basket-summary-items {
    font-family: 'Montserrat Black', sans-serif !important;
    height: 80px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
}

.basket-summary-item-row {
    line-height: 14px;
    padding-top: 5px;
    margin-bottom: -10px;
}

.basket-summary-footer {
    margin-bottom: 6px;
}

    .basket-summary-footer p {
        font-family: 'Raleway Medium', sans-serif !important;
        font-size: 14px;
        margin-left: 10px;
        margin-right: 10px;
        color: #5c3d2b;
    }

.basket-summary-controls {
    width: 100%;
    padding: 0px 10px;
}

.basket-summary-button {
    border: none;
    color: white;
    padding: 4px 32px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    margin: 4px 0px;
    cursor: pointer;
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 20px;
    width: 100%;
    height: 35px;
}

.basket-summary-separator {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    margin-left: 10px;
    margin-right: 10px;
    border-top: 4px dotted #5c3d2b;
}

#btnViewBasket {
    background-color: #5c3d2b;
    color: #fff;
    text-decoration: none;
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 14px;
    padding-top: 10px;
    border-radius: 16px;
    line-height: 16px;
}


#btnAddBasketItem {
    font-family: 'Montserrat Black', sans-serif !important;
    background-color: #5c3d2b;
    color: #FFFFFF;
    font-size: 14px;
    padding-top: 10px;
    text-transform: uppercase;
    border-radius: 16px;
    line-height: 16px;
}

    #btnAddBasketItem:hover {
        text-decoration: none;
    }

#btnStartGroupBasket {
    font-family: 'Montserrat Black', sans-serif !important;
    background-color: #5c3d2b;
    color: #FFFFFF;
    font-size: 14px;
    padding-top: 10px;
    text-transform: uppercase;
    border-radius: 16px;
    line-height: 16px;
}

.basketItemDetail {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Montserrat Black', sans-serif !important;
    color: #5c3d2b;
}


#basketCurrentLocationInfo {
    font-family: 'Raleway Medium', sans-serif !important;
    font-weight: normal;
}

/* The Close Button */
.close {
    float: right;
    font-weight: normal;
    font-family: monospace !important;
    opacity: 1;
    color: #FFF;
    font-size: 25px;
}

    .close:hover,
    .close:focus {
        color: #FFF;
        text-decoration: none;
        cursor: pointer;
        opacity: 1 !important;
    }

.basket-header {
    background-color: #ff6b17;
    height: 90px;
    margin-top: -10px;
    padding-top: 8px;
    position: relative;
}

    .basket-header::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 10px;
        background-color: #ff6b17;
        bottom: 1px;
        transform: translateY(100%);
        clip-path: polygon(0 0, 0% 100%, 100% 0);
        left: 0;
    }


#basketLocationPill, #guestLocationPill {
    background-color: #5c3d2b;
    margin-top: 10px;
    margin-left: 10px;
    font-family: 'Raleway Medium', sans-serif !important;
    font-weight: normal;
    height: 44px;
    width: 150px;
    padding-bottom: 2px;
    padding-top: 2px;
    border-radius: 40px;
    display: flex;
    align-items: center;
}


#guestLocationPill {
    margin-top: 24px;
}

    #basketLocationPill .map-marker-container, #guestLocationPill .map-marker-container {
        border-right: 2px solid #f2f0e8;
    }

    #guestLocationPill .map-marker-container {
        border-right: 2px solid #f2f0e8;
    }

        #basketLocationPill .map-marker-container a, #guestLocationPill .map-marker-container em, #basketLocationPill .map-marker-container em {
            font-size: 20px;
            margin-right: 8px;
            margin-left: 8px;
            color: #ffffff;
        }

#basketLocationPill #currentLocationInfo {
    margin-left: 8px;
}

    #basketLocationPill #currentLocationInfo .location-box {
        display: flex;
        flex-direction: column;
    }

    #basketLocationPill #currentLocationInfo .pickup-title, #guestLocationPill #basketCurrentLocationInfo .pickup-title {
        margin-bottom: 0px;
        font-size: 10px;
        font-family: 'Raleway Medium', sans-serif;
        color: #ffffff;
        line-height: 13px;
    }

#guestLocationPill #basketCurrentLocationInfo .pickup-title {
    padding-top: 0px !important;
    margin-left: 8px;
}

#basketLocationPill #currentLocationInfo .location-txt, #guestLocationPill #basketCurrentLocationInfo .location-txt {
    font-size: 12px !important;
    text-transform: uppercase;
    /*font-weight: bold;*/
    /*letter-spacing: 1px;*/
    font-family: 'Montserrat Black', sans-serif;
    color: #ffffff !important;
    line-height: 12px;
}

#guestLocationPill #basketCurrentLocationInfo .location-txt {
    margin-left: 8px;
}

#basketLocationPill #currentLocationInfo .change-location-txt {
    font-size: 11px;
    font-family: 'Raleway Medium', sans-serif;
    text-decoration: underline;
    color: #FFFFFF;
    line-height: 13px;
}

#btnBasketClose {
    font-size: 38px;
    float: right;
    cursor: pointer;
    color: #FFFFFF;
    font-weight: 400;
    margin-top: 20px;
    position: absolute;
    right: 20px;
    top: 0;
    font-family: 'Raleway Medium', sans-serif !important;
}

body.grpOrder #btnBasketClose {
    margin-top: 16px;
}

.basket-start-group-order {
    margin-left: 20px;
    margin-top: 8px;
    font-family: 'Montserrat Black', sans-serif !important;
    font-weight: normal;
    color: #FFFFFF;
    font-size: 16px;
    display: flex;
}



#startGroupOrder {
    padding-left: 6px;
    text-decoration: underline;
    cursor: pointer;
    font-size: 12px;
    margin-top: 0px;
    height: 20px;
}

.basket-manage-group-order {
    font-style: normal;
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 10px;
    margin-top: 4px;
    margin-left: 10px;
}

.group-order-deadline {
    font-size: 17px;
    text-transform: uppercase;
}

.group-order-note {
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 12px;
}

.basket-item-list {
    height: 30%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 20px;
    margin-top: 10px;
    padding-right: 20px;
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 12px;
    padding-bottom: 32px;
    padding-top: 16px;
}

    .basket-item-list hr {
        border-top: 4px dotted #5c3d2b;
    }

    .basket-item-list .basket-item hr {
        width: 60%;
    }

    .basket-item-list .group-order-guest-header {
        margin-top: 1px;
    }

    .basket-item-list .single-use-items-options #singleUseItemCheckboxLabel1 {
        font-family: 'Montserrat Black', sans-serif !important;
        text-transform: uppercase;
        font-size: 14px;
    }

.item-line-1 {
    font-weight: normal;
    font-size: 18px;
    height: 32px;
    font-family: 'Montserrat Black', sans-serif !important;
    color: #5c3d2b;
}

.item-line-2 {
    height: 30px;
    font-size: 18px;
    color: #5c3d2b;
}

.item-line-3 {
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 13px;
    color: #5c3d2b;
}

.item-line-4 {
    font-size: 14px;
    font-family: 'Montserrat Black', sans-serif !important;
    color: #5c3d2b;
}

.qty-label {
    margin-right: 10px;
}

.minus-add-container {
    padding-left: 16px;
    padding-right: 0;
}

.remove-basket-btn-container {
    margin-left: -10px;
    text-align: right;
}

.quantity-update-buttons {
    border-radius: 40px;
    border-style: solid;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin: auto;
    border-width: 1px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 100;
    cursor: pointer;
    border-color: #000000;
    color: #000000 !important;
    font-family: 'Montserrat Black', sans-serif !important;
    margin-top: -5px;
    background-color: #ffffff;
    user-select: none;
}

.basket-minus-qty {
    background-color: #5c3d2b !important;
    color: #ffffff !important;
    border-color: #5c3d2b !important;
}

.basket-item-qty {
    display: inline-block;
    padding: 0 4px;
}

.basket-plus-qty {
    background-color: #30c7a8;
    border-color: #30c7a8 !important;
    color: #ffffff !important;
}

.basket-totals {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 12px;
    padding-top: 5px;
    color: #5c3d2b;
}

    .basket-totals p {
        font-family: 'Montserrat Black', sans-serif !important;
        text-transform: uppercase;
    }

.basket-totals-row {
    height: 20px;
    font-size: 14px;
}

.remove-basket-item, .edit-basket-item {
    color: #5c3d2b;
    cursor: pointer;
    text-decoration: underline !important;
    color: #5c3d2b !important;
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 13px;
    text-transform: uppercase;
}

.link {
    color: #5c3d2b;
}

.edit-basket-item:hover, .remove-basket-item:hover {
    color: #5c3d2b !important;
}

#btnApplyPromoCode {
    cursor: pointer;
    text-decoration: underline !important;
    color: #5c3d2b;
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 14px;
    margin-top: 12px;
}

.remove-basket-item {
    padding-right: 12px;
}

#btnApplyPromoCode {
    float: right;
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 14px;
}

.basket-buttons {
    border: none;
    color: #ffffff !important;
    border: 1px solid #5c3d2b;
    padding: 10px 32px 8px 32px;
    text-align: center;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
    font-family: 'Montserrat Black', sans-serif !important;
    height: 40px;
    background-color: #5c3d2b;
    text-decoration: none !important;
    width: 100%;
    border-radius: 40px;
    line-height: 18px;
}

.btnApplyRewards, .btnRemoveRewards {
    width: 360px;
}

#btnAddMenuItem {
    width: 100%;
    margin-top: 22px;
    margin-bottom: 16px;
}

/*****Tooltip for CHECKOUT page and ORDER DETAIL page******/
.tooltips .span-left {
    width: auto;
    padding-top: 3px;
}

.tooltips .span-left, .order-info-container .pull-right {
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Montserrat Black',sans-serif !important;
    color: #5c3d2b;
}

.tooltips .text-left {
    width: 100%;
}

.tax .name > p {
    float: left;
}

.tax .name {
    padding-right: 0px;
}

.tooltips .fa-info-circle {
    color: #30c7a8;
}

.tooltips .note {
    font-size: 12px;
    padding-left: 10px !important;
    font-weight: normal;
}

.tooltips .customfee-row {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}

    .tooltips .customfee-row:first-child {
        padding-top: 0px;
    }

.tooltips {
    display: inline-block;
    position: relative;
    text-align: left;
    font-family: 'Raleway Medium', sans-serif !important;
}

.order-info-container .tooltips .top {
    left: 96%;
}

.tooltips .top {
    min-width: 250px;
    top: -5px;
    left: 50%;
    transform: translate(-50%, -100%);
    padding: 10px 20px;
    color: #5c3d2b;
    background-color: #f2f0e8;
    font-weight: normal;
    font-size: 14px;
    border-radius: 8px;
    position: absolute;
    box-sizing: border-box;
    display: none;
    border-style: solid;
    border-width: thin;
    border-color: #212529;
    font-weight: bold;
}

.tooltips:hover .top {
    display: block;
}

.tooltips .top i {
    position: absolute;
    top: 99.4%;
    left: 50%;
    margin-left: -12px;
    width: 24px;
    height: 12px;
    overflow: hidden;
}

.order-info-container .tooltips .top i {
    left: 48.5%;
}

.tooltips .top i::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
    background-color: #EEEEEE;
    box-shadow: 1px 1px 2px #212529;
}
/*****END HERE - Tooltip******/


#btnCheckout {
    width: 100%;
    font-size: 16px !important;
    height: 40px;
    background-color: #30c7a8;
    color: #ffffff !important;
    border: 1px solid #30c7a8;
    padding: 12px 0px 24px 0px;
}

.basket-item-subtotal {
    text-align: right;
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 18px;
}

.basket-item-cost {
    text-align: right;
    font-size: 15px;
    line-height: 24px;
    font-family: 'Montserrat Black', sans-serif !important;
}

#basketSubtotal, #basketTax {
    text-align: right;
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 14px;
}

#basketTotal {
    text-align: right;
}

.basket-totals-label {
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 14px;
}

.basket-total-amount {
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 16px !important;
}

.basket-lower-part {
    position: fixed;
    bottom: 16px;
    width: 400px;
}

.basket-footer {
    margin-left: 20px;
    margin-right: 20px;
    background-color: #ffffff;
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 10px;
}

.basketCounter {
    font-size: 12px;
    color: #fff;
    padding: 0px 8px 0 8px;
    vertical-align: top;
    border-radius: 10px;
    position: absolute;
    right: 20px;
    top: 18px;
    width: auto;
    height: 20px;
    background-color: #000;
    font-family: 'Raleway Medium', sans-serif !important;
    line-height: 20px;
}

.basket-separator {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    border-top: 1px solid #f9f9f9;
}

.basket-item-separator {
    width: 60%;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    border-top: 4px dotted #5c3d2b;
}


.basket-upsell {
    font-family: 'Raleway Medium', sans-serif !important;
    margin: 0 25px;
}

.basket-upsell-header {
    color: #5c3d2b;
    text-align: center;
    margin-bottom: 20px;
    font-family: Lakesight, sans-serif;
    font-weight: 500 bold;
    font-size: 28px;
}

.basket-upsell-items {
    text-align: center;
    display: flex;
    margin: 0 -15px;
}

.slick-slide:focus {
    outline: none !important;
}

.upsell-item {
    cursor: pointer;
    /*margin: 0 8px !important;*/
    padding: 0 8px;
}

@media(max-width: 360px) {
    .upsell-item {
        padding: 0 0 0 8px !important;
    }

    .upsell-item-unavailable {
        font-size: 11px;
        width: 68px !important;
    }
    .location-menu-container::before, .change-location-container.menu-location::before {
        width:280px;
    }

}

@media(max-width: 320px) {
    .upsell-item {
        padding: 0 !important;
    }
}

#addUpsellItems {
    float: right;
    visibility: hidden;
    color: #FFF !important;
    background-color: #30c7a8;
    padding: 4px 24px;
    border-radius: 16px;
    text-decoration: none !important;
    font-size: 14px;
    cursor: pointer;
    font-family: 'Montserrat Black', sans-serif !important;
}

.basket-upsell-image {
    margin-bottom: 5px;
    object-fit: contain;
    height: 50px;
    width: 50px;
}

.upsell-image-desc {
    color: #5c3d2b;
    line-height: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100px;
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 13px;
}

.slick-slide img {
    display: initial;
}

.upsell-item-unavailable {
    margin-top: -95px;
    color: black;
    font-family: Montserrat Black, sans-serif !important;
    display: block;
    width: 98px;
    height: 80px;
}

.basket-totals #txtPromoCode {
    background-color: transparent !important;
    border-radius: 40px !important;
    color: #5c3d2b !important;
    width: 100% !important;
    font-size: 16px !important;
    font-family: 'Montserrat Black', sans-serif !important;
    padding: 10px 16px !important;
    border: 2px solid #5c3d2b !important;
}

.upsell-item-selected {
    cursor: pointer;
    background-image: url(/Content/Images/check-mark-icon-orange.png);
    background-size: 48px;
    background-repeat: no-repeat;
    background-position: 50% 75%;
}

/*#txtPromoCode {
        background-color: transparent;
        border-radius: 40px;
        color: #5c3d2b;
        width: 100%;
        font-size: 14px;
        font-family: 'Montserrat Black', sans-serif !important;
        padding: 10px 16px;
        border: 2px solid #5c3d2b;
    }*/

::placeholder {
    color: #5c3d2b;
    opacity: 1;
    font-family: 'Montserrat Black', sans-serif !important;
}

#lblPromoCodeStatus {
    height: 25px;
    font-size: 9px;
    color: #ff6b17;
    font-family: 'Raleway Medium', sans-serif !important;
    text-transform: none;
    font-style: normal;
}

.spacer {
    width: 100%;
    height: 16px;
}

.basket-summary-first-focus {
    height: 0px;
    margin: 0;
    width: 0px;
}

.upsell-price {
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 10px;
}

.restaurant-message {
    border: 2px solid #ff6b17;
    margin-bottom: 20px;
    border-radius: 16px;
}

    .restaurant-message p {
        margin: 5px 12px !important;
        color: #ff6b17;
        font-family: 'Raleway Medium', sans-serif;
    }
/*end basket styles*/
/*group order styles*/
#groupOrderModalBody, #changeLocationModalBody, #basketTransferModalBody {
    width: 500px;
}

#setLocationModalBody {
    width: 530px;
}

.group-order-body {
    margin: 20px;
}

.group-order-header, .change-location-header, .set-location-header, .basket-transfer-header {
    height: 45px;
    background-color: #30c7a8;
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 10px;
    color: #ffffff;
    line-height: 28px;
    font-weight: bold;
}

#changeLocationFirstFocus {
    width: 85%;
}

.group-order-detail-header {
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 15px;
    line-height: 20px;
    margin-top: 15px;
    font-weight: bold;
}


    .group-order-detail-header > p {
        margin-bottom: 5px;
    }

.group-order-detail-detail {
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 12px;
}

/*.group-order-detail-detail {
        font-family: MuseoSlab-300, serif !important;
        font-size: 12px;
    }*/

#groupOrderLink {
    width: calc(100% - 32px) !important;
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 12px;
    height: 30px;
}

/*#groupOrderLink {
        width: calc(100% - 32px);
        font-family: MuseoSlab-300, serif !important;
        font-size: 12px;
        height: 30px;
    }*/

#copyGroupOrderLink {
    cursor: pointer;
}

/* #groupOrderDate, #groupOrderTime {
        font-family: MuseoSlab-300, serif !important;
        font-size: 12px;
        height: 30px;
    }*/

#groupOrderDate, #groupOrderTime {
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 12px;
    height: 30px;
    width: 12em !important;
}

.catering-location-bottom {
    margin-bottom: 10px !important;
}

.catering-location-top {
    margin-top: 10px !important;
}

.catering-location-form-label {
    margin-top: 5px;
}

#groupOrderNote {
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 12px;
    width: 100%;
}

/*#groupOrderNote {
        font-family: MuseoSlab-300, serif !important;
        font-size: 12px;
        width: 100%;
    }*/

#groupOrderEmailRecipients {
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 12px;
    width: 100%;
    height: 30px;
}

/*#groupOrderEmailRecipients {
        font-family: MuseoSlab-300, serif !important;
        font-size: 12px;
        width: 100%;
        height: 30px;
    }*/

.group-order-buttons, .set-location-buttons {
    border: none;
    padding: 10px 0;
    text-align: center;
    display: inline-block;
    margin: 4px 0px;
    cursor: pointer;
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 14px;
    width: 100%;
    height: 40px;
    background-color: #ff6b17;
    color: #ffffff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    margin-top: 16px;
    /*font-weight: bold;*/
    /*letter-spacing: 1px;*/
    border-radius: 24px;
}

/*.group-order-buttons {
        border: none;
        padding: 6px 0;
        text-align: center;
        display: inline-block;
        margin: 4px 0px;
        cursor: pointer;
        font-family: BurfordBase, serif !important;
        font-size: 18px;
        width: 100%;
        height: 35px;
        background-color: #000000;
        color: #ffffff !important;
        text-decoration: none !important;
        margin-top: 16px;
    }*/

#groupOrderCancel, #setLocationCancel {
    float: right;
}

.fa-users {
    float: left;
    margin-top: 4px;
    color: #000;
}

#updateGroupOrder, #setLocation {
    float: left;
}

#closeGroupOrder, #closeChangeLocation, #closeBasketTransfer, #closeSetLocation {
    font-size: 38px;
    cursor: pointer;
    color: #FFFFFF;
    font-weight: 400;
    position: relative;
    font-family: 'Raleway Medium', sans-serif !important;
    float: right;
    top: -45px;
    right: 10px;
}

/*#closeGroupOrder, #closeChangeLocation, #closeBasketTransfer {
        font-size: 50px;
        cursor: pointer;
        color: #FFFFFF;
        font-weight: 400;
        position: relative;
        font-family: monospace !important;
        float: right;
        top: -45px;
        right: 10px;
    }*/

.cartQtyField {
    padding-right: 0;
}

.basket-summary-add-from-fave {
    color: #5c3d2b;
    width: 100%;
    margin-top: -20px;
    line-height: 15px;
    font-family: 'Montserrat Black', sans-serif !important;
    cursor: pointer;
}

    .basket-summary-add-from-fave:hover {
        text-decoration: underline;
        color: #5c3d2b;
    }

.change-location-body, .set-location-body {
    padding-left: 20px;
    padding-right: 20px;
}


.change-location-input-area {
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 14px;
    height: 60px;
    padding-left: 20px;
    margin-top: 15px;
    /*font-weight: bold;*/
    text-transform: uppercase;
    /*letter-spacing: 1px;*/
    border-radius: 4px;
}

/*.change-location-input-area {
        font-family: BurfordBase, serif !important;
        font-size: 18px;
        height: 60px;
        padding-left: 20px;
        margin-top: 15px;
    }*/

.change-location-list {
    overflow-x: hidden;
    overflow-y: auto;
    height: 300px;
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 12px;
    margin-bottom: 20px;
    width: 100%;
}

/*.change-location-list {
        overflow-x: hidden;
        overflow-y: auto;
        height: 300px;
        font-family: MuseoSlab-300, serif !important;
        font-size: 10px;
        margin-bottom: 20px;
        width: 100%;
    }*/

.change-location-item-header {
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 14px;
    height: 30px;
    padding-right: 30px;
    margin-top: 20px;
    font-weight: bold;
    /*letter-spacing: 1px;*/
}

/*.change-location-item-header {
        font-family: BurfordBase, serif !important;
        font-size: 20px;
        height: 30px;
        padding-right: 30px;
        margin-top: 20px;
    }*/

#chkCLDelivery {
    margin-left: 20px;
}

.change-location-selections {
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 13px;
}

/*.change-location-selections {
        font-family: MuseoSlab-300, serif !important;
        font-size: 12px;
    }*/

.chkLabel {
    margin-left: 10px;
    margin-top: 2px;
}

#txtChangeLocationAddress {
    height: 30px;
    margin-top: -20px;
    width: 70% !important;
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 12px;
}

/*#txtChangeLocationAddress {
        height: 30px;
        margin-top: -20px;
        width: 70%;
        font-family: MuseoSlab-300, serif !important;
        font-size: 12px;
    }*/

#btnChangeLocation {
    margin-top: -20px;
    /*border: none;*/
    text-align: center;
    display: inline-block;
    cursor: pointer;
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 13px;
    line-height: 13px;
    width: 100px;
    height: 30px;
    background-color: #30c7a8;
    color: #ffffff !important;
    text-decoration: none !important;
    margin-left: 20px;
    padding-top: 8px;
    border-radius: 16px;
}

/*#btnChangeLocation {
        margin-top: -20px;
        border: none;
        padding: 4px 32px;
        text-align: center;
        display: inline-block;
        cursor: pointer;
        font-family: BurfordBase, serif !important;
        font-size: 17px;
        width: 100px;
        height: 30px;
        background-color: #000000;
        color: #ffffff !important;
        text-decoration: none !important;
        margin-left: 20px;
    }*/

.changeLocAvailabilityMessage {
    margin-top: 10px;
    border-style: solid;
    border-width: thin;
    text-align: center;
    padding-right: 10px;
    margin-right: 12px;
    border-color: #c34a31;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
    color: #c34a31;
}

/*.changeLocAvailabilityMessage {
        margin-top: 10px;
        border-style: solid;
        border-width: thin;
        text-align: center;
        padding-right: 10px;
        margin-right: 12px;
        border-color: #b82927;
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 12px;
        color: #b82927;
    }*/


#txtChangeLocationAddress::placeholder {
    font-family: 'Raleway Medium', sans-serif !important;
    font-size: 10px;
    color: #000000;
}

/*#txtChangeLocationAddress::placeholder {
        font-family: MuseoSlab-300, serif !important;
        font-size: 10px;
        color: #000000;
    }*/

.change-location-place-order {
    border: none;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 13px;
    width: 100px;
    height: 30px;
    background-color: #c34a31;
    color: #ffffff !important;
    text-decoration: none !important;
    width: 160px;
    float: right;
    bottom: 0;
    position: relative;
    right: 10px;
    /* font-weight: bold; */
    /* letter-spacing: 1px; */
    padding-top: 8px;
    line-height: 15px;
    border-radius: 24px;
}

/*.change-location-place-order {
        border: none;
        padding: 4px 32px;
        text-align: center;
        display: inline-block;
        cursor: pointer;
        font-family: BurfordBase, serif !important;
        font-size: 17px;
        width: 100px;
        height: 30px;
        background-color: #000000;
        color: #ffffff !important;
        text-decoration: none !important;
        width: 160px;
        float: right;
        bottom: 0;
        position: relative;
        right: 10px;
    }*/

.change-location-selections {
    height: 40px;
    padding-left: 40px;
    padding-top: 10px;
}

.hours-text {
    padding: 0;
}

.change-location-vendor-name {
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 14px;
    margin-bottom: 0px;
    line-height: 24px;
    font-weight: bold;
    text-transform: uppercase;
    /*letter-spacing: 1px;*/
}

/*.change-location-vendor-name {
        font-family: BurfordBase, serif !important;
        font-size: 20px;
        margin-bottom: 0px;
        line-height: 24px;
    }*/

.change-location-labels {
    margin-bottom: 0px !important;
}

.menu-change-location {
    cursor: pointer;
    color: #5c3d2b !important;
}

/* override global setting for menu index page*/
.menu-index-page > .menu-category-container {
    width: 33.3%;
}

.menu-index-page > .menu-category-container > .menu-category-image > img {
    height: 15vw;
}

.menu-index-page > .menu-category-container > .category-text {
    height: 64px;
}

.menu-index-page > .menu-category-container > .category-view {
    margin-top: 8px;
}

.landing-page-container > .featured-categories > .menu-category-container > .category-text {
    margin-top: 8px;
}

.landing-page-container > .featured-categories > .menu-category-container > .category-view {
    margin-top: 16px;
}

.menu-index-page > .menu-category-container > .category-text a {
    font-size: 28px;
}

.product-list-page > .featured-categories > .menu-category-container > .menu-category-image > img {
    height: 15vw;
}

.product-list-page > .featured-categories > .menu-category-container > .category-text a {
    font-size: 18px;
    line-height: 20px;
}

@media(max-width: 425px) {
    .menu-index-page > .menu-category-container {
        width: 50%;
    }
}

#basketModalBody {
    width: 400px;
    height: 100%;
    float: right;
    position: fixed;
    top: 0;
    right: 0;
}

.offers-header {
    text-align: center;
    line-height: 40px;
    font-family: 'Raleway Medium', sans-serif !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    /*letter-spacing: 1px;*/
    color: #5c3d2b;
}

/*.offers-header {
    text-align: center;
    line-height: 40px;
}*/

.reward-text {
    width: 55%;
    display: block;
    float: left;
    margin: auto;
    font-family: 'Raleway Medium', sans-serif !important;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 13px;
    /*letter-spacing: 1px;*/
    padding-top: 10px;
    color: #5c3d2b;
}

/*.reward-text {
    width: 55%;
    display: block;
    float: left;
    margin: auto;
}*/

.reward-line {
    margin: auto;
    height: 50px;
}

.btnRemoveRewards, .btnApplyRewards {
    width: 40%;
    display: block;
    float: right;
}

#rewardsMessage {
    position: absolute;
    width: 100%;
    height: 100px;
    top: 0;
    left: 0;
    color: #FFF;
    background: #000;
    opacity: 0.75;
    margin-left: 0px;
    margin-right: -24px;
}

    #rewardsMessage p {
        color: #FFF;
        text-align: center;
        line-height: 100px;
        font-size: 16px;
        text-transform: uppercase;
        font-family: 'Raleway Medium', sans-serif !important;
    }

.basket-item-recipient {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

.change-location-error-msg {
    font-family: 'Montserrat Black', sans-serif !important;
    font-size: 18px;
    color: #5c3d2b;
    text-align: center;
    margin: 0 15px
}

.change-location-button {
    width: 100%;
    min-height: 35px;
}

.calorie-text {
    font-size: 24px;
    line-height: 16px;
    margin-top: 40px;
}

.price-text {
    font-size: 40px;
    line-height: 25px;
    /*color: #C34A31 !important*/
}

#chkCLPickup, #chkCLDelivery {
    height: 20px;
    width: auto !important;
}

.arrow-up {
    font-size: 18px !important;
}

.prod-description {
    margin-left: 50px;
}


@media screen and (max-width: 1024px) {
    .callout-up::before, .callout-up::after {
        right: 67px;
    }

    body.grpOrder .callout-up::before, body.grpOrder .callout-up::after {
        right: 15px;
    }
}

@media screen and (max-width: 991px) {
    .menu-index-page > .menu-category-container > .category-text a {
        font-size: 20px;
    }

    body.grpOrder .callout-up::before, body.grpOrder .callout-up::after {
        right: 19px;
    }

    .prod-description {
        margin-left: auto;
    }

    .change-location-container .change-location-icon {
        padding: 4px 16px 0 8px;
    }
}

@media(max-width:786px) {
    .field-validation-error {
        padding-bottom: 8px;
    }
}

@media screen and (max-width: 767px) {
    body.grpOrder .callout-up::before, body.grpOrder .callout-up::after {
        right: 32px;
    }

    .product-add-cart {
        margin-bottom: 150px;
    }
}


@media(max-width: 991px) {

    .category-product-description-full {
        font-size: 14px;
    }

    .category-product-description {
        font-size: 14px;
    }

    .category-product-price-calories {
        font-size: 16px;
    }

    .category-product-description p, .category-product-description-full p {
        font-size: 14px;
        line-height: 20px
    }

    .category-product-ordernow a {
        font-size: 16px;
    }

    .category-availability-message {
        font-size: 12px;
    }

    .callout-up::before, .callout-up::after {
        right: 15px;
    }

    .basketCounter {
        right: 60px;
        top: 14px;
    }

    /* group order page settings for basket counter nofication */
    .grpOrder #header .basketCounter {
        right: 72px !important;
        top: 18px !important;
    }


    li.product-radio-button, li.product-checkbox {
        width: 48%;
    }

    li.product-radio-button-disabled, li.product-checkbox-disabled {
        width: 48%;
    }

    .cartNameQty {
        max-width: 100%;
        height: 64px;
        float: none;
    }

    .cartQtyField {
        padding-right: 0;
    }

    .productButtons {
        max-width: 100%;
    }

    .cart-icon-img {
        height: 32px;
        margin-top: -12px;
    }
}


@media(max-width:767px) {
    .product-list-page > .featured-categories > .menu-category-container > .category-text a {
        font-size: 14px;
        line-height: 20px;
    }

    .menu-index-page > .menu-category-container > .category-view {
        margin-top: 8px !important;
    }

    .featured-categories .category-page.menu-category-container .category-text {
        height: 60px;
    }

    .landing-page-container > .featured-categories > .menu-category-container > .category-text {
        height: 60px;
        margin-top: 0;
    }

        .landing-page-container > .featured-categories > .menu-category-container > .category-text a {
            font-size: 18px !important;
            line-height: 20px !important;
        }

    .menu-index-page > .menu-category-container > .menu-category-image > img {
        height: 25vw;
    }

    .product-list-page > .featured-categories > .menu-category-container > .menu-category-image > img {
        height: 25vw;
    }

    .category-big-text {
        font-size: 28px;
    }

    .menu-index-page > .menu-category-container {
        margin-top: 16px;
        margin-bottom: 16px;
        width: 50%;
    }

    .cartNameQty {
        z-index: 1;
    }

    .change-location-container .store-availability {
        font-size: 12px;
    }

    .change-location-container .change-location-link span {
        font-size: 12px;
        text-decoration: underline;
        cursor: pointer;
    }

    .category-product-description p, .category-product-description-full p {
        font-size: 12px;
    }

    .category-product-description-full {
        padding: 0 8px 10px 8px;
        font-size: 12px;
        margin-top: 10px;
    }

    .category-product-description {
        font-size: 12px;
    }

    .group-order-header, .change-location-header, .basket-transfer-header {
        font-size: 12px;
    }

    .hours-text {
        padding: 16px;
    }

    .change-location-input-area {
        padding-left: 0px;
    }

    #txtChangeLocationAddress {
        width: 60% !important;
    }

    #btnChangeLocation {
        width: 30%;
    }

    .change-location-selections {
        padding-left: 16px;
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .change-location-list > div > div {
        margin-top: 16px;
    }

    .change-location-list .row {
        flex-direction: column;
    }

    .change-location-item-header {
        display: none !important;
    }

    .slick-list {
        width: 100%;
    }

    #basketModalBody {
        width: 100vw !important;
    }

    #groupOrderModalBody, #changeLocationModalBody, #setLocationModalBody, #basketTransferModalBody {
        width: 100%;
    }

    .product-add-cart a#btnCancel, .product-add-cart #btnAddToOrder {
        color: white !important;
        text-decoration: none;
        margin: 15px 0 0 0;
        width: 100%;
    }

    #btnAddMenuItem {
        margin-bottom: 22px;
    }

    .cartQtyLabel {
        padding-left: 0;
    }

    .basket-summary-detail {
        height: 160px;
    }

    .upsell-item {
        margin: 0 9px !important;
    }

    #btnAddMenuItem {
        width: 100%;
    }

    .upsell-image-desc {
        width: 20vw;
        font-size: 12px;
    }

    .basket-lower-part {
        width: 100%;
    }

    #basketModalBody {
        width: 100%;
    }

    .callout-up::before, .callout-up::after {
        right: 15px;
    }

    #basketModalSummary {
        width: 100%;
        right: 0;
    }

    .basketCounter {
        right: 0px;
        top: 14px;
    }

    .spacer {
        width: 100%;
        height: 32px;
    }

    .cartQtyField {
        padding: 0;
    }

    .productButtons {
        height: 100px;
    }

    .product-submit-button {
        width: 100%;
        margin: 12px 0;
        float: left;
    }

    li.product-radio-button, li.product-checkbox {
        width: 100%;
        margin: 0;
    }

    li.product-radio-button-disabled, li.product-checkbox-disabled {
        width: 100%;
        margin: 0;
    }

    .change-location-container .change-location-link {
        font-size: 16px;
    }

    .change-location-container .change-location-text {
        font-size: 12px;
    }

    .change-location-container .change-location-icon {
        font-size: 36px;
        line-height: 75px;
        height: 85px;
        width: 40px;
    }


    .category-product-description {
        width: 155px;
        height: 102px;
        padding: 0;
    }

        .category-product-description p {
            font-size: 12px;
            margin-bottom: 0px;
            line-height: 20px;
        }

    .menu-category-image {
        padding: 12px;
    }

    .category-product-ordernow {
        font-size: 12px;
    }

    .category-product-price-calories {
        padding: 0 8px;
        font-size: 16px;
    }

    .category-product-ordernow a {
        font-size: 12px;
        display: flex;
        width: 124px;
        height: 44px;
        padding: 12px 16px;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .change-location-container .change-location-text {
        padding: 16px 0 0 0;
    }

    #btnPlaceOrder {
        width: 100%;
    }

    .menu-index-page > .menu-category-container > .category-text {
        height: 55px;
    }

        .menu-index-page > .menu-category-container > .category-text a {
            font-size: 18px;
            line-height: 20px;
        }

    .category-text a {
        margin-bottom: 0;
        font-size: 18px;
    }

    .category-text {
        margin-bottom: 0;
        font-size: 18px;
        height: 60px;
        margin-top: 8px;
    }

    .menu-category-container > .category-view > span {
        font-size: 12px;
        display: flex;
        width: 124px;
        height: 44px;
        padding: 12px 16px;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .menu-category-container > .category-view > a {
        width: 124px;
        height: 44px;
        padding: 12px 16px;
        line-height: 20px;
        font-size: 12px;
    }

    .menu-category-container > .category-view {
        margin-top: 8px;
    }
}

@media(max-width:690px) {
    .productButtons {
        float: none;
    }

    .category-product-description p {
        margin-bottom: 1rem;
    }
}


@media(max-width:425px) {
    .location-address-container {
        text-align: center;
    }
}

@media(max-width:375px) {
    .product-list-page > .featured-categories > .menu-category-container > .category-text a {
        font-size: 14px;
    }
}

@media(max-width:374px) {
    .reward-line {
        display: flex;
        align-items: center;
    }

    .reward-text {
        padding-top: 0;
    }

    .btnRemoveRewards, .btnApplyRewards {
        width: 120px;
        padding: 0;
    }
}

@media(max-width:367px) {
    .basketCounter {
        right: 0px;
    }
}

@media(max-width:340px) {
    #btnAddMenuItem, #rewardsContainer .basket-buttons {
        font-size: 14px !important;
    }
}

@media(max-width:329px) {
    .basket-lower-part #totaldiv #txtPromoCode::placeholder {
        font-size: 13px;
    }
}

.five9-frame {
    position: fixed !important;
    bottom: 0 !important;
    right: 2% !important;
    z-index: 10001 !important;
    height: 38px !important;
    text-align: center !important;
}
.five9-chat-button {
    font-family: BurfordBase, serif !important;
    display: inline-block !important;
    position: sticky !important;
    height: 38px !important;
    border: none !important;
    border-radius: 10px 10px 0 0 !important;
    margin: 0 !important;
    padding: 10px 12px 0 39px !important;
    background: linear-gradient(#000000, #000000) !important;
    color: white !important;
    font-size: 18px !important;
    font-weight: normal !important;
    line-height: 1 !important;
    cursor: pointer !important;
}
#five9-popout-button {
    float: right !important;
}

 
h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    /*font-weight: bold;*/
}

h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    /*font-weight: bold;*/
}

.geo-tagged-carousel-images-text-red {
    color: #c34a31;
}

.geo-tagged-carousel-images-text-dark-red {
    color: #9f1c2b;
}

.geo-tagged-carousel-images-text-blue {
    color: #00aae7;
}

.geo-tagged-carousel-images-text-white {
    color: #ffffff;
}

.geo-tagged-carousel-images-text-brown {
    color: #5c3d2b;
}

.geo-tagged-carousel-images-text-left {
    text-align: left;
}

.geo-tagged-carousel-images-text-center {
    text-align: center;
}

.geo-tagged-carousel-images-text-right {
    text-align: right;
}

.geo-tagged-carousel-images-text-shadow {

    text-shadow: -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff, 1px 1px 0px #fff;
    -webkit-font-smoothing: antialiased;
    font-weight: bold; /*overwrite standard H4 */
}

.geo-tagged-carousel-container {
    /*height: 400px;*/
    width: 100%;
}

.geo-tagged-carousel-images {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
    overflow: hidden;
    height: 100%;
}

.geo-tagged-banner-button {
    display: inline-flex;
    width:250px;
    height: 44px;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    border: 2px solid #5C3D2B;
    background: #F2F0E8;
    color: #5C3D2B;
    font-family: 'Montserrat Black', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 20px; /* 125% */
    letter-spacing: 0.04px;
    text-decoration: none !important;
}
.image-container {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
    overflow: hidden;
   /* cursor: pointer;*/
}

.geo-tagged-carousel-image {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: none;
    top: 0;
    left: 0;
    background-color: transparent;
    cursor: pointer;
    z-index: -1;
    position: absolute;
    -webkit-filter: brightness(90%);
}

.geo-tagged-banner-widget-content {
    box-sizing: border-box;
    max-width: 1200px;
    position: relative;
    width: 100%;
    overflow-wrap: break-word;
    margin: 5% auto;
}

.geo-tagged-carousel-container > .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.geo-tagged-banner-widget-big-text {
    font-family: Lakesight,sans-serif;
    line-height: 1;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 1rem;
    margin-left: 0px;
    font-size: 56px;
}

.geo-tagged-banner-widget-small-text {
    font-family: 'Montserrat Black', sans-serif;
    /*text-transform: uppercase;*/
    font-size: 32px;
    letter-spacing: 1px;
    margin: 5px 0 35px 0;
}

.image-container {
    /*height: 33vw;*/
    text-align: center;
}

.slick-dots {
    bottom: 0px !important;
    padding-bottom: 30px;
}

    .slick-dots li.slick-active button:before {
        background: #ffc200;
    }

.slick-dots li button:before {
    opacity: 1;
    background: #FFF;
    color: #FFF;
    border-radius: 18px;
    box-shadow: 2px 2px 3px rgb(0 0 0 / 60%);
    font-size: 0;
    height: 8px;
    width: 8px;
}

.slick-prev {
    left: 72px;
    top: 50% !important;
    transform: translateY(-50%);
    z-index: 1;
}

.slick-next {
    right: 72px;
    top: 50% !important;
    transform: translateY(-50%);
}

.slick-next:before, .slick-prev:before {
    color: transparent;
    width: 18px;
    height: 32px;
    display: block;
}

.slick-prev:before {
    background-image: url(/Content/Images/banner-left-arrow.png);
    background-repeat: no-repeat;
}

.slick-next:before {
    background-image: url(/Content/Images/banner-right-arrow.png);
    background-repeat: no-repeat;
}

.geo-tagged-carousel-container .slick-prev:before, .geo-tagged-carousel-container .slick-next:before {
    -webkit-filter: drop-shadow(2px 0px 3px #2125297d);
    filter: drop-shadow(2px 0px 0px #2125297d);
}

#basketUpsellDiv .slick-prev:before, #basketUpsellDiv .slick-next:before {
    -webkit-filter: drop-shadow(2px 0px 3px #2125297d);
    filter: drop-shadow(2px 0px 0px #2125297d);
}

#basketUpsellDiv .slick-prev, #basketUpsellDiv .slick-next {
    top: 18% !important;
}

#basketUpsellDiv .slick-prev {
    left: -12px !important;
}

#basketUpsellDiv .slick-next {
    right: -12px !important;
}

    #basketUpsellDiv .slick-prev.slick-disabled, #basketUpsellDiv .slick-next.slick-disabled {
        cursor: not-allowed;
    }




.slick-dots li {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 30px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}


.location-restaurant-local-features-images .slick-prev {
    left: -28px;
}

.location-restaurant-local-features-images .slick-next {
    right: -28px;
}

.location-restaurant-local-features-images .slick-prev:before {
    background-image: url(/Content/Images/location-features-arrow-left.png);
    background-repeat: no-repeat;
}

.location-restaurant-local-features-images .slick-next:before {
    background-image: url(/Content/Images/location-features-arrow-right.png);
    background-repeat: no-repeat;
}

.location-restaurant-local-features-images .slick-dots li {
    display: none;
}

/*@media(max-width:991px) {
    .geo-tagged-banner-widget-content {
        margin: 80px 0;
    }

    .geo-tagged-banner-widget-big-text {
        font-size: 60px;
        line-height: 60px;
    }

    .geo-tagged-banner-widget-small-text {
        font-size: 40px;
    }
}
*/

@media all and (min-width:400px) {
    .geo-tagged-banner-widget-content {

        width: 90%;

    }
}

@media(max-width:767px) {
    .geo-tagged-banner-widget-content {
        /*margin: 40px 20px 40px 20px;*/
        width: 90%;
        position: relative;
    }

    .geo-tagged-banner-widget-big-text {
        font-size: 40px;
    }

    .geo-tagged-banner-widget-small-text {
        font-size: 24px;
    }

    .geo-tagged-banner-button {
        width: auto;
        padding: 9px 27px;
        align-items: flex-start;
        gap: 10px;
        font-size: 20px;
        letter-spacing: 0.05px;
    }
}

@media all and (max-width:900px) {
    .image-container {
        min-height: 200px;
    }

    .geo-tagged-banner-widget-content {
        /*margin: 60px 20px 60px 20px;*/
        width: 100%;
    }

    .geo-tagged-banner-widget-big-text {
        font-size: 40px;
    }

    .geo-tagged-banner-widget-small-text {
        font-size: 24px;
    }

    .slick-dots li button:before {
        height: 15px;
        width: 15px;
    }

    .slick-dots li {
        margin: 0 8px;
    }
}

@media all and (min-width:1025px) {


    .geo-tagged-banner-widget-big-text {
        font-size: 72px;
    }

    .geo-tagged-banner-widget-small-text {
        font-size: 48px;
    }
}


.disclaimer-container {

    padding: 32px;
    border-radius: 6px;
}

.disclaimer-container-item {
    font-family: MuseoSlab-300, serif !important;
    font-size: 16px;
    display: flex;
    padding-block: 0.7rem;
    padding-inline: 1rem;
    line-height: 1.3;
    gap: 0.5rem;
    padding: 5px;
}

@media screen and (max-width: 600px) {
    .disclaimer-container {
        justify-content: start;
    }
}

.disclaimer-img-icon {
    flex-shrink: 0;
    width: 16px;
    height: 100%;
}

.disclaimer-contents p {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .disclaimer-container {
        font-size: 14px;
    }

    .disclaimer-img-icon {
        width: 14px;
    }
}

@media (max-width: 767px) {
    .disclaimer-container {
        font-size: 12px;
    }

    .disclaimer-img-icon {
        width: 12px;
    }
}