@font-face {
    font-family: 'ManualSemiMediumCaps';
    src: url('https://d226b0iufwcjmj.cloudfront.net/retailers/1082/resources/1590588470784-0.1166532931431461.otf') format('woff2'),
         url('https://d226b0iufwcjmj.cloudfront.net/retailers/1082/resources/1590588470784-0.1166532931431461.otf') format('woff'),
	 url('https://d226b0iufwcjmj.cloudfront.net/retailers/1082/resources/1590588470784-0.1166532931431461.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ManualSemiRegularTf';
    src: url('https://d226b0iufwcjmj.cloudfront.net/retailers/1082/resources/1590589233216-0.5161171168179837.otf') format('woff2'),
         url('https://d226b0iufwcjmj.cloudfront.net/retailers/1082/resources/1590589233216-0.5161171168179837.otf') format('woff'),
	 url('https://d226b0iufwcjmj.cloudfront.net/retailers/1082/resources/1590589233216-0.5161171168179837.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ManualSemiBoldTf';
    src: url('https://d226b0iufwcjmj.cloudfront.net/retailers/1082/resources/1590589836790-0.7773973046209903.otf') format('woff2'),
         url('https://d226b0iufwcjmj.cloudfront.net/retailers/1082/resources/1590589836790-0.7773973046209903.otf') format('woff'),
	 url('https://d226b0iufwcjmj.cloudfront.net/retailers/1082/resources/1590589836790-0.7773973046209903.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ManualSemiMedium';
    src: url('https://d226b0iufwcjmj.cloudfront.net/retailers/1082/resources/1590590522498-0.7269844582357767.otf') format('woff2'),
         url('https://d226b0iufwcjmj.cloudfront.net/retailers/1082/resources/1590590522498-0.7269844582357767.otf') format('woff'),
	 url('https://d226b0iufwcjmj.cloudfront.net/retailers/1082/resources/1590590522498-0.7269844582357767.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ManualSemiMediumCapsTf';
    src: url('https://d226b0iufwcjmj.cloudfront.net/retailers/1082/resources/1591199866375-0.48486459963778294.otf') format('woff2'),
         url('https://d226b0iufwcjmj.cloudfront.net/retailers/1082/resources/1591199866375-0.48486459963778294.otf') format('woff'),
	 url('https://d226b0iufwcjmj.cloudfront.net/retailers/1082/resources/1591199866375-0.48486459963778294.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*ToolbarColor*/
body>header>.toolbar {
    background-color:#c02036 ;
}

/*images of tool bar on open state*/
 header .toolbar .retailer-data sp-dropdown.open .sp-dropdown-text img,
 header .toolbar .user-details sp-dropdown.open .sp-dropdown-text img ,
 header .toolbar .language sp-dropdown.open .sp-dropdown-text img
 {
    filter: invert(1);
    -webkit-filter: invert(0);
}
/*text color for drop down list of toolbar*/
body>header>.toolbar>.data>.user-details sp-dropdown>.sp-dropdown-options-wrapper>sp-option .option-content, 

body>header>.toolbar>.data>.language sp-dropdown>.sp-dropdown-options-wrapper>sp-option .option-content, 

body>header>.toolbar>.data>.retailer-data sp-dropdown>.sp-dropdown-options-wrapper>sp-option .option-content {
    border-top: 1px solid #FFFFFF;
    color: #fffff;
}
/* color for drop down list of toolbar on hover state* usually the same as current category */
body>header>.toolbar>.data>.user-details sp-dropdown>.sp-dropdown-options-wrapper>sp-option:hover,
body>header>.toolbar>.data>.language sp-dropdown>.sp-dropdown-options-wrapper>sp-option:hover,
body>header>.toolbar>.data>.retailer-data sp-dropdown>.sp-dropdown-options-wrapper>sp-option:hover {
    background-color: # !important;
}
/*categories text color*/
body>header>.menu>.categories>.category>.category-content>.content>.name
{
	color: #c02036;
	font-family: ManualSemiMedium;
	font-weight: normal;
	font-size: .85em;
	height: initial;
}

/*text toolbar*/
sp-dropdown .sp-dropdown-text * {
    
color: #ffffff !important;
}
sp-dropdown.open .sp-dropdown-text * {
	color: #ffffff !important;
}
/*--------login text  - before login -------------*/
body>header>.toolbar>.data>.user-details>button.login {
	color: #ffffff !important;
}
/*

html div.sidenav>div>nav>header
{
	background-color: #;
}
*/
/*drop down menu on login/store detailes/and language*/
body>header>.toolbar>.data>.user-details sp-dropdown.open, body>header>.toolbar>.data>.language sp-dropdown.open, 

body>header>.toolbar>.data>.retailer-data sp-dropdown.open,
body>header>.toolbar>.data>.user-details sp-dropdown>.sp-dropdown-options-wrapper, 

body>header>.toolbar>.data>.language sp-dropdown>.sp-dropdown-options-wrapper, 

body>header>.toolbar>.data>.retailer-data sp-dropdown>.sp-dropdown-options-wrapper{
    background-color: #c02036 !important;
}
/*---------search button------------------*/


/*search button color*/
body>header>.toolbar>.data>.search-wrapper>.search>.input>button
{
	background-color: #000000  !important;
}
/*search area color*/
body>header>.toolbar>.data>.search-wrapper>.search>.input>input
{
    background-color: #FFFFFF  !important;
}
/*--------categories-------------*/

/*categories lines seperator*/
body>header>.menu>.categories>.category {
    
	border-left: 1px solid #e2a093  !important;
}
/*categories color*/
body>header>.menu>.categories>.category>.category-content
{
	    background: #ffffff !important;
}
/*categories current*/
body>header>.menu>.categories>.category.current>.category-content {
    background-color: #7fbc42 !important;
}

/*under line on over and selected - usually as current category*/
body>header>.menu>.categories>.category.open>.category-content
{
	box-shadow: inset 0px -5px #c02036  !important;
}


/*---------------------checkout-------------------*/
/*check out button*/
html div.sidenav>div>nav.cart>footer>.checkout>span
{
	background-color: #7fbc42;
}
/*small check out button*/
html div.sidenav>div>nav>header .right .button
{
	background-color: #7fbc42;
	font-family: ManualSemiMediumCaps;
	font-weight: normal;
	text-transform: lowercase;
}
/*Check out button text color*/
html div.sidenav>div>nav.cart>footer>.checkout>span>span,
html div.sidenav>div>nav.cart>footer>.checkout>span
{
	color:   #FFFFFF !important;
	font-family: ManualSemiRegularTf;
	    font-weight: normal;

}
/*secondary checkout button color*/
checkout-bottom-banner .total-summary .next-button button {
    background-color: #7fbc42;
    border-color: #ffffff;
}

html div.sidenav>div>nav>header {
    background-color: #c41230;
}

body>header>.toolbar>.data>.user-details sp-dropdown>.sp-dropdown-options-wrapper>.sp-option .option-content, body>header>.toolbar>.data>.language sp-dropdown>.sp-dropdown-options-wrapper>.sp-option .option-content, body>header>.toolbar>.data>.retailer-data sp-dropdown>.sp-dropdown-options-wrapper>.sp-option .option-content {
    border-top: 1px solid #ffffff;
}

body>footer {
    background-color: #3d4643;
    color: #FFFFFF;
}

body>header>.toolbar>.data>.border:after {
    background-color: #ffffff;
}

body>header>.toolbar>.data>.search-wrapper>.search>.input>input[type=search].placeholder {
    font-family: ManualSemiMediumCaps;
    font-style: unset;
	    color: #000000!important;
    /*text-transform: lowercase;
    font-size: large;*/
}

.special-item>.special-product>.data>.brand, .special-item>.special-product>.data>.weight {
    font-family: ManualSemiMediumCaps;
    font-weight: normal;

}

.retailer-data>div>span.content>span.text>span {   
    font-family: ManualSemiRegularTf;
     font-weight: normal;

}

html div.sidenav>div>nav header.nav-header, html div.sidenav>div>nav>header {
    font-family: ManualSemiRegularTf;
    font-weight: normal;

}

html div.sidenav>div>nav header.nav-header .left>.summary>div.price, html div.sidenav>div>nav>header .left>.summary>div.price {
    font-family: ManualSemiBoldTf;
    font-weight: normal;
}

html.home section.view .home-page-wrapper>.content>.component h3, html.home section.view .home-page-wrapper>.content>.component h4 {
    font-family: ManualSemiBoldTf;
    font-weight: normal;

}

.special-item>.special-product>.data>.description, .special-item>.special-product>.data>.name {
    font-family: ManualSemiBoldTf;
    font-weight: normal;
}

div.sp-product-price>:not(meta) {
    font-family: ManualSemiBoldTf;
    font-weight: normal;
}

footer .inner-footer > .logo {
    display: none;
}

footer .inner-footer:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    font-size: 0.875em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 3em;
    width: 3em; 
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('	https://d226b0iufwcjmj.cloudfront.net/retailers/1082/resources/1590590771329-0.23977002848138262.png'); 
}

body>header>.toolbar>.logo>a>img {
    display: inline-block;
    vertical-align: middle;
    max-width: 85%;
    max-height: 85%;
    padding: 0px 16px;
}

body>header>.menu>.categories>.category>.sub-categories>.category-title-wrapper {
    font-family: ManualSemiBoldTf;
    font-weight: normal;
}

body>header>.menu>.categories>.category>.sub-categories .sub-category-link {
    font-family: ManualSemiBoldTf;
    font-weight: normal;
}

body>header>.menu>.categories>.category>.sub-categories>.sub-categories-content-wrapper>.sub-categories-content>.sub-category>.sub-sub-category {
    font-family: ManualSemiRegularTf;
    font-weight: normal;
}

section.view sp-items .fixed-banner-wrapper .fixed-banner .banner-body>.main-row>.title, section.view sp-items .fixed-banner-wrapper .fixed-banner .banner-body>.main-row>.back-btn {
    font-family: ManualSemiMedium;
    font-weight: normal;
    color:#c02036 ;
}

.item.product sp-product>.data, .item.product sp-product>.name {
    font-family: ManualSemiRegularTf;
    font-weight: normal;
}

div.dialog.product>.dialog-body>.product-details>.product-data .name {
    font-family: ManualSemiRegularTf;
    font-weight: normal;
}

div.dialog.product>.dialog-body>.product-details>.product-data .brand-and-weight {
   font-family: ManualSemiRegularTf;
   font-weight: normal;
}

section.view sp-items>.tools-wrapper .tools .tools-content .tool-wrapper .filter-title .clear-all, section.view sp-items>.tools-wrapper .tools .tools-content .tool-wrapper .filter-title h5 {
    font-family: ManualSemiMedium;
    font-weight: normal;
}

section.view sp-items>.tools-wrapper .tools .tools-content .tool-wrapper .filter .filter-item-wrapper>button>.text>*, section.view sp-items>.tools-wrapper .tools .tools-content .tool-wrapper .sorter .filter-item-wrapper>button>.text>* {
   font-family: ManualSemiRegularTf;
   font-weight: normal;
}

body>header>.menu>.categories {
    padding: 0.5em 0;
}

.item.product>.product-item.bumper>.recipe-bumper h6 {
    font-family: ManualSemiMediumCapstf;
    font-weight: normal;
    text-transform: uppercase;
}

.item.product>.product-item.bumper>.recipe-bumper h4 {
    font-family: ManualSemiRegularTf;
   font-weight: normal;
}

.item.product>.product-item.bumper>.recipe-bumper h5 {
   font-family: ManualSemiRegularTf;
   font-weight: normal;
}

.item.product>.product-item.bumper>.recipe-bumper .read-more-wrapper>.read-more>* {
    font-family: ManualSemiMediumCapstf;
    font-weight: normal;
    text-transform: lowercase;
}

.dialog-wrapper>div.dialog.recipe>.dialog-body .recipe-wrapper>.recipe-header>.name-wrapper>span>.name {
   font-family: ManualSemiRegularTf;
   font-weight: normal;
}

.ltr button.sp-arrows-button>span.label {
    font-family: ManualSemiBoldTf;
    font-weight: normal;
}

.dialog-wrapper>div.dialog.recipe>.dialog-body .recipe-wrapper>.recipe-details>.details-content>.action-button-wrapper>* {
   font-family: ManualSemiRegularTf;
   font-weight: normal;
}

.dialog-wrapper>div.dialog.recipe>.dialog-body .recipe-wrapper>.recipe-details>.details-content>.source {
   font-family: ManualSemiRegularTf;
   font-weight: normal;
}

.dialog-wrapper>div.dialog.recipe>.dialog-body .recipe-wrapper>.recipe-details>.details-content>.general-info .prep-time>* {
    font-family: ManualSemiBoldTf;
    font-weight: normal;
}

.dialog-wrapper>div.dialog.recipe>.dialog-body .recipe-wrapper>.recipe-details>.details-content>.description {
   font-family: ManualSemiRegularTf;
   font-weight: normal;
}

.dialog-wrapper>div.dialog.recipe>.dialog-body .recipe-wrapper>.recipe-details>.details-content>.recipe-ingredients h5, .dialog-wrapper>div.dialog.recipe>.dialog-body .recipe-wrapper>.recipe-details>.details-content>.recipe-steps h5 {
    color: #c02036;
    font-family: ManualSemiMediumCapstf;
    font-weight: normal;
    text-transform: lowercase;
}

.dialog-wrapper>div.dialog.recipe>.dialog-body .recipe-wrapper>.recipe-details>.details-content>.recipe-ingredients>.ingredients-group .ingredient {
    font-family: ManualSemiRegularTf;
    font-weight: normal;
}

.dialog-wrapper>div.dialog.recipe>.dialog-body .recipe-wrapper>.recipe-details>.details-content>.recipe-steps>.steps-group .step>.step-description {
    font-family: ManualSemiRegularTf;
    font-weight: normal;
}

.dialog-wrapper>div.dialog.recipe>.dialog-body .recipe-wrapper>.recipe-details>.shopping-list>.items .ingredient-items .ingredient-product-item .item-wrapper>.name>.name {
    font-family: ManualSemiRegularTf;
    font-weight: normal;
}

div.sp-product-price>.normalize-price, div.sp-product-price>.price {
    color: #000000;    
}

section.view sp-items>.tools-wrapper .tools .tools-opener .text {
    font-family: ManualSemiMedium;
    font-weight: normal;
    text-transform: capitalize;
}

section.view sp-items>.tools-wrapper .tools .tools-content .tool-wrapper .tool-title {
    font-family: ManualSemiMedium;
    font-weight: normal;
}

html .product-in-cart>.product-wrapper>.product-data>.data>.name {
    font-family: ManualSemiRegularTf;
    font-weight: normal;
}

.item.product sp-product>.data>* {
    font-family: ManualSemiRegularTf;
    font-weight: normal;
	color: #000000
}


html .product-in-cart>.product-wrapper>.product-data>.data>.brand, html .product-in-cart>.product-wrapper>.product-data>.data>.brand-and-weight, html .product-in-cart>.product-wrapper>.product-data>.data>.price, html .product-in-cart>.product-wrapper>.product-data>.data>.weight {
    font-family: ManualSemiRegularTf;
    font-weight: normal;
}

section.view sp-items>.cant-find-item>img, section.view sp-items>.cant-find-item>.text-wrapper>.text {
    font-family: ManualSemiRegularTf;
    font-weight: normal;
}

section.view sp-items>.tools-wrapper .tools .tools-content .tool-wrapper .more-btn {
    font-family: ManualSemiMedium;
    font-weight: normal;
}

.dialog-wrapper>div.dialog.recipe>.dialog-body .recipe-wrapper>.recipe-header>.name-wrapper>span>.author {
    font-family: ManualSemiRegularTf;
    font-weight: normal;
}

checkout-bottom-banner .total-summary .est-total .total .items-total {
    color: #ffffff;
}

html div.sidenav>div>nav header.nav-header .right .button[disabled], html div.sidenav>div>nav>header .right .button[disabled] {
    opacity: unset;
    background-color: #3d4643;
    color: #939598;
}

html div.sidenav>div>nav.cart>footer>.orders-history-button>span {
    font-family: ManualSemiMediumCapstf;
    font-weight: unset;
    text-transform: lowercase;
}

html.home section.view .home-page-wrapper>.content>.component>.header>.title h5 {
    font-family: ManualSemiRegularTf;
    font-weight: normal;
}

.dialog-wrapper .dialog.choose-area-dialog .dialog-body h1 {
    font-family: ManualSemiBoldTf;
    font-weight: normal;
}



.dialog-wrapper .dialog.choose-area-dialog .dialog-body h2 {
    font-family: ManualSemiRegularTf;
    font-weight: normal;
}

.dialog-wrapper .dialog.choose-area-dialog .dialog-body>.content>form.filter-areas>div.input-and-submit>button[type=submit] {
    font-family: ManualSemiMediumCapstf;
    font-weight: unset;
    text-transform: uppercase;
}

.dialog-wrapper .dialog.choose-area-dialog .dialog-body>.content>form.filter-areas>.pickup>span>button {
    font-family: ManualSemiRegularTf;
    font-weight: normal;
}

.dialog-wrapper .dialog.choose-area-dialog .dialog-body>.content>form.filter-areas>.pickup>span>span {
    font-family: ManualSemiRegularTf;
    font-weight: normal;
}

.special-item > .special-product > .data > .brand,
.special-item > .special-product > .data > .weight {
    color: #000000 !important;
}

body>header>.menu>.categories>.category.by-special-categories>.sub-categories>.sub-categories-content-wrapper>.sub-categories-content>.sub-category>.sub-sub-category {
    color: #000000 !important;
}

html div.sidenav>div>nav.cart>.content-wrapper>div.content>section.empty-cart div .empty>.title,
html div.sidenav>div>nav.cart>.content-wrapper>div.content>section.empty-cart div .empty>.content {
    color: #686868 !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="date"], select, textarea,
input::placeholder, textarea::placeholder,
sp-tabs > .sp-tabs-selector > button, .user-edit ui-view,
.dialog-wrapper .dialog.choose-area-dialog .dialog-body #filter-areas-input.placeholder,
div.sp-product-price > .regular-price,
.item.product sp-product > .data > *,
sp-dropdown.input {
    color: #000000 !important;
}
/*CSS for HubSpot Chat*/
body div#hubspot-messages-iframe-container {
    bottom: 7%!important;
}

html.home section.view .home-page-wrapper>.content {
    width: 100%;
    -webkit-transition: padding .3s linear;
    transition: padding .3s linear;
    -webkit-padding-start: 3.5em;
    padding-inline-start: 3.5em; -webkit-padding-end: 26em;
    padding-inline-end: 26em; padding-top: 0em;
    gap: 0em;
}

html.home section.view .home-page-wrapper>.content>.component {
    gap: 0em;
	padding-bottom: 0em;
}

h2 {
    font-weight: bold;
}