/* Babka Pizza */

:root { --pink: #fab3bf; --orange: #fabf91; --purple: #a3a7e4; }

.pizza-page #LobbyModule .our-branches .section-title h2::after,
.pizza-page #LobbyModule .our-branches .grid-boxes .grid-box::after,
.pizza-page .row-sec .grid-row .grid-row-text h2::after, .pizza-page #LobbyModule .colored-section::after,
#LobbyModule .our-branches.pizza-branches .section-title h2::after,
#LobbyModule .our-branches.pizza-branches .grid-boxes .grid-box::after,
#LobbyModule .mobile-pizza-branches h2::after, #LobbyModule .mobile-pizza-branches .faq-headline::after { background: var(--orange) !important; }

/* General */
body { line-height: 1; color: #13151b; font-size: 20px; background: #f3f3f3; }
h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2,
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-family: 'MaccabiBlockBold'; font-size: 225%; color: #201c1a; position: relative; white-space: nowrap; display: inline-block; max-width: 100%; }
h3, .grid-rows .grid-row-text h3 { font-size: 100%; position: relative; white-space: nowrap; }
p { font-size: 80%; }
#SiteGrid { overflow: hidden; }
.site-credit.alternative.row { padding: 10px 0; }
p.creditWrapper a { fill: #fff; }
#GridTop { height: 500px; margin-top: 89px; }
.hiring #GridTop::after { position: absolute; content: ''; width: 100%; height: 100%; background: #000; opacity: 0.10; z-index: 0; pointer-events: none; }
.top-caption { font-size: 100%; top: 50%; }
.top-caption h1, .contact .top-caption { font-size: 500%; color: #fff; font-family: 'bison-bold', ariel; }
.grid-rows .grid-row { background: #f3f3f3; }
.FormResultPage #pageview { padding: 60px 0; }
a.FormResultPageButton { text-decoration: underline; }
.accessabilityMainPage #pageview { margin: 50px auto; }
.accessabilityMainPage #pageview h2 { font-size: 175%; }

@media(max-width: 1024px) {
    h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2,
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 200%; white-space: unset; }
}

@media(max-width: 767px) {
    h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2,
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 175%; }
    h3, .grid-rows .grid-row-text h3 { font-size: 100%; }
    .top-caption { top: 50%; }
    .deliveries-page .top-caption h1 { font-size: 335%; }
    .FormResultPage #pageview { padding: 40px 0; }
}

@media(max-width: 767px) {
}

/* Header */
#header, #header.bg, .home-page #header:not(.bg) { background: #201c1a; padding: 23px 30px; display: flex; justify-content: space-between; align-items: center; }
#header #header-left { padding: 0; }
#header #header-left img, #header.bg #header-left img { max-width: unset; }
#header #header-right { padding: 0; display: inline-flex; align-items: center; }
#header #header-center-kdm, #header.bg #header-center-kdm { padding: 0; }
#header .menu-nav { background: transparent; padding: 0 0 0 40px; }
#header .social-links a { font-size: 100%; margin-left: 15px; }
#header .menu-nav span.closed { display: none; }
#header .menu-nav .nav-menu-anim { margin: 0; z-index: 13; width: 25px; }
#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 { height: 4px; width: 26px; }
#header .social-links { padding: 0; margin: 0; display: inline-flex; flex-grow: 0; }
#header .social-links a svg { opacity: 0; height: 35px; width: 24px !important; }
#header .social-links .social_icon_youtube { background-image: url(/warehouse/temp/babka/IG-bakery.svg); background-repeat: no-repeat; order: 3; }
#header .social-links .social_icon_instagram { background-image: url(/warehouse/temp/babka/IG-pizza.svg); background-repeat: no-repeat; order: 2; }
#header .social-links .facebook_icon_instagram { background-image: url(/warehouse/temp/babka/FB.svg); background-repeat: no-repeat; order: 1; }
#header .social-links .social_icon_youtube svg { width: 32px !important; }
#header .social-links .facebook_icon_instagram svg { width: 12px !important; }
#header .menu-nav { background: transparent; }
#header .menu-nav .nav-menu-anim { z-index: 22; }
#header.menu-open #nav-toggle span, #header.menu-open #nav-toggle-mobile span, #header.menu-open #nav-toggle span:before, #header.menu-open #nav-toggle-mobile span:before, #header.menu-open #nav-toggle span:after, #header.menu-open #nav-toggle-mobile span:after { background: #000; }
#header.menu-open #nav-toggle.active span, #header.menu-open #nav-toggle-mobile.active span { background-color: transparent; }
#header .submenu, #header:not(.menu-open):not(.subopen) .submenu { position: fixed; width: 320px; height: 100% !important; display: block !important; transform: translateX(100%); transition: 0.7s !important; clip: auto !important; margin: 0 !important; padding: 120px 90px 0 0; background: #f3f3f3; z-index: 20; }
#header.menu-open .submenu, #header.subopen .submenu { transform: translateX(0); transition: 0.7s !important; }
#header .submenu li { padding: 11px 0; text-align: right; }
#header .submenu li:hover, #header .submenu > li.active { background: transparent; }
#header .submenu li a { font-size: 110%; color: #201c1a; text-align: right; width: fit-content !important; white-space: nowrap; }
#header .submenu li a::after { position: absolute; content: ""; background: #ffa45d; width: 100%; height: 2px; right: 0; bottom: -5px; opacity: 0; transition: 0.4s all; }
#header .submenu li a:hover::after, #header .submenu li.active a::after { opacity: 1; }
#header .submenu li.social-mobile, #header .submenu .social-links, #header .menu-nav .open { display: none !important; }
#header #header-center-kdm { display: flex; font-size: 100%; gap: 30px; }
#header #header-center-kdm a:nth-child(4) { display: inline-block !important; }
#header #header-center-kdm a { margin: 0; border: 0; border-radius: 0; padding: 0; position: relative; white-space: nowrap; }
#header #header-center-kdm a::after { position: absolute; content: ""; background: #ff92a4; width: 100%; height: 2px; right: 0; bottom: -5px; opacity: 0; transition: 0.4s all; }
#header #header-center-kdm a:hover, #header #header-center-kdm a:focus { background: transparent; color: #fff; }
#header #header-center-kdm a:hover::after { opacity: 1; }
#header #header-center-kdm .address { display: none !important; }
#header.subopen #nav-toggle span:after, #header.subopen #nav-toggle span:before,
#header.subopen #nav-toggle-mobile span:after,
#header.subopen #nav-toggle-mobile span:before { background: #000; width: 36px; }

@media (max-width:1024px) and (min-width:768px) {
    #header #header-center-kdm { font-size: 85%; gap: 5px; width: 55%; display: flex; justify-content: space-evenly; }
}

@media (max-width:768px) {
    #header, #header.bg, .home-page #header:not(.bg) { padding: 33px 35px; }
    #header #header-center-kdm, #header.bg #header-center-kdm { display: none; }
    #header #header-left { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    #header .menu-nav { padding: 0; }
    #header .submenu li.social-mobile, #header .submenu .social-links { display: inline-flex !important; }
    #header #header-left > a::after { transform: scale(0.6); top: -19px; left: -80px; }
    #header #header-left > a img { max-width: 50px; }
    #header .social-links { padding: 0; }
    #header .menu-nav { padding: 0; }
    #header .social-links { padding: 0; display: flex; }
    #header .social-links a { margin-left: 5px; margin-right: 0; }
    #header #header-left > a::after { transform: scale(0.6); top: -19px; left: -80px; }
    #header #header-left > a img, #header.bg #header-left > a img { max-width: 115px; }
    #header.bg #header-left > a { top: 60%; }
    #header .submenu, #header:not(.menu-open):not(.subopen) .submenu { max-height: 100%; padding: 120px 80px 0 0; width: 85%; }
    #header .submenu li:not(.social-mobile) a { font-size: 125%; }
    #header .submenu li.social-mobile { padding-top: 30px; }
    #header .menu-nav #nav-toggle { z-index: 25; }
    #header .social-links .facebook_icon_instagram { filter: invert(1); }
    #header .submenu li.social-mobile .social-links a { margin-left: 10px; }
}

/* Home Gallery Hero */
#home-gallery { display: none; }
.hero-gallery { padding: 0; margin-bottom: 0; height: calc(var(--vh) - 90px) !important; overflow: hidden; margin-top: 90px; }
.hero-gallery .grid-rows .grid-row { direction: ltr !important; padding: 0; height: 100%; overflow: hidden; }
.hero-gallery .grid-rows .grid-row::after { position: absolute; content: ''; width: 100%; height: 100%; background: #000; top: 0; left: 0; opacity: 0.35; z-index: 2; pointer-events: none; }
.hero-gallery .grid-rows .grid-row li.slider-item { padding-bottom: 0; }
.hero-gallery .grid-rows .grid-row .grid-row-image-container { position: relative; }
.hero-gallery.grid-row-section .grid-rows .grid-row .box-image-animation img { width: 100%; object-fit: cover; height: calc(var(--vh)) !important; }
.hero-gallery .grid-rows .grid-row-cell-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: fit-content; height: fit-content; z-index: 10; }
.hero-gallery .grid-rows .grid-row-cell-text .grid-row-text { width: 100%; padding: 0; margin: 0; }
.hero-gallery .grid-rows .grid-row-cell-text .grid-row-text h2 { display: none; }
.hero-gallery img { width: 400px; }
.hero-gallery .grid-rows ul.slick-dots { position: absolute; bottom: 40px; transform: translateX(-50%); padding: 0; left: 50%; margin: 0; list-style: none; display: flex !important; }
.hero-gallery .grid-rows ul.slick-dots li { position: relative; }
.hero-gallery .grid-rows ul.slick-dots li::after { content: ""; position: absolute; height: 10px; background: transparent; border: 1px solid #fff; width: 10px; left: 50%; border-radius: 100px; top: 50%; transform: translate(-50%,-50%); pointer-events: none; }
.hero-gallery .grid-rows ul.slick-dots li.slick-active::after { height: 10px; background: #fff; width: 10px; }
.hero-gallery .grid-rows ul.slick-dots li.slick-active::before { content: ""; position: absolute; border: 1px solid #fff; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 18px; height: 18px; border-radius: 50px; }
.hero-gallery .grid-rows ul.slick-dots li button { opacity: 0; margin: 0; height: 22px; padding: 0 3px; }

@media(max-width: 767px) {
    .hero-gallery img { width: 100%; width: 180px; }
}

/* Promotional Text */
.promotional-text { border: 2px solid #ff92a4; background: #201c1a; padding: 10px 0 15px; display: flex; margin: 0; flex-direction: column; gap: 20px; }
.promotional-text .section-title h2::after { content: ""; position: absolute; left: 50%; bottom: -10px; transform: translateX(-50%); background: #ff92a4; height: 1px; width: 100%; }
.promotional-text h2 { color: #ff92a4; }
.promotional-text .section-title h2 { font-size: 155%; font-family: 'MaccabiBlockBold'; }
.promotional-text .grid-text-content h2 { font-size: 75%; }

@media(max-width: 767px) {
    .promotional-text { gap: 0; padding: 15px 35px; }
    .promotional-text::after { display: none; }
    .promotional-text .section-title { margin-bottom: 0px; padding: 0 0 10px; position: relative; }
    .promotional-text .grid-text-content { margin: 0 auto; width: 100%; padding: 5px 0 0; }
    .promotional-text .grid-text-content h2 { line-height: 1.47; letter-spacing: 0.3px; }
}

/* Home Page Image Section */
.home-page .image-text { padding: 0; margin-bottom: 0; }
.home-page section:nth-child(3) { margin-top: 90px; }
.home-page .image-text .grid-text { height: 570px; }
.home-page .image-text .grid-text .grid-text-content::after { content: ""; position: absolute; width: 100%; height: 100%; background: #000; top: 0; left: 0; opacity: 0.3; z-index: -1; }
.home-page .image-text .grid-text .grid-text-content { height: 100%; margin: 0; padding: 0; width: 100%; z-index: 0; }
.home-page .image-text .grid-text .grid-text-content .gridText2 { color: #fff; position: absolute; right: 0; margin: 0; bottom: 40px; padding-right: 0; max-width: 400px; right: 120px; font-family: 'MaccabiBlockBold'; }
.home-page .image-text .grid-text .grid-text-content .gridText2 p { line-height: 1.3; }
.home-page .image-text .grid-text .grid-text-content .gridText1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding-left: 0; width: auto; margin: 0; }
.home-page .image-text .grid-text .grid-text-content .gridText1 img { width: 210px; }
.home-page .image-text .grid-text .grid-text-content .gridText1 p { margin: 0; }
.home-page .image-text .grid-text .grid-text-content .hvr-float { background: #201c1a; border-radius: 0; padding: 0; width: 190px; height: 40px; display: inline-flex; padding-left: 30px; justify-content: center; font-size: 100%; position: absolute; bottom: 0; transform: translate(-50%,70px); left: 50%; font-family: 'MaccabiBlockBold'; align-items: center; }
.home-page .image-text .grid-text .grid-text-content .hvr-float::after { position: absolute; content: ""; left: 35px; top: 50%; transform: translateY(-50%); width: 20px; background-image: url(/warehouse/temp/babka/Arrow.svg); background-repeat: no-repeat; height: 20px; background-size: 100%; transition: 0.3s all; cursor: pointer; pointer-events: none; }
.home-page .image-text .grid-text .grid-text-content .hvr-float:hover::after { left: 20px; }
.home-page .image-text.room-image .grid-text .grid-text-content .hvr-float::after { left: 25px; }
.home-page .image-text.room-image .grid-text .grid-text-content .hvr-float:hover::after { left: 10px; }

@media(min-width: 767px) and (max-width: 1024px) {
    .home-page .image-text .grid-text { height: 470px; }
}

@media (max-width: 1024px) {
    .home-page .image-text.room-image .grid-text .grid-text-content .hvr-float::after { left: 20px; }
    .home-page .image-text.room-image .grid-text .grid-text-content .hvr-float:hover::after { left: 10px; }
}

@media(max-width: 767px) {
    .home-page section:nth-child(3) { margin-top: 80px; }
    .home-page .image-text .grid-text { max-height: 400px; }
    .home-page .image-text .grid-text .grid-text-content .gridText1 img { max-width: 160px; }
    .home-page .image-text .grid-text .grid-text-content .gridText2 { right: 35px; max-width: 300px; bottom: 30px; }
    .home-page .image-text .grid-text .grid-text-content .gridText2 p { margin: 0; font-size: 75%; }
    .home-page .image-text .grid-text .grid-text-content .hvr-float { width: 155px; transform: translate(-50%,65px); }
    .home-page .image-text .grid-text .grid-text-content .hvr-float::after { left: 25px; }
    .home-page .image-text .grid-text .grid-text-content .hvr-float:hover::after { left: 15px; }
    .home-page .image-text.room-image .grid-text .grid-text-content .hvr-float::after { left: 15px; }
    .home-page .image-text.room-image .grid-text .grid-text-content .hvr-float:hover::after { left: 5px; }
    .home-page #SiteFooter { padding-top: 10px; }
}
/* Home Marquee */
.home-page .marqueeSec { padding: 0; margin: 115px 0px 70px; height: 140px; direction: ltr; font-family: 'bison-bold'; }
.marqueeSec .section-title { margin: 0; }
.home-page .marqueeSec h2 { color: #ff92a4; opacity: 0.75; font-size: 600%; max-width: 100%; text-transform: uppercase; font-family: 'Bison-Bold'; }
.home-page .marqueeSec.pizza-marquee h2 { color: var(--orange); }
.home-page .marqueeSec.room-marquee h2 { color: var(--purple); }

@media(max-width: 767px) {
    .home-page .marqueeSec { margin: 95px 0px 60px; height: 110px; }
    .home-page .marqueeSec h2 { font-size: 500%; }
}

/* Bakery Page */
/* Branches Sec */
#GridPage { padding: 0; }
.lobby-grid #GridPage .max-width { padding: 0; width: 100%; }
#LobbyModule .our-branches { max-width: 1232px; padding: 0; margin: 90px auto 80px; }
#LobbyModule .our-branches.pizza-branches { margin-bottom: 130px; }
#LobbyModule .our-branches .section-title { margin-bottom: 80px; display: inline-block; }
#LobbyModule .our-branches .section-title h2::after { position: absolute; content: ""; background: var(--pink); width: 100%; height: 3px; bottom: -15px; left: 0; }
#LobbyModule .our-branches .grid-box { background: #fff; }
#LobbyModule .our-branches .grid-boxes { margin: 0 auto; max-width: 1232px; width: 100%; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; }
#LobbyModule .our-branches .grid-boxes .grid-box { margin: 0 14px 28px; padding: 50px 0 35px; max-width: 280px; width: 100%; }
#LobbyModule .our-branches .grid-boxes .grid-box .grid-box-image { padding-bottom: 0; margin-bottom: 0; height: 0; overflow: visible; }
#LobbyModule .our-branches .grid-boxes .grid-box::after { content: ""; position: absolute; opacity: 0.8; background: var(--pink); left: 0; bottom: 0px; height: 5px; width: 100%; }
#LobbyModule .our-branches .grid-boxes .grid-box .grid-box-image .grid-box-image-container { position: relative; height: 100%; }
#LobbyModule .our-branches .grid-boxes .grid-box .grid-box-title a { color: #201c1a; }
#LobbyModule .our-branches .grid-boxes .grid-box .grid-box-title { z-index: 2; pointer-events: none; }
#LobbyModule .our-branches .grid-boxes .grid-box .grid-box-title h3 { font-size: 125%; font-family: 'MaccabiBlockBold'; margin: 0; padding-bottom: 15px; }
#LobbyModule .our-branches .grid-boxes .grid-box .grid-box-subtitle { color: #fcf7de; font-size: 14px; letter-spacing: 0.28px; position: absolute; bottom: 10px; left: 30px; z-index: 2; pointer-events: none; }
#LobbyModule .our-branches .grid-boxes img { height: 100%; }
#LobbyModule .our-branches .grid-boxes .grid-box .grid-box-fulltext p:first-child { line-height: 1.5; }
#LobbyModule .our-branches .grid-boxes .grid-box .grid-box-fulltext p { line-height: 1.2; }
#LobbyModule .our-branches .grid-boxes .grid-box .grid-box-fulltext a { display: inline-flex; font-size: 20px; font-family: 'MaccabiBlockBold'; line-height: 1.5; position: relative; align-items: center; padding-left: 30px; }
#LobbyModule .our-branches .grid-boxes .grid-box .grid-box-fulltext a::after { content: ""; width: 20px; background-image: url(/warehouse/temp/babka/Arrow.svg); background-repeat: no-repeat; height: 20px; background-size: 100%; transition: 0.4s all; filter: invert(1); position: absolute; left: -5px; cursor: pointer; pointer-events: none; }
#LobbyModule .our-branches .grid-boxes .grid-box .grid-box-fulltext a:hover { color: #201c1a; }
#LobbyModule .our-branches .grid-boxes .grid-box .grid-box-fulltext a:hover::after { left: -15px; }
#LobbyModule .grid-contents { display: none; }

@media (max-width:1140px) {
    #LobbyModule .our-branches .grid-boxes .grid-box { width: 30%; margin: 0 10px 28px; }
}


@media (max-width:767px) {
    #LobbyModule .our-branches { display: none; }
    #LobbyModule .grid-contents { display: block; padding: 0 35px; max-width: 1035px; margin-top: 40px; }
    #LobbyModule .grid-contents h2 { font-family: 'Bison-Bold','MaccabiBlockBold'; font-size: 225%; }
    #LobbyModule .grid-contents h2::after { position: absolute; content: ''; background: var(--pink); width: 100%; height: 3px; bottom: -15px; left: 0; }
    #LobbyModule .grid-contents .faq-headline { background-color: #fff; padding: 10px 15px; }
    #LobbyModule .grid-contents .faq-headline::after { content: ''; position: absolute; opacity: 0.8; background: var(--pink); left: 0; bottom: 0px; height: 2px; width: 100%; }
    #LobbyModule .grid-contents .faq-headline i.button-open { left: 15px; font-size: 28px; }
    #LobbyModule .grid-contents .faq-headline span { font-family: 'MaccabiBlockBold'; }
    #LobbyModule .grid-contents .faq-body { background: #fff; }
    #LobbyModule .grid-contents .faq-body > div { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 40px 0 35px; }
    #LobbyModule .grid-contents .faq-body > div h6 { font-size: 175%; font-family: 'MaccabiBlockBold'; margin-bottom: 0; margin-top: 0; }
    #LobbyModule .grid-contents .faq-body > div h5 { font-size: 225%; font-family: 'MaccabiBlockBold'; margin: 0; }
    #LobbyModule .grid-contents .faq-body > div p:first-child { line-height: 1.5; }
    #LobbyModule .grid-contents .faq-body > div p { line-height: 1.2; }
    #LobbyModule .grid-contents .faq-body > div p a { line-height: 1.5; font-family: 'MaccabiBlockBold'; text-decoration: underline; }
}

/* Row Sec */
.row-sec { max-width: 1200px; margin: 0 auto; padding: 70px 0 20px; }
.row-sec .grid-row { background: transparent; padding: 0 0 90px; }
.row-sec .grid-row .grid-row-image-container { position: relative; }
.row-sec .grid-row li.slider-item { padding-bottom: 0; }
.row-sec .grid-row .box-image-animation img { width: 100%; }
.row-sec .grid-row .grid-row-text { width: 100%; padding: 0 40px 0 90px; }
.row-sec .grid-row:nth-child(odd) .grid-row-text { padding: 0 70px 0 90px; }
.row-sec .grid-row .grid-row-text h2 { font-family: 'MaccabiBlockBold'; }
.row-sec .grid-row .grid-row-text h2::after { position: absolute; content: ''; background: var(--pink); width: 100%; height: 3px; bottom: -5px; left: 0; }
.row-sec .grid-row .grid-row-text p { line-height: 1.25; color: #13151b; font-size: 80%; }

.flex-control-nav li a { background: transparent; border: 1px solid #ffffff; color: transparent; }
.flex-control-nav li a.flex-active { background: #ffffff; }
.flex-control-nav { text-align: left; padding-left: 20px; }

@media (max-width: 1024px) {
    .row-sec .grid-row { display: flex !important; align-items: center; padding: 0 0 40px 0; }
    .row-sec .grid-row .box-image-animation img { width: 100%; max-height: 420px; padding: 0 35px; object-fit: cover; }
    .row-sec .grid-row:nth-child(odd) .grid-row-text { padding: 30px 35px 40px; margin: 0 auto; }
    .row-sec .grid-row .grid-row-text { margin: 0 auto; padding: 30px 35px 40px; }
    .row-sec .grid-row .grid-row-text h2 { margin-bottom: 15px; padding-bottom: 5px; }
}

@media (max-width: 767px) {
    .row-sec .grid-row { flex-direction: column; padding: 0; }
}
/* Pink Sec */
#LobbyModule .colored-section { max-width: unset; padding: 0; margin: 0; }
#LobbyModule .colored-section .grid-boxes { display: flex; flex-wrap: wrap; justify-content: center; max-width: 1240px; padding: 80px 0 60px; margin: 0 auto; }
#LobbyModule .colored-section .grid-boxes .grid-box { width: 25%; padding: 0 20px; margin-right: 0; overflow: hidden; }
#LobbyModule .colored-section .grid-boxes .grid-box-image { padding-bottom: 0; margin-bottom: 0; }
#LobbyModule .colored-section .grid-boxes .grid-box-image .grid-box-image-container { position: relative; }
#LobbyModule .colored-section .grid-boxes .grid-box-image a.box-image-animation { transition: 0.4s all; }
#LobbyModule .colored-section .grid-boxes .grid-box-image a.box-image-animation::after { background: linear-gradient(0deg, rgb(0 0 0 / 80%) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%); content: ""; position: absolute; bottom: 0; width: 100%; height: 70%; left: 0; pointer-events: none; transition: 0.6s all; transition-delay: 0.3s; }
#LobbyModule .colored-section .grid-boxes .grid-box-image a.box-image-animation:hover .grid-box-opacity-layer { opacity: 0; }
#LobbyModule .colored-section .grid-boxes .grid-box-image a.box-image-animation:hover img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
#LobbyModule .colored-section .grid-boxes .grid-box-text { position: absolute; right: 0px; bottom: 0px; padding: 0 40px; display: flex; flex-direction: column; text-align: right; pointer-events: none; transition: all 0.4s; transition-delay: 0.2s; }
#LobbyModule .colored-section .grid-boxes .grid-box-text .grid-box-image-text { position: relative; top: unset; left: unset; transform: none; font-size: 75%; line-height: 1.15; letter-spacing: 0.26px; opacity: 0; max-width: 330px; overflow: hidden; transition: opacity 1s; }
#LobbyModule .colored-section .grid-boxes .grid-box-text .grid-box-title h3 { font-size: 125%; margin-bottom: 0; font-family: 'MaccabiBlockBold'; }
#LobbyModule .colored-section .grid-boxes .grid-box-text .grid-box-title a { color: #fff; }
#LobbyModule .colored-section .grid-boxes .grid-box:hover .grid-box-image-text { opacity: 1; transition: opacity 1s; }
/*#LobbyModule .colored-section .grid-box:hover .grid-box-text { bottom: 20px; }*/
#LobbyModule .colored-section .grid-boxes .grid-box-text .grid-box-title { padding-bottom: 10px; }
#LobbyModule .colored-section::after { position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 50%; pointer-events: none; background: var(--pink); z-index: -1; }

@media (min-width:767px) and (max-width:1024px) {
    #LobbyModule .colored-section::after { height: 33%; }
    #LobbyModule .colored-section .grid-boxes { padding: 50px 30px 60px; }
    #LobbyModule .colored-section .grid-boxes .grid-box { width: 50%; padding: 0 20px; }
}

@media(max-width: 767px) {
    #LobbyModule .colored-section { padding: 0 3px; margin: 0; }
    #LobbyModule .colored-section::after { height: 33%; }
    #LobbyModule .colored-section .grid-boxes { padding: 40px 0 45px; }
    #LobbyModule .colored-section .grid-boxes .grid-box { width: 50%; padding: 0px 7px; }
    #LobbyModule .colored-section .grid-boxes .grid-box-text { padding: 0 25px 0; bottom: 5px; }
    #LobbyModule .colored-section .grid-boxes .grid-box .grid-box-image .grid-box-image-text { display: none; }
    #LobbyModule .colored-section .grid-boxes .grid-box .grid-box-title { display: block !important; }
}

/* Grid Images Section */
#LobbyModule .grid-content-section.first-grid { margin: 140px 0 0; }
#LobbyModule .grid-content-section.first-grid, #LobbyModule .grid-content-section.second-grid { padding: 0; margin-bottom: 0; max-width: unset; }
#LobbyModule .grid-content-section.first-grid .grid-boxes, #LobbyModule .grid-content-section.second-grid .grid-boxes { display: grid; grid-template-columns: 28.4fr 39.6fr 32fr; grid-template-rows: 272px 272px 305px; direction: ltr; margin: 0 auto; gap: 24px; padding: 0px 24px; max-width: 1440px; }
#LobbyModule .grid-content-section.first-grid .grid-boxes > div:nth-child(1) { grid-area: 1 / 3 / 2 / 4; }
#LobbyModule .grid-content-section.first-grid .grid-boxes > div:nth-child(2) { grid-area: 2 / 3 / 3 / 4; background: var(--pink); display: inline-flex; align-items: center; padding: 70px 60px; text-align: right; direction: rtl; }
#LobbyModule .grid-content-section.first-grid .grid-boxes > div:nth-child(2) .grid-box-image { display: none; }
#LobbyModule .grid-content-section.first-grid .grid-boxes > div:nth-child(2) .grid-box-fulltext p { font-size: 100%; line-height: 1.2; }
#LobbyModule .grid-content-section.first-grid .grid-boxes > div:nth-child(3) { grid-area: 1 / 2 / 3 / 3; }
#LobbyModule .grid-content-section.first-grid .grid-boxes > div:nth-child(4) { grid-area: 3 / 2 / 4 / 4; }
#LobbyModule .grid-content-section.first-grid .grid-boxes > div:nth-child(5) { grid-area: 1 / 1 / 2 / 2; }
#LobbyModule .grid-content-section.first-grid .grid-boxes > div:nth-child(6) { grid-area: 2 / 1 / 4 / 2; }
#LobbyModule .grid-content-section.first-grid .grid-boxes .grid-box, #LobbyModule .grid-content-section.second-grid .grid-boxes .grid-box { width: 100%; padding: 0; margin: 0; position: relative; }
#LobbyModule .grid-content-section.first-grid .grid-boxes .grid-box .grid-box-image, #LobbyModule .grid-content-section.second-grid .grid-boxes .grid-box .grid-box-image { padding-bottom: 0; margin-bottom: 0; height: 100%; }
#LobbyModule .grid-content-section.first-grid .grid-boxes .grid-box .grid-box-image .grid-box-image-container,
#LobbyModule .grid-content-section.second-grid .grid-boxes .grid-box .grid-box-image .grid-box-image-container { position: relative; height: 100%; }
#LobbyModule .grid-content-section.first-grid .grid-boxes .grid-box .grid-box-image .box-image-animation img,
#LobbyModule .grid-content-section.second-grid .grid-boxes .grid-box .grid-box-image .box-image-animation img { height: 100%; object-fit: cover; }
#LobbyModule .grid-content-section.first-grid .grid-box-title { position: absolute; bottom: 15px; left: 30px; pointer-events: none; z-index: 2; }
#LobbyModule .grid-content-section.first-grid .grid-boxes .grid-box .grid-box-title h3 { font-size: 225%; font-family: 'MaccabiBlockBold'; margin: 0; }
#LobbyModule .grid-content-section.first-grid .grid-box-title h3 a { color: #fff; }

/*2nd Grid*/
#LobbyModule .grid-content-section.second-grid .grid-boxes { grid-template-rows: 305px 310px; grid-template-columns: 50fr 28fr 22fr; }
#LobbyModule .grid-content-section.second-grid .grid-boxes > div:nth-child(1) { grid-area: 1 / 3 / 3 / 4; }
#LobbyModule .grid-content-section.second-grid .grid-boxes > div:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
#LobbyModule .grid-content-section.second-grid .grid-boxes > div:nth-child(3) { grid-area: 2 / 2 / 2 / 3; }
#LobbyModule .grid-content-section.second-grid .grid-boxes > div:nth-child(4) { grid-area: 1 / 1 / 3 / 2; }
#LobbyModule .grid-content-section.first-grid .grid-boxes .grid-box-image .box-image-animation, #LobbyModule .grid-content-section.second-grid .grid-boxes .grid-box-image .box-image-animation { cursor: unset; }
#LobbyModule .grid-content-section .grid-boxes .grid-box-image .box-image-animation:hover img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
#LobbyModule .grid-content-section.second-grid .grid-boxes > div:nth-child(3) { font-size: 200%; font-family: 'Bison-Bold', 'MaccabiBlockBold'; background: var(--orange); display: inline-flex; align-items: center; padding: 70px 60px; text-align: center; direction: rtl; justify-content: center; font-size: 180%; }
#LobbyModule .grid-content-section.second-grid .grid-boxes > div:nth-child(3) .grid-box-image { display: none; }
#LobbyModule .grid-content-section.second-grid .grid-boxes > div:nth-child(3) .grid-box-fulltext p { font-size: 100%; line-height: 1.2; }

@media (max-width: 1024px) {
    #LobbyModule .grid-content-section.first-grid .grid-boxes > div:nth-child(6) .grid-box-fulltext, .grid-content-section.second-grid .grid-boxes > div:nth-child(1) .grid-box-fulltext, #LobbyModule .grid-content-section.first-grid .grid-boxes > div:nth-child(6)::after, .grid-content-section.second-grid .grid-boxes > div:nth-child(1)::after { display: none; }
    #LobbyModule .grid-content-section.first-grid .grid-boxes .grid-box .grid-box-title h3 { font-size: 125%; }
    #LobbyModule .grid-content-section.first-grid .grid-boxes > div:nth-child(2) .grid-box-fulltext p, #LobbyModule .grid-content-section.second-grid .grid-boxes > div:nth-child(3) .grid-box-fulltext p { font-size: 80%; }
    #LobbyModule .grid-content-section.first-grid .grid-boxes > div:nth-child(2), #LobbyModule .grid-content-section.second-grid .grid-boxes > div:nth-child(3) { padding: 20px 15px; }
}

@media (min-width:768px) and (max-width:1024px) {
    #LobbyModule .grid-content-section.first-grid .grid-boxes .grid-box .grid-box-image .box-image-animation img, #LobbyModule .grid-content-section.second-grid .grid-boxes .grid-box .grid-box-image .box-image-animation img { object-fit: cover; }
    #LobbyModule .grid-content-section.first-grid .grid-boxes { grid-template-rows: 230px 230px 250px; gap: 16px; }
    #LobbyModule .grid-content-section.second-grid .grid-boxes { grid-template-rows: 260px 265px; gap: 16px; }
    #LobbyModule .grid-content-section.first-grid .grid-boxes .grid-box .grid-box-title h3 { font-size: 125%; }
    #LobbyModule .grid-content-section.first-grid .grid-boxes > div:nth-child(2) .grid-box-fulltext p { font-size: 80%; }
}

@media (max-width: 767px) {
    #LobbyModule .grid-content-section.first-grid { margin: 60px 0 0; }
    #LobbyModule .grid-content-section.first-grid .grid-boxes, #LobbyModule .grid-content-section.second-grid .grid-boxes { display: flex; grid-template-columns: unset; grid-template-rows: unset; grid-column: unset; grid-row: unset; flex-wrap: wrap; gap: 0px; padding: 0; margin: 0 -5px; }
    #LobbyModule .grid-content-section.first-grid .grid-boxes .grid-box, #LobbyModule .grid-content-section.second-grid .grid-boxes .grid-box { width: 50%; border: 5px solid #f3f3f3; }
    #LobbyModule .grid-content-section.first-grid .grid-boxes > div:nth-child(3) { width: 100%; }
    #LobbyModule .grid-content-section.first-grid .grid-boxes > div:nth-child(4) { width: 100%; }
    #LobbyModule .grid-content-section.second-grid { display: none; }
    #LobbyModule .grid-content-section.second-grid .grid-boxes > div:nth-child(1) { width: 100%; }
    #LobbyModule .grid-content-section.second-grid .grid-boxes > div:nth-child(4) { width: 100%; }
    #LobbyModule .grid-content-section.first-grid .grid-boxes .grid-box .grid-box-title { bottom: 10px; left: 15px; }
    #LobbyModule .grid-content-section.first-grid .grid-boxes > div:nth-child(1), #LobbyModule .grid-content-section.first-grid .grid-boxes > div:nth-child(4),
    #LobbyModule .grid-content-section.first-grid .grid-boxes > div:nth-child(5), #LobbyModule .grid-content-section.first-grid .grid-boxes > div:nth-child(6) { height: 183px; }
    #LobbyModule .grid-content-section.first-grid .grid-boxes > div:nth-child(1) { order: 5; }
    #LobbyModule .grid-content-section.first-grid .grid-boxes > div:nth-child(2) { order: 4; width: 100%; padding: 30px 40px; border-left: 15px solid #f3f3f3; border-right: 15px solid #f3f3f3; }
    #LobbyModule .grid-content-section.first-grid .grid-boxes > div:nth-child(3) { border-left: 15px solid #f3f3f3; border-right: 15px solid #f3f3f3; order: 3; }
    #LobbyModule .grid-content-section.first-grid .grid-boxes > div:nth-child(4) { order: 6; width: 50%; }
    #LobbyModule .grid-content-section.first-grid .grid-boxes > div:nth-child(5) { order: 1; }
    #LobbyModule .grid-content-section.first-grid .grid-boxes > div:nth-child(6) { order: 2; }
}

/* Image Sec */
.plate-img-sec { display: grid; height: 100%; place-items: center; max-width: 1200px; margin: 120px auto 135px; }
.plate-img-sec::after { position: absolute; content: ""; width: 100%; height: 100%; background: rgb(0 0 0 / 25%); pointer-events: none; z-index: 0; }
.plate-img-sec .image-section-data { height: 100%; width: 100%; }
.plate-img-sec img { margin-top: 0 !important; }
.plate-img-sec .section-title { z-index: 2; margin: 0; }
.plate-img-sec .section-title h2 { color: #fff; font-family: 'MaccabiBlockBold'; font-size: 300%; position: absolute; top: 40%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.plate-img-sec .image-section-Btn { z-index: 1; top: 63%; font-size: 100%; }
.plate-img-sec .image-section-Btn a { background: #fff; margin: 0; width: 220px; height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 0 0 0 30px; font-family: 'MaccabiBlockBold'; }
.plate-img-sec .image-section-Btn a:hover { color: inherit; background: #fff; }
.plate-img-sec .image-section-Btn a::after { filter: invert(1); position: absolute; content: ""; left: 25px; top: 50%; transform: translateY(-50%); width: 20px; background-image: url(/warehouse/temp/babka/Arrow.svg); background-repeat: no-repeat; height: 20px; background-size: 100%; transition: 0.4s all; cursor: pointer; pointer-events: none; }
.plate-img-sec .image-section-Btn a:hover::after { left: 15px; }

@media (min-width:767px) and (max-width:1024px) {
    .plate-img-sec { margin: 60px auto; width: 85%; }
    .plate-img-sec .section-title h2 { width: 100%; padding-bottom: 0; font-size: 275%; }
}

@media (max-width: 767px) {
    .plate-img-sec { margin: 60px 15px 15px; background: transparent; }
    .plate-img-sec .section-title h2 { width: 85%; padding-bottom: 0; font-size: 225%; }
    .plate-img-sec .image-section-Btn { top: 70%; }
}

/* Deliveries Page */
.deliveries-page #LobbyModule .our-branches .section-title { font-family: 'Bison-Bold'; }
.deliveries-page #LobbyModule .our-branches .section-title h2 { font-size: 300%; font-family: 'Bison-Bold','MaccabiBlockBold'; }
#LobbyModule .our-branches .grid-boxes .grid-box .grid-box-fulltext h6 { font-size: 225%; font-family: 'MaccabiBlockBold'; margin-bottom: 0; margin-top: 40px; }
#LobbyModule .our-branches .grid-boxes .grid-box .grid-box-fulltext h5 { font-size: 275%; font-family: 'MaccabiBlockBold'; margin-top: 5px; }

/* Form Pages */
.form-page #GridPage .max-width { max-width: unset; width: 100%; }
.form-page .MainContent { max-width: 700px; margin: 100px auto 0; }
.form-page .MainContent #text1 { max-width: 100%; }
.form-page .MainContent #subheadline h2 { margin-bottom: 15px; padding-bottom: 15px; font-size: 225%; }
.form-page .MainContent #subheadline h2::after { position: absolute; content: ""; background: var(--pink); width: 100%; height: 3px; bottom: 0px; left: 0; }
.form-page #SiteGrid.layout-bottom #GridPromo { padding-top: 0; margin: 0 auto 190px; }
.franchise.form-page #SiteGrid.layout-bottom #GridPromo::after { content: ""; position: absolute; right: -50px; bottom: -55px; background-size: 100%; background-repeat: no-repeat; background-image: url(/warehouse/dynamic/321633.png); background-position: center; width: 226px; height: 226px; z-index: -1; display: none; }
.hiring.form-page #SiteGrid.layout-bottom #GridPromo::after { content: ""; position: absolute; left: -55px; bottom: -150px; background-size: 100%; background-repeat: no-repeat; background-image: url(/warehouse/dynamic/321632.png); background-position: center; width: 257px; height: 257px; z-index: -1; display: none; }
.form-container-wide #DynamicFormObject { border: 0; background: var(--pink); padding: 45px 20px 50px; display: flex; flex-direction: column; align-items: center; max-width: 1030px; margin: 0 auto; }
.form-container-wide #DynamicFormObject::after { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: auto; padding: 0; font-size: 100%; margin-bottom: 30px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; max-width: 100%; padding: 0; margin: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { display: flex; flex-wrap: wrap; justify-content: center; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField { width: 33.3%; padding: 0 25px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField.textareaField { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField.selectBox-6 { width: 50%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField.selectBox-6 + .dynamicFormObjectField { width: 50%; }
.events .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField.selectBox-6 { width: 33.33%; }
.events .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField.selectBox-6 + .dynamicFormObjectField { width: 33.33%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField input,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField textarea,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField select { width: 100%; border: 0; border-bottom: 1px solid #201c1a; border-radius: 0; box-shadow: none; font-size: 80%; padding-right: 0; height: 45px; padding: 10px 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField input:focus,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField textarea:focus,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField select:focus { border: 0 !important; border-bottom: 1px solid #201c1a !important; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit { margin-top: 40px; max-width: 172px; width: 100%; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit input { background: #201c1a; border-radius: 0; padding: 0; width: 172px; height: 40px; display: inline-flex; padding-left: 30px; justify-content: center; font-size: 100%; font-family: 'MaccabiBlockBold'; align-items: center; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit::after { position: absolute; content: ""; left: 35px; top: 50%; transform: translateY(-50%); width: 20px; background-image: url(/warehouse/temp/babka/Arrow.svg); background-repeat: no-repeat; height: 20px; background-size: 100%; transition: 0.4s all; cursor: pointer; pointer-events: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit:hover::after { left: 25px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit input:hover { color: #fff; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField .must::before { right: 20px; top: 5px; font-size: 70%; }
.form-container-wide #DynamicFormObject .select-wrapper:after { background-image: url(/warehouse/dynamic/321631.svg); font-family: unset; content: ''; width: 21px; height: 21px; top: 20px; pointer-events: none; background-size: 100%; }
.form-page.franchise .MainContent #subheadline h2::after { background: #bec1e9; }
.form-page.franchise .form-container-wide #DynamicFormObject { background: #bec1e9; }

.hiring .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField.selectBox-7,
.hiring .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField.textareaField { width: 50%; }

@media(max-width: 767px) {
    .form-page .MainContent { margin: 40px auto; }
    .form-page .MainContent #subheadline h2 { font-size: 175%; }
    .form-page .MainContent #text1 { padding: 0 35px; }
    .form-page .MainContent #text1 p:last-child { margin: 0; }
    .form-container-wide { margin: 0 auto 80px !important; padding: 0 35px !important; }
    .form-container-wide #DynamicFormObject { max-width: 100% !important; padding: 55px 15px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 15px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField.selectBox-6 + .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField.selectBox-6 { width: 100%; padding: 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit { margin-top: 35px; max-width: 155px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField .must::before { right: 0; top: 0; }
    .form-container-wide #DynamicFormObject .select-wrapper:after { left: 0; top: 20px; width: 16px; height: 16px; }
    .hiring .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField.selectBox-7,
    .hiring .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField.textareaField { width: 100%; }
}

/* Contact Page */
.contact #lobbyview { max-width: 700px; margin: 100px auto 0; }
.contact #lobbyview #headline { font-size: 100%; }
.contact #lobbyview #headline h1 { font-size: 225%; margin-bottom: 15px; padding-bottom: 20px; }
.contact #lobbyview #headline h1::after { position: absolute; content: ""; background: var(--orange); width: 100%; height: 3px; bottom: 0px; left: 0; }
.contact .form-container-wide #DynamicFormObject { background: var(--orange); }
.contact .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField.textareaField { /* width: 66.66%; */ }
.contact .grid-form-section { padding: 60px 0 0; margin: 0 auto 60px; }
.contact .grid-content-section { padding: 60px 0 0; margin: 0 auto 120px; max-width: unset; }
.contact #LobbyModule .grid-content-section .grid-boxes { padding: 0; max-width: 1230px; display: flex; justify-content: center; flex-wrap: wrap; }
.contact #LobbyModule .grid-content-section .grid-boxes .grid-box { margin-right: 0; padding: 0 22px; }
.contact #LobbyModule .grid-content-section .grid-boxes .grid-box .grid-box-image { padding-bottom: 0; margin: 0; }
.contact #LobbyModule .grid-content-section .grid-boxes .grid-box .grid-box-image .grid-box-image-container { position: relative; }
.contact #LobbyModule .grid-content-section .grid-boxes .grid-box .grid-box-image img { max-width: 370px; }
.contact #LobbyModule .grid-content-section .grid-boxes .grid-box .grid-box-title { display: none; }
.contact #lobbyview #lobbyText { line-height: 1.25; }

@media (max-width:1024px) and (min-width:768px) {
    .contact .grid-form-section { padding: 30px 0 0; margin: 0 auto; }
    .contact .form-container-wide { padding: 0 15px; }
    .contact #LobbyModule .grid-content-section { margin: 0 auto 90px; }
    .contact #LobbyModule .grid-content-section .grid-boxes { padding: 0 5px; }
    .contact #LobbyModule .grid-content-section .grid-boxes .grid-box { padding: 0 10px; }
}

@media(max-width: 767px) {
    .contact #lobbyview { margin: 40px auto; }
    .contact #lobbyview #headline { font-size: 100%; }
    .contact #lobbyview #headline h1 { font-size: 175%; }
    .contact #lobbyview #lobbyText { padding: 0 35px; }
    .contact .grid-form-section { padding: 0; margin: 0 auto; }
    .contact .form-container-wide { margin: 0 auto !important; }
    .contact .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField.textareaField { width: 100%; }
    .contact #LobbyModule .grid-content-section { margin: 0 auto 70px; }
    .contact #LobbyModule .grid-content-section .grid-boxes .grid-box { padding: 0 35px; }
}

/* About Page */
.about #lobbyview { max-width: 760px; margin: 100px auto 90px; text-align: center; }
.about #lobbyview h2 { margin-bottom: 20px; padding-bottom: 20px; }
.about #lobbyview h2::after { position: absolute; content: ""; background: var(--orange); width: 100%; height: 3px; bottom: 0px; left: 0; }
.about #lobbyview #lobbyText { max-width: 760px; }
.about #lobbyview #lobbyText p { font-size: 100%; }
.about #lobbyview #lobbyText p iframe { width: 100%; height: 100%; }
.about #lobbyview #lobbyText p:has(iframe) { position: relative; padding-bottom: 56%; }
.about #lobbyview #lobbyText p:has(iframe) iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.about .grid-rows .grid-row .grid-row-cell.flexslider-box { width: 57%; }
.about .grid-rows .grid-row li.slider-item { padding-bottom: 0; }
.about .grid-rows .grid-row li.slider-item .grid-row-image-container { position: relative; }
.about .grid-rows .grid-row { padding: 0 157px 0; }
.about .grid-rows .grid-row-text { position: absolute; right: -185px; bottom: 90px; background: #a3a7e4; padding: 75px 50px; width: 100%; max-width: 570px; margin: 0; }
.about .grid-rows .grid-row-text p { font-family: 'MaccabiBlockBold'; font-size: 100%; line-height: 1.25; }
.about #LobbyModule .grid-content-section { padding: 50px 0 0; max-width: unset; }
.about #LobbyModule .grid-content-section .grid-boxes { max-width: 1262px; padding: 0; display: flex; justify-content: center; flex-wrap: wrap; }
.about #LobbyModule .grid-content-section .grid-boxes .grid-box-image { padding-bottom: 0; margin-bottom: 30px; }
.about #LobbyModule .grid-content-section .grid-boxes .grid-box-image .grid-box-image-container { position: relative; }
.about #LobbyModule .grid-content-section .grid-boxes .grid-box-image .grid-box-image-container .box-image-animation { cursor: unset; }
.about #LobbyModule .grid-content-section .grid-boxes .grid-box { width: 50%; margin-right: 0; padding: 0 31px; }
.about #LobbyModule .grid-content-section .grid-boxes .grid-box .grid-box-title { position: absolute; right: 40px; bottom: 60px; font-family: 'MaccabiBlockBold'; pointer-events: none; }
.about #LobbyModule .grid-content-section .grid-boxes .grid-box .grid-box-title h3 { font-size: 175%; margin: 0; }
.about #LobbyModule .grid-content-section .grid-boxes .grid-box .grid-box-title h3::after { content: ''; position: absolute; bottom: -5px; right: 0; width: 100%; height: 1px; background: #fff; pointer-events: none; }
.about #LobbyModule .grid-content-section .grid-boxes .grid-box .grid-box-title h3 a { color: #fff; }
.about #LobbyModule .grid-content-section .grid-boxes .grid-box .grid-box-subtitle { position: absolute; right: 40px; bottom: 30px; font-size: 100%; pointer-events: none; }
.about #LobbyModule .grid-content-section .grid-boxes .grid-box .grid-box-subtitle span { color: #fff; }
.about #LobbyModule .grid-content-section .grid-boxes .grid-box .grid-box-fulltext { text-align: right; line-height: 1.13; max-width: 460px; }

@media(max-width: 1024px) and (min-width: 768px) {
    .about .grid-row-section { margin-bottom: 0; }
    .about .grid-row-section .grid-rows .grid-row { display: flex; flex-direction: column; align-items: center; padding: 0; }
    .about .grid-row-section .grid-rows .grid-row .grid-row-cell { width: 100%; padding: 0 60px; }
    .about .grid-row-section .grid-rows .grid-row .grid-row-cell-text .grid-row-text { bottom: unset; padding: 40px 50px; width: 100%; position: relative; left: unset; top: unset; transform: translateY(-60px); right: unset; max-width: 450px; }
    .about .grid-rows .grid-row li.slider-item.hidden-xs { display: none !important; }
    .about .grid-rows .grid-row li.slider-item.visible-xs { display: block !important; }
    .about .grid-rows .grid-row li.slider-item .grid-row-image-container img { width: 100%; object-fit: cover; height: 100% !important; }
}

@media(max-width: 767px) {
    .about #lobbyview { margin: 40px auto 70px; }
    .about #lobbyview h2 { font-size: 175%; }
    .about #lobbyview #lobbyText { padding: 0 35px; }
    .about .grid-row-section { margin-bottom: 20px; }
    .about .grid-rows .grid-row { padding: 0; }
    .about .grid-rows .grid-row .grid-row-cell.flexslider-box { padding: 0 15px; width: 100%; }
    .about .grid-row-section .grid-rows .grid-row-cell-text { padding: 0 35px; transform: translateY(-60px); z-index: 5; }
    .about .grid-row-section .grid-rows .grid-row-cell-text .grid-row-text { position: relative; right: 0; bottom: 0; padding: 10px 20px 20px; width: 100%; }
    .about .grid-row-section .grid-rows .grid-row-cell-text .grid-row-text p { font-size: 80%; }
    .about #LobbyModule .grid-content-section { padding: 0px; }
    .about #LobbyModule .grid-content-section .grid-boxes .grid-box { width: 100%; padding: 0 15px; }
    .about #LobbyModule .grid-content-section .grid-boxes .grid-box .grid-box-title { right: 25px; bottom: 50px; }
    .about #LobbyModule .grid-content-section .grid-boxes .grid-box .grid-box-subtitle { right: 25px; bottom: 20px; }
}

/* Events Page */
.events #lobbyview { max-width: 552px; margin: 0px; text-align: center; }
.events .info_grid h2 { margin-bottom: 15px; padding-bottom: 15px; }
.events .info_grid h2::after { position: absolute; content: ""; background: #bec1e9; width: 100%; height: 3px; bottom: 0px; left: 0; }
.events .info_grid p { max-width: 552px; margin: auto; line-height: 1.25; }
.events .grid-row-section { margin: 0 0 10px; }
.events .grid-rows .grid-row { padding: 0px 206px 120px; }
.events .grid-rows .grid-row .grid-row-cell.flexslider-box { width: 57%; }
.events .grid-rows .grid-row li.slider-item { padding-bottom: 0; }
.events .grid-rows .grid-row li.slider-item .grid-row-image-container { position: relative; }
.events .grid-rows .grid-row-text { z-index: 5; position: absolute; right: -185px; bottom: 90px; background: #a3a7e4; padding: 40px 60px 60px; width: 100%; max-width: 570px; margin: 0; }
.events .grid-rows .grid-row:nth-child(even) .grid-row-text { right: unset; left: -185px; }
.events .grid-rows .grid-row-text p { font-size: 80%; line-height: 1.25; }
.events .grid-rows .grid-row-text h2 { font-size: 150%; }

.events .form-container-wide #DynamicFormObject { background: #a3a7e4; }
.events .form-container-wide #DynamicFormObject .dynamicFormEndText { position: absolute; bottom: 120px; right: 45px; width: fit-content; font-size: 70%; text-align: right; }
.events .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField:nth-child(8) { width: 100%; }

.events #LobbyModule .packages { padding: 0; margin: 90px auto 110px; max-width: unset; }
.events #LobbyModule .packages .grid-boxes { max-width: 1240px; display: flex; flex-wrap: wrap; justify-content: center; }
.events #LobbyModule .packages .section-title { margin-bottom: 10px; padding-bottom: 10px; display: inline-block; position: relative; }
.events #LobbyModule .packages .section-title::after { position: absolute; content: ""; background: #a3a7e4; width: 100%; height: 3px; bottom: 0px; right: 0; }
.events #LobbyModule .packages .grid-boxes .grid-box .grid-box-image { margin-bottom: 20px; padding-bottom: 0; }
.events #LobbyModule .packages .grid-boxes .grid-box .grid-box-image .grid-box-image-container { position: relative; }
.events #LobbyModule .packages .grid-boxes .grid-box { max-width: 310px; text-align: right; margin: 0 0 30px; padding: 0 20px; }
.events #LobbyModule .packages .grid-boxes .grid-box h3 { font-size: 90%; font-family: 'MaccabiBlockBold'; margin-bottom: 10px; padding-bottom: 10px; white-space: unset; }
.events #LobbyModule .packages .grid-boxes .grid-box h3::after { position: absolute; content: ""; background: #bec1e9; width: 100%; height: 3px; bottom: 0px; right: 0; }
.events #LobbyModule .packages .grid-boxes .grid-box h3 a { color: #201c1a; position: relative; }
.events #LobbyModule .packages .grid-boxes .grid-box .grid-box-subtitle { font-size: 100%; padding-top: 8px; }
.events #LobbyModule .packages .grid-boxes .grid-box .grid-box-fulltext { color: #13151b; }
.events #LobbyModule .packages .grid-boxes .grid-box .grid-box-fulltext p:nth-child(1) { line-height: 1.25; padding-bottom: 5px; }
.events #LobbyModule .packages .grid-boxes .grid-box .grid-box-fulltext p:nth-child(2) { font-size: 65%; line-height: 1.2; }

.events #LobbyModule .grid-content-section.second-grid .grid-boxes > div:nth-child(3) { font-size: 100%; }

@media(max-width: 1024px) and (min-width: 768px) {
    .events .grid-rows .grid-row { padding: 0px 60px 40px; display: flex; flex-direction: column; align-items: center; }

    .events .grid-rows .grid-row .grid-row-cell.flexslider-box img { width: 100%; }

    .events .grid-rows .grid-row .grid-row-cell.flexslider-box { width: 100%; }
    .events .grid-row-section .grid-rows .grid-row-cell-text { padding: 0 35px; transform: translateY(-50px); z-index: 5; margin-top: -10px !important; width: 100%; }
    .events .grid-row-section .grid-rows .grid-row-cell-text .grid-row-text { position: relative; right: 0; bottom: 0; left: unset; padding: 20px 25px 20px; max-width: 400px; }
    .events .grid-row-section .grid-rows .grid-row-cell-text .grid-row-text p { font-size: 80%; }
    .events .grid-rows .grid-row-text h2 { font-size: 100%; }
}

@media(max-width: 767px) {
    .events .grid-row-section { margin: 0 0 20px; }
    .events #lobbyview { margin: 0px; padding: 0 35px; }
    .info_grid { margin-top: 50px; }
    .events .grid-rows .grid-row .grid-row-cell.flexslider-box { padding: 0 15px; width: 100%; }
    .events .grid-row-section .grid-rows .grid-row-cell-text { padding: 0 35px; transform: translateY(-50px); z-index: 5; margin-top: -10px !important; }
    .events .grid-row-section .grid-rows .grid-row-cell-text .grid-row-text { position: relative; right: 0; bottom: 0; left: unset; padding: 10px 25px 20px; width: 100%; }
    .events .grid-row-section .grid-rows .grid-row-cell-text .grid-row-text p { font-size: 80%; }
    .events .grid-rows .grid-row { padding: 0; }
    .events .grid-rows .grid-row-text h2 { font-size: 100%; }
    .events .grid-form-section { padding: 0; }

    .events .form-container-wide #DynamicFormObject .dynamicFormEndText { right: 20px; width: 100%; font-size: 60%; }
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 149%; }
    .events .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField:nth-child(5),
    .events .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField:nth-child(6),
    .events .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField.selectBox-6 + .dynamicFormObjectField { width: 100%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField input, .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField textarea, .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField select { height: 36px; padding: 6px 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit input { width: 155px; }
}

/* Footer */
footer { padding: 0; }
#SiteFooter { padding: 0; position: relative; color: #fff; }
.home-page #SiteFooter { padding-top: 20px; }
#SiteFooter .footer-text-divided { display: flex; padding: 50px 120px 70px; position: relative; align-items: center; background: #201c1a; }
#SiteFooter .footer-text-divided .footer-text-left img { max-width: 132px; }
#SiteFooter .footer-text-divided .footer-text-middle { display: flex; padding: 0; justify-content: center; }
#SiteFooter .footer-text-divided .footer-text-middle ul { list-style: none; margin-bottom: 0; text-align: right; }
#SiteFooter .footer-text-divided .footer-text-middle ul:first-child { padding-right: 0; }
#SiteFooter .footer-text-divided .footer-text-middle ul li { font-size: 75%; }
#SiteFooter .footer-text-divided .footer-text-middle ul li:not(:last-child) { padding-bottom: 15px; }
#SiteFooter .footer-text-divided .footer-text-right { display: flex; flex-direction: column; padding: 0; align-items: flex-start; }
#SiteFooter .footer-text-divided .footer-text-right p { font-size: 80%; padding: 10px 0; display: flex; align-items: flex-start; }
#SiteFooter .footer-text-divided .footer-text-right p a { margin: 0; position: relative; display: inline-flex; transition: 0.3s all; }
#SiteFooter .footer-text-divided .footer-text-right p a:hover { color: var(--pink); }

@media(max-width: 1024px) {
    #SiteFooter .footer-text-divided { padding: 45px 30px; display: flex; justify-content: center; }
}

@media(max-width: 1024px) and (min-width: 768px) {
    .footer-text-divided > div.footer-text-left { display: flex; justify-content: flex-start; }
    #SiteFooter .footer-text-divided .footer-text-middle { width: 42%; }
}

@media(max-width: 767px) {
    #SiteFooter .footer-text-divided { padding: 55px 15px 40px; flex-direction: column; }
    #SiteFooter .footer-text-divided .footer-text-left, .footer-text-divided > div.footer-text-right { display: flex; margin-right: unset; justify-content: center; }
    #SiteFooter .footer-text-divided .footer-text-right { order: 3; align-items: center; }
    #SiteFooter .footer-text-divided .footer-text-left { order: 1; padding: 0 0 90px; }
    #SiteFooter .footer-text-divided .footer-text-middle { order: 2; width: 100%; margin-bottom: 60px; }
    #SiteFooter .footer-text-divided .footer-text-rmiddle ul li { font-size: 75%; }
    a.AccessabilityLink { margin: 0; font-size: 80%; }
    #SiteFooter .site-credit.alternative svg { height: 20px; }

    .site-credit.alternative.row .text-center { display: flex; justify-content: space-around; align-items: center; }
}

@media(max-width: 1440px) and (min-width: 1024px) {
    p { font-size: 93% !important; }
    #LobbyModule .colored-section .grid-boxes .grid-box-text { bottom: -65px; }
}

/* UnZoom */
@media (min-width: 768px) {
    .hero-gallery, .hero-gallery .slides, .hero-gallery.grid-row-section .grid-rows .grid-row .box-image-animation img { height: calc(var(--vh) - 90px) !important; background-attachment: unset; }
    body.macOs.safariBrowser .hero-gallery, body.macOs.safariBrowser .hero-gallery .slides,
    body.macOs.safariBrowser .hero-gallery.grid-row-section .grid-rows .grid-row .box-image-animation img { height: calc((var(--vh) * 0.8) - 90px) !important; }
    body.macOs .section-animation-item { opacity: 1 !important; margin-top: 0 !important; }
}

@media (max-width: 767px) {
    .hero-gallery, .hero-gallery .slides, .hero-gallery.grid-row-section .grid-rows .grid-row .box-image-animation img { height: calc(var(--vh) - 90px) !important; }
}