/* Maison Kayser Blog */

/* This file should reset annoying default styles of modular site */
/* In addition there is a fix for windows zoom */

/* Starter pack START */

/* LAYOUT */

/* Remove float */
#GridContent { float: none; }

/* HEADER 2 */

/* Reset color of active link in menu */
#header2 ul.menu li.active { color: inherit; }

/* Delete a line under header menu links */
#header2 ul.menu > li:before { content: none; }

/* Reset hover color of header menu links */
#header2 ul.menu li:hover { color: inherit; }

/* Delete opacity border of header menu links in focus */
#header2 ul.menu li a:focus { opacity: 1; border-bottom: none; }

/* Delete bottom line of header social links in focus */
#header .social-links a:focus:after, #header2 .header-top-left a:focus:after { content: none; }

/* HEADER (with burger) */

/* Hide social icons behind open menu */
#header .social-links { z-index: -1; position: relative; }

/* Category */

/* Fix for dropdown menu width inside filter on category page */
#CatalogModule .filters-box .filters-list-wrapper.active { width: 100%; }

#CatalogModule .filters-box ul.filter-list { min-width: 100%; }

/* Reset bootstrap font-size */
h1, h2 { font-size: inherit; }


/* Footer */

/* Remove padding top */
footer { padding-top: 0; }

/* Remove float & padding */
#SiteFooter { float: none; padding-bottom: 0; /* remove padding bottom from mobile */ }

/* Fix for checkbox on Xiaomi devices */
form.shop-form input[type=checkbox]:checked { background: url(../../../warehouse/temp/story/checkboxV.svg); }

/* FIX FOR VH/VW IN STORY */
.fullScreenMenu #navbar-collapse-main.navbar-collapse.in { width: calc( var(--vw) * 1 + 40px ); min-height: calc( var(--vh) * 1 + 20px ) !important; }

.TopVideo iframe { width: calc( var(--vw) * 1.2 ); }

#home-gallery video { height: calc( var(--vh) * 1.1 ); width: calc( var(--vw) * 1.6 ) !important; }

.owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.45 ); }

header.search-open #header2 ul.menu li.search { width: calc( var(--vw) * 1 ); }

#SiteGridContainer { min-height: calc( var(--vh) * 0.8 ); }

#popup-modal-intro .modal-body img { max-height: calc( var(--vh) * 0.7 ); }

#home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 1 ); }

.TopVideo { height: calc( var(--vh) * 1 ); }

.TopVideo iframe { height: calc( var(--vh) * 1.8 ); }

.flexslider .slides img { height: calc( var(--vh) * 0.85 ); }

.flexslider.modal-slider { max-height: calc( var(--vh) * 0.9 ); }

#multi-content-modal .modal-content { margin-top: calc( var(--vh) * 0.1 ); margin-bottom: calc( var(--vh) * 0.05 ); }

.modal-text #text1 { max-height: calc( var(--vh) * 0.25 ); }

#multi-content-modal.textInPop #PopUpData { max-height: calc( var(--vh) * 0.4 ); }

.blog-view-image { max-height: calc( var(--vh) * 0.5 ); }

.CurrentCategoryLocked { top: calc( var(--vh) * 0.44 ); }

#SiteGrid.CategoryLocked { min-height: calc( var(--vh) * 0.94 ); }

@media(max-width: 1440px) {
    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.55 ); }
}

@media(max-width: 1170px) {
    #multi-content-modal .modal-content { max-width: calc( var(--vw) * 0.95 ); }
}

@media(max-width: 1024px) {
    header.shopHeader #header2 ul.menu { width: calc( var(--vw) * 1 ); }

    #header2 ul.menu li.megaMenuSection { width: calc( var(--vw) * 0.9 ); left: calc( var(--vw) * -1 ); }

    .megaMenuSectionContainer { padding-right: calc( var(--vw) * 5 ); }

    #header2 ul.menu li.megaMenuSection { height: calc( var(--vh) * 0.1 ); }
}

@media(max-width: 991px) {
    #home-gallery video { width: calc( var(--vw) * 3 ) !important }

    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.7 ); }

    #multi-content-modal.textInPop .modal-content { max-width: calc( var(--vw) * 0.9 ); }

    #popup-modal-intro .modal-body { max-height: calc( var(--vh) * 0.75 ); }

    .flexslider .slides img, .flexslider.modal-slider { max-height: calc( var(--vh) * 0.6 ); }

    #GridPromo.fixedLayoutForm { top: calc( var(--vh) * 0.45 ); }

    #GridPromo.fixedLayoutForm.affix { top: calc( var(--vh) * 0.45 ); }
}

@media(max-width: 767px) {
    #popup-modal-intro .modal-body { width: calc( var(--vw) * 0.25 ); }

    #header .submenu { width: calc( var(--vw) * 0.97 ); }

    .modal-dialog { width: calc( var(--vw) * 0.9 ); }

    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.85 ); }

    .gallery-container { width: calc( var(--vw) * 0.95 ); }

    .CurrentCategoryLocked { width: calc( var(--vw) * 0.95 ); }

    #header .submenu { max-height: calc( var(--vh) * 0.75 ); }

    #home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 0.95 ); }

    .TopVideo { height: calc( var(--vh) * 0.95 ); }

    .modal-image { padding-bottom: calc( var(--vh) * 0.22 ); }

    .flexslider .slides img, .flexslider.modal-slider { max-height: none; }

    .flexslider .slides img { height: auto; }
}

