﻿/* MIA WALLACE */

:root { --green: #004739; --lgreen: #006F55; --blue: #00171D; --dblue: #002729; --firstFont: 'NotoSansHebrew-Regular', 'NotoSansHebrew-Medium'; --secondFont: 'NotoSansHebrew-Medium'; --thirdFont: 'NotoSansHebrew-Medium'; }

/*------------------------------------------/*
 GENERAL
/*------------------------------------------*/
body { background: var(--blue); color: #fff; font-family: var(--firstFont), Helvetica !important; }

.grid-text-content :is(p, li), .grid-box-fulltext :is(p, li), .grid-text :is(p, li),
:is(#lobbyText, #text1, #text2, .text1, .text2) :is(p, li), .grid-rows .grid-row-text :is(p, li), :is(#text1, #text2) > span,
.section-topText :is(p, li), #catalogText :is(p, li) { color: #fff; }

.grid-rows .grid-row { color: #fff; }

body[data-module="2"]:not(.press) #GridContent div:is(#pageview, #galleryview) :is(#text1, #text2) ul li::after { border: 1px solid #fff; }

/*------------------------------------------/*
 HEADER
/*------------------------------------------*/
#header, body[data-module="1"] #header:not(.bg), #header.bg { background: var(--blue); }
#header-top-strip { border-bottom: 1px solid #fff; background: var(--blue); }
#header #header-left img, #header.bg #header-left img { max-width: 260px; }
#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background: #fff; }
#header #nav-toggle.active span:before, #header #nav-toggle.active span:after { background: var(--blue); }
.submenu, #header:not(.menu-open):not(.subopen) + .submenu { background: var(--blue); }
.submenu li { color: #fff; }
.submenu > li.social-mobile .social-links svg { fill: #fff; height: 16px; }

@media(max-width: 1024px) {
    #header #header-left img, #header.bg #header-left img { max-width: 130px; }
}


/*------------------------------------------/*
 HERO
/*------------------------------------------*/
.KDMStrip { background: var(--green); border-radius: 2px; }
.KDMStrip button.KDMStripBtn { display: none; }
.KDMStrip nav ul { background: transparent; }
.KDMStrip nav ul .KDMStripNavItem { line-height: 0.9; }
body[data-module="1"] .grid-content-section .grid-boxes .grid-box:not(.no-text)::after { display: none; }
body[data-module="1"] .grid-content-section .grid-boxes .grid-box.no-text { pointer-events: auto; }

@media(min-width: 1024px) {
    .KDMStrip nav ul .KDMStripNavItem:not(:first-child) { border-color: #FFFFFF3D; }
}

@media(max-width: 1024px) {
    #home-gallery .gallery-caption { width: 100%; }
    .KDMStrip button.KDMStripBtn { display: block; background: transparent; color: #fff; }
}


/*------------------------------------------/*
 submenu
/*------------------------------------------*/
.submenu > li.active > a, .submenu > li:focus > a, .submenu > li:hover > a { text-decoration: underline; }
.menu-sub > li.active a, .menu-sub > li a:hover { text-decoration: underline; }
/*------------------------------------------/*
 MENUS
/*------------------------------------------*/
body[data-module="4"].layout-half #GridPage .max-width { background: var(--blue); }
body[data-module="4"].layout-half #GridContent #MenuModule { background: transparent; }
body[data-module="4"] #GridContent #MenuModule #menuModuleNav a { color: #fff; display: none; }
body[data-module="4"].has-menus-page #GridContent #MenuModule #menuModuleNav a { display: inline-block; }
body[data-module="4"] #GridContent #MenuModule .categories-strip ul.hidden-xs .strip-item { background: transparent; color: #fff; border: 1px solid; }
body[data-module="4"] #GridContent #MenuModule .categories-strip ul.hidden-xs .strip-item.active, body[data-module="4"] #GridContent #MenuModule .categories-strip ul .strip-item:hover { background: var(--green); border-color: var(--green); }
body[data-module="4"] #GridContent #MenuModule .menuModuleContentPart .menuModuleTextItemPart .menuModuleTextItemTitle { background: var(--blue); }
body[data-module="4"] #GridContent #MenuModule .menuModuleContentPart .menuModuleTextItemPart .menuModuleTextItemPrice { background: var(--blue); }
body[data-module="4"] #GridContent #MenuModule .menuModuleContentPart .menuModuleTextItem0 .menuModuleTextItemPart::after, body[data-module="4"] #GridContent #MenuModule .menuModuleContentPart .menuModuleTextItem1 .menuModuleTextItemPart::after { background: repeating-linear-gradient(90deg, #fff 0 4px, transparent 0 9px); }
body[data-module="4"] #GridContent #MenuModule .menuModuleContentPart li.notTable { width: 100%; }
body[data-module="4"] #GridContent #menuModule #text1 p { text-align: right; }
body[data-module="4"] #GridContent #MenuModule #text1 { text-align: right; }
body[data-module="4"] #GridContent #MenuModule #menuModuleNav { margin: 0; }
body[data-module="4"] #GridContent #MenuModule .menuModuleContent { margin-top: 25px; }
body[data-module="4"] #GridContent #MenuModule .categories-strip { margin-bottom: 25px; }

@media(max-width: 1024px) {
    body[data-module="4"].layout-half #GridContent #MenuModule .categories-strip { background: var(--green); color: #fff; }
    body[data-module="4"].layout-half #GridContent #MenuModule #menuModuleNav{padding:0;}
    body[data-module="4"] #GridContent #MenuModule #text1{margin-inline: 35px;}
    body[data-module="4"] #GridContent #MenuModule .categories-strip .mobile-strip { border-color: #fff; }
    body[data-module="4"] #GridContent #MenuModule .categories-strip .mobile-strip::after { filter: invert(1); }
    body[data-module="4"] #GridContent #MenuModule .categories-strip .mobile-strip .top-mobile-strip .select-wrapper .strip-item { color: #fff; }

}


@media(min-width: 1025px ) and (-webkit-min-device-pixel-ratio: 1.2) {
    body[data-module="4"] #GridContent #MenuModule .categories-strip ul.hidden-xs .strip-item a { font-size: clamp(1rem, 0.938vw, 100rem ) }
    


}

/*------------------------------------------/*
 PRESS
/*------------------------------------------*/
.press { background: var(--blue); color: #fff; }
.press #ContentGridReadMoreModule #gridshort-view-media > div .grid-short-box { background: var(--dblue); color: #fff; }
.press #ContentGridReadMoreModule #gridshort-view-media > div .grid-short-box > a .text-caption .grid-short-box-subtitle { border-color: #FFFFFF80; }
.press #ContentGridReadMoreModule #gridshort-view-media > div .grid-short-box > a .text-caption .grid-short-box-text { color: inherit; }


/*------------------------------------------/*
 FORM
/*------------------------------------------*/
body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject { padding: 30px 170px; }
body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject { background: var(--green); color: #fff; border-top: none; }
body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText { max-width: 505px; margin: 0; }
body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField input { color: #fff; border-bottom: 1px solid #fff !important; }
body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField input::placeholder { color: #fff; }
body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must::before { color: #fff; }
body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { background: var(--green); border: unset; }
body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit:is(:hover, :focus) { border: unset; background: var(--lgreen); }

.layout-half #SiteGrid.layout-bottom #GridPromo #DynamicFormObject { color: #fff; }
#SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField:not(.checkboxField) input,
#SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea,
#SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField select { color: #fff; border-bottom: 1px solid #fff !important; }
#SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField:not(.checkboxField) input::placeholder,
#SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea::placeholder,
#SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField select::placeholder { color: #fff; }
#SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input { background: var(--green); border: unset; }
#SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input:is(:hover, :focus) { border: unset; background: var(--lgreen); color: #fff; }

@media(max-width: 1024px) {
    body[data-module="7"].layout-half #SiteGrid.layout-bottom #GridPromo #DynamicFormObject { background: var(--green); }
    #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input { background: #fff; color: var(--dblue); }
    #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input:is(:hover, :focus) { background: var(--dblue); }

    body:not(.layout-half).events #SiteGrid.layout-bottom #GridPromo { margin-top: 40px; }
    body:not(.layout-half) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject,
    body[data-module="2"]:not(.press).layout-half #SiteGrid.layout-bottom #GridPromo #DynamicFormObject { width: 100%; max-width: 100% !important; background: var(--green); border: unset; box-shadow: none; padding: 32px 20px; }
    body:not(.layout-half) #SiteGrid.layout-bottom #GridPromo { background-color: transparent; }
}

@media(min-width: 1025px){
    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input { background: #fff; color: var(--green); }
    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input:hover { color: var(--green); }
}

/*------------------------------------------/*
 THANK YOU PAGE
/*------------------------------------------*/
body[data-module="2"]:not(.press):not(.layout-half) { background: var(--blue); }
body[data-module="2"]:not(.press) #GridContent div:is(#pageview, #galleryview) { max-width: 800px; }
.FormResultPage #GridContent #pageview #headline { margin-bottom: 40px; }
.FormResultPage #GridContent #pageview #text1 a.FormResultPageButton { background: var(--green); border: unset; color: #fff; margin-top: 40px !important; border-radius: 0; }
.FormResultPage #GridContent #pageview #text1 a.FormResultPageButton:is(:hover, :focus) { color: #fff; border: unset; background: var(--lgreen); }

@media(max-width: 1024px) {
    .FormResultPage #GridContent #pageview #headline { margin-bottom: 30px; font-size: 100%; line-height: 1; }
}


/*------------------------------------------/*
 404 PAGE
/*------------------------------------------*/
body[data-module="2"]:not(.press):not(.layout-half).accessabilityMainPage, body[data-module="2"]:not(.press):not(.layout-half).page-404 { background: var(--blue); }
.page-404 #GridPage .page-not-found #headline h1 { font-size: 8rem; font-family: var(--thirdFont), var(--firstFont); letter-spacing: 1.6px; max-width: 700px; }
.page-404 #GridPage .page-not-found h2 { font-size: 2.4rem; direction: rtl; margin-bottom: 40px; letter-spacing: unset; }
.page-404 #GridPage .page-not-found #headline { margin-bottom: 40px; }
.page-404 #GridPage .page-not-found #text1 p a { background: var(--green); border: unset; color: #fff; margin: 0; border-radius: 0; }
.page-404 #GridPage .page-not-found #text1 p a:is(:hover, :focus) { border: unset; background: var(--lgreen); }

@media(max-width: 1024px) {
    .page-404 #GridPage .page-not-found #headline { margin-bottom: 30px; font-size: 100%; line-height: 1; }
    .page-404 #GridPage .page-not-found #headline h1 { font-size: 4rem; }
    .page-404 #GridPage .page-not-found h2 { font-size: 1.8rem; }
}


/*------------------------------------------/*
 FOOTER
/*------------------------------------------*/
#SiteFooter .footer-text-divided { background: var(--blue); justify-content: space-between; }

@media(max-width: 1024px) {
    #SiteFooter .footer-text-divided { border-top: 1px solid #fff; }
    #SiteFooter .footer-text-divided .footer-text-left p img { max-width: 240px; }
    #SiteFooter .footer-text-divided .footer-text-middle { order: 3; margin-top: 15px; display:block;}
    #SiteFooter .footer-text-divided .footer-text-middle p:first-child { margin-bottom: 0; }
}



/*----------------------/*
    gallery
/*---------------------*/
body[data-module="2"]:not(.press) .GridBottomGallery { background: var(--blue); }
body[data-module="2"]:not(.press) .GridBottomGallery .gallery-cubes { justify-content: flex-start; padding: 0 20px 20px; }
