﻿/**restaurant site***/

.shopPop.quickviewPop .modal-body { height: 100vh; width: 100%; max-width: 100%; max-height: 100vh; }
.shopPop.quickviewPop.modal .close { position: absolute; left: -70px; right: auto; width: auto; top: 10px; }
.shopPop.quickviewPop .modal-content { width: 60vw; margin-right: 0; }
.shopPop.quickviewPop .vertical-align-center { vertical-align: top; }
#catalog-quickview-modal { padding-right: 0 !important; }
.shopPop.quickviewPop.modal .close svg { width: 40px; }
.propertyOption label { display: inline; font-size: 90%; }
.propertyOption { max-width: none; margin-left: 10px; margin-bottom: 5px; }
.ingredientGroupSelection h3 { font-size: 95%; font-family: 'Heebo-Bold'; }
.propertyOption label { font-weight: normal; font-size: 85%; }
.propertyOption input[type=checkbox] { margin-top: 0; vertical-align: middle;border-radius:0; }
#CatalogModule .item-quantity button, .catalogItemBox .item-quantity button { background: #332d2b; border-radius: 0; width: 44px; height: 44px; }
#CatalogModule .item-quantity .itemQuantityContainer, .catalogItemBox .item-quantity .itemQuantityContainer { /*min-width: 54px;*/ height: 42px; border-top: 1px solid #332d2b; border-bottom: 1px solid #332d2b; margin-top: 1px;max-width: calc(100% - 120px); }
.shopPop.quickviewPop #CatalogModule .itemContent #headline h2 { font-family: 'Heebo-Bold'; }

