﻿/* Smadar */

:root { --vh: 100vh; --vw: 100vw; }
body {
    background: #f3f1f1;
}
#popup-modal-intro .modal-body { width: 620px; padding: 100px; }
#popup-modal-intro .modal-backdrop { /*background: #9a2323;*/ height: calc(var(--vh) * 1) !important; }
.itemsList.row { display: flex; flex-wrap: wrap; }
header.shopHeader #header2 ul.menu li { font-size: 118%; }
.catalogItemBox a.item-image { background: #fff; }
.btnsWrapper .introPopUpBtn { font-size: 135%; }
.catalogItemBox .catalogItemBoxInner { padding: 20px; background: #fff; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.12); height: 100%; display: flex; flex-wrap: wrap; flex-direction: column; }
.catalogItemBox .item-add-to-cart { margin-top: auto; }
header.shopHeader #header2 .header-top { padding-bottom: 0; }
#header2 .menu-nav { margin-top: 0; }
header.shopHeader #header2 a.logoHeader img { max-height: 120px; }
header.shopHeader #header2 a.logoHeader img { max-width: 450px; }
.catalogItemBox a.item-image { border: none; }

body.CatalogItemPage #CatalogModule .item-actions button#addToCartBtn, body.CatalogItemPage #CatalogItemView .itemContentWrapper .item-price span.finalPrice, body.CatalogItemPage #headline h1, header.shopHeader #header2 ul.menu, .section-title h2, section#GridTop .top-caption h1, .catalogItemBox.align-center h3.itemTitle, .catalogItemBox h3.itemTitle, #SiteFooter #partners-section {
    font-family: Assistant-SemiBold, Arial;
}

.content-section-Btn a.sec-button {
    font-family: Assistant-Bold;
    font-size: 120%;
    min-width: 190px;
    border-radius: 30px;
}

    .content-section-Btn a.sec-button:hover, .content-section-Btn a.sec-button:focus { background: #9A2323; color: #fff; border-color: #9A2323; }

.owl-carousel .owl-item .item a:focus .plus-sign, .owl-carousel .owl-item .item:focus .plus-sign, .owl-carousel .owl-item .item:hover .plus-sign {
    display: none;
}

.section-title h2:after, .section-title h2:before {
    content: unset;
}

.grid-Catalog-Items h2 {
    color: #650125;
    padding: 7px 0;
    font-family: Assistant-Bold;
}

.add-to-cart, button#addToCartBtn { background: #9A2323; color: #fff; padding: 7px 35px; border: none; border-radius: 30px; }

button#addToCartBtn:hover, button#addToCartBtn:focus {
    border: none;
    border-color: transparent;
    background: #400017;
    color: #fff;
}

#SiteFooter {
    background: #fff;
}

#CatalogModule .CatalogNav .navigationItems a {
    background: transparent;
    border: 1px solid transparent;
}

#CatalogModule .CatalogNav .navigationItems a:hover, #CatalogModule .CatalogNav .navigationItems a:focus {
    color: #000;
    border: 1px solid #000;
}

#CatalogModule .CatalogNav .navigationItems a.active:hover, #CatalogModule .CatalogNav .navigationItems a.active:focus {
    color: #fff;
}

.cartItemsCounter {
    background: #650125;
    color: #fff;
}

.deleteCircle {
    fill: transparent!important;
}

.deleteX {
    fill: #000!important;
}

body.CatalogItemPage #CatalogModule .itemContent #headline:after {
    border-color: #650125;
}

body.CatalogItemPage #CatalogModule .item-actions button#addToCartBtn { background: #9A2323; }

body.CatalogItemPage #CatalogModule .item-actions button#addToCartBtn:hover, body.CatalogItemPage #CatalogModule .item-actions button#addToCartBtn:focus {
    background: #400017;
}

