/* CUSTOM */

@import url("https://use.typekit.net/nsc0qci.css");

:root {
  /**********************/
  /*** Named Colors ***/
  /**********************/
  --neutral-50: #ffffff;
  --neutral-500: #1c1c1c;
  --neutral-600: #2c2c2c;
  --neutral-700: #1e1e1e;
  --neutral-800: #121212;
  --neutral-900: #000000;

  --gray-50: #efefef;
  --gray-100: #f2f2f2;
  --gray-150: #f1f1f1;
  --gray-200: #b1b1b1;
  --gray-300: #d9d9d9;
  --gray-400: #adadad;
  --gray-500: #808080;
  --gray-600: #707070;
  --gray-700: #545454;
  --gray-800: #1a1a1a;
  --gray-900: #2e2e2e;

  --red-100: rgba(206,32,39,.25);
  --red-500: #ff2930;
  --red-600: #CE2027;

  --green-500: #49bb56;
  --green-700: #427C48;

  --rose-200: #ff9090;
  --rose-700: #C25160;
  --rose-800: #B24150;
  --rose-900: #962135;

  /******************/
  /***   General   ***/
  /******************/
  --fontSize: 16px;
  --shadow: 0 2px 10px 1px rgba(0,0,0,.14), 0 2px 5px -5px rgba(0,0,0,.4);
  --radius: 5px;
  --btnRadius: 4em;
  --btnIconRadius: 5px;
  --placeHolder: #a0a0a0;
  --placeHolderFocus: #b0b0b0;
  --padding: 0.5rem;
  --padding2: 1rem;
  --margin: 0.5rem;
  --margin2: 1rem;
  --lineHeight: 1.3;
  --backgroundImgUrl: "";
  --headerTagMarginTopBot: 0.3rem;
  --headerTagMarginLftRit: 0.3rem;
  --border: 1px solid var(--colorBorder);

  /******************/
  /***    Fonts    ***/
  /******************/
  --fontFamily: "futura-pt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --fontFamilyBold: "futura-pt-bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --fontBody: 1rem var(--fontFamily);
  --font: 1rem var(--fontFamily);
  --fontSmaller: 0.8rem;
  --fontHeader: 1.35rem var(--fontFamilyBold);
  --fontCategory: 1.35rem var(--fontFamilyBold);
  --fontOrderRegular: 1rem var(--fontFamily);
  --fontOrderStrong: 1.1rem var(--fontFamilyBold);
  --fontMenuItem: 1rem var(--fontFamily);
  --fontMenuItemName: 700 1.45rem var(--fontFamilyBold);
  --fontMenuItemDescription: 1rem var(--fontFamily);
  --fontInput: 1rem var(--fontFamily);
  --fontButton: 1rem var(--fontFamilyBold);
  --fontTitle0: 700 1rem var(--fontFamilyBold);
  --fontTitle1: 700 1.15rem var(--fontFamilyBold);
  --fontTitle2: 700 1.30rem var(--fontFamilyBold);
  --fontTitle3: 700 1.45rem var(--fontFamilyBold);

  /******************/
  /***    Colors   ***/
  /******************/
  --colorText: var(--neutral-900);
  --colorFocuse: var(--neutral-900);
  --colorInputBg: #f0f0f0;
  --colorFocusBg: bisque;
  --colorBg: var(--neutral-50);
  --colorBgHeader: var(--neutral-50);
  --colorBgCard: #fefefe;
  --colorBgRow: #cfcfcf;
  --colorTheme: #efefef;
  --colorThemeSecondary: var(--neutral-900);
  --colorThemeBg: var(--red-600);
/*  --colorHover: rgb(255, 41, 48);*/
  --colorHover: var(--green-500);

  --colorActive: #3895D3;
  --colorBorder: #cfcfcf;
  --colorWarning: #BE1B0A;
  --colorDefMod: var(--colorText);
  --colorAddMod: green;
  --colorAdjustMod: red;
  --colorDisabled: #a1a1a1;
  --colorPlaceholderOnly: #787878;
  --colorDatalistHover: #f1f1f1;
  --colorOrderDetailAltRow: #dfdfdf;
  --colorOrderDetailHeader: #545454;
  --colorOrderDetailHeaderText: #ffffff;

  /******************/
  /***   Header    ***/
  /******************/
  --hedBgColor: var(--colorBgHeader);
  --hedHeight: 100px;
  --hedCartColor: var(--neutral-900);
  --hedCartFontSize: 220px;
  --hedCartFontSizeXXX: 170px;
  --orderHeight: 4rem;

  /******************/
  /***   Cart      ***/
  /******************/
  --ordBgImage: "";
  --ordBgColor: var(--colorBgCard);
  --ordBgMargin: var(--margin);
  --ordBgPadding: var(--padding);
  --ordPadding: var(--padding);
  --ordLines: 2px solid var(--colorBorder);
  --ordItemLines: 1px dotted var(--colorBorder);
  --ordWidth: 400px;

  /******************/
  /***   Buttons   ***/
  /******************/
  --btnColor: var(--colorTheme);
  --btnColorBg: var(--colorThemeBg);
  --btnColorHover: var(--colorTheme);
  --btnColorBgHover: var(--colorHover);
  --btnColorActive: var(--colorTheme);
  --btnColorDisabled: var(--colorTheme);
  --btnColorBgActive: var(--colorActive);
  --btnPadding: 0.65rem 1rem;
  --btnBorder: none;
  --btnIconColor: var(--colorThemeBg);
  --btnIconColorBg: var(--colorBgCard);
  --btnIconPadding: 0px 3px;
  --btnIconFontSize: 1.2rem;
  --btnLinkColor: var(--colorText);

  /******************/
  /*** Categories ***/
  /******************/
  --catColor: var(--colorTheme);
  --catColorBg: var(--colorThemeBg);
  --catColorHover: var(--colorHover);
  --catColorActive: var(--colorActive);
  --catPadding: 1rem;
  --catBorder: 3px solid var(--colorBg);
  --catTextAlign: center;
  --catFontSize: 1.5rem;
  --catTextCase: uppercase;

  /******************/
  /***  Menu Item ***/
  /******************/
  --itmBorder: 1px solid var(--colorBorder);
  --itmFontSize: 1rem;
  --itmColorBG: var(--colorBgCard);
  --itmhHeight: 120px;
  --itmvWidth: 340px;

  /******************/
  /***   Dialog   ***/
  /******************/
  --diBorder: 1px solid var(--colorBorder);
  --diColorBg: var(--colorBgCard);

  /******************/
  /***  Tracker   ***/
  /******************/
  --trkrUncompleteFontColor: #A3A3A3;
  --trkrCompleteFontColor: #940000;
}

