﻿@font-face {
    font-family: 'Poppins';
    src: url('https://momspublicstorage.blob.core.windows.net/content/moms/online/fonts/PoppinsBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('https://momspublicstorage.blob.core.windows.net/content/moms/online/fonts/PoppinsSimBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('https://momspublicstorage.blob.core.windows.net/content/moms/online/fonts/PoppinsReg.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

:root {
    --fontTitle: 800 1.25rem Poppins, Arial, sans-serif !important;
    --fontTitle1: 800 1.25rem Poppins, Arial, sans-serif !important;
    --fontTitle2: 600 1.10rem Poppins, Arial, sans-serif !important;
    --fontTitle3: 600 1.00rem Poppins, Arial, sans-serif !important;
    --fontHeader: 1.35rem Poppins, Arial, sans-serif;
    --fontCategory: 600 1.35rem Poppins, Arial, sans-serif;
    --fontMenuItemName: 600 1.45rem Poppins, Arial, sans-serif;
    --fontMenuItemDescription: 1rem Poppins, Arial, sans-serif;
    --fontOrderRegular: 1.2rem Poppins,Arial, sans-serif;
    --fontOrderStrong: 1.35rem Poppins,Arial, sans-serif;
    --fontInput: 1.2rem Poppins,Arial, sans-serif;
    --fontButton: 1.2rem Poppins,Arial, sans-serif;
    /********************************/
    --shadow: 0 4px 10px 0 rgba(0,0,0,.14), 0 2px 5px -5px rgba(0,0,0,.4);
    --radius: 3px;
    --placeHolder: #b0b0b0;
    --catFontSize: 1.2rem;
    --catColorBg: #F5EBE1; /*#dc1e23RED;*/
    --btnIconColor: #232222;
    --colorFocuse: #232222;
    --colorText: #232222;
    --colorInputBg: #fff;
    --colorFocusBg: #fff;
    --colorBg: #F5EBE1;
    --diColorBg: #F5EBE1;
    --colorBgCard: #F5EBE1;
    --colorTheme: #232222;
    --colorThemeSecondary: #232222;
    --colorThemeBg: #dc1e23; /*#dc1e23RED;*/
    --colorHover: #dc1e23; /*#F5B419Yello;*/
    --colorActive: #B24150;
    --colorBorder: #962135;
    --colorWarning: #ff9090;
    --colorDefMod: #2322220e0;
    --colorAddMod: #232222;
    --colorAdjustMod: #ff9090;
    --colorPlaceholderOnly: #c3c3c3;
    --colorDatalistHover: var(--catColorHover);
    --hedBgColor: #F5EBE1;
    --hedHeight: 86px;
    --hedCartColor: #232222;
    --btnColorBg: #dc1e23; /*#F5B419Yello;*/
    --btnColor: #F5EBE1;
    --catColor: #dc1e23; /*#F5EBE1;*/
    --colorOrderDetailAltRow: #777777;
    --colorBgHeader: #232222;
    --btnColorBgHover: #F5B419;
    /*Dark*/
    --darkColorFocuse: #fefefe;
    --darkColorText: #efefef;
    --darkColorInputBg: #474B57;
    --darkColorFocusBg: #444444;
    --darkColorBg: #373B47;
    --darkColorBgCard: #272B37;
    --darkColorTheme: #29B54F; /* #272B37;*/
    --darkColorThemeSecondary: #29B54F;
    --darkColorThemeBg: #c2002f;
    --darkColorHover: #C25160;
    --darkColorActive: #B24150;
    --darkColorBorder: #962135;
    --darkColorWarning: #ff9090;
    --darkColorDefMod: #0000e0;
    --darkColorAddMod: #00e000;
    --darkColorAdjustMod: #ff9090;
    --darkColorPlaceholderOnly: #c3c3c3;
    --darkColorDatalistHover: var(--catColorHover);
    --darkHedBgColor: #272B37;
    --darkHedHeight: 86px;
    --darkHedCartColor: #29B54F;
    --darkBtnColor: #efefef;
    --darkCatColor: #ffffff;
    --darkColorOrderDetailAltRow: #777777;
    --darkColorBgHeader: #272B37;
    --darkShadow: none !important;
    /*
    --darkColorText: #333333;
    --darkColorInputBg: #ffffff;
    --darkColorFocusBg: bisque;
    --darkColorFocus: #232222000;
    --darkColorBg: #fefefe;
    --darkColorBgCard: #f5f5f5;
    --darkColorTheme: #efefef;
    --darkColorThemeBg: #c2002f;
    --darkColorThemeSecondary: #232222050;
    --darkColorHover: #b40000;
    --darkColorActive: #3895D3;
    --darkColorBorder: #cfcfcf;
    --darkColorWarning: #ff0000;
    --darkColorDefMod: var(--colorText);
    --darkColorAddMod: green;
    --darkColorAdjustMod: red;
    --darkHedBgColor: var(--colorBg);
    --darkHedCartColor: #232222000;
    --darkBtnColor: var(--colorTheme);
        */
}
/*.categoryHeaderText {
    text-transform:none !important;
}*/
.header .storeInfo > div {
    line-height:0.90;
}
    .header .ordering-from {
    margin-bottom:0 !important;
}
.header .btn-order-now button {
	padding: 0.35rem 1rem;
}
.discountSelectHeaderSelect a.dsSelected {
    background-color: var(--btnColorBgHover);
}
.menuItemName {
   /* white-space: nowrap;*/
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.hMenuItemDescription {
    line-height: 1.3;
}
.hMenuItem > button:active {
    color: var(--btnColor);
    background-color: var(--btnColorBg);
}
    .order-type-radio input[type="radio"]:checked + label {
    background-color: var(--colorThemeBg);
    color: #fff;
}
    .order-type-radio input[type="radio"]:checked + label::before {
        background-color: var(--colorThemeBg);
    }
.order-type-radio input[type="radio"] + label::after {
    color: #fff;
}
.order-type-radio label {
    background-color: var(--hedBgColor);
}
.verticalMenuDesktop {
    background-color: var(--colorBg);
    box-shadow: var(--shadow) !important;
}
.header {
    box-shadow: var(--shadow) !important;
}
#img_header_store_logo{
    height:66px;
    margin-left:5px;
}
#txt_locations_search{
    border-bottom:solid 1px var(--colorText);
}
.hMenuItem > button {
    box-shadow: var(--shadow);
    border-color: var(--btnColorBg);
    outline: 0;
}
.checkRadio > input[type="checkbox"] + label::before,
.checkRadio > input[type="checkbox"] + label::after,
.checkRadio > input[type="radio"] + label::before,
.checkRadio > input[type="radio"] + label::after {
    color: var(--colorTheme) !important;
}

.categoryItemsTopCat {
    background-color: var(--catColorBg) !important;
    display: inline-block;
    padding-left: 20px;
    border-bottom: solid 1px var(--colorTheme);
}

    .categoryItemsTopCat a {
        border: none !important;
        padding: 5px;
    }


        .categoryItemsTopCat a > div {
            padding: 0.5rem !important;
            margin: 0px !important;
        }

.active-category {
    background-color: var(--catColorBg) !important;
	border: none !important;
	border-radius: 5px !important;
}

.order-background {
    background-color: var(--ordBgColor);
    box-shadow: var(--shadow);
}

.verticalMenu li:hover span {
    color: var(--btnColor);
}
.categories a   {
	border:none !important;
	margin-bottom:1px;
}
.categories a > div {
	border: 2px solid var(--catColorBg);
}
    .active-category > div {
        border: none !important;
        color:var(--colorText);
    }

@media (max-width: 576px) {
    .active-category > div {
        border: none !important;
    }

    .accordion-open {
        max-height: 2500px !important;
        transition: max-height 0.5s ease-in !important;
    }
    #divHeaderInclude{
        display:none;
    }
	
	.itemsCol1 {
		padding:0px !important; 
	}
	.container .categories .expand {
		margin:0 !important;
	}
	.categories a > div {
		border: none;
	}
}