.shopBtn, .normal-form input[type="submit"] { background: #9A2323; color: #fff; border-radius: 30px; border: 1px solid transparent; }

.shopBtn:hover, .shopBtn:focus, .normal-form input[type="submit"]:hover, .normal-form input[type="submit"]:focus {
    background: #400017;
    color: #fff;
}

.headerShop a.goToCart.shopBtn {
    border: 1px solid #400017;
}

.headerShop a.goToCart.shopBtn:hover, .headerShop a.goToCart.shopBtn:focus {
    background: #400017;
    color: #fff;
}

form.shop-form .form-control:not([type=checkbox]):not([type=submit]):not([type=button]):not([type=radio]) {
    border: 1px solid #c9c9c9;
}

.registerFormWrapper {
    background: #fff;
}

.userProfile #headline, .loggedInUser.profileSideBar h4 {
    background: #650125;
    color: #fff;
}

body.CatalogItemPage #CatalogModule .item-actions button#addToCartBtn:hover, body.CatalogItemPage #CatalogModule .item-actions button#addToCartBtn:focus {
    color: #fff;
}
.userProfile #headline h1 svg {
    fill: #fff;
}

h4.item-subtitle { font-size: 105%; margin-top: 3px; }

.catalogItemBox.align-center h3.itemTitle, .catalogItemBox h3.itemTitle {
    font-size: 113%;
}

section#GridTop .top-caption {
    color: #fff;
}

.cartSubTotal .subTotalTitle, .cartItemsTable .cartItemsTitles {
    background: #650125;
    color: #fff;
}

.cartItemsTable .cartItem, .cartSubTotal .totalSumItems {
    background: #fff;
}

.cartPage .shopBtn {
    margin-bottom: 15px;
}

.checkout-login {
    background: #fff;
}

form#checkout-form .checkoutTitle h3, .checkoutPage .cartSubTotal .subTotalTitle {
    background: #8e8e8e;
    color: #fff;
}

form#checkout-form .checkoutFormWrapper {
    background: #fff;
}

.cartSubTotal.affix {
    top: 200px;
}

.home-page .gallery-mobile {
    display: none;
}

.owl-carousel .owl-dots {
    z-index: 1;
}

.owl-carousel .owl-dot {
    border: 1px solid #fff;
    background: transparent;
}

.owl-carousel .owl-dot.active {
    background: #fff;
}

#CatalogModule .filtersList {
    display: block;
}

#clubform {
    background: #fff;
}

.normal-form input[type=checkbox] {
    min-height: unset;
}

#header2 ul.menu .menu-sub li.active a {
    background: #f3f1f1;
    color: #650125;
}

header.shopHeader #header2 ul.menu ul.menu-sub li.active a:hover, header.shopHeader #header2 ul.menu ul.menu-sub li.active a:focus {
    background: #f3f1f1;
}

header.shopHeader #header2 ul.menu ul.menu-sub a:hover, header.shopHeader #header2 ul.menu ul.menu-sub a:focus {
    color: #650125;
    background: transparent;
}

.loggedInUser.profileSideBar a {
    background: #fff;
}

.loggedInUser.profileSideBar a.active {
    background: #8e8e8e;
}

.cartBtn.navShopBtn {
    margin-left: 0;
}

.userBtn button {
    margin-left: 3px;
}

#CatalogModule .filters-box button.filters-title:hover, #CatalogModule .filters-box button.filters-title:focus, a.filter-list-link:hover, a.filter-list-link:focus {
    color: #650125;
}

#CatalogModule .filters-box::after {
    content: "|";
    margin-left: 10px;
    color: #6f0024;
}

.desktop-filters-list {
    text-align: center;
}

#CatalogModule .filters-box {
    margin-bottom: 15px;
}

#CatalogModule .filtersList .currentFilter {
    background: #650125;
    font-size: 100%; 
}

