﻿/* Ronen */

:root { --HEADER_BACKGROUND: #161615; --HEADER_TEXT_COLOR: #fff; --HEADER_ICONS_COLOR: #fff; --catalogNavBg: #AE0018; --catalogNavTextColor: #fff; --FORM_BACKGROUND: #EEEEEE; --BUTTON_BACKGROUND: #339626; --SHOP_FORM_HEAD_BACKGROUND: #161615; --SHOP_FORM_BODY_BACKGROUND: #F1F1F1; --BannerTextColor: #fff; --BUTTON_HOVER_BACKGROUND: #161615; --BUTTON_HOVER_TEXT_COLOR: #FFF; }

/* General */
body { background-color: #FFFEFC; }
.subTotalStripWrapper.active { display: block; }
#header-top-strip .topStripContainer { background: #faf0e6; color: #161615; }
#whatAppButton { bottom: 100px; }

/* 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); border-color: var(--BUTTON_BACKGROUND); }
.content-section-Btn a.sec-button:hover, .content-section-Btn a.sec-button:focus { background-color: var(--BUTTON_HOVER_BACKGROUND); color: var(--BUTTON_HOVER_TEXT_COLOR); border-color: var(--BUTTON_HOVER_BACKGROUND); font-weight: bold; }
.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: #f1f1f1; }
.checkoutTitle svg, .shopLayout .userProfile #headline h1 svg { fill: #fff; }

.content-section-Btn a.sec-button { color: #161615; border-color: transparent; font-weight: bold; }
.subTotalStrip .totalSumItems.goToCheckoutBtn .shopBtn:hover { background: var(--BUTTON_BACKGROUND); color: var(--BUTTON_HOVER_TEXT_COLOR); font-weight: bold; border-color: var(--BUTTON_BACKGROUND); }

/*Nav underline*/
.catalog-sticky-nav .menu-tags-list ul li button { position: relative; }
.catalog-sticky-nav .menu-tags-list ul li button::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 4px; bottom: 0; left: 0; background-color: #339626; transform-origin: bottom right; transition: transform 0.25s ease-out; }
.catalog-sticky-nav .menu-tags-list ul li.active button::after { content: ''; position: absolute; width: 100%; height: 4px; bottom: 0; left: 0; background-color: #339626; }
.catalog-sticky-nav .menu-tags-list ul li button:hover::after { transform: scaleX(1); transform-origin: bottom left; }
.catalog-sticky-nav .menu-tags-list ul li.active button::after { transform: scaleX(1); transform-origin: bottom left; }



/*--**shopping cart buttons**--*/
.headerShop a.goToCart.shopBtn:hover { background: var(--catalogNavBg); color: var(--BUTTON_HOVER_TEXT_COLOR); border-color: var(--catalogNavBg); }

.shopBtn { border-color: #e5e5e5; }

/*plus minus buttons*/

#SiteContainer .item-quantity:not(.quantity-wrapper):not(.quantityConnectedToCart), #SiteContainer .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart .item-quantity-options.active { border-color: #e5e5e5; }


/* 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: transparent; }
#CatalogModule .catalogItemBox .catalogItemBoxQuantity.quantityConnectedToCart .quantity-start button { border-color: #339626; }
#CatalogModule .catalogItemBox .catalogItemBoxQuantity.quantityConnectedToCart .quantity-start button:hover { border-color: #339626; }
.catalogItemBox .item-text-top .item-subtitle.item-subtitle-custom { color: #161615; }
.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; }

#catalogCat3679 .row::before { content: none; }
.catalogItemBox.ecommerceItemBox { margin: 0; }

/*stickynav*/
.catalog-sticky-nav ul li.active button { color: inherit; border-color: #161615; }

/*items list*/
.categoryContainerBanner { border-color: #339626; }
.productLabel.Right.collection-5398 { position: static; }

/*innerpages */
#GridBottom .gallery-cubes > div { padding: 5px; }
#GridBottom .GridBottomGallery { margin-top: var(--headerBodySpace); }

/*checkout body*/
form.shop-form input[type=checkbox] { border: 1px solid #848484; }

/*popup*/
.shopPop.quickviewPop #CatalogModule .itemContentWrapper .item-price span.finalPrice { font-size: 180%; }

/*Contact */
#contactform h3 { color: #161615; }
/*footer*/
footer { background-color: #161615; }
.subTotalStrip { background-color: #161615; }

/*02/05/22*/
#CatalogCategoryPage[data-catalogcategory="0"] .allCatalogContainers .categoryContainer[data-catparent="3757"] { display: none; }

/* textarea small fix 5.9.22 */
body.CatalogItemPage .item-properties h3 { display: block; }
body.CatalogItemPage .item-properties textarea { width: 90%; height: 90px; }

@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%; }


    /*logo hidden*/
    #header2.open .header-top a.logoHeader, #header2.open .phone-icon { opacity: 0; }


    .catalogItemBox.ecommerceItemBox { width: calc(50%-20px); }
}

#CatalogCategoryPage[data-maincatalogcategory="6217"] .allCatalogContainers .categoryContainer:not(#catalogCat6217) { display: none; }
