﻿/*tali lama*/

:root { --HEADER_BACKGROUND: #2fa0ad; --HEADER_TEXT_COLOR: #fff; --HEADER_ICONS_COLOR: #fff; --BUTTON_BACKGROUND: #2fa0ad; --BODY_BACKGROUND: #211e1e; --BODY_TEXT_COLOR: #fff; --HEADER_LINK_HOVER_COLOR: #fff; --primaryFontSize: 20px; }

body { background: #211e1e; color: #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: #fff; }
#header #header-center-kdm a { font-size: 85%; }
#header #header-center-kdm { font-size: 100%; position: absolute; left: 50%; transform: translateX(-50%); }
a.pardes-hanna-link { position: relative; color: inherit; margin-right: 10px; }
.pardes-hanna-link::before {content:''; display:block; position:absolute; transition:var(--transition);}
#header #header-center-kdm a::before, .pardes-hanna-link::before { height: 2px; bottom: -2px; background: #e05c9c; bottom: 50px; left: 0; transform: none; }
#header #header-center-kdm a::before, .pardes-hanna-link::before { width: 100%; opacity: 0; bottom: 10px; }
#header #header-center-kdm a:hover::before, #header #header-center-kdm a:focus::before, .pardes-hanna-link:hover:before, .pardes-hanna-link:focus:before { opacity: 1; bottom: -2px; }
#header .submenu { top: 80px; right: 0; background: #2fa0ad; padding-top: 41px; padding-bottom: 50px; }
#header .submenu li:not(.has-sub) > a { color: #fff; }
#header .submenu > li:focus, #header .submenu > li:hover, #header .submenu > li:focus > a, #header .submenu > li:hover > a { background: #2fa0ad; }
.stickyButton { left: auto; right: 50px; }
#whatAppButton { left: 50px; }
#header .submenu > li:first-child { margin-top: 0; }
#header .submenu > li { font-size: 90%; }
#header .submenu li > a::before { content: none; }
#header .submenu li:not(.has-sub) > a:hover { color: #000; }
#header .submenu > li.active { background: transparent; }
#header .submenu > li.active a { color: #000; }
#header #header-left a { position: absolute; left: 0; top: 80%; transform: translateY(-50%); }
#header #header-left { position: relative; width: 130px; height: 130px; }
#header #header-left img, #header.bg #header-left img { max-width: 130px; }

.address span { font-size: 85%; }
.address { padding-right: 10px; border-right: 2px solid #fff; margin-right: 10px; }
#header .social-links a:hover svg { fill: #dc5d99; }
#header .submenu > li.has-sub.active > a { color: #fff; }
#header .submenu .menu-sub li a { color: #fff; font-size: 100%; }
#header .submenu .menu-sub li.active a { color: #000; }
#header .submenu > li > a { color: #fff; }
.has-sub i.opensub { color: #fff; }
.stickyButton img { max-width: 80px; }
#header #header-left a:nth-child(2) { position: relative; left: 128px; top: 50%; font-size: 85%; height: 20%; border-radius: 33px; border: 1px solid #fff; width: 120px; height: 33px; display: flex; justify-content: center; align-items: center; }
#home-gallery:before { content: ''; position: absolute; opacity: 0.3; background-color: #000; inset: 0; z-index: 3; }
#home-gallery .gallery-caption { top: 45%; z-index: 3; }
#home-gallery .gallery-caption .gallery-text { font-size: 350%; }
#stickyButton-2572 { right: 140px; }
#stickyButton-2572 { position: relative; left: auto; right: -200%; top: -40px; }
.firstSec .grid-text-content { font-size: 85%; max-width: 520px; padding: 0; }
.firstSec { padding-top: 120px; padding-bottom: 30px; }


@media(min-width: 768px) {
    #header #header-left > a img, #header.bg #header-left > a img { max-width: 80px; }
    #header #header-left > a { top: 50%; transform: translateY(-50%); }
    #header #header-left a:nth-child(2) { left: 80px; transform: translateY(-50%); height: 33px; position: absolute; }
    #header #header-left { }
    #stickyButton-2572 { position: absolute; right: -130px; left: unset; top: 50%; transform: translateY(-50%); height: 48px; width: 41px; box-shadow: none; }
    #header #header-left .stickyButton a { position: relative; left: unset; top: unset; transform: none; }
}


.cubeSec .grid-boxes .box-image-animation { border: 1px solid #e05c9c; }
.cubeSec .grid-box .grid-box-title h3 a { font-size: 20px; color: #fff; }
.cubeSec .grid-box.col-md-4 .grid-box-image { margin-bottom: 5px; }

.menuSec .gridTextBgImg { height: 400px; position: relative; }
.menuSec .grid-text .grid-text-content { max-width: 600px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; }
.menuSec .grid-text h2 { font-size: 250%; font-family: 'NotoSansHebrew-Bold-New'; }
.menuSec .grid-text p { font-size: 85%; letter-spacing: 0.28px; line-height: 1.57; }
.menuSec .grid-text:after { content: ''; inset: 0; position: absolute; height: 100%; width: 100%; background: #000; opacity: 0.50; }

.grid-text .sec-button, .grid-rows .grid-row-text a.grid-row-button,
.grid-gallery-section .sec-button, #DynamicFormObject input[type=submit] { margin-top: 30px; border-radius: 33px; border-color: #e05c9c; background-color: #e05c9c; font-size: 85%; max-width: 160px; padding: 0; width: 100%; height: 45px; display: flex; justify-content: center; align-items: center; }
.grid-text .sec-button:hover, #DynamicFormObject input[type=submit]:focus, #DynamicFormObject input[type=submit]:hover { background-color: #211e1e; border-color: #211e1e; }
.grid-rows .grid-row-text a.grid-row-button:hover { background-color: #2fa0ad; border-color: #2fa0ad; }
.grid-gallery-section .sec-button { background: #211e1e; border-color: #211e1e; color: #fff; margin: auto; margin-top: 45px; }
.grid-gallery-section .sec-button:hover { background: #e05c9c; border-color: #e05c9c; }

#DynamicFormObject input[type=submit]:focus, #DynamicFormObject input[type=submit]:hover { color: #fff; }

.grid-rows .grid-row { background: transparent; color: #fff; }

.aboutSec .grid-rows .grid-row-text h2 { font-family: 'NotoSansHebrew-Bold-New'; font-size: 250%; position: relative; margin-bottom: 30px; }
.aboutSec .grid-rows .grid-row-text h2:before { content: ''; position: absolute; height: 2px; width: 50px; background: #e05c9c; right: 0; bottom: -10px; }
.aboutSec .grid-rows .grid-row-text h3 { font-size: 90%; margin-bottom: 20px; }
.aboutSec .grid-rows .grid-row-text p { font-size: 85%; }
.aboutSec .grid-rows .grid-row-cell.flexslider-box.col-sm-6 { border: 1px solid #dc5d99; }
.aboutSec { padding-bottom: 143px; }
.aboutSec .grid-rows .grid-row-cell.flexslider-box.col-sm-6:before { content: ''; position: absolute; background-image: url(/warehouse/temp/talilama/textur.svg); left: 40%; top: 43px; height: 100%; width: 314px; background-size: cover; }

.gallerySec .section-title h2 { font-family: 'NotoSansHebrew-Bold-New'; font-size: 250%; }
.gallerySec.grid-gallery-section h3 { font-size: 90%; letter-spacing: 0.36px; margin-bottom: 30px; }
.gallerySec { max-width: 100%; background: #2fa0ad; padding-bottom: 133px; padding-top: 140px; }
.gallerySec .gallery-container { max-width: 1200px; margin: auto; }
.gallerySec:before { content: ''; position: absolute; top: 0; left: 0; background-image: url(/warehouse/temp/talilama/textur.svg); width: 100%; height: 130px; }

#SiteFooter { background: #211e1e; }
.footer-text-divided > div.footer-text-middle { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; }
.footer-text-divided { position: relative; max-width: calc(100% - 135px); font-size: 70%; }
.footer-text-divided > div.footer-text-left p { margin-bottom: 20px; }
.footer-text-divided > div.footer-text-left > p img { margin-right: 10px; }
a.AccessabilityLink { right: 10%; }
.FormResultPage #headline { font-family: 'NotoSansDL-Regular'; font-size: 250%; text-align: center; }
.menuModuleTextItemPrice { color: #fff; font-size: 80%; }
#menuModuleNav { display: none; }

/*@media(min-width:768px) {
    #header #header-left:before { content: 'כשרות צוהר'; position: absolute; right: -100%; display: block; top: 50%; transform: translateY(-50%); font-size: 85%; }
}*/

@media(max-width:767px) {
    #home-gallery .gallery-caption .gallery-text { white-space: normal; font-size: 210%; text-align: center; line-height: 1.2; }
    #home-gallery .gallery-caption { max-width: 100%; width: 95%; }
    #header .submenu .menu-sub li a { font-size: 18px; }
    .address { display: none; }
    #header { padding: 10px 20px !important; height: 80px; }
    .stickyButton img { max-width: 70px; }
    #header #header-center-kdm { font-size: 75%; padding: 0; flex-direction: column; }
    #header #header-center-kdm .pardes-hanna-link::before { content: none; }
    #header #header-left a.hvr-fade { display: none; }
    #header #header-center-kdm a:nth-child(2) { display: block; }
    #header .submenu .menu-sub li.active a { font-family: 'NotoSansHebrew-Bold-New'; }
    #header .submenu { max-width: 100% !important; top: 0; width: 100% !important; left: 0; right: auto; padding-top: 100px !important; }
    #header #header-left img, #header.bg #header-left img { max-width: 85px; }
    #header .submenu > li.active > a { font-family: inherit; }
    #header .submenu li { padding-right: 50px; font-size: 130%; margin-bottom: 10px; }
    #header .submenu li.social-mobile { bottom: 5%; }
    #header .social-links a { margin-left: 40px; }
    #header #header-left a { top: 50%; }
    .stickyButton { right: 20px; }
    #whatAppButton { left: 20px; bottom: 80px; }
    #header .submenu li a { font-size: 26px; }
    .has-sub i.opensub { font-size: 100%; }
    #header .social-links a svg { max-width: 32px; max-height: unset; margin-left: 10px; }
    #header .submenu li a { color: #fff; }
    .aboutSec .grid-rows .grid-row-cell.flexslider-box.col-sm-6:before { left: 60px; width: 90%; }
    .aboutSec .grid-rows .grid-row-text p { font-size: 75%; line-height: 1.53; }
    .menuSec .grid-text p { font-size: 75%; }
    .menuSec .grid-text h2 { font-size: 210%; }
    .gallerySec { padding-bottom: 80px; }
    .grid-text p { line-height: 1.53; }
    .firstSec { padding: 15px; padding-top: 70px; padding-bottom: 0; }
    #header .submenu .menu-sub { margin-top: 20px; }
    #SiteFooter .mobile-seperator a { padding: 5px; }
    .footer-text-divided > div.footer-text-middle { padding: 0; }
    .footer-text-divided > div.footer-text-right { padding: 0; justify-content: space-around; margin-bottom: 50px; }
}

.top-caption { font-family: MontserratBold, NotoSansHebrew-Bold-New; }
.top-caption h1 { font-family: inherit; }
#text1 h2 { font-size: 250%; font-family: 'NotoSansHebrew-Bold-New'; margin-bottom: 20px; position: relative; }
#text1 h2:before { content: ''; position: absolute; height: 2px; width: 50px; background: #e05c9c; right: 0; bottom: -10px; }
#text1 h3 { font-size: 90%; margin-bottom: 35px; }
#text1 p, #text2 p { font-size: 85%; }
#text1 p:last-child { margin-top: 60px; margin-bottom: 60px; }
#text2 { max-width: 700px; margin: 0 auto; margin-bottom: 112px; }

.galleryPage #text1 { text-align: center; }
.galleryPage #text1 h2:before { right: auto; left: 50%; transform: translateX(-50%); }

.eventPage #subheadline h2 { font-size: 250%; text-align: right; font-family: NotoSansHebrew-bold-new; }
.eventPage #text1 p:last-child { margin-bottom: 100px; }
.normal-form input::placeholder { font-size: 15px; }
.form-container-wide #DynamicFormObject { background: #2fa0ad; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 250%; font-family: 'NotoSansHebrew-Bold-New'; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 90%; }

.grid-short-box.box { background: transparent; border: 2px solid #d75895; color: #fff; }
.grid-short-box.box:hover { background: transparent; }
.grid-short-box.box .grid-short-box-subtitle { border: none; padding: 0; }
.grid-short-box.box .grid-short-box-text { color: #fff; font-size: 85%; text-decoration: underline; }
#gridshort-view-media .grid-short-box-label { font-size: 100%; color: #2fa0ad; }

.menuModuleTextItemTitle { font-family: NotoSansHebrew-Bold-new, sans-serif; color: #2fa0ad; font-size: 90%; }
.menuModuleTextItemDescription { color: #fff; font-size: 80%; }
.menuModuleTextItemPart:after { border-color: #803d5d; }
#MenuModule .menuModuleNav a { color: #fff; font-family: NotoSansHebrew-bold-new; font-size: 85%; }
#MenuModule .menuModuleNav a.selected, #MenuModule .menuModuleNav a:hover { color: #3a9fac; }
#MenuModule .menuModuleNav a::before { background: #3a9fac; }
.menuModuleTextItemSubjectTitle { font-size: 100%; }
.menuModuleTextItemSubjectDescription { font-size: 90%; }
#MenuModule #text1 p:last-child { margin: 0; text-align: center; }
#MenuModule { display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; }
#MenuModule .menuModuleNav { order: 1; }
.menuModuleContent { order: 3; margin-top: 35px; }
.menuModuleTextItemSubject { margin-bottom: 77px; }
li.notTable { width: 47%; }
#text1 { order: 2; width: 100%; }
#MenuModule #headline { display: none; }
.categories-strip ul li.active { background-color: #2fa0ad; }
.categories-strip ul li { border-radius: 33px; font-size: 85%; }
.categories-strip ul li a { font-size: 100%; }
.categories-strip ul li:hover { border-radius: 33px; background: #3a9fac; color: #fff; }
.categories-strip ul li:not(.active) a:hover, .categories-strip ul li:not(.active) a:focus { background: transparent; }
.menu #GridPage { padding-top: 100px; }

.mediaPage #subheadline h2 { font-size: 250%; font-family: NotoSansHebrew-bold-new; text-align: center; }

.zahinotPage #subheadline h2 { font-size: 250%; text-align: right; font-family: NotoSansHebrew-bold-new; }

.contactPage #text1 h2:before { left: 50%; right: auto; transform: translateX(-50%); }
.contactPage #text1 ul { width: auto; text-align: right; }
.contactPage #text1 ul li::before, .contactPage #text2 ul li::before { display: none; }
.contactPage #text1 { display: flex; flex-wrap: wrap; justify-content: space-evenly; margin-bottom: 100px; }
.contactPage #text1 h2 { width: 100%; }
.contactPage #text1 h3 { width: 100%; }
.contactPage #text1 ul li, .contactPage #text2 ul li { padding: 0; font-size: 85%; margin-bottom: 5px; }
.contactPage li h4 { font-family: notosanshebrew-bold-new; color: #e05c9c; }
.contactPage #SiteGrid { padding-bottom: 100px; }
.contactPage #text1 ul li:first-of-type, .contactPage #text2 ul li:first-of-type { margin-bottom: 20px; }

@media(max-width:767px) {
    #GridPage { padding-top: 80px; }
    #SiteGrid { padding-bottom: 0; }
    #text2 { margin-bottom: 0; }
    li.notTable { width: 100%; }
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 80%; }
    .form-container-wide #DynamicFormObject { max-width: 100% !important; }

    .contactPage #text1 { flex-direction: column; flex-wrap: nowrap; align-items: center; }
    .contactPage #text1 ul { text-align: center; }
    .top-caption { font-size: 275%; }
    #text1 h2 { font-size: 225%; }
    #text1 p, #text2 p { line-height: 1.55; }
    .eventPage #text1 p:last-child { margin-bottom: 100px; margin-top: 30px; }

    #MenuModule::after { display: none; }
    .menu #GridPage { padding-top: 40px; }
    .menuModuleTextItemSubject { margin-bottom: 35px; }
    .menuModuleContent { margin-top: 0; }

    .categories-strip .mobile-strip span { font-size: 100%; }
    .categories-strip .mobile-strip:after { font-size: 100%; top: 15px; }
    .mobile-strip .select-wrapper li.strip-item { font-size: 100%; }

    .eventPage #subheadline h2 { font-size: 225%; }

    #ContentGridReadMoreModule .grid-short-box.box { padding-bottom: 170px; }
    .grid-short-box.box .text-caption { line-height: 1; }

    #header #header-left a:last-child { display: none; }
}