/* Dark Mode Variables */
:root {
  /******************/
  /***   Dark Mode ***/
  /******************/
  --darkColorText: var(--neutral-50);
  --darkColorInputBg: #333333;
  --darkColorFocusBg: #444444;
  --darkColorFocus: var(--neutral-50);
  --darkColorBg: var(--neutral-900);
  --darkColorBgCard: var(--neutral-800);
  --darkColorBgRow: var(--neutral-800);
  --darkColorTheme: var(--neutral-900);
  --darkColorThemeBg: var(--red-600);
  --darkColorThemeSecondary: var(--neutral-50);
  --darkColorHover: var(--red-500);
  --darkColorActive: var(--rose-800);
  --darkColorBorder: var(--neutral-700);
  --darkColorWarning: var(--rose-200);
  --darkColorDefMod: var(--red-600);
  --darkColorAddMod: var(--green-700);
  --darkColorAdjustMod: var(--gray-500);
  --darkColorPlaceholderOnly: var(--gray-400);
  --darkColorDatalistHover: var(--gray-150);
  --darkColorOrderDetailAltRow: var(--gray-800);
  --darkColorOrderDetailHeader: var(--gray-600);
  --darkColorOrderDetailHeaderText: var(--neutral-50);
  --darkHedBgColor: var(--neutral-900);
  --darkHedHeight: 100px;
  --darkHedCartColor: var(--neutral-50);
  --darkHedCartFontSize: 220px;
  --darkHedCartFontSizeXXX: 170px;
  --darkPlaceHolder: #333333;

  /******************/
  /***   Buttons   ***/
  /******************/
  --darkBtnColor: var(--neutral-50);
  --darkBtnColorBg: var(--colorThemeBg);
  --darkBtnColorHover: var(--colorTheme);
  --darkBtnColorBgHover: var(--colorHover);
  --darkBtnColorActive: var(--colorTheme);
  --darkBtnColorDisabled: var(--colorTheme);
  --darkBtnColorBgActive: var(--colorActive);
  --darkBtnPadding: 0.65rem 1rem;
  --darkBtnBorder: none;
  --darkBtnRadius: var(--btnRadius);
  --darkBtnIconColor: var(--colorThemeBg);
  --darkBtnIconColorBg: var(--colorBgCard);
  --darkBtnIconRadius: 5px;
  --darkBtnIconPadding: 0px 3px;
  --darkBtnIconFontSize: 1.2rem;
  --darkBtnLinkColor: var(--colorText);

  /******************/
  /*** Categories ***/
  /******************/
  --darkCatColor: var(--neutral-50);
  --darkCatColorBg: var(--colorThemeBg);
  --darkCatColorHover: var(--colorHover);
  --darkCatColorActive: var(--colorActive);
  --darkCatPadding: 1rem;
  --darkCatBorder: 3px solid var(--colorBg);    
  --darkCatTextAlign: center;
  --darkCatFontSize: 1.5rem;
  --darkCatTextCase: uppercase;

  /******************/
  /***   Order    ***/
  /******************/
  --darkOrdBgImage: "";
  --darkOrdBgColor: var(--colorBgCard);
  --darkOrdBgMargin: var(--margin);
  --darkOrdBgPadding: var(--padding);
  --darkOrdPadding: var(--padding);
  --darkOrdLines: 2px solid var(--colorBorder);
  --darkOrdItemLines: 1px dotted var(--colorBorder);
  --darkOrdWidth: 400px;

  /******************/
  /***  Menu Item ***/
  /******************/
  --darkItmBorder: 1px solid var(--colorBorder);
  --darkItmFontSize: 1rem;
  --darkItmColorBG: var(--colorBgCard);
  --darkItmhHeight: 120px;
  --darkItmvWidth: 365px;

  /******************/
  /***   Dialog   ***/
  /******************/
  --darkDiBorder: 1px solid var(--colorBorder);
  --darkDiColorBg: var(--colorBgCard);
  --darkShadow: 0 4px 10px 0 rgba(255,255,255,.14), 0 2px 5px -5px rgba(255,255,255,.4);
  --darkBackgroundImgUrl: none;
}

