/* OVAD */

/*General*/
body { font-size: 20px; font-family: "Heebo-Regular", "mikhmoret-aaa-400", sans-serif !important; line-height: 1.5; background-color: #f0eee9; background: url('/warehouse/temp/ovadbakfar/bg.jpg'); background-size: auto; color: #3b1a0a; }
p { font-size: 90%; letter-spacing: 0.18px; }
a:focus, a:hover { color: #ebc324; }

@media(min-width: 1025px) {
    #GridPage { padding-top: 86px; }
}

/* HEADER */
#header2 { background: transparent; }
#header2 ul.menu > li:before { content: none;}
#header2 ul.menu li a:focus { opacity: 1; border-bottom: none; }
#header2 .header-top-left svg { fill: #030305; }
#header .social-links a:focus:after, #header2 .header-top-left a:focus:after { content: none;}
#header2 .menu-nav { margin-top: 0;}
    #header2 ul.menu li.active { color: #232323; }
#header2 ul.menu li.active a { border-color: #ebc324; }
#header2 #header-container { background: #fff; border-radius: 100px; box-shadow: 0 3px 19px 0 rgba(0, 0, 0, 0.24); }
#header2 ul.menu { font-family: "mikhmoret-aaa-400", sans-serif; font-weight: bold; font-size: 110%; margin-bottom: 0; }
#header2 ul.menu li { color: #232323; letter-spacing: 0.22px; line-height: 1.20; margin-left: 0; }
#header2 ul.menu li:hover, #header2 ul.menu li:focus { color: #232323; }
    #header2 ul.menu li:not(.logoInMenu).active a { border-color: #ebc324; }
#header2 #header-left { display: none; }
#header2 .header-top-left svg { height: 16.5px; width: auto; }
#header2 .header-top-left { margin-right: 0;}
#header2 .header-top-left a:hover svg { fill: #ebc324 }


@media(min-width: 1025px) { 
    #header2.detailsInRow .max-width { max-width: 985px; }
    #header2 { margin-top: 40px; }
    #header2 .LogoCentered ul.menu li.logoInMenu { transform: scale(2); flex-basis: 240px; z-index: 1; margin: auto; }
    #header2 ul.menu { display: flex; align-items: center; justify-content: center; max-width: 93%; }
    #header2 ul.menu li { z-index: 2; }
    #header2 #header-container { padding: 0 35px;}

    #header2 ul.menu li:not(.last-item):not(.logoInMenu):not(:nth-child(4)):after { content: ''; display: inline-block; width: 9.3px; height: 3.2px; background: url(/warehouse/temp/ovadbakfar/text-deco.png) no-repeat; background-position: center; background-size: 9.3px 3.2px; vertical-align: middle; margin: 0 10px; }
    #header2 .header-right-section { display: flex; align-items: center;}
    #header2.detailsInRow .header-top { flex: auto 0 0; padding: 0; position: absolute; }
    #header2.detailsInRow .menu-nav { flex: 1;}
    #header2 ul.menu li:not(.logoInMenu) a { border-bottom: 3px solid transparent; transition: 0.35s all;}
    #header2 ul.menu li:not(.logoInMenu) a:hover { border-color: #ebc324; }
}

@media(max-width: 1024px) {
    .header-right-section { background: #fff;}
    #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: #3b1a0a; width: 30px; height: 3px; }
    #header2 ul.menu { background: #fff; position: fixed; top: 0; right: 0; left: 0; bottom: 0; padding: calc(100vh / 4) 0; width: 100%; height: 100%; }
    #header2 .mobile-middle-kdm { display: none; }
    #header2 .header-right-section { width: 100%; display: flex; z-index: 1; justify-content: space-between; flex-direction: row-reverse; align-items: center; border-radius: inherit; padding: 0 25px; height: 50px; }
    #header2 .social-links { width: auto; }
    #header2 .menu-nav .opened, #header2 .menu-nav .closed { display: none !important; }
    #header2 #header-container { position: relative; }
    #header2 #header-left img { max-width: 200px; }
    #header2 #header-left { display:block; position: absolute; top: 0; left: 50%; width: auto; z-index: 3; transform: translate(-50%, -50%); }
    #header2 .header-top-right { float: none; }
    #header2 .header-top-left { display: block; }
    #header2 .header-top-left svg { fill: #5f2a10; }
    #header2 { padding: 0; margin-top: 30px; }
    #header2 ul.menu li { padding: 12px 0; }
    #header2 ul.menu li, #header2 ul.menu li.active { color: #3b1a0a; background: transparent; }
    #header2 ul.menu:before { content: ''; position: absolute; width: 150px; height: 300px; top: 30%; right: 0; background: url('/warehouse/temp/ovadbakfar/kebab.png') no-repeat; background-size: auto 100%; }
    #header2 ul.menu:after { content: ''; position: absolute; bottom: 15px; left: 0; height: 162px; width: 140px; background: url('/warehouse/temp/ovadbakfar/steak.png') no-repeat; background-size: auto 100%; background-position: right; }
    #header2 ul.menu li.active:before, #header2 ul.menu li.active:after { content: ""; background-image: url('/warehouse/temp/ovadbakfar/menu-active.svg'); background-position: center; background-size: 100%; background-repeat: no-repeat; width: 22px; height: 14.9px; display: inline-block; margin: 0px 10px; }
}


@media(min-width: 768px) and (max-width: 1024px) {
    #header2 ul.menu { font-size: 210%;}
}



/* Buttons */
.grid-text .sec-button,
a.sec-button { color: #000; font-size: 90%; line-height: 1; background: url('/warehouse/temp/ovadbakfar/btn.png') no-repeat; background-size: 100% 100%; width: auto; max-width: 100%; padding: 0 25px; height: 48px; display: inline-flex; align-items: center; justify-content: center; border-radius: 0; margin-top: 30px; transition: 0.35s all; }

.grid-text .sec-button:hover,
.grid-text .sec-button:focus,
a.sec-button:hover,
a.sec-button:focus { color: #fff; background: url('/warehouse/temp/ovadbakfar/btn-hover.png') no-repeat; background-size: 100% 100%; }

/* Lists */

#text1 ul li, #text2 ul li { list-style: none; }
#text1 ul li:before, #text2 ul li:before { content: ""; background: url('/warehouse/temp/ovadbakfar/li-decor.svg'); background-size: 100%; width: 7.3px; height: 7.3px; vertical-align: middle; display: inline-block; margin-left: 10px; }
#text1 ul, #text2 ul { padding: 0; }

/* Form Buttons */
#DynamicFormObject input[type=submit], .normal-form input[type=submit] { color: #000; font-size: 90%; line-height: 1; background: url('/warehouse/temp/ovadbakfar/btn.png') no-repeat; background-size: 100% 100%; width: auto; max-width: 100%; padding: 0 25px; height: 48px; display: inline-flex; align-items: center; justify-content: center; border-radius: 0; margin-top: 30px; }
#DynamicFormObject input[type=submit]:hover, #DynamicFormObject input[type=submit]:focus, .normal-form input[type=submit]:hover, .normal-form input[type=submit]:focus{ background-image: url(/warehouse/temp/ovadbakfar/btn-hover.png); background-size: 100% 100%; color: #fff; transition: 0.35s all; border: transparent; }

/* Texts */
.MainContent { max-width: 650px; margin: 0 auto; }
#text1, #text2 { max-width: 650px; line-height: 1.4; }

/* Home - Hero */
#home-gallery { height: 100vh !important; }
#home-gallery .slider-bg.stellar-bg { height: 100vh !important; min-height: 100vh; background-attachment: scroll; background-size: cover; }
#home-gallery .iconsBoxLeft .iconBox { margin-right: 10px;}   
#home-gallery .iconBox img { max-width: 63px; }
#home-gallery .scroll-down { font-size: inherit; bottom: 50px;}
#home-gallery .scroll-down:before { content: 'המשיכו לגלול'; display: block; font-family: "mikhmoret-aaa-400", sans-serif; margin-bottom: 12px; }
#home-gallery .scroll-down svg { width: 33.3px; height: 16.2px; stroke: #fff; stroke-width: 3px; stroke-linecap: round; }
#home-gallery:before { content: ''; width: 100%; height: 8px; position: absolute; bottom: 0; right: 0; left:0; display: block; z-index: 5; background: url('/warehouse/temp/ovadbakfar/section-bottom.png') no-repeat; }
#home-gallery .gallery-caption { width: 85%; top: 33%;}
#home-gallery .gallery-logo { width: 100%; max-width: 618px; }

@media(min-width: 1025px) {
    #home-gallery .iconsBoxLeft { left: 40px; bottom: 40px; }
}

/* Homepage - sections */
.home-page .section:not(.grid-image-section) { padding: 90px 0; margin: 0; }
.home-page .grid-image-section:after { content: ''; width: 100%; height: 8px; position: absolute; bottom: -2px; right: 0; left: 0; display: block; z-index: 5; background: url('/warehouse/temp/ovadbakfar/section-bottom.png') no-repeat; }
.home-page .grid-image-section:before { content: ''; width: 100%; height: 15px; position: absolute; top: -2px; right: 0; left: 0; display: block; z-index: 5; background: url('/warehouse/temp/ovadbakfar/section-top.png') no-repeat; }


@media(max-width: 767px) {
    .home-page .section:not(.grid-image-section) { padding: 50px 0; margin: 0; }
}

/* Headlines */

.section-title, #headline, .bottomGalleryTitle h2 { font-size: 325%; font-family: 'mikhmoret-aaa-400', sans-serif; line-height: 1.18; margin-bottom: 30px; }
.section-title h1, .section-title h2 { font-size: inherit;}

.section-title:after,
#headline:after,
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle:after,
.bottomGalleryTitle h2:after { content: ''; background: url(/warehouse/temp/ovadbakfar/title-deco.png) no-repeat; display: block; width: 100%; height: 15px; background-size: auto 15px; background-position: center; margin: 10px 0; }
    
@media(max-width: 550px) { .section-title, #headline { font-size: 220%;} }


.home-page .grid-image-section { margin: 0; padding: 0; }

@media(min-width: 1024px) { 
.home-page .grid-image-section { height: 600px; margin: 0; padding: 0; }
.home-page .grid-image-section .image-section-data { height: 600px;}
}

/* Text sections*/
.home-page .grid-text-section .grid-text-content { max-width: 750px; margin-right: auto; margin-left: auto; }
.home-page .grid-text p { margin-top: 5px; }

/* Homepage - vectors*/
.about-sec::after { content: ''; display: block; width: 200px; height: 160px; position: absolute; background: url(/warehouse/temp/ovadbakfar/steak.png) no-repeat; background-size: 100%; top: 20%; right: 15%; }
.menu-sec::after { content: ''; display: block; width: 270px; height: 250px; position: absolute; background: url(/warehouse/temp/ovadbakfar/hotdog.png) no-repeat; background-size: 100%; top: 20%; left: 15%; }
.content-sec::after { content: ''; display: block; width: 330px; height: 220px; position: absolute; background: url(/warehouse/temp/ovadbakfar/kebab.png) no-repeat; background-size: 100%; top: 15%; left: 0; }
.content-sec::before { content: ''; display: block; width: 210px; height: 250px; position: absolute; background: url(/warehouse/temp/ovadbakfar/veg.png) no-repeat; background-size: 100%; bottom: -15%; right: 10%; }

@media(max-width: 1024px) {
    .about-sec::after { top: 10%; right: 5%; background-size: 70%; background-position: right top; }
    .menu-sec::after { top: 1%; left: 2%; background-size: 60%; }
    .content-sec::after { background-size: 50%; background-position: left top; top: 0; bottom: 0; }
    .content-sec::before { top: auto; bottom: 10%; right: 0; background-size: 75%; background-position: right bottom; }
    .delivery::after { z-index: -1; width: 200px; height: 200px; opacity: 0.7; top: auto; bottom: 0; }
}

/* Homepage - Gallery section */
.home-page .gallery-container { max-width: 945px; margin: 0 auto; position: relative; }
.home-page .gallery-container:before { content: ''; background: url(/warehouse/temp/ovadbakfar/accessorie.png); background-size: 100%; display: block; position: absolute; width: 184.7px; height: 285.3px; top: 0; left: 0; transform: translate(-80%, -40%); }
.home-page .gallery-cubes > div { padding: 15px;}

@media(max-width: 1280px) {
    .home-page .gallery-container:before { content: none;}
}


/* Inner pages */
#SiteGrid.layout-bottom #GridPromo { padding: 50px 0; margin: 0 auto; }
#GridPromo #DynamicFormObject { margin: 0 auto !important; }
.lobby-grid #GridPage .max-width { padding: 0;}

/* background vectors */
.MainContent::before { content: ''; background: url(/warehouse/temp/ovadbakfar/steak.png) no-repeat; background-size: 100%; display: block; position: absolute; width: 200.3px; height: 158px; top: 5%; right: 5%; }
.MainContent::after { content: ''; background: url(/warehouse/temp/ovadbakfar/kebab.png) no-repeat; background-size: auto 100%; background-position: right; display: block; position: absolute; width: 300px; height: 300px; top: 25%; left: 0; }


/* About Page */
.about-page .GridBottomGallery { padding-top: 0; }
.about-page .bottomGalleryTitle { margin: 0; }
.about-page .form-container-wide #DynamicFormObject { margin-bottom: 130px !important; }
.about-page #galleryview { margin-bottom: 0; }


/* Menu Page */

#MenuModule { max-width: 1032px; margin: 0 auto;}
#MenuModule .menuModuleNav a.selected { color: #000; background: #ebc324; border-radius: 0; }
#MenuModule .menuModuleNav a { color: #fff; height: 100%; margin: 0; font-family: "mikhmoret-aaa-400"; font-weight: bold; font-size: 130%; padding: 8px 20px; }
#MenuModule .menuModuleNav { background: #5f2a10; padding: 0; }
.menuModuleContentPart { padding: 50px 0; }
.menuModuleTextItemTitle { font-size: 115%; letter-spacing: 1px; line-height: 1.3; color: #3b1a0a; font-family: "mikhmoret-aaa-400", sans-serif; font-weight: bold; }
.menuModuleTextItemDescription { font-size: 80%; color: #3b1a0a; }
.menuModuleContentPart { margin-bottom: 0; border: none; }
.menuModuleContentPart:after { content: none; }
.menuModuleTextItemPart:after { border-bottom: 1px solid #4e4e4e; }
.menuModuleTextItemPrice { color: #fff; background: #5f2a10; font-size: 75%; padding: 2px 4px; }
.menuModuleTextItemPrice:before { content: none;}
.menuModuleTextItemSubject { padding: 6px; }
.menuModuleTextItemSubjectTitle { font-size: 175%; font-family: "mikhmoret-aaa-400", sans-serif; letter-spacing: 1.4px; margin: 0; }


/*form result page*/
.FormResultPage .bottomGalleryTitle { display: none; }

/*delivery section*/
.delivery::after { content: ''; position: absolute; width: 300px; height: 300px; top: 30%; right: 0; background: url('/warehouse/temp/ovadbakfar/kebab.png') no-repeat; background-size: auto 100%; }


/* Contact page */
#contactform { background: #fff; position: static; max-width: 920px; margin-right: auto; margin-left: auto; margin-bottom: 100px; border: solid; border-image: url(/warehouse/temp/ovadbakfar/contact.svg); border-image-width: 10px; border-image-slice: 10; border-image-outset: 10px; }
#contactform .contact-container { width: 100%;}
#contactform:after { content: none; }
#contactform .contact-form-comment { font-size: 70%; text-align: left; margin: 10px 0 0;}
#contactform textarea { margin: 0; }
#contactform .contact-container .row { margin: 0; }
#contactform .contact-container .row > div { padding: 0 7.5px; }
#contactform .contact-container .row.submit-btn > div { width: 100%; }
#contactform .contact-form-submit { margin: 0; text-align: center; }
#contactform .must::before { position: absolute; right: 15px; top: 5px; bottom: 0; font-size: 17px; }

#contactDetails { font-size: 90%; }
#contactDetails .contactDetailsText1 p { font-size: inherit; }
#contactDetails .contactDetailsText1 { font-size: inherit; }
#contactDetails .contactDetailsPhone1 { font-size: inherit; }

.normal-form input, .normal-form textarea { border: solid 1px #5f2a10; border-radius: 0; width: 100%; padding: 0 15px; font-size: 80%; max-width: 100% !important; line-height: 2; }
.normal-form textarea { margin-bottom: 0;}
   

/* Gallery section */
.internalPage .gallery-cubes { max-width: 1440px; margin: 0 auto; }
.internalPage .gallery-cubes > div { padding: 15px;}
.internalPage .gallery-cubes:before { content: ''; background: url(/warehouse/temp/ovadbakfar/accessorie.png); background-size: 100%; display: block; position: absolute; width: 184.7px; height: 274.3px; top: 0; right: 8%; }
.GridBottomGallery { position: relative;}

@media(min-width: 1025px) {
    .internalPage .gallery-cubes > div { width: 20%; }
}

/* Dynamic Form */
#DynamicFormObject { background: #fff; border: solid; border-image: url(/warehouse/temp/ovadbakfar/contact.svg); border-image-width: 10px; border-image-slice: 10; border-image-outset: 10px; margin-bottom: 100px !important; }
#DynamicFormObject:after { content: none; }
#DynamicFormObject .dynamicFormObjectField .must { position: relative; }
#DynamicFormObject .must:before { position: absolute; right: 7px !important; top: 5px; bottom: 0; font-size: 17px; }
#DynamicFormObject .dynamicFormObjectTitleAndText { font-family: 'mikhmoret-aaa-400'; color: #3b1a0a; font-size: 225%; }

@media(min-width: 767px) {
.form-container-wide #DynamicFormObject { max-width: 900px; margin: auto; display: block; background: #fff; padding: 45px 70px 55px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; display: block; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding:0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; font-size: 90%; margin-bottom: 2%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField { padding-right: 7.5px; padding-left: 7.5px; width: 33.3333%; }
}

/* Footer */
footer { padding-top: 0; }
#SiteFooter { background: #191919; color: #fff; font-size: 90%; position:relative;}
#SiteFooter:before { content: ''; width: 100%; height: 15px; position: absolute; right: 0; left: 0; display: block; z-index: 5; background: url('/warehouse/temp/ovadbakfar/footer-decor.svg'); transform: translateY(-70%); background-position: top center; }
#SiteFooter .footer-text-divided > div { vertical-align: middle; }
#SiteFooter .footer-text-middle img { max-width: 210px; }
#SiteFooter .footer-text-divided { max-width: 1170px; margin: 0 auto; }
#SiteFooter .footer-text-divided ul { list-style: none; }
#SiteFooter .footer-text-right ul:first-child { padding-right: 0; }
#SiteFooter .footer-text-right ul { float: right; }
#SiteFooter .footer-text-left ul { float: left; }
#SiteFooter .site-credit.alternative { padding: 10px 0; }
.site-credit a.AccessabilityLink { float: right; position: static; transform: none; margin: 0 !important; }
.site-credit p { float: left; }


@media( max-width: 768px) {
    /*gallery*/
    .internalPage .gallery-cubes > div { padding: 5px;}

    /*contact*/
    form .row > div { width: 100%; }
}

@media(max-width: 767px ) {
    /*home*/
    #home-gallery .iconBoxRight .iconBox { margin: 0; }

    /*footer*/
    #SiteFooter { padding-bottom: 0; }


    /*aboutpage*/
    .about-page .form-container-wide #DynamicFormObject { margin-bottom: 30px !important; }

    /*vectors*/
    .MainContent::before, .MainContent::after { opacity: 0.5; }
    
}