/*SAZANCA*/
:root { --font-1: 'hadassa-regular'; --font-2: 'Mandatory-47'; --font-3: 'classico-bold'; --dbrown: #3d0000; --lbrown: #c09273; --beige: #f4e6dc; }

body { color: #430105; background: var(--beige); font-family: 'narkisblock-regular_mfw_new' !important; color: var(--dbrown); }
#whatAppButton { left: 1%; }
/*---------------------------/*
 HEADER
/*---------------------------*/
#header ul.menu li a { color: #000; }
#header ul.menu li.social-links .social-links { display: flex; }
#header ul.menu-sub { background-color: #ebebeb; padding: 10px; display: none !important; }
#header ul.menu .menu-sub li { padding: 0 15px; margin-right: 0; height: auto; }

@media(min-width:1025px) {
    #header ul.menu > li.active:after { display: none }
    #header ul.menu > li a:after { /* content: ""; */ position: absolute; display: block; right: 5%; border-bottom: 2px solid transparent; width: 90%; height: 30px; top: 16px; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; pointer-events: none; }

    #header ul.menu > li.social-links:hover a:after { border-color: transparent }
    #header ul.menu > li:hover a, #header ul.menu > li a:focus { color: #000 }
    #header ul.menu > li:nth-child(1) a:after { right: calc(5% + 25px); width: calc(80% - 10px); }
    #header ul.menu > li#header-logo a:after { background: #ebebeb; height: 65px; top: 28px; width: 28px; left: 0; z-index: -1; right: auto; border-color: transparent; }
    #header ul.menu > li#header-logo a:before { /* content:""; */ position: absolute; background: #ebebeb; height: 65px; top: 28px; width: 28px; right: 0; z-index: -1; }
    #header ul.menu li a { padding: 2px 8px; /* margin-top: 15px; */ color: var(--dbrown); }
    /*#header ul.menu li:nth-child(2) a, #header ul.menu li:nth-child(3) a { padding: 1px 19px; }*/
    header#header.bg { background: transparent; }
    #header ul.menu li:nth-child(1) { padding-right: 25px; }
    #header ul.menu li.languageLinkHolder { position: fixed; top: 35px; left: 35px; background: #EBEBEB; font-size: 85%; height: auto; border-radius: 50%; padding-right: 0; width: 35px; height: 35px; text-align: center; }
    #header ul.menu li.languageLinkHolder a { color: #161616; font-size: 100%; padding: 5px; margin: 0; font-family: 'BarlowCondensedMedium'; text-transform: uppercase; padding-top: 4px; }
    #header ul.menu li.languageLinkHolder:hover a:after { display: none; }


    #header ul.menu-sub li { margin-right: 0; }
    #header ul.menu > li:hover > a::after,
    #header ul.menu > li a:focus::after,
    #header ul.menu > li.active a::after,
    #header ul.menu .ul.menu-sub.open a::after { border-color: #cfdd25; }

    #header ul.menu li.has-sub { padding: 2px 8px; }
    #header ul.menu li.has-sub a { padding: 0; vertical-align: baseline; color: #430105; }


    .has-sub i.opensub { margin-right: -5px; font-size: 16px; display: none; }
    #header ul.menu li.has-sub.open .opensub { transform: rotate(180deg); color: #000; }
    #header ul.menu ul.menu-sub li { padding: 0px 5px; }
    #header ul.menu ul.menu-sub li:hover a { color: #333333; }
    #header ul.menu ul.menu-sub li a { margin-top: 0; }
}

@media(min-width:1025px) and (max-width:1170px) {
    #header ul.menu li.languageLinkHolder { left: 4px; top: 75px; }
}

@media(min-width:992px) {
    #header-logo img { /* border-radius: 50%; */ width: auto; aspect-ratio: 1; /*width: 100%;*/ display: block; /* position: absolute; */ height: -webkit-fill-available; /* width: 150px; */ height: auto; aspect-ratio: 1; /* position: absolute; */ transform: scale(2.1); object-fit: cover; }
}

#header .headerInner { max-width: 100%; position: fixed; top: 4%; left: 50%; transform: translateX(-50%); }
#header ul.menu { color: #000; font-size: 95%; gap: 0; background: white; padding-block: 18px; }
#header ul.menu li, #header ul.menu li, #header ul.menu li:nth-child(1) { margin-left: 12px; background: white; margin-right: 0; height: max-content; white-space: nowrap; }
#header ul.menu li:nth-last-child(2) { padding-left: 10px; }
#header .LogoCentered ul.menu li#header-logo { /* height: fit-content; */ background: transparent; z-index: 1; width: 154px; position: relative; }
#header .LogoCentered ul.menu li#header-logo a { padding: 0; margin: 0; position: relative; display: flex; margin-inline: auto; position: absolute; left: 50%; bottom: 50%; transform: translate(-50%,50%); }
#header ul.menu li.social-links svg { fill: #430105; display: inline-block; height: 20px; width: 20px; vertical-align: middle; /* margin-top: -5px; */ position: relative; }
#header ul.menu li.social-links a { /* background: #161616; */ border-radius: 50%; padding: 0; width: 30px; height: 30px; }


@media (max-width:1024px) {
    #header .LogoCentered ul.menu li#header-logo { display: none; }
    header#header,
    header#header.bg { background: #ebebeb; }
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after, #nav-toggle-mobile span, #nav-toggle-mobile span:before, #nav-toggle-mobile span:after { background-color: #000; }
    #header-logo { position: fixed; top: 6px; left: 50%; transform: translateX(-50%); }
    #header-logo img { max-height: 140px; }
    #header ul.menu { max-width: 250px; background: #ebebeb; }
    #header ul.menu > li { margin: 0 !important; padding: 5px 0; height: auto; font-size: 120%; }
    #header ul.menu > li.active:after { display: none }
    #header ul.menu li.social-links svg { margin-top: -16px }
    #header ul.menu li:hover { color: #fff; }

    header ul.menu li.languageLinkHolder { display: none; }
    #header ul.menu li.active { background-color: transparent; color: #000; }
}

@media (max-width:991px) {
    #header ul.menu li.social-links svg { margin-top: -25px; vertical-align: middle; }
    .right-header > .languageLinkHolder { position: absolute; left: 20px; width: auto; color: #161616; top: 29%; text-transform: uppercase }
}


@media (max-width: 767px) {
    #header ul.menu li > a { font-size: 90%; }
    #header ul.menu { overflow: hidden; max-width: 100%; padding-top: 95px; }
    #header-logo { max-width: 85px; }
    #header ul.menu li.social-links a { position: relative }
    #header ul.menu li.social-links svg { position: absolute; margin: 0; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); top: 50%; left: 50%; }
    #header .right-header { width: 100%; }
    #header .phone-icon { width: 40px; height: 40px; /* background: #161616; */ padding: 0; margin: 0; display: inline-block !important; border-radius: 50%; position: absolute; left: 5px; top: 5px; }
    #header .phone-icon a { display: block; }
    #header .phone-icon a i { display: block; }
    #header .fa-phone:before { color: #430105; font-size: 73%; position: relative; top: 4px; left: -9px; }
    #home-gallery .opacity-layer { display: block; }
    #header .waze-navigation { display: inline-block !important; width: 40px; height: 40px; background: none; border-radius: 50%; position: absolute; top: 4px; padding: 0; left: 50px; }
    #header .waze-navigation a { position: absolute; width: 100%; height: 100%; background-image: url("https://media.getmood.io/warehouse/dynamic/687255.svg"); background-repeat: no-repeat; background-position: center; }
    #header .waze-navigation svg { max-width: 30px; width: 25px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    #header .waze-navigation svg .st1 { fill: #cfdd25; }
    .moduleLayout .mobile-strip { border: 1px solid #ffffff; padding: 7px 25px; }
    .moduleLayout .mobile-strip { top: auto; overflow: scroll; }
    .right-header > .languageLinkHolder { position: absolute; left: 0px; right: auto; margin-top: 20px; font-family: 'BarlowCondensedMedium'; font-size: 90%; background: #EBEBEB; padding: 0; width: auto; top: auto }
    .right-header > .languageLinkHolder a { padding: 5px 11px; color: #161616; text-transform: uppercase }
    #header .menu-nav { padding-block: 23px; }
    header#header, header#header.bg { background: white; padding-block: 0; }
    #header .headerInner { width: 100vw; }
    #header .headerInner ul.menu { background: var(--beige); margin-top: 5%; padding-top: 14%; }
    #header ul.menu > li { }
    #header ul.menu li, #header ul.menu li, #header ul.menu li:nth-child(1) { background: none; }
    #header-logo a img { height: 37px; }
    #header ul.menu li.has-sub { display: flex; justify-content: center; align-items: center; }
    #header ul.menu li.has-sub a { width: fit-content; justify-content: center; align-items: center; }
    #header-logo a { align-items: unset; }
    #nav-toggle span:before, #nav-toggle-mobile span:before { top: -6px; }
    #nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -6px; }
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after, #nav-toggle-mobile span, #nav-toggle-mobile span:before, #nav-toggle-mobile span:after { width: 30px; }

    #contactus #ContentRegularModule { width: 100%; }
    #header .waze-navigation svg { opacity: 0; }
    #header .mobile-menu ul.menu > li.social-links { padding-top: 27px; }
}

header#header, header#header.bg { background: white; }

#header ul.menu li a, #header ul.menu > li:hover a, #header ul.menu > li a:focus { padding: unset; margin: unset; }
/*---------------------------/*
 SECTIONS
/*---------------------------*/

section#contactus { background: var(--beige); }
section#contactus::after { background: none; }
section#contactus .headline:after { content: ""; width: 92px; height: 7px; /* background: #C79274; */ border-top: 3px solid #c79274; border-bottom: 1px solid #c79274; display: block; margin-inline: auto; margin-top: 28px; }
section#contactus .headline h1 { color: var(--dbrown); }
section#menu #headline { }
section #headline h2:after { content: ""; display: block; width: 92px; height: 7px; /* background: none; */ border-top: 3px solid #c79274; border-bottom: 1px solid #c79274; margin-inline: auto; margin-top: 32px; }
section#menu #headline:after { /* content: ""; */ height: 1px; width: 78px; display: block; background: brown; margin-inline: auto; margin-top: 1vw; }
section.grid-content-section { padding-top: 0px; }
section.aboutUs #headline { margin-bottom: 32px; }
section.aboutUs #headline h2 { color: var(--dbrown); }
section.aboutUs .grid-boxes .grid-box .grid-box-title { bottom: 50%; transform: translateY(50%); }
section.aboutUs .grid-boxes .grid-box-title h3 { font-size: 64px; color: white; }
section.aboutUs .grid-boxes .grid-box-title h3 a { color: white; font-family: 'classico-bold' }
#contactus #text1 { color: var(--dbrown); display: flex; width: 100%; }
#contactus #text1 p:first-of-type:after { background: #430105; margin-inline: -8px; }
#contactus #ContentRegularModule { width: 15%; }
#contactus #text1 p { white-space: nowrap; height: fit-content; margin: 0; overflow: visible; }
#map-section #map-holder .overlay { background: black; opacity: 0.5; }
#map-section .map-cover { background: none; outline: none; }
#map-section .map-cover::after { display: none; }
#map-section .map-cover h4 { }
#map-section .map-cover h4 { font-size: 48px; margin-bottom: 20px; font-family: 'narkisblock-regular_mfw'; }
#map-section .map-cover .open-map { background: var(--beige); border-radius: 0; font-size: clamp(18px,var(--fs-20),300px); padding-inline: 0; width: fit-content; padding: 10px 20px; margin-inline: auto; }

@media (max-width: 767px) {
    #contactus #ContentRegularModule { width: 100%; }
    section #headline h2 { max-width: unset; }
    section.aboutUs #headline h2 { font-size: 76px; }
    section.aboutUs .grid-boxes .grid-box-title h3 { font-size: 40px; }
    section.aboutUs .grid-boxes .grid-box .grid-box-image img { height: auto; aspect-ratio: 1; }
    section#menu { padding-top: 96px; }
    #map-section .map-cover h4 { font-size: 32px; }
}

/*----------------------------/*
 HOME-PAGE
/*----------------------------*/
#home-gallery .gallery-caption .gallery-text { font-family: 'classico-bold'; }
#SiteGridContainer section#contactmap { padding: 0; display: block; }
#SiteGridContainer section#contactmap #ContactModule #contactview { display: none; }
#ContactModule #map-section #map-holder { margin: 0; }

.menuPage .grid-boxes .grid-box { background: none; }
#ContentRegularModule .popup-text.section-animation-item { background: none; padding: 0; }

@media (max-width: 767px) {
    #home-gallery .slider-bg.stellar-bg { background-size: cover; min-height: 100vh; }
}


/*----------------------------/*
 MENU - PAGE
/*----------------------------*/
.menuPage .grid-boxes .grid-box .grid-box-title h3 a { color: var(--dbrown) !important; }


/*----------------------------/*
 POP UP 
/*----------------------------*/
.moduleLayout .categories-strip li.menu-tag.active { background: none; border-bottom: 2px solid #363636; color: #8e3709; }
.moduleLayout .categories-strip li.menu-tag { border-bottom: 2px solid var(--dbrown); }
#PopUpData .menuModuleTextItemPrice { font-size: 20px; }
#multi-content-modal.modal .close { left: 50%; top: -6%; }

#PopUpData #MenuModule { background: var(--beige); }
#PopUpData #MenuModule .menuModuleContentSection { }
#PopUpData #MenuModule .menuModuleContentSection .menuModuleContent { background: var(--beige); }
#PopUpData #MenuModule .menuModuleContentSection .menuModuleContent .menuModuleContentPart { }
#PopUpData #MenuModule .menuModuleContentSection .menuModuleContent .menuModuleContentPart :is(.menuModuleTextItem0,.menuModuleTextItem1) { color: var(--dbrown); }
#PopUpData #MenuModule .menuModuleContentSection .menuModuleContent .menuModuleContentPart :is(.menuModuleTextItem0,.menuModuleTextItem1) .menuModuleTextItemPrice { position: absolute; left: 0; color: var(--dbrown); }
#PopUpData #MenuModule .menuModuleContentSection .menuModuleContent .menuModuleContentPart :is(.menuModuleTextItem0,.menuModuleTextItem1) .menuModuleTextItemDescription { color: var(--dbrown); }
#PopUpData #MenuModule .categories-strip { border-color: var(--dbrown); /* overflow: auto; */ }
#PopUpData #MenuModule .categories-strip nav.menu-tags-list { /* overflow: auto; */ }
#PopUpData #MenuModule .categories-strip nav.menu-tags-list .mobile-strip { padding-block: 0; }
#PopUpData #MenuModule .categories-strip nav.menu-tags-list .mobile-strip span { color: var(--dbrown); }
#multi-content-modal.menuModal .mobile-strip .select-wrapper li.strip-item a { color: var(--dbrown); }

@media (min-width: 1024px) {
    #PopUpData #MenuModule .categories-strip nav.menu-tags-list ul.hidden-xs { flex-wrap: nowrap; justify-content: space-between; column-gap: 24px; }
}

@media (max-width: 767px) {
    #multi-content-modal.menuModal .mobile-strip .select-wrapper li.strip-item a { font-size: 18px; color: var(--dbrown); padding: 0; margin-top: 22px; }
    #PopUpData #MenuModule .categories-strip nav.menu-tags-list .mobile-strip span { font-size: 18px; }
    #multi-content-modal.modal .close { transform: translateX(-50%); top: 4%; }
    #multi-content-modal.menuModal .modal-content .select-wrapper ul { overflow-y: scroll; }
    .mobile-strip:after { background-repeat: no-repeat; content: ""; width: 21px; top: 25px; left: 6%; transform: translateY(-50%); }
}

/* privacy popup */
#multi-content-modal .modal-content { margin: 0 auto; max-width: unset; }
#multi-content-modal.privacypolicy { padding: 0 !important; }
#multi-content-modal.privacypolicy .modal-dialog.vertical-align-center { transform: unset; transition: unset; width: 100%; margin: 0; display: flex; }
#multi-content-modal.privacypolicy .modal-dialog.vertical-align-center .modal-content { max-width: unset; border-radius: unset; height: max-content; width: 100%; transition: 1s all ease; transform: translateX(100%); max-height: unset; padding: 0; }
#multi-content-modal.privacypolicy.in .modal-dialog.vertical-align-center .modal-content { transform: translateX(0%); transition: 0.5s all ease; }
#multi-content-modal.privacypolicy .modal-dialog.vertical-align-center .modal-content a.close { font-size: 100%; left: unset; top: 30px; inset-inline-start: 30px; transform: unset; }
#multi-content-modal.privacypolicy .modal-dialog.vertical-align-center .modal-content a.close svg { width: 30px; height: auto; aspect-ratio: 1; fill: #000; }
#multi-content-modal.privacypolicy .modal-dialog.vertical-align-center .modal-content #PopUpData { padding: 0; }
#multi-content-modal.privacypolicy .modal-dialog.vertical-align-center .modal-content #ContentRegularModule { text-align: start; margin: 0; max-width: unset; padding: 0; }
#multi-content-modal.privacypolicy .modal-dialog.vertical-align-center .modal-content #ContentRegularModule #pageview { max-width: 100% !important; display: flex; width: 35vw; background: #fff; margin: 0 0 0 auto; flex-direction: column; align-items: flex-start; justify-content: center; padding: 80px 40px 50px; min-height: 100svh; overflow-y: auto; }
#multi-content-modal.privacypolicy .modal-dialog.vertical-align-center .modal-content #ContentRegularModule #pageview .popup-text { background: transparent; color: inherit; transform: unset; padding: 0; width: 100%; }
#multi-content-modal.privacypolicy .modal-dialog.vertical-align-center .modal-content #ContentRegularModule #pageview :is(#headline, .headline) { text-align: start; font-size: 100%; margin: 0; }
#multi-content-modal.privacypolicy .modal-dialog.vertical-align-center .modal-content #ContentRegularModule #pageview :is(#headline, .headline) h1 { margin-bottom: 20px; text-align: start; color: #000; font-size: 4.4rem; letter-spacing: 2.56px; color: var(--dbrown); font-family: 'Mandatory-47'; }
#multi-content-modal.privacypolicy .modal-dialog.vertical-align-center .modal-content #ContentRegularModule #pageview #text1 { background: transparent; padding: 0; text-align: start; max-width: unset; max-height: unset; font-size: 80%; }
#multi-content-modal.privacypolicy .modal-dialog.vertical-align-center .modal-content #ContentRegularModule #pageview #text1 ul { margin-bottom: 20px; padding-inline-start: 20px; }
#multi-content-modal.privacypolicy .modal-vertical-align { display: flex; }

@media(max-width: 1024px) {
    #multi-content-modal.privacypolicy .modal-dialog.vertical-align-center .modal-content { width: 95%; margin: 0; }
    #multi-content-modal.privacypolicy .modal-dialog.vertical-align-center .modal-content a.close { top: 20px; inset-inline-start: 20px; }
    #multi-content-modal.privacypolicy .modal-dialog.vertical-align-center .modal-content #ContentRegularModule #pageview { padding: 60px 20px; width: 100%; max-width: 100% !important; }
    #multi-content-modal.privacypolicy .modal-dialog.vertical-align-center .modal-content #ContentRegularModule #pageview :is(#headline, .headline) h1 { font-size: 50px; margin-bottom: 15px; }
}


/*----------------------------/*
 FOOTER
/*----------------------------*/
#SiteFooter { background: black; /* padding-block: 12px; */ }
#SiteFooter .site-credit.alternative { padding: 0; }
#SiteFooter .site-credit.alternative .AccessabilityLink { bottom: 0; color: white; }