/* tel itzhak */

:root { --gap-2: 0.104vw; --gap-4: 0.208vw; --gap-6: 0.313vw; --gap-8: 0.417vw; --gap-10: 0.521vw; --gap-12: 0.625vw; --gap-14: 0.729vw; --gap-16: 0.833vw; --gap-18: 0.938vw; --gap-20: 1.042vw; --gap-24: 1.25vw; --gap-28: 1.458vw; --gap-30: 1.563vw; --gap-32: 1.667vw; --gap-36: 1.875vw; --gap-40: 2.083vw; --gap-48: 2.5vw; --gap-52: 2.708vw; --gap-56: 2.917vw; --gap-60: 3.125vw; --gap-64: 3.333vw; --gap-72: 3.75vw; --gap-80: 4.17vw; --gap-90: 4.688vw; --gap-96: 5vw; --gap-100: 5.208vw; --gap-120: 6.25vw; --gap-140: 7.292vw; --gap-160: 8.333vw; --gap-180: 9.375vw; --gap-200: 10.417vw; --gap-240: 12.5vw; --fs-12: 0.625vw; --fs-14: 0.729vw; --fs-15: 0.781vw; --fs-16: 0.833vw; --fs-17: 0.885vw; --fs-18: 0.938vw; --fs-20: 1.042vw; --fs-24: 1.25vw; --fs-28: 1.458vw; --fs-32: 1.667vw; --fs-48: 2.5vw; --fs-56: 2.917vw; --fs-60: 3.125vw; --fs-64: 3.333vw; --fs-82: 4.271vw; --fs-88: 4.583vw; --fs-90: 4.688vw; --fs-96: 5vw; --brown: #171717; --green: #90ab90; --beige: #f5f5e7; --white: #fff; --font-1: 'NotoSansHebrew-Light', Arial; --font-2: 'font37-regular'; --font-3: 'NotoSansHebrew-Bold'; }

/*------------------------------------------/*
 GENERAL
/*------------------------------------------*/
html { font-size: 62.5%; overflow-x: clip; }
body { background: var(--white); transition: 0.3s opacity ease; font-family: var(--font-1) !important; line-height: 1; font-size: 2rem; zoom: 1 !important; position: relative; }
body:has(#SiteContainer.shown) { opacity: 1; }
body, body.modal-open { padding: 0 !important; overflow: clip !important; }
.modal { z-index: 10000; }
.modal-backdrop.in { opacity: 0.5; }
.gallery-cubes-modal { padding: 0 !important; }
.gallery-cubes-modal .flexslider .slides { display: flex; align-items: center; flex-wrap: wrap; }
.gallery-cubes-modal .flexslider .flex-direction-nav li a { outline: unset; }
.gallery-cubes-modal .flexslider a.flex-next:before,
.gallery-cubes-modal .flexslider a.flex-prev:before { font-size: 250%; }
h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2,
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle,
#pageview :is(#text1, #text2) > h2, #headline h1 { position: relative; display: inline-block; max-width: 100%; width: 100%; font-family: var(--font-2); color: var(--brown); line-height: 1; }
.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) { font-size: clamp(16px, var(--fs-18), 1000rem); position: relative; line-height: 1.5; color: var(--brown); letter-spacing: 0.34px; font-family: var(--font-1); }
.section-title, .grid-text-section .section-title { margin: 0; }
#SiteContainer { position: relative; }
body:not(.home-page) #SiteGrid { overflow-x: clip; }
#SiteGridContainer { /* position: sticky; */ /* top: 0; */ }
#GridWrapInner { max-width: var(--app-width); display: flex; flex-direction: column; }
#allSectionsWrapper { z-index: 1; }
.sections .section, section.section { margin-bottom: 0; background: transparent; padding: 0; max-width: var(--app-width); width: 100%; }
.grid-rows .grid-row { background: inherit; }
.grid-row li.slider-item, .grid-boxes .grid-box-image { padding-bottom: 0; overflow: hidden; }
.grid-boxes .grid-box-image-container, .grid-row .grid-row-image-container,
.grid-short-box-image .image-container { position: relative; height: 100%; }
.grid-text.gridHasVideo .grid-iframe-holder { padding: 0; display: flex; overflow: hidden; }
.grid-boxes { display: flex; margin: 0; width: 100%; }
.grid-boxes .grid-box { margin: 0; padding: 0; }
.grid-boxes .grid-box .grid-box-image, #lobbyview .grid-boxes .grid-box-image, :is(div, #LobbyModule) .grid-boxes .grid-box-image { margin: 0; }
.grid-boxes .grid-box-title h3 a { color: inherit; outline: none !important; font-family: 'font37-regular'; font-size: clamp(56px,var(--fs-56),300px); line-height: 0.9; margin: 0; }
#lobbyview .grid-boxes, #LobbyModule .grid-boxes { max-width: unset; padding: 0; margin: 0; }
#LobbyModule .grid-box { opacity: inherit; font-size: 2rem; margin: 0; }
#text1 p:last-child { margin: 0; }
#GridPage { padding: 0; }
#main-header .max-width, #GridPage .max-width, .blog-grid #GridPage .max-width,
.max-width, .lobby-grid #GridPage .max-width { width: 100%; padding: 0; max-width: 100%; margin: 0; }
.grid-text-content, .grid-text .grid-text-content { opacity: initial; margin: 0; width: 100%; padding: 0; }
.grid-text p { margin-top: 0; }
b, strong { font-weight: unset; font-family: var(--font-3); }
li::marker { color: var(--brown); }
a:hover, a:focus { color: inherit; }
.container-fluid { padding: 0; }
.gallery-container { width: 100%; }
.gallery-cubes { display: flex; }
.box-image-animation { outline: unset !important; }
.box-image-animation:hover img { /* transform: none !important; */ }
.box-image-animation img { object-fit: cover; /* border-radius: 5px 5px 0 0; */ }
#GridPromo { width: 100%; margin: 0; padding: 0; }
#CatalogModule { padding: 0; }
.itemContentWrapper { margin: 0; }
.catalogContainer.container { width: 100%; padding: 0; margin: 0; }
.row { margin: 0; }
#GridTop.noTopImage, .slick-track::before, .slick-track::after, .grid-boxes::before, .grid-boxes::after,
.grid-rows::before, .grid-rows .grid-row::after, #gridshort-view > div::before, #gridshort-view > div::after,
.gallery-cubes::before, .gallery-cubes::after, .row::before, .row::after, .clearfix:before,
.clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before,
.container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after,
.form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after,
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before,
.navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after,
.pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after,
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before,
.container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before,
.btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before,
.navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after,
.panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, .clearfix { display: none !important; }
.grid-iframe-holder iframe { height: auto; aspect-ratio: 1; }
.player .vp-video-wrapper object, .player .vp-video-wrapper video { object-fit: cover; }
.player.hide-controls-mode { max-width: 100% !important; height: 100% !important; }
#home-gallery .scroll-down { display: none; }
.owl-carousel .owl-item .item { padding: 0; }
body:is(.business, .bakery, .marina) #headline { display: none; }
:is(#lobbyview, #pageview) #headline h1 { font-size: clamp(64px, var(--fs-88), 1000rem); letter-spacing: -0.64px; line-height: 0.8; }
#allSectionsWrapper :is(.section-title, .grid-rows .grid-row-text ) h2 { font-family: var(--font-2); font-size: clamp(64px, var(--fs-88), 1000rem); letter-spacing: -4.76px; line-height: 0.85; /* margin-bottom: var(--gap-32); */ }
.section-animation-item { opacity: 1; margin-top: 0; }
.grid-boxes .grid-box-subtitle a { font-family: var(--font-1); /* font-weight: 600; */ font-size: clamp(18px,var(--fs-18),300px); color: var(--white); }
#lobbyview #headline { display: none; }
.grid-boxes .box-image-animation img { border-radius: 5px 5px 0 0; }
.grid-text .sec-button, .grid-rows .grid-row-text a.grid-row-button { background: var(--green); min-width: var(--gap-120); min-height: var(--gap-48); display: flex; width: fit-content; align-items: center; justify-content: center; font-size: clamp(18px,var(--fs-18),300px); border-radius: 3px; margin-inline: auto; color: white; border: none; transition: 0.3s ease all; }
.grid-text .sec-button:focus { outline: none; }

#GridTop { height: 100vh; }
#GridTop .top-caption { display: flex; flex-direction: column; align-items: center; top: 50%; }
#GridTop .top-caption .banner-text { margin-top: var(--gap-32); }
#GridTop .top-caption .banner-text .grid-text { }
#GridTop .top-caption .banner-text .grid-text p { font-size: clamp(20px,var(--fs-20),300px); color: white; font-family: var(--font-3); width: 70%; margin-inline: auto; }
#GridTop .top-caption .banner-text .grid-text a { background: white; color: var(--brown); font-family: var(--font-1); font-weight: 600; font-size: clamp(17px,var( --fs-16),300px); border-radius: 3px; padding-inline: var( --gap-32); padding-block: var( --gap-8); letter-spacing: 0.34px; min-width: var(--gap-140); min-height: var(--gap-40); display: flex; justify-content: center; width: fit-content; align-items: center; margin-top: var(--gap-40); }
#GridTop .top-caption img.bannerLogo { width: 38%; }
#GridTop #top-gallery { position: relative; }
#GridTop #top-gallery:after { content: ""; position: absolute; width: 100%; height: 100%; bottom: 0; background: black; z-index: 2; opacity: 0.3; }



@media(min-width: 1025px) {
}

@media(max-width: 1024px) {
    :root { --gap-2: 2px; --gap-4: 4px; --gap-6: 6px; --gap-8: 8px; --gap-10: 10px; --gap-12: 12px; --gap-14: 14px; --gap-16: 16px; --gap-18: 18px; --gap-20: 20px; --gap-24: 24px; --gap-28: 28px; --gap-30: 30px; --gap-32: 32px; --gap-36: 36px; --gap-40: 40px; --gap-48: 48px; --gap-52: 52px; --gap-56: 56px; --gap-60: 60px; --gap-64: 64px; --gap-72: 72px; --gap-80: 80px; --gap-90: 90px; --gap-96: 96px; --gap-100: 100px; --gap-120: 120px; --gap-140: 140px; --gap-160: 160px; --gap-180: 180px; --gap-200: 200px; --gap-240: 240px; --fs-12: 12px; --fs-14: 14px; --fs-15: 15px; --fs-16: 16px; --fs-18: 18px; --fs-20: 20px; --fs-24: 24px; --fs-28: 28px; --fs-32: 32px; --fs-36: 36px; --fs-40: 40px; --fs-44: 44px; --fs-48: 48px; --fs-60: 60px; --fs-64: 64px; --fs-88: 88px; --fs-90: 90px; }
    :is(#lobbyview, #pageview) .section-title h2 { font-size: var(--fs-48); }
    .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) { font-size: var(--fs-15); line-height: 1.5; letter-spacing: 0.3px; }
    #GridTop:after { content: ""; width: 100%; height: 100%; display: block; background: black; opacity: 0.3; }
    .grid-boxes .box-image-animation img { border-radius: 5px; }
}

/*------------------------------------------/*
 HEADER
/*------------------------------------------*/
#main-header .header-container { padding-block: var(--gap-24); padding-inline: var(--gap-40); color: white; /* background: white; */ /* border-bottom: 1px solid; */ box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12); }
#main-header .header-container .header-left { position: absolute; left: 50%; transform: translateX(-50%); z-index: 3; }
#main-header .header-container .header-left a.logoHeader { /* filter: invert(1); */ }
#main-header .header-container .header-right { }
#main-header .header-container .header-right .header-right-content { }
#main-header .header-container .header-right .header-right-content .header-social-icons { gap: var(--gap-16); flex-direction: row-reverse; }
#main-header .header-container .header-right .header-right-content .header-social-icons .phone-icon.mobileRef { display: block; }
#main-header .header-container .header-right .header-right-content .header-social-icons a { font-size: clamp(16px,var(--fs-16),300px); }
#main-header .header-container .header-right .header-right-content .header-social-icons a svg { fill: white; opacity: 0; }
#main-header .header-container .header-right .header-right-content .header-social-icons a.social_icon_instagram { background-image: url("https://media.getmood.io/warehouse/dynamic/644883.svg"); background-position: center; background-repeat: no-repeat; }
#main-header .header-container .header-right .header-right-content .header-social-icons a.facebook_icon_instagram { background-image: url("https://media.getmood.io/warehouse/dynamic/644882.svg"); background-position: center; background-repeat: no-repeat; }
#main-header .header-container .header-center { }
#main-header .header-container .header-center .header-buttons { display: flex; flex-direction: row-reverse; gap: var(--gap-40); font-size: clamp(17px,var(--fs-17),300px); }
#main-header:not(.bg) .header-container .header-left a.logoHeader { /* background-image: url("https://media.getmood.io/warehouse/dynamic/644458.svg"); */ background-position: center; background-size: contain; }
#main-header:not(.bg) .header-container .header-left a.logoHeader img { opacity: 1; }
#main-header:not(.bg) { background: none; }
#main-header.bg { background: white; }
#main-header.bg .header-container { color: var(--brown); border: none; }
#main-header.bg .header-container .header-right { z-index: 2; }
#main-header.bg .header-container .header-right .header-right-content { }
#main-header.bg .header-container .header-right .header-right-content .header-social-icons { }
#main-header.bg .header-container .header-right .header-right-content .header-social-icons a svg { fill: var(--brown); }
#main-header.bg .header-container .header-right .header-right-content .header-social-icons a.social_icon_instagram { background-image: url("https://media.getmood.io/warehouse/dynamic/644574.svg"); background-position: center; background-repeat: no-repeat; }
#main-header.bg .header-container .header-right .header-right-content .header-social-icons a.facebook_icon_instagram { background-image: url("https://media.getmood.io/warehouse/dynamic/644573.svg"); background-position: center; background-repeat: no-repeat; }
#main-header.bg .header-container .header-left a.logoHeader img { filter: invert(1); }

@media(min-width: 1025px) {
    #main-header .header-container .header-right ul#menu { display: none; }
    #main-header .header-container .header-right .header-right-content .header-social-icons a i.fa.fa-phone { display: none; }
    #main-header .header-container .header-center .header-buttons a:after { content: ""; width: 0; height: 1px; display: block; background: white; transition: 0.3s ease all; }
    #main-header .header-container .header-center .header-buttons a { display: flex; flex-direction: column; gap: 2px; }
    #main-header .header-container .header-center .header-buttons a:hover:after { width: 100%; }
    #main-header.bg .header-container .header-center .header-buttons a:after { background: var(--brown); }
}

@media(max-width: 1024px) {
    #main-header .header-container { padding-inline: 20px; position: relative; }
    #main-header .header-container .header-right { width: 100%; justify-content: space-between; }
    #main-header .header-container .header-right .header-right-content .header-social-icons a { /* transform: scale(-1); */ background-image: url("https://media.getmood.io/warehouse/dynamic/644886.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; }
    #main-header .header-container .header-right .header-right-content .header-social-icons a i.fa.fa-phone { opacity: 0; }
    #main-header .header-container .header-right .header-right-content .header-social-icons > *:not(.phone-icon) { display: none; }
    #main-header .header-container .header-right .menu-nav { }
    #main-header .header-container .header-right .menu-nav ul#menu { gap: var(--gap-16); padding-inline: var(--gap-40); padding-bottom: var(--gap-18); list-style: none; height: 100%; background: var(--beige); padding-top: 0; margin-top: 18%; padding: var(--gap-48) var(--gap-32); text-align: center; height: fit-content; flex-direction: column-reverse; }
    #main-header .header-container .header-right .menu-nav ul#menu a { color: var(--brown); }
    #main-header .header-container .header-right .menu-nav ul#menu li { }
    #main-header .header-container .header-right .menu-nav ul#menu li a { color: var(--brown); }
    #main-header .header-container .header-right .menu-nav ul#menu li.social-mobile {,margin-top:;,margin-top: initial;,margin-top: initial;,margin-top: a; margin-top: auto; padding-block: var(--gap-10); order: -1; }
    #main-header .header-container .header-right .header-right-content .header-social-icons { /* display: none; */ }
    #main-header .header-container .header-right .header-right-content .header-social-icons a { filter: invert(1); }
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { background: white; }
    #nav-toggle.active span { }
    #main-header .header-container .header-center { display: none; }
    .open #nav-toggle span:before, .open #nav-toggle span:after { background: var(--brown); }
    #main-header:not(.bg) .header-container { filter: invert(1); }
    #main-header:not(.bg) .header-container .header-left a.logoHeader { filter: invert(1); }
    #main-header .header-container .header-right .menu-nav ul#menu a { font-family: var(--font-2); font-size: 48px; letter-spacing: -2.96px; }
    /*    #main-header .header-container .header-right .menu-nav ul#menu li.social-mobile { display: none; }*/
}

/*------------------------------------------/*
 SECTIONS
/*------------------------------------------*/
#allSectionsWrapper .section.grid-row-section { }
#allSectionsWrapper .section.grid-row-section .grid-rows { }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row { display: flex; align-items: center; flex-direction: row-reverse; padding: var(--gap-20); gap: var(--gap-20); /* max-height: 42.188vw; */ }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.flexslider-box { display: inline-block !important; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.flexslider-box ul.slides { }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.flexslider-box ul.slides li.slider-item { }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.flexslider-box ul.slides li.slider-item .grid-row-image-container { }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.flexslider-box ul.slides li.slider-item .grid-row-image-container img { /* aspect-ratio: 1; */ height: 42.188vw; border-radius: 5px; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text { display: block !important; align-content: center; float: unset; background: var(--beige); height: 42.188vw; border-radius: 5px; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text { width: unset; /* height: unset; */ /* min-height: unset; */ /* height: unset; */ /* display: block; */ text-align: center; margin-inline: var(--gap-160); }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2 { margin-bottom: var(--gap-32); }

#allSectionsWrapper > .section.grid-text-section { padding-block: var(--gap-120) var(--gap-140); width: 36%; margin-inline: auto; }

#allSectionsWrapper > .section.grid-text-section:has(img) { width: 100%; }
#allSectionsWrapper > .section.grid-text-section:has(img) .gridTextWithImg { /* padding: var(--gap-120); */ }
#allSectionsWrapper > .section.grid-text-section:has(img) .gridTextWithImg .gridTextImgContainer { width: 16%; margin-inline: auto; margin-bottom: var(--gap-40); }
#allSectionsWrapper > .section.grid-text-section:has(img) .gridTextWithImg .grid-text-content { position: static; transform: unset; width: 41%; margin-inline: auto; }
#allSectionsWrapper > .section.grid-text-section:has(img) .section-title { margin-bottom: var(--gap-32); }
#allSectionsWrapper > .section.grid-text-section:has(img) .gridTextWithImg .grid-text-content a.sec-button { margin-block: var(--gap-40); }

#allSectionsWrapper > .section.grid-text-section.big-text { width: 70%; }

#allSectionsWrapper > .section.grid-content-section { }
#allSectionsWrapper > .section.grid-content-section .grid-boxes { justify-content: center; padding: var(--gap-20); gap: var(--gap-20); }
body:not(.intro) #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box { flex: 1; }
.intro #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box { width: 50%; border-radius: 0; transition: 0.3s ease all; }
#allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box .text-container { background: var(--green); color: var(--white); padding-top: var(--gap-32); border-radius: 0 0 5px 5px; transition: 0.3s ease all; display: flex; flex-direction: column; /* min-height: 334px; */ }
#allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box .text-container .grid-box-title { /* margin-top: var(--gap-32); */ }
#allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box .text-container .grid-box-fulltext { margin-block: var(--gap-16) var(--gap-32); }
#allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box .text-container .grid-box-fulltext p { color: white; }
#allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box .text-container .grid-box-subtitle.button { padding-block: var(--gap-18); border-top: 1px solid var(--white); margin-top: auto; }
#allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box .grid-box-image img { transform: unset; }
body:not(.intro) #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box .text-container { min-height: 334px; }
body:not(.intro) #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box:hover .grid-box-image img { transform: scale(1.1); transition: 0.3s ease all; }
#allSectionsWrapper > .section.grid-gallery-section { padding-block: var(--gap-120); background: var(--beige); }
#allSectionsWrapper > .section.grid-gallery-section .section-title { margin-bottom: var(--gap-56); }
#allSectionsWrapper > .section.grid-gallery-section .gallery-container { }
#allSectionsWrapper > .section.grid-gallery-section .gallery-container .gallery-cubes { flex-wrap: wrap; gap: var(--gap-20); padding-inline: var(--gap-20); justify-content: center; }
#allSectionsWrapper > .section.grid-gallery-section .gallery-container .gallery-cubes > * { width: 24%; transition: ease 0.3s all; }
#allSectionsWrapper > .section.grid-gallery-section .gallery-container .gallery-cubes > * .boxes-images-outer-image { padding: 0; height: auto; aspect-ratio: 1; transition: 0.3s ease all; /* transform: unset; */ /* pointer-events: none; */ }
#allSectionsWrapper > .section.grid-gallery-section .gallery-container .gallery-cubes > * .image-link-container { opacity: 0; }

#allSectionsWrapper .section.grid-form-section { }
#allSectionsWrapper .section.grid-form-section .form-container-wide { outline: none; }
#allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject.normal-form { border: none; display: flex; flex-direction: column; justify-content: center; align-items: center; }
#allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject.normal-form .dynamicFormObjectTitleAndText { width: fit-content; padding: 0; }
#allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject.normal-form .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: clamp(64px, var(--fs-88), 1000rem); }
#allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject.normal-form .dynamicFormObjectFields { }
#allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject.normal-form::after { display: none; }
#allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject.normal-form .dynamicFormObjectFields form { }
#allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject.normal-form .dynamicFormObjectFields form fieldset { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; gap: var(--gap-18); }
#allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject.normal-form .dynamicFormObjectFields form fieldset .dynamicFormObjectField { padding: 0; }
#allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject.normal-form .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { padding: 0; }
#allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject.normal-form .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit input { margin: 0; background: var(--green); min-width: var(--gap-200); min-height: var(--gap-48); display: flex; width: fit-content; align-items: center; justify-content: center; font-size: clamp(18px, var(--fs-18), 300px); border-radius: 3px; margin-inline: auto; color: white; border: none; transition: 0.3s ease all; }
#allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject.normal-form .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper { }
#allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject.normal-form .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper input { margin: 0; border-radius: 0; font-size: clamp(16px, var(--fs-18), 1000rem); }
#allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject.normal-form .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper::before { right: 6px; }
#allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject.normal-form .dynamicFormObjectFields form fieldset .dynamicFormObjectField .select-wrapper { }
#allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject.normal-form .dynamicFormObjectFields form fieldset .dynamicFormObjectField .select-wrapper select { border-radius: 0; margin: 0; font-size: clamp(16px, var(--fs-18), 1000rem); padding-right: 15px; }
#allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject.normal-form .dynamicFormObjectFields form fieldset .dynamicFormObjectField .select-wrapper::before { right: 6px; }
#allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject.normal-form .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit input:hover { background: #769c76; }
#allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject.normal-form .dynamicFormObjectFields .top-form { font-size: unset; font-family: var(--font-1); margin: 0; padding-block: var(--gap-4) var(--gap-12); }

@media(min-width: 1025px) {
    .grid-text .sec-button:hover, .grid-rows .grid-row-text a.grid-row-button:hover { background: #769c76; }
    #GridTop .top-caption .banner-text .grid-text a:hover { background: #e6e6e6; }

    #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box:hover .text-container { background: #769C76; }
    #allSectionsWrapper > .section.grid-gallery-section .gallery-container .gallery-cubes > *:hover .boxes-images-outer-image { border: 1px solid #769c76; }
}

@media(max-width: 1024px) {
    #GridTop .top-caption .banner-text .grid-text p { font-size: 15px; width: 100%; }
    #GridTop .top-caption .banner-text .grid-text a { min-width: var(--gap-120); }
    .grid-text .sec-button, .grid-rows .grid-row-text a.grid-row-button { margin-top: var(--gap-24); }
    .grid-boxes .grid-box-title h3 a { font-size: 32px; }

    #allSectionsWrapper :is(.section-title, .grid-rows .grid-row-text ) h2 { font-size: 48px; letter-spacing: -3.96px; }

    #allSectionsWrapper > .section.grid-text-section { padding: var(--gap-48) var(--gap-32); width: 100%; }

    #allSectionsWrapper > .section.grid-text-section:has(img) .section-title { margin-bottom: var(--gap-18); }
    #allSectionsWrapper > .section.grid-text-section:has(img) .gridTextWithImg .grid-text-content { width: 100%; }
    #allSectionsWrapper > .section.grid-text-section:has(img) .gridTextWithImg .grid-text-content a.sec-button { margin: unset; margin-top: var(--gap-24); margin-inline: auto; }
    #allSectionsWrapper > .section.grid-text-section:has(img) .gridTextWithImg .gridTextImgContainer { width: 59%; margin-bottom: var(--gap-24); }

    #allSectionsWrapper > .section.grid-text-section.big-text { width: 100%; }

    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.flexslider-box ul.slides li.slider-item .grid-row-image-container img { height: unset; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row { display: flex !important; flex-direction: column; padding: var(--gap-12); }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text { margin: unset; padding: var(--gap-48) var(--gap-32); }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text { height: unset; }

    #allSectionsWrapper > .section.grid-content-section .grid-boxes { flex-direction: column; gap: var(--gap-12); }
    #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box .text-container .grid-box-title { margin: 0; }
    #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box .text-container .grid-box-title h3 { margin: 0; }
    #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box .text-container > * { padding-inline: var(--gap-32); }
    #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box .text-container { min-height: unset; background: #769C76; }
    #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box .text-container .grid-box-fulltext { margin-block: 3px 32px; }
    #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box .text-container .grid-box-fulltext p { line-height: 1.5; }
    #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box .text-container .grid-box-fulltext p:has(a) { display: flex; flex-direction: column; margin-top: var(--gap-12); }

    #allSectionsWrapper > .section.grid-gallery-section { padding-block: var(--gap-48); }
    #allSectionsWrapper > .section.grid-gallery-section .gallery-container .gallery-cubes { flex-wrap: nowrap; justify-content: flex-start; padding-inline: 12px; gap: 12px; overflow: auto; }
    #allSectionsWrapper > .section.grid-gallery-section .gallery-container .gallery-cubes > * { width: unset; min-width: 256px; }
}
/**/

/*------------------------------------------/*
 FOOTER
/*------------------------------------------*/
footer { padding: 0; }
#SiteFooter { float: unset; }
#SiteFooter .footer-text-divided { padding: var(--gap-64) var(--gap-40); border-top: 1px solid; }
#SiteFooter .footer-text-divided .footer-text-right p { font-size: clamp(17px,var(--fs-17),300px); color: var(--brown); display: inline; }
#SiteFooter .site-credit.alternative.row { padding: 0; }
#SiteFooter .site-credit.alternative.row .col-xs-12.text-center { float: unset; }

@media(min-width: 1025px) {
    .footer-text-divided > div.footer-text-right div { display: inline-flex; }
}

@media(max-width: 1024px) {
    #SiteFooter { padding: 0; }
    #SiteFooter .footer-text-divided { padding: 0; display: flex; flex-direction: column-reverse; align-items: center; padding: var(--gap-48) var(--gap-40); }
    #SiteFooter .footer-text-divided .footer-text-right { display: block; width: 100%; }
    #SiteFooter .footer-text-divided .footer-text-right > div { display: flex; justify-content: center; gap: 15px; margin-bottom: 32px; }
    #SiteFooter .footer-text-divided .footer-text-right p { text-align: center; line-height: 1.5; letter-spacing: 0.34px; display: block; }
    #SiteFooter .footer-text-divided .footer-text-left { display: block; }
    #SiteFooter .footer-text-divided .footer-text-left { width: 100%; padding-inline: revert-layer; margin-bottom: var(--gap-32); }
    #SiteFooter .footer-text-divided .footer-text-left p { display: flex; align-items: center; justify-content: center; }
    #SiteFooter .footer-text-divided .footer-text-left p img { }
    #SiteFooter .site-credit.alternative svg { fill: white; }
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { background: var(--brown); }
    .bg .open #nav-toggle span { background: white; }
}

/*------------------------------------------/*
 PAGES
/*------------------------------------------*/

/*--------------------/*
 INTRO
/*--------------------*/
html:has(.intro) { height: 100%; }
.intro header { display: none; }
.intro #allSectionsWrapper { /* padding: var(--gap-48) var(--gap-72); */ background: black; height: 100vh; }
.intro #allSectionsWrapper > .section.grid-content-section { height: 100%; border-radius: 20px; }
.intro #allSectionsWrapper > .section.grid-content-section .grid-boxes { height: 100%; position: relative; /* bottom: 0; */ background: white; padding: var(--gap-8); gap: var(--gap-8); }
.intro #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box { position: relative; cursor: pointer; }
.intro #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box:first-child { width: 50%; }
.intro #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box img { aspect-ratio: 1; height: 100%; border-radius: 0; }
.intro #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box .grid-box-image { height: 100%; z-index: 1; }
.intro #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box .grid-box-image a.box-image-animation { position: relative; }
.intro #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box .grid-box-image a.box-image-animation:after { content: ""; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 2; background: black; opacity: 0.2; }
.intro #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box .text-container { /* display: none; */ position: absolute; top: 65%; left: 50%; transform: translate(-50%, -50%); background: none; padding: 0; border: 1px solid; border-radius: 3px; }
.intro #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box:first-child:after { content: url("https://media.getmood.io/warehouse/dynamic/644865.svg"); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.intro #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box:last-child { }
.intro #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box:last-child:after { content: url("https://media.getmood.io/warehouse/dynamic/644864.svg"); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.intro #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box .text-container .grid-box-subtitle.button { padding-block: var(--gap-12) var(--gap-18); padding-inline: var(--gap-32); }

@media(min-width: 1025px) {
    body.intro { height: 100%; }
    .intro #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box:hover { width: 70%; }
    .intro #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box .grid-box-image { z-index: -1; }
}

@media(max-width: 1024px) {
    .intro #allSectionsWrapper { padding: 0; }
    .intro #allSectionsWrapper > .section.grid-content-section .grid-boxes { padding: 4px; gap: 4px; }
    .intro #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box { width: 100%; }
    .intro #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box:first-child { width: 100%; }
    .intro #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box:first-child:after { content: ""; background-image: url("https://media.getmood.io/warehouse/dynamic/644865.svg"); width: 50%; height: 50%; top: 40%; background-position: center; background-repeat: no-repeat; background-size: contain; }
    .intro #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box:last-child:after { content: ""; background-image: url("https://media.getmood.io/warehouse/dynamic/644864.svg"); width: 50%; height: 50%; background-position: center; background-repeat: no-repeat; background-size: contain; top: 40%; }
    .intro #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box .text-container { top: 65%; z-index: 2; }
    .intro #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box .text-container .grid-box-subtitle.button { padding-block: 5px 10px; padding-inline: 25px; }
    .intro #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box .text-container .grid-box-subtitle.button a { font-size: 16px; }
    .intro #allSectionsWrapper > .section.grid-content-section .grid-boxes .grid-box:after { z-index: 1; }
}
/**/

/*----------------------/*
  BAKERY
/*----------------------*/
body:not(.intro) .grid-boxes .grid-box-subtitle a { display: flex; justify-content: center; gap: var(--gap-12); }
body:not(.intro) .grid-boxes .grid-box-subtitle a:after { content: url("https://media.getmood.io/warehouse/dynamic/644589.png"); }