.button, button {
    text-transform: uppercase;
}

#h2_signin_signin {
    text-transform: uppercase;
}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
    color: var(--btnColor) !important;
}

.verticalMenu li:hover, .verticalMenu li:hover span {
    color: var(--neutral-50);
}

.btnLink, .btn-icon-link {
    color: var(--red-600) !important;
    text-decoration: none;
    border: 1px solid var(--red-600);
    padding: 3px 6px;
}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
    border-color: var(--red-500);
}

#div_categories .hvr-fade:hover, #div_categories.hvr-fade:focus, #div_categories.hvr-fade:active {
    border-color: var(--neutral-50) !important;
}

.button:active, button:active {
    background-color: transparent;
}

#btn_dark_mode_header, #btn_dark_mode_signin, #btn_checkout_privacy_terms_terms, #btn_checkout_privacy_terms_privacy, #btn_checkout_close, #btn_customize_item_close, #btn_header_cart, #btn_signin_reset_password, #btn_locations_close, #btn_profile_close, #btn_mealdeal_close {
    border: none;
}

#btn_signin_reset_password {
    padding: 0;
    font-size: 14px;
}

.hvr-sweep-to-right.btn-icon-link::before, .hvr-sweep-to-right.btnLink::before {
  display: none !important;
}

@media (max-width: 840px) {
    .container .categories a {
        color: var(--btnColorBg);
    }

    .container .categories a.hvr-fade:hover, .container .categories a.hvr-fade:focus, .container .categories a.hvr-fade:active {
        background: var(--red-500) !important;
        color: var(--colorThemeSecondary);
    }

    .container .categories .expand {
        border-bottom: 1px solid var(--colorText);
    }

    #div_categories .hvr-fade:hover, #div_categories.hvr-fade:focus, #div_categories.hvr-fade:active {
        border-color: var(--neutral-900) !important;
    }

    #lbl_customize_item_item1_quantity {
        font-size: 18px;
    }
}



.hvr-sweep-to-right {
    overflow: hidden;
}

.button.hvr-sweep-to-right::before {
  border-radius: inherit;
}