#home-gallery ol.flex-control-nav.flex-control-paging { bottom: 12%; }
#home-gallery .flex-control-paging li a { background: #fff; }
.flex-control-nav li { overflow: visible;}
#home-gallery .flex-control-paging li a.flex-active { background: #9a2323; border: 1px solid transparent; position: relative; }
.section-title h1, .section-title h2 { font-size: 315%; font-weight: bold;}
#GridTop { height: 0; }
section#GridTop .top-caption h1 { color: #9a2323; }
section#GridTop:after { content: ""; background: rgba(0, 0, 0, 0.1); position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.gallery-cubes > div { padding: 3px; }

#header-top-strip .topStripContainer { background: #9A2323; }
#header-top-strip .topStripContainer .topStripText { font-family: 'Assistant-Regular'; }
.backBtnWrapper { max-width: 1140px; margin: 0 auto; }
.catalogContainer button.backBtn { font-size: 100%; }
.cartSubTotal.affix { top: 250px; }
.productLabel { position: absolute; top: 10px; left: 15px; padding: 15px 5px; border-radius: 100%; background: #000000; color: #ffffff; font-size: 80%; z-index: 1; }
.desktop-filters-list:before { content: "אפשרויות סינון"; display: block; text-align: center; font-size: 120%; margin-bottom: 15px; /* border-bottom: 1px solid; */ }
#home-gallery, #home-gallery a.slider-bg.stellar-bg { height: calc(var(--vh) * 1) !important; }

#home-gallery ol.flex-control-nav.flex-control-paging { display: none; }
#home-gallery .scroll-down { display: none; }
#home-gallery .flex-direction-nav a.flex-prev:before { background-image: url(/warehouse/temp/smadar/L.svg); background-size: contain; height: 30px; width: 18px; background-repeat: no-repeat; }
#home-gallery .flex-direction-nav a.flex-next:before { background-image: url(/warehouse/temp/smadar/R.svg); background-size: contain; height: 30px; width: 18px; background-repeat: no-repeat; }
#home-gallery, #home-gallery a.slider-bg.stellar-bg { height: calc(var(--vh) * 0.79) !important; min-height: unset; background-position: center 30%; background-attachment: unset; }
#home-gallery .flex-direction-nav { top: 66%; }
#allSectionsWrapper { margin-top: 0; }
#popup-modal-intro .modal-backdrop.fade.in { opacity: 0.85; }
.catalogItemBox h3.itemTitle { min-height: unset; }
.catalogItemBox a.item-image, .catalogCategoryBox a.catalogCategoryBoxImage { padding-bottom: 129%; }

@media (min-width: 1025px) and (max-width: 1400px) { /*#home-gallery, #home-gallery a.slider-bg.stellar-bg { height: 720px !important; }*/ #home-gallery .scroll-down svg, #home-gallery .scroll-down svg path { width: 30px; }
    header.shopHeader #header2 a.logoHeader img { max-width: 300px; }
    .flex-control-paging li a { width: 7px; height: 7px; }
    #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 8%; }
    #home-gallery, #home-gallery a.slider-bg.stellar-bg { background-position: center 40%; }
}

@media (min-width: 1270px) and (max-width: 1440px) {
    #home-gallery, #home-gallery a.slider-bg.stellar-bg { background-position: center 30%; }
}

@media (min-width: 1025px) { 
    header .shopHeader #header2 ul.menu li.active a, #header2 ul.menu li > a:focus, header.shopHeader #header2 ul.menu > li.has-sub.open > a, header.shopHeader #header2 ul.menu li > a:hover {
        background: #000;
        color: #fff;
    }

    header.shopHeader #header2 ul.menu > li > a { min-width: 118px; }
}

@media (max-width: 991px) {
    #CatalogModule .filters-box::after {
        content: unset;
    }

    #CatalogModule .filters-box .filters-list-wrapper {
        top: 0;
    }
}

