﻿/* Louie */

html { height: 100%; }

:root { --BTN2_HOVER_BG: #000; --BTN2_BG: #d1aa8f; --BTN2_BORDER_COLOR: #d1aa8f; --BTN2_HOVER_TEXT_COLOR: #fbf3ea; --BTN2_HOVER_BORDER_COLOR: #000; --BTN1_TEXT_COLOR: #000; --BTN1_BG: #d1aa8f; --BTN1_BORDER_COLOR: #d1aa8f; --BTN1_HOVER_TEXT_COLOR: #000; --BTN1_HOVER_BORDER_COLOR: #fbf3ea; --BTN1_HOVER_BG: #fbf3ea; --FOOTER_BACKGROUND: #fbf3ea; --primaryFontSize: 16px; }
::selection { background-color: #d1aa8f; color: #000; }
body { background-color: #fbf3ea; font-family: 'NotoSansHebrew-Regular', sans-serif !important; }
body.dark { --FOOTER_BACKGROUND: #000; --BTN2_HOVER_TEXT_COLOR: #000; --BTN2_HOVER_BG: #fbf3ea; --BTN2_HOVER_BORDER_COLOR: #fbf3ea; --BTN1_TEXT_COLOR: #000; background-color: #131313; color: #fff; }
/*body.dark #header2 .menu li:nth-child(-n+3) { display: none !important; }
body:not(.dark) #header2 .menu li:not(:nth-child(-n+3)) { display: none !important; }*/

.grid-rows .grid-row { background-color: inherit; color: inherit; }
.section-title h1, .section-title h2, .filledSec .grid-text h2,
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText,
.grid-rows .grid-row-text h2, #FormResultPage #headline, #accessability #headline { font-family: 'NotoSansHebrew-Bold-New', sans-serif; font-size: 312.5%; }
#GridTop { margin-top: 0; min-height: 500px; }
.top-caption { font-size: 500%; }
.top-caption h1 { font-family: 'NotoSansHebrew-Regular', sans-serif; text-align: center; }
#header2 .header-top-right .address { display: none; }
.grid-text .sec-button, #DynamicFormObject input[type=submit] { font-family: 'NotoSansHebrew-Bold-New'; }
.grid-text .grid-text-content .gridText1, .grid-text .grid-text-content .gridText2 { text-align: inherit; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 100%; }


.home-page #SiteGridContainer { height: 100%; }
.home-page header, .home-page footer { display: none; }
.home-page .grid-content-section { max-width: 100%; padding: 0; margin: 0; }
.home-page .grid-content-section .grid-box { width: 50%; height: inherit; max-width: none; padding: 0; margin: 0; display: block; }
.home-page .grid-boxes::before, .home-page .grid-boxes::after { content: none; }
.home-page .grid-box-title { position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); z-index: 234; width: 65%; display: flex; flex-direction: column; align-items: center; pointer-events: none; }
.home-page .grid-boxes .grid-box-image { margin: 0; }
.home-page .grid-content-section .grid-boxes { display: flex; width: 100%; margin: 0; }
.home-page .grid-boxes .grid-box-image::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 38vh; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); z-index: 1; pointer-events: none; }
.home-page .grid-content-section .grid-box .grid-box-title h3 a { color: #fbf3ea; }
.home-page .grid-content-section .grid-box .grid-box-title h3 a:focus { outline: none; }
.home-page .grid-boxes .grid-box-title h3 { font-size: 500%; margin: 0; letter-spacing: 1.2px; line-height: 1; }
.home-page .grid-content-section .grid-box.col-md-4 .grid-box-image { padding: 0; height: 100%; }
.home-page .grid-boxes .grid-box-title::before { content: ''; display: block; width: 95px; height: 64px; background: url('/warehouse/temp/louie/crown.svg'); background-repeat: no-repeat; background-size: 100%; }
body.home-page, body.home-page #SiteContainer, body.home-page #SiteGridContainer, body.home-page #SiteGrid, body.home-page #SiteGrid > div, body.home-page #allSectionsWrapper, .grid-content-section, .grid-boxes { height: 100%; }


@media(max-width: 767px) {
    .home-page .grid-content-section .grid-boxes { flex-direction: column; height: 100%; }
    .home-page .grid-content-section .grid-box.col-md-4 .grid-box-image { height: 100%; }
    .home-page .grid-content-section .grid-box { width: 100%; height: 50%; }
    .home-page .grid-boxes .grid-box-title::before { width: 64px; height: 48px; }
    .home-page .grid-box-title { bottom: auto; top: 50%; transform: translate(-50%, -50%); max-width: 100%; width: 80%; }
    .home-page .grid-boxes .grid-box-title h3 { font-size: 120%; }
    .home-page .grid-boxes .grid-box-image-container { height: inherit; }
}


/* Header */
#header2 { background: linear-gradient(to bottom, #191616, rgba(25, 22, 22, 0)); position: fixed; top: 0; padding-right: 24px; padding-left: 25px; }
#header2 #header-container { display: flex; justify-content: space-between; align-items: center; }
#header2.detailsInRow .header-top { padding: 0; }
#header2.detailsInRow .menu-nav { margin: 0; /* position: absolute; */ /* left: 50%; */ /* top: 50%; */ /* transform: translate(-50%, -50%); */ }
#header2 .header-right-section { position: static; width: auto; display: flex; flex-direction: row-reverse; background: none; align-items: center; padding: 0; gap: 16px; }
#header2 ul.menu { margin: 0; }
#header2 .max-width { width: 100%; max-width: 100%; }
#header2 .header-top-left { display: flex; margin: 0; }
#header2 .header-top-left svg { width: 16px; height: 16px; transition: .35s ease; }
#header2 .header-top-left svg:hover { fill: #d1aa8f; }
#header2 .header-top-left a + a { margin-left: 7px; }
#header2 ul.menu li { margin-left: 86px; display: none; }
#header2 ul.menu li.last-item { margin-left: 0; }
#header2 #header-left { width: auto; margin: 0; display: block; }
#header2 #header-left img { display: block; max-width: 148px; }
#header2 .mobile-middle-kdm { display: none; }




@media(max-width: 1024px) {
    #header2 .max-width { max-width: 100%; width: 100%; }
    #header2 ul.menu { background: #0c0c0c; min-height: 100%; position: fixed; text-align: right; width: calc(var(--vw)); height: 100%; top: 0; left: 0; bottom: 0px; right: 0; overflow-y: auto; padding: 80px 30px 0; transform: translateX(100%); display: block !important; transition: 0.4s all ease; }
    #header2.open ul.menu { transform: translateX(0); }
    #header2 ul.menu li { font-size: 150%; padding: 10px 0; }
    #header2 ul.menu li > a { font-size: 100%; display: inline-block; }
    #header2 ul.menu .has-sub { padding-bottom: 10px; }
    #header2 ul.menu .has-sub i.opensub { font-size: 70%; }
    #header2 ul.menu li .menu-sub li { margin-bottom: 0px; font-size: 83%; padding: 8px 0; }
    #header2 ul.menu li .menu-sub a { padding: 0 20px; }
    #header2 ul.menu li .menu-sub li:last-child { padding-bottom: 0; }
    #header2 ul.menu li .menu-sub li:first-child { padding-top: 16px; width: fit-content; }
    #header2 ul.menu li.active a:after { opacity: 1; }
    #header2 ul.menu li.active { background: none; }
    #header2 .menu-nav .closed { display: none !important; }
}



/* Lobby page */
.lobby-grid #GridTop,
.lobby-grid #lobbyview { display: none; }
.lobby-grid #GridPage .max-width { padding: 0; width: 100%; }
.lobby-grid #GridPage { padding-top: 0; }
.lobby-grid .section { padding: 0; }


.lobby-grid .hero { margin: 0; overflow: hidden; }
.lobby-grid .hero::before { /* content: ''; position: absolute; top: 0; left: 0; width: 101%; height: 101%; background: #000; opacity: .44; z-index: 1;*/ }
.hero .grid-text.gridHasVideo .grid-iframe-holder { padding-bottom: 0; height: calc( var(--vh) * 1 ); }
.hero video { display: block; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; }
.hero .grid-text .grid-text-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; z-index: 2; }
.hero .grid-text .grid-text-content .gridText1,
.hero .grid-text .grid-text-content .gridText2 { display: block; width: 100%; margin: 0; padding: 0; text-align: center; }
.hero .grid-text p { margin: 0; }
.hero h1 { font-family: 'NotoSansHebrew-Bold-New', sans-serif; font-size: 500%; }
.lobby-grid .intro { padding: 64px 118px 0; margin-bottom: 100px; }
.intro .section-title { margin-bottom: 24px; }
.intro .section-title h2 { margin-bottom: 0; }
.intro .grid-text .grid-text-content { padding: 0; max-width: 850px; }
.intro .section-title h2::before { content: ''; display: block; width: 56px; height: 39px; background-image: url('/warehouse/temp/louie/crown.svg'); background-repeat: no-repeat; margin: 0 auto; }
.intro .grid-text .sec-button { margin-top: 30px; }


.lobby-grid .grid-row-section { max-width: 100%; padding: 0 120px; padding-top: 16px; }
.lobby-grid .grid-rows { max-width: 1200px; margin: 0 auto; }
.lobby-grid #LobbyModule .grid-rows .grid-row-cell.flexslider-box { width: 45.83333333333333%; /* padding-top: 16px; */ /* padding-right: 16px; */ display: block !important; /* margin-top: 16px; */ }
.lobby-grid .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text { padding: 0; width: auto; }
.lobby-grid .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text { padding-right: 10.5%; width: 50%; margin-right: auto; }
.lobby-grid .grid-row-section ul.slides { position: relative; }
.lobby-grid .grid-row-section .grid-row-cell.flexslider-box::before { content: ''; position: absolute; width: 100%; border: solid 2px #d1aa8f; right: -16px; top: -16px; bottom: 16px; }
.lobby-grid .grid-row-section .grid-row li.slider-item { padding-bottom: 119.27272727272727%; }
.lobby-grid .grid-row-section .box-image-animation img { width: 100%; }
.lobby-grid .grid-row-section.ltr-row .grid-rows .grid-row { flex-direction: row-reverse; }
.lobby-grid .grid-row-section.ltr-row .grid-row .grid-row-cell.grid-row-cell-text { padding-right: 0; padding-left: 10.5%; margin-left: auto; margin-right: 0; }
.lobby-grid .grid-row-section.ltr-row .grid-row-cell.flexslider-box::before { right: auto; left: -16px; }
.lobby-grid .grid-rows .grid-row-text a.grid-row-button { font-family: 'NotoSansHebrew-Bold-New'; }

.filledSec.grid-text-section { margin-top: 120px; margin-bottom: 105px; color: #fff; }
.filledSec .grid-text.gridTextBgImg { padding: 135px 120px; min-height: 656px; display: flex; align-items: center; }
.filledSec .grid-text.gridTextBgImg .grid-text-content { max-width: 1200px; margin: 0 auto; text-align: start; padding: 0; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; height: inherit; /* padding: 135px  120px; */ /* min-height: 656px; */ }
.filledSec .grid-text::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 90.5%; background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 25%, #000); height: 100%; pointer-events: none; }
.filledSec .grid-text h2 { color: #e9dbc8; margin-bottom: 14px; line-height: 1; }
.filledSec .grid-text .grid-text-content .gridText1,
.filledSec .grid-text .grid-text-content .gridText2 { padding: 0; margin: 0; padding-right: 10.5%; width: 52.17%; margin-right: auto; }
.lobby-grid .grid-form-section { margin-top: 115px; margin-bottom: 0; background-image: url(/warehouse/temp/louie/contact-bg-desktop.jpg); max-width: 100%; padding: 83px 120px 103px; }
.lobby-grid .grid-form-section::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #191616; opacity: 0.52; }
.filledSec .grid-text p { margin: 0; }
.filledSec .gridText2 a { padding: var(--BTN2_PADDING); border-radius: var(--BTN_BORDER_RADIUS); transition: var(--transition); background: var(--BTN2_BG); color: var(--BTN2_TEXT_COLOR); border: 1px solid var(--BTN2_BORDER_COLOR); font-size: 94%; /* margin-top: 50px; */ font-family: 'NotoSansHebrew-Bold-New'; display: inline-block; }
.filledSec .gridText2 a:hover, .filledSec .gridText2 a:focus { background: var(--BTN2_HOVER_BG); color: var(--BTN2_HOVER_TEXT_COLOR); border-color: var(--BTN2_HOVER_BORDER_COLOR); }
.filledSec .grid-text .grid-text-content .gridText2 { margin-top: 35px; }
footer { border-top: 4px solid #d1aa8f; }
.footer-text-divided { padding: 30px 135px; }
.footer-text-divided > div.footer-text-right ul a { color: inherit; }
.footer-text-divided > div.footer-text-middle { display: flex; text-align: start; }
.footer-text-divided > div.footer-text-middle ul { list-style: none; padding: 0; margin: 0; margin-left: 70px; }
.footer-text-divided > div.footer-text-middle ul li { margin-bottom: 10px; }
.footer-text-divided > div.footer-text-left p:not(:last-child) { margin-bottom: 13px; }
.footer-text-divided > div.footer-text-left p:nth-child(2) > * { margin-right: 12px; }
.footer-text-divided > div.footer-text-left p:nth-child(2) img { width: 13px; height: 15px !important; object-fit: contain; object-position: bottom; }

body:not(.dark) .footer-text-divided > div.footer-text-right { display: none; }
body.dark .footer-text-divided > .footer-text-middle { display: none; }
body.dark #SiteFooter p:first-child img { filter: invert(1) brightness(1); }
body.dark .footer-text-divided > div.footer-text-left p:nth-child(2) { filter: invert(1); }
/* inner*/
#GridTop::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom, #211a14, #211a14); }
.GridBottomGallery { max-width: 100%; }
.GridBottomGallery .gallery-cubes { margin: 0 -15px; }
.MainContent { max-width: 822px; }
.MainContent #text1 p:has(img) { display: block; overflow: visible; margin: 48px 0; }
.MainContent #text1 p:has(img)::before { content: ''; display: block; width: 100%; height: 100%; border: 2px solid #d1aa8f; position: absolute; top: -20px; right: -20px; z-index: -1; }
body.dark #text1 p:has(img)::before { border-color: #fff; }


SiteGrid.layout-bottom #GridPromo { max-width: 100%; }
#GridPage { padding-top: 48px; }
#GridPage .max-width { max-width: 100%; width: 100%; }
#ContentRegularModule { padding: 0 20px; }
#SiteGrid.layout-bottom #GridPromo { margin-top: 85px; margin-bottom: 0; background-image: url(/warehouse/temp/louie/contact-bg-desktop.jpg); max-width: 100%; padding: 83px 120px 103px; }
#SiteGrid.layout-bottom #GridPromo::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #191616; opacity: 0.52; }
.form-container-wide #DynamicFormObject { background: none; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { color: #e9dbc8; line-height: 1; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { color: #fff; }
.form-container-wide #DynamicFormObject { background: none; padding: 0; max-width: 770px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin-top: 28px; }

.contactPage #text1 { display: flex; gap: 137px; justify-content: center; }
.contactPage #text1 ul li::before { content: none; }
.contactPage #text1 ul li { padding-right: 0; margin: 0; }
.contactPage #text1 h3 { margin: 0 0 10px; font-size: 100%; color: #d1aa8f; font-family: 'NotoSansHebrew-Bold-New'; }
.contactPage #text1 ul { line-height: 1.87; }
.contactPage #subheadline h2 { margin-bottom: 47px; font-size: 300%; font-family: 'NotoSansHebrew-Bold-New'; }

@media(min-width: 1025px) {
    #header2.detailsInRow .menu-nav { margin: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: max-content; }
    #header2 ul.menu li a:before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: 1px; width: 0; background-color: currentColor; transition: .35s ease-in-out; }

    #header2 ul.menu li a:hover::before, #header2 ul.menu li.active a::before { width: 100%; }
    .flexslider .slides img { height: calc( var(--vh) * 0.65 ); }
}

@media(max-width: 1024px) {
    .filledSec .grid-text::before { width: 100%; background-color: #000; opacity: .6; }
    .filledSec .grid-text.gridTextBgImg .grid-text-content { text-align: center; }
    .filledSec .grid-text .grid-text-content .gridText1, .filledSec .grid-text .grid-text-content .gridText2 { padding-right: 0; width: 100%; }
    #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: #ffff; }
    .footer-text-divided { padding-right: 5px; padding-left: 5px; }
}


@media(max-width: 767px) {
    #GridTop { min-height: 350px; }
    .top-caption { font-size: 300%; }
    .section-title h1, .section-title h2, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .grid-rows .grid-row-text h2, .filledSec .grid-text h2, #FormResultPage #headline { font-size: 225%; }
    .hero h1 { font-size: 300%; }
    .filledSec .grid-text.gridTextBgImg { padding: 32px; min-height: 400px; }
    .intro .section-title h2::before { content: ''; display: block; width: 56px; height: 39px; background-image: url('/warehouse/temp/louie/crown.svg'); background-repeat: no-repeat; margin: 0 auto; }
    .lobby-grid .intro { padding-right: 20px; padding-left: 20px; margin-bottom: 80px; }
    .lobby-grid .grid-row-section { padding-right: 20px; padding-left: 20px; }
    .lobby-grid .grid-rows .grid-row { flex-direction: column-reverse; }
    .lobby-grid .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text { width: 100%; padding: 0; }
    .lobby-grid #LobbyModule .grid-rows .grid-row-cell.flexslider-box { width: 100%; }
    .lobby-grid .grid-form-section { padding-right: 20px; padding-left: 20px; margin-top: 80px; }
    .lobby-grid .grid-row-section.ltr-row .grid-rows .grid-row { flex-direction: column-reverse; }

    .filledSec.grid-text-section { margin-top: 80px; margin-bottom: 80px; }
    .grid-row-section .grid-rows .grid-row-text { padding-bottom: 0; padding-top: 0; margin-top: 16px; }
    .lobby-grid .grid-row-section.ltr-row .grid-row .grid-row-cell.grid-row-cell-text { padding-left: 0; }
    .lobby-grid .grid-rows .grid-row-text a.grid-row-button { margin-top: 24px; }
    .filledSec .grid-text .grid-text-content .gridText2 { margin-top: 24px; }

    /*inner*/
    .MainContent #text1 p:has(img)::before { top: -10px; right: -10px; }
    .MainContent #text1 p:has(img) { margin: 24px 0; }
    #SiteGrid.layout-bottom #GridPromo { padding-right: 20px; padding-left: 20px; }
    .contactPage #text1 { flex-direction: column; gap: 16px; }

    .contactPage #subheadline h2 { font-size: 200%; }

    .footer-text-divided > div.footer-text-left { order: -1; }
}


/*aviv's add*/
body[data-form="2837"] { background: #131313; color: #fbf3ea; }

#FormResultPage #headline { text-align: center; }
a.FormResultPageButton { background: var(--BTN1_BG); color: var(--BTN1_TEXT_COLOR); font-size: 100%; border-radius: var(--BTN_BORDER_RADIUS); padding: var(--BTN1_PADDING) !important; height: auto; width: 190px; border: 1px solid var(--BTN1_BORDER_COLOR); font-family: 'NotoSansHebrew-Bold-New'; transition: all 0.25s ease; }
a.FormResultPageButton:hover { background: var(--BTN1_HOVER_BG); color: var(--BTN1_HOVER_TEXT_COLOR); border-color: var(--BTN1_HOVER_BORDER_COLOR); }
body[data-form="2859"] a.FormResultPageButton:hover { border-color: var(--BTN2_HOVER_BORDER_COLOR) }

body[data-form="2837"] #SiteFooter { background: #000; }
body[data-form="2837"] #SiteFooter img { filter: invert(1) brightness(1); }
body[data-form="2837"] #SiteFooter ul li:hover a, body[data-form="2837"] #SiteFooter a { color: inherit; }

#accessability { max-width: 950px; margin: auto; padding-bottom: 80px; }
