/*DelMar Rest*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@200;400;700&display=swap');

:root { --red: #831F05; --dark-olivre: #323121; --green: #00544d; --brown: #deac6c; --beige: #f4f2ed; --regular: 400; --bold: 700; --light: 200; }
body { font-size: 20px; font-family: 'Noto Sans Hebrew', sans-serif !important; }
h1 { font-weight: var(--bold); }

.grid-short-box.box { height: auto; min-height: 100%; padding: 0.833vw; }
#ContentGridReadMoreModule .grid-short-box.box a { position: static; }
#ContentGridReadMoreModule .grid-short-box.box a .text-caption { position: static; transform: unset; width: 100%; }
#ContentRegularModule #headline h1 { text-align: center; }
/*Header*/
.home-page #header:not(.bg), .home-page #header.bg, #header.bg { background: white; box-shadow: 0 0 20px 0 rgb(0 0 0 / 16%); }
#header #header-left { flex-direction: row-reverse; align-items: baseline; }
#header-left a { padding-bottom: 1px; }
#header-left .address { color: var(--green); line-height: 1; display: inline-flex; align-items: flex-end; font-size: 80%; }
#header-left .address::after { content: ''; display: inline-flex; width: 1px; height: 15px; margin: 0 12px; background: #00544d; opacity: 0.5; line-height: 1; }
#header-left .address span { display: inline-flex; }

#header #header-center-kdm { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); }
#header #header-center-kdm a { font-size: 75%; color: black; }
#header #header-center-kdm a::before { display: unset; width: 128px; background: transparent; border: 1px solid var(--red); height: 43px; padding: 0 25px; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 25px; }
#header #header-center-kdm a:hover { color: #fff; }
#header #header-center-kdm a:hover:before { background: var(--red); border-color: transparent; width: 128px; }

#header .social-links a:hover svg { fill: var(--red); }
#header .social-links a.social_icon_tripadvisor svg { max-width: 30px; max-height: 20px; width: 44px; height: 44px; }
#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before,
#nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background: black; }

#header .submenu { background: black; min-height: 100vh; top: 66px !important; transform: translateX(100%); clip: unset !important; transition: all 0.3s ease; height: 100vw; bottom: 0; }
#header.menu-open .submenu, #header.subopen .submenu { transform: translateX(0); }
#header .submenu li > a { color: #fff; font-size: 80%; font-weight: var(--light); position: relative; }
#header .submenu > li:focus > a, #header .submenu > li:hover > a, #header .submenu > li.active, #header .submenu > li.active > a,
#header .submenu .menu-sub li:hover a, #header .submenu .menu-sub li.active > a, #header .submenu li > a:focus { color: #fff; background: transparent; font-weight: var(--regular); font-family: 'Noto Sans Hebrew'; }
#header .submenu li > a::before { content: ""; width: 0; height: 2px; position: absolute; bottom: 0; right: 24px; background: var(--brown); transition: width 0.25s linear; }
#header .submenu li > a:hover:before { width: 50px; display: block !important; }