.catalog-sticky-nav { background: #f2f3f6; padding: 7px; margin-top: 0; margin-bottom: 40px; }
.catalog-sticky-nav.no-cats { background: transparent; margin: 0; padding: 0; }
.catalog-sticky-nav button { background: transparent; font-family: 'Heebo-Medium'; font-size: 110%; padding: 11px 12px; }
.catalog-sticky-nav ul li.strip-item.main { display: none; }
.catalog-sticky-nav ul li.active button { background: #efd399; color: #000000; }
.section-title h2                       { font-size: 220%; font-family: 'Heebo-Bold'; }
.categoryContainerBanner                { background: #efd399; padding-bottom: 75px; margin-bottom: 30px; }
.categoryContainerBanner:after          { background: transparent; }
.section-title h2:before, .section-title h2:after { border: 0; display: none; }
.section-title { margin: 0; }
.categoryContainerText { right: 35px; }
.catalogItemBox a.item-image, .catalogCategoryBox a.catalogCategoryBoxImage { padding-bottom: 100%; border: 0; overflow: hidden; }
.catalogItemBox a.item-image img, .catalogCategoryBox a.catalogCategoryBoxImage img { max-width: none; }

.catalogItemBox:not(.catalogItemRowBox) .item-quantity button { color: inherit; }
.item-quantity.catalogItemBoxQuantity.quantityConnectedToCart svg, .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart svg path, .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart svg rect { fill: #ffffff; }

.ShopCheckoutPage.ShopRelatedPage .subTotalStripWrapper, .ShopRelatedPage .subTotalStripWrapper { display: none; }

#GridTop { height: 350px; }
#header-top-strip .topStripContainer .topStripText { font-family: inherit; font-size: 105%; letter-spacing: 0.17px; }
.shopTopStripOnBanner .minOrderText:before { content: ""; border-right: 1px solid; padding-left: 10px; margin-right: 10px; }
.shopTopStripOnBanner .minOrderText.no-delivery-time:before { border: 0; margin: 0; padding: 0; }
.shopTopStripOnBanner .minOrderText { position: relative;white-space:nowrap; }
.shopTopStripOnBanner .minOrderText span.minOrder:before { content: "\f20b"; font-size: 45%; font-family: "Font Awesome 5 Free"; font-weight: bold; margin-right: 1px; }

#CatalogModule .item-actions .addToCart button#addToCartBtn { background: #000000; color: #ffffff; padding: 9px 50px; font-family: 'Heebo-Bold'; font-size: 120%; border: 1px solid; }
#CatalogModule .item-actions .addToCart button#addToCartBtn:hover, #CatalogModule .item-actions .addToCart button#addToCartBtn:focus { background: #ffffff; color: #000000; }
#CatalogModule .item-actions .addToCart button#addToCartBtn span { left: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); top: 50%; }
#CatalogModule .item-actions .addToCart button#addToCartBtn svg { fill: #ffffff; }
#CatalogModule .item-actions .addToCart button#addToCartBtn:hover span.addedToCart svg, #CatalogModule .item-actions .addToCart button#addToCartBtn:focus span.addedToCart svg { fill: #000000; }
#CatalogItemView.catalogItemQuickView .item-price span.finalPrice { font-size: 210%; }
#CatalogItemView.catalogItemQuickView .item-price { padding-bottom: 15px; }
#CatalogModule #CatalogItemView.catalogItemQuickView .item-actions { border-bottom: 0; }
#CatalogModule .catalogItemBox span.itemBeforeDiscountPrice { font-size: 80%; }
.catalogItemBox span.finalPrice, #CatalogModule .catalogItemBox span.finalPrice { margin-bottom: 2px; }

.cartItemsTable .cartItemsTitles, .cartSubTotal .subTotalTitle, /*.checkout-login,*/ form#checkout-form .checkoutTitle h3 { background: #efd399; }
form#checkout-form .checkoutFormWrapper { background: #f6f6f6; }
form.shop-form .form-control:not([type=checkbox]):not([type=submit]):not([type=button]):not([type=radio]) { width: 100%; border-radius: 4px; border: solid 1px #4e535c; background-color: #ffffff; margin-bottom: 10px; border-radius: 0; }
form#checkout-form .checkoutFormWrapper.personalDetailsWrapper .row > div.checkoutInputsWrapper { max-width: 340px; padding: 15px 30px 15px 0px; }
form#checkout-form .checkoutInputsWrapper:nth-child(2), form#checkout-form .checkoutInputsWrapper.no-pad:nth-child(2) { padding-top: 15px; }
/*form#checkout-form .checkoutFormWrapper.personalDetailsWrapper .row > div.checkoutInputsWrapper:not(:first-child):not(:nth-child(2)) { padding-top: 0; }
form#checkout-form .checkoutFormWrapper.personalDetailsWrapper .row > div.checkoutInputsWrapper:not(:first-child):not(:nth-child(2)) { padding-top: 0; }*/
form#checkout-form .checkoutFormWrapper.personalDetailsWrapper .row > div.checkoutInputsWrapper:nth-child(2) { padding: 15px 30px 15px 0px; }
form#checkout-form label { font-family: 'Heebo-Bold'; font-size: 95%; }
form.shop-form textarea.form-control:not([type=checkbox]):not([type=submit]):not([type=button]):not([type=radio]) { border-radius: 0; }
form#checkout-form .checkoutTitle h3 { font-family: 'Heebo-Bold'; font-size: 120%; }
form#checkout-form .deliveryDetails .checkoutInputsWrapper > div.col-xs-12.col-sm-12 { width: 50%; }
form.shop-form .selectBoxWrapper { margin-bottom: 0; }
.deliveryOptionBox { border: solid 1px #dddddd; border-radius: 0; padding: 5px 0px; }
.deliveryOptionBox label span { color: #707070; font-family: 'Heebo-Regular'; font-weight: normal; }
form#checkout-form .deliveryOptionBox .deliveryOptionLabel { font-family: 'Heebo-Regular'; font-weight: normal; }
.deliveryOptionBox.active { background: #ffffff; border: 2px solid #4e535c; color: inherit; }
form#checkout-form .deliveryOptionBox .deliveryOptionLabel:focus { outline: 0; }


.propertyOption input[type=checkbox]:checked { background-image: url('/warehouse/temp/foody/checked.png'); background-size: cover; background-repeat: no-repeat; border-color: #4FAF25; }
.propertyOption input[type=checkbox] { -webkit-appearance: none; width: 13px; height: 13px; border: 1px solid; cursor: pointer; }
.propertyOption input[type=checkbox]:checked:focus, .propertyOption input[type=radio]:checked:focus { outline: none; }
.propertyOption input[type=radio]:checked { background-image: url(/warehouse/temp/foody/radioChecked.png); background-size: 60%; background-repeat: no-repeat; background-position: center center; }
.propertyOption input[type=radio] { -webkit-appearance: none; width: 13px; height: 13px; border-radius: 50%; border: 1px solid; cursor: pointer; }
.catalogTextContainer.comments { margin-top: 10px; }

.registerFormWrapper.registerPage, .registerFormWrapper, .headerShopLoginUserLoggedIn h4 { background: #efd399;color:#121212;; }   
.registerFormWrapper.registerPage #text1 { text-align: center; }

header.shopHeader #header2 .header-top-right .userAction path:not([fill=none]), header.shopHeader #header2 .header-top-right .userAction.userOrdersBtn path:not([fill=none]) { fill: inherit; }
header.shopHeader #header2 .header-top-right path[fill=none] { fill: none; }
.userProfile #headline, .loggedInUser.profileSideBar h4 { background: #efd399; }
.headerShopLoginUserLoggedIn:after { border-bottom-color: #efd399; }

form.shop-form .paymentOptionsWrapper.checkoutFormWrapper .dateBoxWrapper { padding-right: 40px; margin-top: 15px; }
.subTotalStrip .totalSumItems.goToCheckoutBtn .shopBtn:hover, .subTotalStrip .totalSumItems.goToCheckoutBtn .shopBtn:focus { background: #efd399; }


#catalog-quickview-modal    { right: -100%; left: auto; transition: opacity .15s linear,right 450ms cubic-bezier(0.42, 0, 0.58, 1); -webkit-transition: opacity .15s linear,right 450ms cubic-bezier(0.42, 0, 0.58, 1); -o-transition: opacity .15s linear,right 450ms cubic-bezier(0.42, 0, 0.58, 1); display: block !important; pointer-events: none; }
#catalog-quickview-modal.in { right: 0; pointer-events: all; left: 0; }

.shopPop.quickviewPop.fullPop .modal-content { margin-top: 0; }
.shopPop.quickviewPop.fullPop .modal-content #CatalogModule .relatedItems .itemsList.row.relatedItemsCarousel { max-width: 700px; margin-right: auto; margin-left: auto; }
.shopPop.quickviewPop.fullPop .modal-content #CatalogItemView.catalogItemQuickView .item-price span.finalPrice { font-size: 100%; }
.shopPop.quickviewPop.fullPop .modal-content #CatalogItemView.catalogItemQuickView .item-price { margin-top: 0; }


@media(min-width:991px) {
    .catalog-sticky-nav button:hover, .catalog-sticky-nav button:focus { background: #e2e2e2; }    
}

@media(max-width:991px)and (min-width:767px) { 
    .catalogItemBox:not(.catalogItemRowBox) { width: 33.33%; }
    .shopPop.quickviewPop #CatalogModule .gallery-slider.flexslider:not(.thumbs) .slides li { padding-bottom: 350px; }
}

@media(max-width:1350px)and (min-width:991px) {
    .shopPop.quickviewPop .modal-content { width: 85vw; }
}

@media(max-width:991px) {
    .mobile-subTotal { background: #efd399; }
    .catalog-sticky-nav.affix { background: #f2f3f6; padding: 10px; }
    .catalog-sticky-nav ul { text-align: right; }
    .catalog-sticky-nav button { font-size: 100%; }
    #GridPage .max-width { width: 100%; }
    .catalogContainer.container.showAllCats { max-width: 100%; margin-top: -40px; }
    #CatalogCategoryPage { max-width: 100%; overflow: hidden; }
    .categoryContainer .categoryContainerItems { max-width: 95%; margin-right: auto; margin-left: auto; }
    
    .shopPop.quickviewPop .modal-content { width: 80vw; }
    .catalog-sticky-nav { margin-bottom: 0; }
    .allCatalogContainers { margin-top: -6px; }
   
}
@media(max-width:767px) {
    .shopTopStripOnBanner .topStripTextLeft { float: right; margin-top: 10px; }
    #header-top-strip .topStripContainer .topStripText { font-size: 95%; }
    #GridTop { height: 300px; }
    form#checkout-form .checkoutFormWrapper.personalDetailsWrapper .row > div.checkoutInputsWrapper:nth-child(2) { padding-top: 0; }
    form#checkout-form .deliveryDetails .checkoutInputsWrapper > div.col-xs-12.col-sm-12 { width: 100%; }
    .mobile-subTotal { min-height: 50px; top: 55px; padding: 5px 10px; }   
    .section-title h2 { font-size: 170%; }
    .categoryContainerBanner { padding-bottom: 55px; }
    /*.catalog-sticky-nav.affix { top:55px !important }*/
    .normal-form#contactform .must::before { left: auto; right: 14px; }
    .catalogContainer.container.showAllCats { padding: 0; }
    #header-top-strip .topStripContainer { padding: 15px 10px; }
    .categoryContainerText { width: 100%; }
    #SiteFooter #partners-section a { display: inline-block; max-width: 50%; width: auto; }
    #SiteFooter #partners-section { padding: 10px; }
    #SiteFooter #partners-section p { display: inline; }
    body.CatalogItemPage .catalogContainer.container { overflow: hidden; }
    #CatalogModule .gallery-slider.flexslider:not(.thumbs) .slides li, .shopPop.quickviewPop #CatalogModule .gallery-slider.flexslider:not(.thumbs) .slides li { padding-bottom: 250px; }
    #CatalogModule .itemImages { padding-right: 0; padding-left: 0; }
    #CatalogModule .relatedItems { margin-bottom: 0px; }

    #CatalogModule .item-makat.innerCode { margin-top: 0; }
    #CatalogModule .item-makat { margin-bottom: 0; }
    #CatalogModule #CatalogItemView .item-quantity { margin-top: 30px; }
    .item-ingredients { margin-top: 30px; display: block; }
    #CatalogModule .item-quantity .itemQuantityContainer, .catalogItemBox .item-quantity .itemQuantityContainer { margin-top: 0; }
    .shopPop.quickviewPop .modal-content { width: 100vw; }
    .shopPop.quickviewPop.modal .close { left: 20px; background: #000000; width: 45px; height: 45px; border-radius: 50%; z-index: 4; }
        .shopPop.quickviewPop.modal .close svg { width: 25px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
    #SiteFooter .mobile-seperator { display: none; }

    .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart input[type="number"] { font-size: 90% !important; }
    #CatalogModule .item-quantity button, .catalogItemBox .item-quantity button { width: 34px; height: 34px; }
    #CatalogModule .catalogItemBox.align-center .item-quantity .itemQuantityContainer, .catalogItemBox.align-center .item-quantity .itemQuantityContainer { height: 32px; }
    #CatalogModule .item-quantity .itemQuantityContainer, .catalogItemBox .item-quantity .itemQuantityContainer { height: 33px; }
    .shopPop.quickviewPop #CatalogModule #CatalogItemView .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart { padding-right: 0; }
    .shopPop.quickviewPop #CatalogModule .itemContent #headline { font-size: 210%; }

    .catalogItemBox .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart, .catalogItemBox .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart { padding: 10px 5px; min-height: 0; }
    #CatalogModule .catalogItemBox.align-center .item-quantity .itemQuantityContainer, .catalogItemBox.align-center .item-quantity .itemQuantityContainer { max-width: calc(100% - 70px); }
    #CatalogModule .relatedItems { margin-top: 0; }
    @supports (-webkit-touch-callout: none) {
        .catalogItemBox a.item-image img, .catalogCategoryBox a.catalogCategoryBoxImage img { max-width: 100%; }
        #CatalogModule .flexslider .slides img { width: 100%; }
    }
}
@media(max-width:320px) {
    /*header.shopHeader #header2.header-delivery { padding: 5px; }*/
}

