﻿/* Sabri */

:root {
    --HEADER_BACKGROUND: #092D45 ;
    --HEADER_TEXT_COLOR: #fff;
    --HEADER_ICONS_COLOR: #fff;
    --catalogNavBg: #0A1F2D ;
    --catalogNavTextColor: #fff;
      --FORM_BACKGROUND: #f1f1f1;
    --BUTTON_BACKGROUND: #092D45;
      --SHOP_FORM_HEAD_BACKGROUND: #092D45;
    --SHOP_FORM_BODY_BACKGROUND: #F1F1F1;
    --BannerTextColor: #fff;
    --BUTTON_HOVER_BACKGROUND: #e69f37;
    --BUTTON_HOVER_TEXT_COLOR: #092D45;

}

/* General */
body { background-color: #FFFEFC; }
.subTotalStripWrapper.active { display: block;}
#header-top-strip .topStripContainer { background: #092D45; }
#header-top-strip .topStripContainer .topStripText a { color: #C5B054; }
#whatAppButton { bottom: 100px; }

.blogPage div#headline {margin-bottom: 40px;}
.blogPage:not(.contentInnerPage) .blog-post-text {display: none;}
.blogPage:not(.contentInnerPage) .blog-post-icons {text-align: start;margin-top: 10px;}

.blogPage.contentInnerPage .blog-post-icons.blog-date-time {text-align: start;}
.blogPage.contentInnerPage #text1 h3 {margin-top: 30px;margin-bottom: 10px;}
.blogPage.contentInnerPage .blog-wrapper {display: flex;align-items: center;max-width: 700px;margin-inline: auto;overflow: hidden;gap: 20px;}
.blogPage.contentInnerPage .blog-wrapper > * {flex-shrink: 0;}
.blogPage.contentInnerPage #BlogView .blog-wrapper .share-strip:before, #BlogView .blog-wrapper .share-strip:after {content: unset;}
.blogPage.contentInnerPage #BlogView .blog-wrapper .share-strip {float: unset;width: auto;margin: 0;text-align: start;display: flex;gap: 10px;order: 3;}
.blogPage.contentInnerPage .blog-wrapper:after {content: "";border-top: 1px solid #ddd;height: 1px;flex-shrink: 0;width: 420px;order: 2;max-width: 100%;}


.blogPage.contentInnerPage .blog-related-posts .share-strip:after, .blog-related-posts .share-strip:before{content:unset !important;}
.blogPage.contentInnerPage .blog-related-posts .share-strip {float: unset !important;margin: 0 !important;max-width: 670px;margin-inline: auto !important;display: flex;align-items: center;gap: 10px;}
.blogPage.contentInnerPage .blog-related-posts .share-strip:after{content:"" !important;position: unset !important;display: block;width: 100% !important;}


@media (max-width: 767px) {
    .blogPage .blog-wrapper:after {max-width: 20%}
}

/* buttons */
#SiteContainer .item-quantity:not(.quantity-wrapper):not(.quantityConnectedToCart) button.item-plus, #SiteContainer .item-quantity:not(.quantity-wrapper):not(.quantityConnectedToCart) button.item-minus, #SiteContainer .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart .item-quantity-options.active button.item-plus, #SiteContainer .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart .item-quantity-options.active button.item-minus, #CatalogModule #CatalogItemView .itemContentWrapper .item-actions .item-quantity .item-quantity-options.active > button { background: var(--BUTTON_BACKGROUND); }
.content-section-Btn a.sec-button:hover, .content-section-Btn a.sec-button:focus { background-color: #e69f37; color: #092D45; border-color: transparent; }
.shopBtn:hover, .shopBtn:focus { border-color: var(--BUTTON_HOVER_BACKGROUND);  background-color: var(--BUTTON_HOVER_BACKGROUND); color: var(--BUTTON_HOVER_TEXT_COLOR); }
.normal-form input[type="submit"], #DynamicFormObject input[type=submit] {border-color: var(--BUTTON_BACKGROUND)}
.normal-form input[type=submit]:hover { border-color: var(--BUTTON_HOVER_BACKGROUND); }

.cartSubTotal .subTotalTitle, .cartItemsTitles, form#checkout-form .checkoutTitle h3, .shopLayout .userProfile #headline { color: #fff; }
.checkoutTitle svg, .shopLayout .userProfile #headline h1 svg { fill: #fff; }
/* Top Banners  */
.ecommSite #SiteContainer #GridTop:not(.noTopImage)::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: .5; }

/*catalogitembox*/
.catalogItemBox.ecommerceItemBox button#addToCartBtn { border-color: #092D45; }
#CatalogModule .catalogItemBox .catalogItemBoxQuantity.quantityConnectedToCart .quantity-start button { border-color: #e69f37; }
#CatalogModule .catalogItemBox .catalogItemBoxQuantity.quantityConnectedToCart .quantity-start button:hover { border-color: #092D45; }
.catalogItemBox .item-text-top .item-subtitle.item-subtitle-custom { color: #092D45 ;}
.catalogItemBox.ecommerceItemBox .item-price { font-size: 85%;}
.catalogItemBox.ecommerceItemBox h3.itemTitle { font-family: 'Heebo-Bold', sans-serif; }
.catalogItemBox a.item-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

/*stickynav*/
.catalog-sticky-nav ul li.active button { color: inherit; border-color: #e69f37; }

/*items list*/
.categoryContainerBanner { border-color: #092D45; }
.productLabel.Right.collection-5398 { position: static; }

/*innerpages */
#GridBottom .gallery-cubes > div { padding: 5px; }
#GridBottom .GridBottomGallery { margin-top: var(--headerBodySpace); }

.catalog-page .top-caption-subtitle { font-size: 75%; }

/*popup*/
.shopPop.quickviewPop #CatalogModule .itemContentWrapper .item-price span.finalPrice { font-size: 180%; }

/*Contact */
#contactform h3 { color: #092D45; }
/*footer*/
footer { background-color: #092D45; }

@media(max-width: 1024px) {
    header.shopHeader #header2 #nav-toggle.active span::after,
    header.shopHeader #header2 #nav-toggle.active span::before { background: #000; }
}


@media(max-width: 767px) {
    #whatAppButton { bottom: 90px; }
    /* show phone on mobile*/
    header.shopHeader #header2 .menu-nav { margin-left: 0; }
    header.shopHeader #header2 .header-top .header-top-right > .phone-icon { font-size: 16px; position: static; line-height: 1; margin-left: auto; order: 0; }
    header.shopHeader #header2 .header-top .header-top-right > .navShopBtn { order: 1; }
    header.shopHeader #header2 .header-top .header-top-right > .userBtn { order: 2; }
    header.shopHeader #header2 .header-top .header-top-right > .phone-icon { display: block; }

    /* image radio popup */
    .shopPop.quickviewPop #CatalogModule .gallery-slider.flexslider:not(.thumbs) .slides li { position: relative; padding-bottom: 0; }
    .shopPop.quickviewPop #CatalogModule .gallery-slider.flexslider:not(.thumbs) .slides li::before { content: ''; display: block; padding-bottom: 66.25%; }
}




/*checkout*/
/*.shopLayout.checkoutPage .cartSubTotal:not(.affix-bottom):not(.affix-top) { width: calc(100% - 28px); float: none; left: 50%; transform: translateX(-50%); height: auto; }
body.ShopCheckoutPage .mobile-subTotal.notFixed {display:none;}*/

form#checkout-form .checkoutFormWrapper.deliveryOptionsWrapper .deliverymethodsContainer { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
form#checkout-form .checkoutFormWrapper.deliveryOptionsWrapper .deliverymethodsContainer > .deliveryOptionBox { order: 7; margin-top: 15px; }
form#checkout-form .checkoutFormWrapper.deliveryOptionsWrapper .deliverymethodsContainer > .deliveryOptionBox[data-method="419"] { order: 1; margin-block: 0; }
form#checkout-form .checkoutFormWrapper.deliveryOptionsWrapper .deliverymethodsContainer > .deliveryOptionBox[data-method="433"] { order: 2; }
form#checkout-form .checkoutFormWrapper.deliveryOptionsWrapper .deliverymethodsContainer > .deliveryOptionBox[data-method="437"] { order: 3; }
form#checkout-form .checkoutFormWrapper.deliveryOptionsWrapper .deliverymethodsContainer > .deliveryOptionBox[data-method="418"] { order: 4; }
form#checkout-form .checkoutFormWrapper.deliveryOptionsWrapper .deliverymethodsContainer > .deliveryOptionBox[data-method="421"] { order: 5; }
form#checkout-form .checkoutFormWrapper.deliveryOptionsWrapper .deliverymethodsContainer > .deliveryOptionBox[data-method="439"] { order: 6; }