@media (max-width: 767px) {
    section.grid-Catalog-Items .catalogItemBox.align-center h3.itemTitle, section.grid-Catalog-Items .catalogItemBox:not(.catalogItemRowBox) h3.itemTitle { font-size: 113%; }
    #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 8%; }

    .catalogItemBox .catalogItemBoxInner { padding: 7px; padding-bottom: 10px; }

    section.grid-Catalog-Items .grid-boxes.row { max-width: calc( var(--vw) * 1 ); }

    .add-to-cart, button#addToCartBtn { padding: 7px 27px; }

    .catalogItemBox { margin-bottom: 26px; }

    h4.item-subtitle { font-size: 95%; }

    .add-to-cart, button#addToCartBtn { font-size: 90%; }

    .home-page .gallery-desktop { display: none; }

    .home-page .gallery-mobile { display: block; }

    .cartPage .mobile-subTotal, .checkoutPage .mobile-subTotal { background: #650125; }

    .cartPage .mobile-subTotal .totalSumItems, .checkoutPage .mobile-subTotal .totalSumItems { background: #650125; color: #fff; }

    .cartPage .mobile-subTotal .shopBtn, .checkoutPage .mobile-subTotal .goToCart { text-decoration: underline; color: #fff; }

    header.shopHeader #header2 { min-height: 65px; }

    .mobile-subTotal { top: 136px; }
    .productLabel { position: absolute; top: 10px; left: 15px; padding: 15px 5px; border-radius: 100%; background: #000000; color: #ffffff; font-size: 80%; z-index: 1; }

    #popup-modal-intro .modal-body { width: 90vw; padding: 20px; }
    header.shopHeader #header2 a.logoHeader img { max-width: 190px; }
    #home-gallery .scroll-down svg, #home-gallery .scroll-down svg path{ width: 30px; }
    header.shopHeader #header2 { padding: 0; }
    .header-right-section { padding: 5px; }
    #header-top-strip .topStripContainer { padding: 10px 0px 5px; }
    #GridTop { height: 40px; }
    section#GridTop:after { display: none; }
    #home-gallery .scroll-down { bottom: 8%; }
    #home-gallery, #home-gallery a.slider-bg.stellar-bg { height: calc(var(--vh) * 1) !important; }
    #home-gallery .flex-direction-nav { display: none; }
}

@media (max-height: 560px) and (min-width: 768px) and (max-width: 1280px) {
    #home-gallery .flex-direction-nav { top: 77%; }
}

#CatalogModule .filters-box ul.filter-list { background: #fff; border: solid 1px #9a2323; }

@media (max-width: 550px) {
    #home-gallery .scroll-down { bottom: 8%; }
}

@media (max-width: 320px) {
    .productLabel { padding: 12px 3px; }
    header.shopHeader #header2 { min-height: 55px; }
    header.shopHeader #header2 a.logoHeader img { max-width: 130px; }
    header.shopHeader #header2 { padding: 0; }
    #header-top-strip .topStripContainer { padding: 10px 0px 5px; }
    #GridTop { height: 40px; }
    section#GridTop:after { display: none; }
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    body { zoom: 0.8; }
    :root { --vh: 125vh; --vw: 125vw; }
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    body { zoom: 0.7; }
    :root { --vh: 150vh; --vw: 150vw; }
}

#whatAppButton { bottom: 50px; top: auto; }
.itemsList.row::before { display: none; }

/*06/11/2022*/
.modal-backdrop { background-color: #000000b0; }

/*blog*/

.blog-posts { column-count: 3; column-gap: 30px; }
.blog-grid #GridPage .max-width { max-width: 1100px; }
.blog-post { display: flex; flex-wrap: wrap; padding-bottom: 40px; }
.blog-post-content { padding: 15px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; min-height: 305px; overflow: hidden; }
.blog-post-text { flex-grow: 1; overflow: hidden; padding-bottom: 30px; }
.blog-post-icons { margin-top: 0; margin-bottom: 0; padding-bottom: 20px; }

@media (max-width: 767px) {
    .blog-posts { column-count: 1; column-gap: 0px; }
    .blog-post-content { min-height: unset; }
}