/*Haroea BeCafe*/

body { background-color: #f5eee1; font-size: 15px; font-family: 'NotoSansHebrew-Regular'; }

.home-page #header:not(.bg), #header.bg, #header:not(.bg) { background: #f5eee1; color: #000000; padding: 15px; }
#header.bg #header-left img, #header #header-left img { max-width: 140px; }
#header .menu-nav, #header .submenu > li.active, #header .submenu > li:hover { background: transparent; }
#header #header-right .closed, #header .menu-nav .open, #header-left .address > span:last-child { display: none !important; }
#header #header-left { direction: ltr; }
#header-left .address { margin-left: 20px; }
#header-left a { position: relative; width: 140px; }
#header-left a img { position: absolute; transform: translateY(-15%); }

#header .social-links a svg { fill: #000; }
#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: #000; width: 27px; height: 3px; }
#header #header-center-kdm a { border: none; transition: all 0.3s ease; border-radius: 0; -webkit-text-stroke: 1px #000; font-size: 103%; }

#header .submenu { margin: 0; padding: 0 0 50px; background: #000; color: #fff; }
#nav-toggle-mobile.active span:before, #nav-toggle.active span:before, #nav-toggle-mobile.active span:after, #nav-toggle.active span:after { background: #fff; }
#header.menu-open #header-right li.social-mobile div.social-links a svg { fill: #fff; }
#header .submenu > li:not(.social-mobile)::after { content: ""; position: absolute; background: #fff; width: 70%; height: 1px; left: 50%; transform: translateX(-50%); bottom: -5px; }
#header .submenu > li { position: relative; padding-top: 15px; text-align: right; } 
#header .submenu li > a, #header .submenu li.has-sub > a { padding: 10px 40px; }
#header .submenu .menu-sub li { text-align: right; }
#header .submenu li > a:focus { color: #fff; text-decoration: none; }
@media(max-width: 767px) { 
    #header #header-center-kdm a:first-child { font-size: 100%; padding: 0; margin: 0; }
    #header-left .address { display: none; }
    #header.bg #header-left img, #header #header-left img, #header-left a { max-width: 80px; width: 80px; }
    #header #header-center-kdm, #header .phone-icon, #header .menu-nav { padding: 0; }
    #header #header-center-kdm { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background: transparent; }
    #header .phone-icon i { color: #000; }
    #header .phone-icon { position: absolute; top: 50%; transform: translateY(-50%); right: 50px; }
    #header #header-right, #header.bg #header-center-kdm { width: auto; }

    #header .submenu { position: fixed; width: 100vw; bottom: 0; padding: 120px 0; max-height: unset}
    #header .submenu .menu-sub li { padding: 5px 0; }
    #header li.has-sub { margin-top: 5px; }
    #header .submenu li > a, #header .submenu li.has-sub > a { padding: 10px 30px; }
    #header.subopen #header-left a, #header.subopen .submenu li.social-mobile, #header.subopen .phone-icon { display: none!important; }
    #header.subopen #header-right .social-links { display: inline-block; position: absolute; top: 50%; left: 0; right: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 0; }
    #header.subopen #header-right .social-links svg { fill: #fff; }

    /*#header .submenu > li:not(.social-mobile)::after { left: auto; right: 30px; transform: none; }*/
}
/*slider*/
.home-page #home-gallery ol.flex-control-nav li a.flex-active::after { content: ""; position: absolute; border: 1px solid #ffffff; right: -4px; left: -4px; top: -4px; bottom: -4px; border-radius: 100%; }
.home-page #home-gallery .flex-control-paging li a { position: relative; background: #fff; width: 10px; height: 10px; }
.home-page #home-gallery .flex-control-nav li { overflow: visible; margin: 0 8px; }
#allSectionsWrapper { z-index: 1; }
#allSectionsWrapper .scroll-down { top: -50px; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
#allSectionsWrapper .scroll-down button { background: transparent; border: none; }

/*navigation cubes*/
.sections .grid-content-section { padding: 125px 0; margin: 0 auto; }
.grid-boxes .grid-box-image { padding-bottom: 59%; }
.grid-boxes .grid-box-title h3 { font-size: 170%; }
.grid-boxes .grid-box-title h3 a { color: #000; }
.grid-boxes .box-image-animation { border-bottom: 11px solid #69771e; }
@media(max-width: 767px) {
    .grid-content-section .grid-boxes.row { margin: 0; }
    
}

/*parallex img*/
.grid-image-section { margin-bottom: 0; }
@media(max-width: 767px) {
    .grid-image-section { height: 150px; }
}

/*our-story*/
.section.grid-row-section { padding: 110px 0; margin: 0 auto; }
.grid-rows .grid-row { background: #f5eee1; }
.grid-row-section .box-image-animation img { width: auto; }
.grid-row-section .box-image-animation { display: flex; justify-content: flex-end; left: 50px; }
.grid-row-section .grid-rows .grid-row-text { right: 50px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 50%; position: absolute; }
.grid-row-section .grid-rows .grid-row-text h2 { padding-bottom: 20px; }
.grid-row-section .grid-rows .grid-row-text p { line-height: 24px; }
@media(max-width: 767px) { 
    .grid-row-section .grid-rows .grid-row { display: flex !important; flex-direction: column; }
    .grid-row-section .grid-rows .grid-row-text { position: relative; right: 0; top: 0; transform: none; width: 85%; }
    .grid-row-section .box-image-animation { display: block; left: 0; }
    .grid-row-cell.flexslider-box { width: 90%; margin: auto; }
}

/*homepage gallery*/
.section.grid-gallery-section { margin-bottom: 0; padding: 110px 0; }
.owl-carousel .owl-item.active:not(.center), .owl-carousel .owl-item:not(.active.center) { transform: scale(0.7); }
.content-section-Btn { padding-top: 50px; }
.owl-carousel .owl-nav div { font-size: 0; }
.owl-carousel .owl-next:after { background-image: url('/warehouse/temp/haroeBecafe/ArrowL.svg'); width: 23px; height: 13px; }
.owl-carousel .owl-prev:after { background-image: url('/warehouse/temp/haroeBecafe/ArrowR.svg'); width: 23px; height: 13px; }
@media(min-width: 991px) {
    .owl-carousel .owl-prev { right: 21vw; }
    .owl-carousel .owl-next { left: 21vw; }
}

/*homepage form*/
.form-container-wide #DynamicFormObject { background: #f4ead9; border: 1px solid #fff; border-bottom: 11px solid #fff; display: flex; flex-direction: column; align-items: center; max-width: 950px; margin: auto; padding: 60px 40px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText,
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; padding-top: 0; }
.form-container-wide #DynamicFormObject .dynamicFormEndText { width: auto; }
#DynamicFormObject:after { content: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 33.3%; }
.normal-form textarea, .normal-form input { width: 100%; border: none; border-bottom: 2px solid #000; border-radius: 0; box-shadow: none; }
.home-page .grid-form-section { margin-bottom: 20px; }

/*footer*/
.footer-text-divided { background: #000; color: #fff; }
#SiteFooter a:hover, #SiteFooter a:focus { color: #69771e; }
#SiteFooter .footer-address { display: none; }
#SiteFooter .site-credit.alternative { padding: 10px 0; background: #262626; }
.footer-text-divided > div.footer-text-right ul { padding: 0; margin: 0; list-style-type: none; column-count: 2; width: fit-content; gap: 50px; }
.footer-text-divided > div.footer-text-right ul > li { padding-top: 20px; }
.footer-text-divided > div.footer-text-right, .footer-text-divided > div.footer-text-left { padding: 0 70px; }
.footer-text-divided > div.footer-text-left p { padding-top: 10px; }
.footer-text-divided > div.footer-text-left p a { padding-right: 10px; }
@media(max-width: 767px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 100%; }
    .form-container-wide #DynamicFormObject { padding: 40px 20px; }
    #DynamicFormObject .dynamicFormObjectSubmit { margin-top: 20px; }
    #DynamicFormObject .dynamicFormObjectTitleAndText { padding-bottom: 20px; }
    .footer-text-divided { padding: 0; }
    .text-center { display: flex; justify-content: space-between; }
    a.AccessabilityLink { margin: 0; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 20px; top: 5px; }
    .normal-form textarea, .normal-form input { padding: 5px 15px; }
}
/*general settings*/
#DynamicFormObject input[type=submit], .content-section-Btn a, .grid-rows .grid-row-text a.grid-row-button { background: #69771e; color: #fff; font-size: 15px; min-width: 160px; max-width: 160px; padding: 10px 20px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 0; transition: all 0.25s ease-out; height: unset; margin-right: 0; margin-top: 40px; }
#DynamicFormObject input[type=submit]:hover, .content-section-Btn a:hover, .grid-rows .grid-row-text a.grid-row-button:hover { background: #000; color: #fff; }

.grid-rows .grid-row-text h2, .section-title h1, .section-title h2, #DynamicFormObject .dynamicFormObjectTitleAndText, #headline h1, #GridTop .top-caption { font-size: 335%; font-family: 'NotoSansHebrew-Bold'; margin: 0; letter-spacing: 0.5px; }
#GridTop .top-caption h1 { font-size: unset; }
@media(max-width:767px) {
    .section.grid-gallery-section, .section.grid-row-section, .sections .grid-content-section { padding: 80px 0; }
    .grid-rows .grid-row-text h2, .section-title h1, .section-title h2, #DynamicFormObject .dynamicFormObjectTitleAndText { max-width: 100%; }
    .grid-rows .grid-row-text h2, .section-title h1, .section-title h2, #DynamicFormObject .dynamicFormObjectTitleAndText, #headline h1, #GridTop .top-caption { font-size: 265%; }
}

/*Inners*/
#GridPage { padding-top: 80px; }
#GridTop::after { content: ""; position: absolute; background: #000; top: 0; right: 0; left: 0; bottom: 0; opacity: 0.3; }
#headline { font-size: 100%; }
.MainContent { max-width: 700px; margin: auto; }
#GridTop .top-caption { font-family: 'montserratBold', 'NotoSansHebrew-Bold'; }
footer { padding-top: 100px; }

@media(max-width:767px) {
    #GridPage .max-width { width: 90%; }
    footer { padding-top: 50px;}
    #GridPage { padding-top: 40px; }
}

/*About*/
.MainContent #headline, .MainContent #subheadline, .MainContent #text1 { max-width: unset; text-align: right; }
#subheadline h2, #text1 h2 { font-size: 100%; margin-bottom: 3%; }
#text1 p > img { margin: 30px 0; }

/*Contact*/
.contactPage .MainContent #headline, .contactPage .MainContent #text1 { text-align: center; }
.contactPage #SiteGrid.layout-bottom #GridContent { margin-bottom: 50px; }

/*Gallery*/
.gallery-cubes > div { PADDING: 0 5px 10px; }
.gallery-container { margin-top: 50px; }
@media(max-width:991px) {
    .gallery-container { margin-top: 20px; }
}
/*Menu*/
.categories-strip { background: transparent; position: relative; }
nav.menu-tags-list { top: -25px; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 100%; z-index: 6; }
.categories-strip ul.hidden-xs > li:first-child { display: none; }
.categories-strip ul.hidden-xs li.strip-item { background: #fff; color: #000; max-width: 150px; min-width: 149px; transition: all 0.25s ease; margin-left: 10px; }
.categories-strip ul.hidden-xs li.strip-item a { padding: 15px 40px; }
.categories-strip ul.hidden-xs li.strip-item.active, .categories-strip ul.hidden-xs li.strip-item:hover { background: #69771e; color: #fff; }

#MenuModule .menuModuleNav a.selected, #MenuModule .menuModuleNav a { color: #000; border-bottom: 1px solid transparent; border-radius: 0; padding-bottom: 5px; font-size: 100%; transition: all 0.25s ease; }
#MenuModule .menuModuleNav a.selected { border-color: #000; }
.menuModuleContentPart, .menuModuleContentPart:after { border: none; }
.menuModuleTextItemSubjectTitle, .menuModuleTextItemTitle { font-family: 'NotoSansHebrew-Bold'; font-size: 110%; }
.menuModuleTextItemDescription { color: #000; font-family: 'NotoSansHebrew-Regular'; font-size: 90%; margin-bottom: 20px; }
.menuModuleTextItemPart.test2:after, .menuModuleTextItemPart:after { border-bottom: 1px solid #000; }
.menuModuleTextItemPart.test2:after { left: 0; right: auto; }
@media(max-width: 767px) { 
    .categories-strip { background: #69771e; color: #fff; }
    nav.menu-tags-list { transform: none; top: 0; left: 0; position: relative; }
    .mobile-strip span:first-child { display: none; }
    .menuModuleContentPart, .menuModuleContentPart:after { padding: 0; }
}