.signin-welcome {
    display: block !important;
}

.signin-store-name-nickname,
.signin-welcome {
    display: block !important;
}

.signin-store-name {
    display: none !important;
}
dialog {
    border: var(--diBorder);
}
.order-type-dialog {
    border: none !important;
}

#dia_signin {
    border: none !important;
}
 
.header .ordering-from {
    font-size: smaller !important;
}

.city-state-zip,
.street {
    font-weight: 600 !important;
}
.checkout-header {
    background-color: #FAF0E6 !important;
}
/*.checkout-container {
    background-color: var(--colorTheme) !important;
}*/

/* .checkout-header { */
/* background-color: #2f2f2f; */
/* } */

.modifierCheckNoImg label span:last-of-type {
    font-size: smaller !important;
}

.modifierCheckNoImg input:nth-child(1) ~ select {
    font-size: 1rem;
}

.categoryHeaderText {
    font-size: 1.5rem;
}

.loyalty-points-bar-points {
    color: var(--colorText) !important;
}

.loyalty-points-bar {
    background-color: var(--colorFocusBg) !important;
}

.member-check {
    background-color: var(--colorBgCard) !important;
}

.challenge-main {
    height: unset !important;
}

@media handheld, screen and (max-width: 600px) {
    .upsale-items {
        max-width: unset;
        max-height: unset !important;
        display: block;
    }

    .challenge-main-div {
        overflow-y: scroll;
    }
}
.vMenuItem{
    border:none !important;
}

.hMenuItem > button {
    border: none !important;
}


 .header .btn-order-now {
     bottom: 5px !important;
 }
 
 .vMenuItem > div:nth-of-type(2) > p{
	 padding:0px !important; 
	 margin-bottom:0px;
	 margin-top:5px;
 }
 .vMenuItem > div:last-of-type {
	 padding-top:0px !important; 
 }
 
 .vMenuItem > div:last-of-type {
	flex-direction: row-reverse;
 }
 

.progress-label {
    color:white !important;
}
#div_categories_arrow {
    color: white !important;
}