@media(max-width: 550px) {
    #header2 ul.menu { width: calc( var(--vw) * 0.9 ); }

    #home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 0.95 ); }
}


/* Starter pack END */

/* General */
body { font-size: 18px; color: #383838; }
#header2 ul.menu li:not(.logoInMenu) { display: none; }
#header2 .header-top-left svg { fill: #000; max-height: 14px; }
#header2 .header-top-left a { border: 1px solid #000; border-radius: 50%; height: 27px; width: 27px; display: inline-flex; align-items: center; justify-content: center; }
#header2 #header-left { display: none; }
#header2 .LogoCentered ul.menu li { margin: 0; }
#header2.detailsInRow .menu-nav { width: 91%; margin: 0; position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%; }
#header2 { background: #f8f8f8; padding: 13px 40px; border-top: 3px solid #ea5b25; min-height: 136px; display: flex; align-items: center; }
#header2 .LogoCentered ul.menu { margin: 0; }
.blog-grid #GridPage .max-width { max-width: 944px; }
#GridPage { background: #f6f6f6; padding-top: 115px; }
.blog-post-content { background: #fff; padding: 0 30px; }
.blog-post-icons { display: none; }
.blog-post-text { border: 0; }
.blog-post-title { font-size: 169.5%; font-family: 'NarkisBlockCondensed-Medium'; padding-top: 20px; }
#header2 .LogoCentered ul.menu li img { max-height: 106px; }
#SiteFooter { background: url(/warehouse/temp/maisonkayser/footer/bg.jpg) !important; background-size: cover !important; background-position: center; background-repeat: no-repeat; }
#SiteFooter #partners-section { display: flex; align-items: center; justify-content: space-between; padding: 41px 30px 36px; }
#SiteFooter p { flex-grow: 1; padding-right: 56px; }
#SiteFooter .socials { width: 62px; }
.top-caption { font-family: Montserrat-Medium; top: 54%; font-size: 361%; }
#GridTop::before { content: ""; display: block; width: 100%; height: 100%; background: #000; opacity: 0.25; }
.site-credit.alternative { padding: 10px 0; }
#header2.detailsInRow .header-right-section { position: relative; }
#header2.detailsInRow .max-width { width: 100%; }
.blog-related-posts.row { margin-bottom: 80px; margin-left: 0; margin-right: 0; }
#SiteGridContainer { overflow: hidden; }
#header2 .mobile-middle-kdm { display: block; }
#header2 .mobile-middle-kdm a { display: block !important; color: #383838; min-width: 79px; font-size: 122%; font-family: 'NarkisBlockCondensed-Medium'; position: relative; }
#header2 #header-container { display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; }
#header2.detailsInRow .header-right-section { width: 100%; }
#header2.detailsInRow .menu-nav { padding-left: 73px; }
#header2 .mobile-middle-kdm a::after { content: ""; display: block; background: url(/warehouse/temp/maisonkayser/locations/arrow_orange.svg); width: 46px; height: 15px; background-size: cover; position: absolute; left: -70%; top: 50%; transform: translateY(-50%); }
.gallery-cubes > div { padding: 5px; float: right; }
.pagination > li > a, .pagination > li > span { width: 39px; height: 39px; border: 1px solid #191919; color: #191919; transition: 0.4s; margin-right: 11px; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #191919; color: #fff; border: 1px solid #191919; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background: #191919; border-color: #191919; }

@media (max-width: 1024px) {
    #header2.detailsInRow .max-width { position: relative; }
    #header2.detailsInRow .max-width::before { content: ""; display: block; width: 90px; height: 56px; background: url(https://blog.kayser.co.il/warehouse/dynamic/223648.svg); background-size: contain; background-repeat: no-repeat; margin: 0 auto; }
    #header2 { min-height: 70px; }

    #header2 .mobile-middle-kdm a::after { content: ""; display: block; background: url(/warehouse/temp/maisonkayser/locations/arrow_orange.svg); width: 46px; height: 15px; background-size: cover; position: absolute; left: -70%; top: 50%; transform: translateY(-50%); }
    #header2.detailsInRow .header-right-section { display: none; }
    #header2 .mobile-middle-kdm { width: 100%; }
    #header2 .mobile-middle-kdm a { margin: 0; padding: 0; border: none; width: 91px; font-size: 100%; }
    #header2.detailsInRow .max-width { display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; }
    #header2 .mobile-middle-kdm a::after { width: 30px; height: 10px; left: -30%; }
    #header2 { padding: 10px; }
}

@media (max-width: 767px) {
    .top-caption { font-family: Montserrat-Medium; top: 54%; }
    #GridTop::before { content: ""; display: block; width: 100%; height: 100%; background: #000; opacity: 0.25; }
    .blog-post-title { font-size: 110%; padding-top: 10px; }
    .blog-post-content { padding: 0 10px; }
    #SiteFooter #partners-section { flex-direction: column; }
    #SiteFooter p { padding: 0; }
    #SiteFooter .socials { width: 70px; margin-top: 20px; }
    .top-caption { font-size: 260%; }
    #GridPage { padding-top: 50px; }
    #SiteFooter img { max-width: 120px; }
}