#header .submenu .menu-sub li a { font-size: 80%; }
.has-sub i.opensub { font-size: 100%; color: #fff; }
#header .submenu > li.active i { color: var(--brown); }
#header .submenu .menu-sub li > a::before { right: 44px; }
#header .submenu .menu-sub li a::before { width: 0; }
#header .submenu .menu-sub li a:hover:before { width: 50px; }

#header .languages { font-size: 100%; }
#header .languages a.lang { color: var(--green); text-decoration: underline; }

@media(max-width: 767px) {
    .grid-short-box.box .grid-short-box-subtitle { font-size: 17px; }
    .grid-short-box.box .grid-short-box-text { font-size: 18px; }
    #gridshort-view-media .grid-short-box-label { min-height: 100px; font-size: 18px; }
    #ContentGridReadMoreModule .grid-short-box.box { padding: 0; }
    #gridshort-view-media > * { width: 47%; display: block; padding: 0 !important; }
    #gridshort-view-media { gap: 10px; justify-content: center; }
    #ContentGridReadMoreModule .grid-short-box.box a .text-caption { padding: 15px; }

    #header #header-left { width: 64px; }
    #header #header-left a { width: 100%; }
    #header #header-left img, #header.bg #header-left img { max-width: 100%; width: 100%; }

    #header #header-center-kdm { z-index: 0; }
    #header #header-center-kdm a { font-size: 85% !important; }
    #header #header-center-kdm a::before { height: 38px; width: 100px; }

    #header:not(.menu-open):not(.subopen) .submenu, #header .submenu { top: 64px !important; padding-top: 40px !important; padding-right: 15px; }
    #header .submenu li > a { font-size: 0.85rem; }
    #header .submenu li.social-mobile { bottom: 100px; }
    #header .social-links a svg { fill: #fff; }
    #header .submenu li > a::before { right: 0; bottom: -7px; }
}
/*HomePage Generals*/
.section-title h1, .section-title h2, .grid-rows .grid-row-text h2, #headline, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, #contactform h3 { color: #000; font-size: 250%; margin-bottom: 56px; font-family: inherit; font-weight: var(--bold); }
section.grid-row-section, .grid-gallery-section, .sections .grid-content-section { max-width: 1440px; padding: 0; margin: 0 auto; }
.section:not(.marqueeSec) p { font-size: 0.7rem; }

.grid-text a.sec-button, .grid-rows .grid-row-text a.grid-row-button, .grid-gallery-section a.sec-button { background: var(--red); color: #fff; height: 45px; font-size: 0.75rem; border-radius: 50px; border-color: transparent; display: inline-flex; align-items: center; padding-right: 32px; padding-left: 32px; }
.grid-text a.sec-button::after, .grid-rows .grid-row-text a.grid-row-button::after, .grid-gallery-section a.sec-button::after { /* content: ''; */ display: inline-flex; width: 24px; height: 12px; background-image: url('/warehouse/dynamic/345557.svg'); background-size: cover; background-repeat: no-repeat; margin-right: 7px; transition: all 0.25s ease-in-out; }
.grid-text a.sec-button:hover, .grid-rows .grid-row-text a.grid-row-button:hover, .grid-gallery-section a.sec-button:hover { background: #000; color: #fff; border-color: transparent; }
.grid-text a.sec-button:hover:after, .grid-rows .grid-row-text a.grid-row-button:hover:after, .grid-gallery-section a.sec-button:hover:after { transform: translateX(-10px); }

.grid-text h2, .grid-rows .grid-row-text h3, .grid-gallery-section h3, #subheadline h2, #text1 h2, #text2 h2,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form, .galleryPage #text1 h2,
.galleryPage #text1 h2, #contactDetails .contactDetailsText1 h2 { font-size: 0.9rem; color: var(--red); width: fit-content; display: inline-flex; align-items: center; gap: 8px; font-weight: 800; }
.grid-text h2::before, .grid-text h2::after, .grid-rows .grid-row-text h3::before, .grid-gallery-section h3::before,
.grid-gallery-section h3::after, #subheadline h2::before, #text1 h2::before, #text2 h2::before,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form::after, .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form::before,
.galleryPage #text1 h2::before, .galleryPage #text1 h2::after, #contactDetails .contactDetailsText1 h2::before, #contactDetails .contactDetailsText1 h2::after { content: ''; display: inline-flex; width: 28px; height: 1.4px; background: var(--brown); }

.section-title { margin-bottom: 40px; }

@media(max-width: 767px) {
    .section-title { margin-bottom: 30px; }
    .section-title h1, .section-title h2, .grid-rows .grid-row-text h2, #headline, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, #contactform h3 { font-size: 2rem; }
}

/*Slider*/
#home-gallery .gallery-logo { width: 100%; }
#home-gallery .gallery-caption { top: 35%; z-index: 3; }
#home-gallery::before { content: ''; position: absolute; inset: 0; background: #000; z-index: 3; opacity: 0.2; }

@media(max-width: 767px) {
    #home-gallery::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; z-index: 2; }
    #home-gallery .gallery-caption { z-index: 3; width: 80%; }
}

/*aboutSec*/
.section.grid-text-section:not(.marqueeSec) { padding: 90px 0; }

@media(max-width: 767px) {
    .section.grid-text-section:not(.marqueeSec) { margin-bottom: 0; }
}
/*BoxesSec*/
.grid-boxes.row::before, .grid-boxes.row::after { content: none; }
.boxesSec .section-title h2 { display: inline-flex; align-items: center; gap: 10px; }
.boxesSec .section-title h2::before, .boxesSec .section-title h2::after { content: ''; display: inline-flex; width: 28px; height: 1.5px; background: var(--brown); }

.boxesSec.grid-content-section .grid-boxes { display: flex; flex-wrap: wrap-reverse; justify-content: center; padding: 0 10px; }
.boxesSec .grid-boxes > .grid-box { min-width: 370px; position: relative; margin-bottom: 83px; }
.boxesSec .grid-boxes > .grid-box:nth-child(1) { order: 4; }
.boxesSec .grid-boxes > .grid-box:nth-child(2) { order: 5; }
.boxesSec .grid-boxes .grid-box-image { padding-bottom: 116%; margin-bottom: 10px; }
.boxesSec .grid-boxes .box-image-animation::after { content: ""; position: absolute; border: 1px solid var(--green); height: 95%; width: 95%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.boxesSec .grid-boxes .grid-box-title h3 { font-size: 100%; font-weight: var(--bold); }
.boxesSec.grid-content-section .grid-box .grid-box-title h3 a { color: var(--green); }

@media(max-width: 767px) {
    .boxesSec.grid-content-section { padding-bottom: 40px; }
    .boxesSec.grid-content-section .grid-boxes.row { padding: 0; flex-wrap: wrap; }
    .boxesSec .grid-boxes > .grid-box { min-width: 50%; margin-right: 0; margin-bottom: 40px; padding: 0 8px; display: flex; flex-direction: column; }
    .boxesSec .grid-boxes > .grid-box:nth-child(1) { order: 1; }
    .boxesSec .grid-boxes > .grid-box:nth-child(2) { order: 4; }
    .boxesSec .grid-boxes > .grid-box:nth-child(3) { order: 2; }
    .boxesSec .grid-boxes > .grid-box:nth-child(4) { order: 3; }
    .boxesSec .grid-boxes > .grid-box.lastItem { order: 5; }
}

/*MarqueeSec*/
.marqueeSec.grid-text-section { overflow: hidden; margin: 0; padding: 70px 0 90px; direction: ltr; }
.marqueeSec .grid-text .grid-text-content { max-width: 100%; padding: 0; direction: ltr; }
.marqueeSec p { font-size: 500%; font-weight: var(--light); text-transform: capitalize; color: var(--green); max-width: 100%; line-height: 1.20; margin: 0; }
.marqueeSec p span.strg { font-weight: var(--regular); text-transform: uppercase; }

@media(max-width: 767px) {
    .marqueeSec.grid-text-section { padding: 28px 0 60px; display: none; }
    .marqueeSec p { font-size: 380%; }
}

/*GridRows*/
section.grid-row-section { padding-bottom: 160px; }
.grid-row-section .grid-rows .grid-row-cell.flexslider-box.col-sm-6 { width: 720px; }
.grid-row-section .grid-rows .grid-row { background: transparent; }
.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text { width: calc(100% - 720px); }
.grid-row-section #grid-row1 .grid-row-cell.grid-row-cell-text { padding: 0 0 0 130px; }
.grid-row-section .grid-row li.slider-item { padding-bottom: 93%; }

@media(max-width: 767px) {
    section.grid-row-section { padding-bottom: 60px; }
    .grid-row-section .grid-rows .grid-row-text { padding: 0; }
    .grid-row-section .grid-rows .grid-row { flex-direction: column-reverse; }
    .grid-row-section .grid-rows .grid-row-cell.flexslider-box.col-sm-6 { width: 100%; }
    .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text, .grid-row-section #grid-row1 .grid-row-cell.grid-row-cell-text { width: 100%; padding: 20px; }
}
/*GallerySec*/
.grid-gallery-section { padding-bottom: 110px; }
.gallery-cubes > div { padding: 8px; }
.grid-gallery-section .section-title { margin: 0; }

@media (max-width: 767px) {
    .gallery-container { width: calc( var(--vw) * 1 ); }
}

/*Inners*/
#GridTop { height: 400px; }
#headline { margin-bottom: 26px; }
#subheadline { display: flex; margin-bottom: 30px; }
#subheadline h2 { margin-bottom: 0; }
#subheadline h2:before { display: none; }
.top-caption { font-size: 300%; font-family: inherit; }
.top-caption h1 { font-family: inherit; }
#text1 p, #text2 p, #text1 ul li, #text2 ul li { font-size: 0.75rem; }
#text1 img, #text2 img { margin: 30px 0; }
#text1 h2, #text2 h2 { margin: 0 0 30px; }
#text1 ul li::before, #text2 ul li::before { top: 9px; border: 1px solid var(--green); }

.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after, .dynamicFormObjectFields.row::before,
.dynamicFormObjectFields.row::after, .form-container-wide #DynamicFormObject .dynamicFormObjectFields:after { content: none; }
/*GeneralForm*/
.form-container-wide #DynamicFormObject, #contactform { background-color: var(--beige); max-width: 68.75vw; }

#DynamicFormObject .dynamicFormObjectField .input-wrapper, #DynamicFormObject .dynamicFormObjectField .select-wrapper,
#DynamicFormObject .dynamicFormObjectField .textarea-wrapper { position: relative; }
.normal-form input, .normal-form select, .normal-form textarea { height: 45px; background: #fff; font-size: 0.75rem !important; margin-bottom: 10px; padding: 5px 17px; }
.must:before { font-size: 60%; right: 10px; top: 7px; }
.select-wrapper:after { top: 50%; font-size: 0.75rem; }
#DynamicFormObject input[type=submit], .normal-form input[type=submit] { background: var(--red); border-radius: 50px; height: 45px; display: flex; justify-content: center; font-size: 0.75rem; margin-top: 25px; }
.contact-container .row.submit-btn { margin-top: 0; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-weight: 700; }

@media(max-width:767px) {
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 1.5rem; line-height: 1.2; margin-bottom: 10px; }
    #DynamicFormObject .dynamicFormObjectField .must:before { font-size: 60%; }
}

/*GalleryPage*/
.galleryPage #text1 h2 { width: 100%; justify-content: center; }

/*ContactPage*/
#contactDetails h3 { color: var(--red); font-size: 0.75rem; font-family: 'Noto Sans Hebrew'; font-weight: 800; }
#contactDetails .contactDetailsText1 p { font-size: 0.7rem; }

#map-section .map-cover { background: #dae7e6; color: #000; display: none; }
#map-section .map-cover:after { border-color: #deac6c; }
#map-section .map-cover .open-map { background: var(--green); color: #fff; font-size: 100%; }

@media(max-width: 767px) {
    #map-section .map-cover { background: #dae7e6; color: #000; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) !important; }
}


/*MenuPage*/
#MenuModule #headline { display: none; }
.menuModuleContent { margin-top: 30px; }
.categories-strip ul li { border-radius: 50px; height: 45px; display: inline-flex; justify-content: center; align-items: center; font-size: 0.75rem; background: #eeeeee; border: 1px solid var(--red); }
.categories-strip ul li.active { background: var(--red); }
.categories-strip ul li a { padding: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 100%; }
.categories-strip ul li:not(.active) a:hover, .categories-strip ul li:not(.active) a:focus { background: var(--red); border-radius: 50px; color: #fff; border-color: transparent; }

#MenuModule .menuModuleNav a, .menuModuleTextItemDescription, .menuModuleTextItemPrice, .menuModuleTextItemTitle, .menuModuleTextItemSubjectDescription { font-size: 0.75rem; font-family: 'Noto Sans Hebrew'; }
.menuModuleTextItemTitle, #MenuModule .menuModuleNav a.selected, .menuModuleTextItemSubjectDescription, .menuModuleTextItemSubjectTitle { color: var(--green); }
#MenuModule .menuModuleNav a.selected::before { background: var(--brown); }
.menuModuleTextItemPrice, .menuModuleTextItemSubjectDescription, .menuModuleTextItemSubjectTitle { font-weight: var(--bold); }
.menuModuleTextItemPart:after { border-color: var(--red); }

@media(max-width: 767px) {
    .menuModuleContent { margin-top: 40px; }
    #MenuModule::after { content: ""; display: block; width: 100px; height: 32px; position: absolute; top: 0; left: -7%; background: linear-gradient(90deg, #f5f5f5 0%, rgba(255,255,255,0) 100%); pointer-events: none; }
    .categories-strip { background: var(--red); }
    .mobile-strip span, .mobile-strip .select-wrapper li.strip-item { font-size: 1rem; }
    .mobile-strip:after { top: 15px; font-size: 0.9rem; }
}


.safariBrowser .section-animation-item,
.safariBrowser .grid-boxes .section-animation-item,
.safariBrowser .section-animation-item.up { opacity: initial !important; transition: initial !important; margin-top: 0 !important; animation: initial !important; transform: unset !important; }

@media (min-width: 768px) {
    #home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { height: calc(var(--vh)) !important; }
    body.macOs.safariBrowser #home-gallery { height: 100vh !important; }
    .section:not(.marqueeSec) p { font-size: 0.8rem; }
}

@media (max-width: 767px) {
    #SiteGrid.layout-bottom #GridPromo { margin-bottom: 0; padding-bottom: 60px; }
    #home-gallery { min-height: unset !important; }
    #home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { height: var(--app-height) !important; }
}

/*Footer*/
#SiteFooter { background: #000; }
#SiteFooter a { color: #fff; }
.footer-text-divided { font-size: 0.7rem; max-width: 1440px; }
.footer-text-divided > div.footer-text-left p { padding: 5px 0; }
.footer-text-divided > div.footer-text-left p a { margin: 0 5px; }

@media(max-width: 767px) {
    #SiteFooter .mobile-seperator { background: var(--green); }
    #SiteFooter .mobile-seperator a { font-size: 70%; padding: 3% 0; }
    #SiteFooter .footer-text-left img { width: 23px; height: 23px; }
    .footer-text-divided > div.footer-text-right { display: none; }
    .footer-text-divided > div.footer-text-left p { padding: 20px 0 0; }
    .footer-text-divided > div.footer-text-left p:first-child img { width: 100px !important; height: 100px !important; height: auto; aspect-ratio: 1; }
}

/*-----------------------------------------/*
    NEW-DESIGN 11/06/2025
/*-----------------------------------------*/
#MenuModule .menuModuleNav a.selected { color: unset; font-weight: 800; }
.menuModuleTextItemTitle, #MenuModule .menuModuleNav a.selected, .menuModuleTextItemSubjectDescription, .menuModuleTextItemSubjectTitle { color: unset; font-weight: bold; }

#SiteGrid { background-image: url("https://media.getmood.io/warehouse/dynamic/634309.webp"); background-size: cover; }

section.grid-row-section .grid-rows.row { }
section.grid-row-section .grid-rows.row .grid-row-cell.grid-row-cell-text { }
section.grid-row-section .grid-rows.row .grid-row-cell.grid-row-cell-text .grid-row-text { }
section.grid-row-section .grid-rows.row .grid-row-cell.grid-row-cell-text .grid-row-text h2 { color: var(--dark-olivre); }
section.grid-row-section .grid-rows.row .grid-row-cell.grid-row-cell-text .grid-row-text h3 { color: var(--dark-olivre); }
section.grid-row-section .grid-rows.row .grid-row-cell.grid-row-cell-text .grid-row-text h3::before { display: none; }

.grid-gallery-section { }
.grid-gallery-section .section-title { }
.grid-gallery-section .section-title h3 { font-weight: 900; }
.grid-gallery-section .section-title h3:before, .grid-gallery-section .section-title h3:after { display: none; }

#contactDetails .contactDetailsText1 h2:before, #contactDetails .contactDetailsText1 h2:after { display: none; }
#ContactModule #headline { margin-bottom: 32px; }

#FormResultPage #headline { text-align: center; }
#FormResultPage #text1 a.FormResultPageButton, .page-not-found a { background: var(--red); color: white; font-size: clamp(16px,0.833vw,300px); padding-inline: 15px; padding-block: 10px; border-radius: 50px; border: 1px solid; transition: 0.3s all ease; }
#FormResultPage #text1 a.FormResultPageButton:hover, .page-not-found a:hover { background: white; color: var(--red); }

.page-not-found h2 { font-size: clamp(50px,2.604vw,300px); font-weight: bold; }

.footer-text-divided .footer-text-right ul li { font-size: clamp(18px,0.933vw,300px); }
.footer-text-divided > div.footer-text-left p:not(:first-child) { display: inline-block; }
.footer-text-divided > div.footer-text-left p:nth-child(2) { display: block; }
.footer-text-divided > div.footer-text-left p:nth-child(2) a { }
.footer-text-divided > div.footer-text-left p:nth-child(2) a img { width: 1vw; height: auto; aspect-ratio: 1; }