﻿/**Rimon Cafe**/
body {font-size: 20px; background-image: url('../../../warehouse/temp/cafeRimon/bgSite.jpg');}
h1, h2 {position: relative; display: inline-block; font-family: MeodedPashutCondenced-Regular;}
h1:after ,h2:after { content:''; display: block; width: 240px; height: 16px; margin: 20px auto 30px;
    background-image:  url('../../../warehouse/temp/cafeRimon/titleDeco.png'); background-position: center center; background-size: cover; background-repeat: no-repeat;}
.section-title { margin-bottom: 0;}
.section-title h1, .section-title h2, .home-page .grid-text h2, .grid-rows .grid-row-text h2, #headline { font-size: 350%; line-height: 0.7;}
#headline h1 { line-height: 0.9;}
.section {position: relative; margin-bottom: 0; padding: 0;}
.row {margin: 0;}
.grid-rows .grid-row {background: none;}
p, ul.accessability-list {font-size: 110%; letter-spacing: 0.22px; line-height: 1.2;}
#text1, #text2 { max-width: 625px;}
.grid-text-section .grid-text-content {max-width: 650px;}
.grid-text-section .section-title { margin-bottom: 0;}
.grid-boxes .grid-box-title h3 a:focus {outline: none;}
.gallery-container {width: 100%; display: block;}

.aboutSection { padding-top: 90px;}
.grid-text-section .grid-text-content {padding: 0;}
.grid-text p {margin-top: 0;}

/*General Transition*/
.grid-text .sec-button, a, #DynamicFormObject input[type=submit], .normal-form input[type=submit], svg, #header2 ul.menu li a:after, .categories-strip ul li
    {transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}

/*General Button*/
.grid-text .sec-button, #FormResultPage #text1 a, .page-not-found a {width: 140px; height: 40px; font-size: 100%; line-height: 42px; border: none; border-radius: 0; 
    padding: 0; text-align: center; background: #d1ba8b; color: #17203c;}
#DynamicFormObject input[type=submit], .normal-form input[type=submit] { height: 40px; width: 100%; font-size: 100% !important; line-height: 43px; border-radius: 0; margin-top: 5px; 
    border: 1px solid transparent; background: #d1ba8b; color: #17203c;}
.grid-text .sec-button:hover, .grid-text .sec-button:focus, #FormResultPage #text1 a:hover, #FormResultPage #text1 a:focus, .page-not-found a:hover, .page-not-found a:focus,
    #DynamicFormObject input[type=submit]:hover, #DynamicFormObject input[type=submit]:focus, .normal-form input[type=submit]:hover, .normal-form input[type=submit]:focus
    {background: #fff; color: #17203c; }
.page-not-found a {display: inline-block; border: 1px solid transparent;}
.page-not-found a:hover, .page-not-found a:focus, 
    #DynamicFormObject input[type=submit]:hover, #DynamicFormObject input[type=submit]:focus, 
    .normal-form input[type=submit]:hover, .normal-form input[type=submit]:focus { border-color: #002740;}
.veganIconWrapper svg > path, .vegiIconWrapper svg > path, 
.noGlutenIconWrapper svg > g > path, .spicyIconWrapper svg > g > path { fill: #d3c9b8; }
/*General Form Styles*/
.form-container-wide #DynamicFormObject  { display: block; /*max-width: 976px;*/ margin: 0 auto; padding: 40px 60px; border:none; color: #231f20;}
#DynamicFormObject {border: none; padding: 30px 15px; color: #fff;}
#side-contact-form #DynamicFormObject input {font-size: 85%; color: #fff; margin-bottom: 15px;}
#side-contact-form #DynamicFormObject input::-webkit-input-placeholder {color: #fff;}
#DynamicFormObject .dynamicFormObjectFields .top-form { display: block; line-height: 1; margin-bottom: 20px; font-size: 105%;}
#DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 205%; margin-bottom: 10px;}
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { line-height: 0.7; margin-bottom: 0;}
#DynamicFormObject .dynamicFormObjectFields {margin-bottom: 0;}
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .form-container-wide #DynamicFormObject .dynamicFormEndText { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: block; width: 100%; padding: 0; margin-bottom: 0;}
.normal-form { background-color: #fff;}
.normal-form input, .normal-form select, .normal-form textarea { width: 100%; max-width: 100%;  background: #f1f1f1; color: #121212; border-radius: 0; 
    border: none; border-right: 4px solid #d1ba8b; margin-bottom: 20px; font-size: 90%; padding-right: 15px; box-shadow: none; -webkit-box-shadow: none;}
.internal-form textarea:focus, .normal-form select:focus { border-color: #d1ba8b;}
.normal-form input, .normal-form select { height: 35px;}
.normal-form textarea { height: 80px; }
.normal-form input::-webkit-input-placeholder, .normal-form select::-webkit-input-placeholder, .normal-form textarea::-webkit-input-placeholder { color: #121212; }
.must:before { right: 24px; top: 9%;}
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form {font-size: 110%; margin-bottom: 30px;}
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; display: inline-block; float: none;}
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { display: inline-block; float: none;}
label.error, span.error {top: 8px; left: 15px; font-size: 65%;}
#DynamicFormObject .textarea-wrapper.must:before { top: 3px;}
.normal-form:after, #DynamicFormObject:after {content: none;}

/*Header*/
#header {display: block;}
.home-page #header:not(.bg) {background: none;}
#header.bg { background: #fff;  box-shadow: -7.8px 6.3px 16.2px 4.8px rgba(0, 0, 0, 0.09); -webkit-box-shadow: -7.8px 6.3px 16.2px 4.8px rgba(0, 0, 0, 0.09);}
#header #header-left, #header #header-center-kdm, #header #header-right { display: inline-block;}
#header #header-center-kdm { position: absolute; left: 0; top: 50%; font-size: 100%; 
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
#header #header-center-kdm, #header.bg #header-center-kdm { padding: 0;}
#header #header-center-kdm a { width: 100px; height: 36px; border: 1.6px solid transparent; border-radius: 0; font-size: 100%; padding: 0;  line-height: 37px; margin-left: 13px;}
#header #header-center-kdm a { border-color: #fff; color: #fff;}
#header #header-center-kdm a:focus, #header #header-center-kdm a:hover { background: #fff; color: #17203c; border-color: #fff;}
#header.bg #header-center-kdm a { border-color: #002740; color: #121212;}
#header.bg #header-center-kdm a:focus, #header.bg #header-center-kdm a:hover { background: #002740; color: #fff; }
#header #header-center-kdm a:last-of-type {margin-left: 0;}
#header #header-left { display: none;}
#header #header-left { position: absolute; display: none; right: 50%; top: 50%;
    transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%);}
#header.bg #header-left { display: inline-block;}
#header #header-left img, #header.bg #header-left img { max-width: 95px;}
#header.bg #header-right .social-links a svg, #header.menu-open #header-right .social-links a svg { fill: #00223E;}
#header .menu-nav { width: 46px; height: 46px; display: inline-block; text-align: center; padding: 0;  border-radius: 50%;}
#nav-toggle, #nav-toggle-mobile {border-radius: 50%;}
#nav-toggle {background: #fff;}
#header.bg .menu-nav #nav-toggle, #header.bg .menu-nav #nav-toggle-mobile, #nav-toggle-mobile { background: #d1ba8b;}
#header.bg.menu-open .menu-nav #nav-toggle, #header.bg.menu-open .menu-nav #nav-toggle-mobile { background: #fff;}
.nav-menu-anim { width: 100%; height: 100%;}
#header .menu-nav .open, #header #header-right .closed { display: none !important;}
.nav-menu-anim {margin-left: 0;}
#header #nav-toggle span, #header #nav-toggle span:after, #header #nav-toggle span:before, 
   #header #nav-toggle-mobile span, #header #nav-toggle-mobile span:after, #header #nav-toggle-mobile span:before {width: 24px; background: #121212;}
#header #nav-toggle-mobile.active span, #header.bg #nav-toggle-mobile.active span 
    #header #nav-toggle.active span, #header #nav-toggle.active span {background: transparent;}
#header #nav-toggle span, #header #nav-toggle-mobile span { right: 50%; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%);}
#nav-toggle span:before, #nav-toggle-mobile span:before { top: -6px;}
#nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -6px;}
#header .submenu { background: #d1ba8b; color: #121212;}
#header .submenu > li:not(.last-item) { border-bottom: 1px solid #DAC8A2;}
#header .submenu > li.active {color: inherit; background: rgba(255,255,255,.2);}
#header .submenu li > a:focus { text-decoration: none;}
#header .social-links a:focus:after, #header2 .header-top-left a:focus:after {content: none;}
#header #header-center-kdm .address {display: none;}

/*Top Banner*/
#home-gallery .gallery-logo { width: 100%;}
#home-gallery .gallery-logo img { min-width: unset; max-width: 325px; width: 100%;}
#home-gallery:after { content: ''; position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; border: 3px solid #d1ba8b; pointer-events: none;}
#home-gallery .scroll-down { bottom: 50px;}
#home-gallery .scroll-down:after { content: ''; position: absolute; width: 48px; height: 55px; right: 50%; bottom: 0; 
    background: url(../../../warehouse/temp/cafeRimon/scrollDownIcon.png); background-size: cover; background-position: center center; background-repeat: no-repeat;
    transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); pointer-events: none;} 
#home-gallery .scroll-down svg, #home-gallery .scroll-down svg path {height: 55px; opacity: 0;}

/*Branches Section*/
.grid-content-section.branchesSec { padding: 60px 0 200px;}
.grid-content-section.branchesSec:after, .grid-text-section.kitchenNBarSec:after { content: ''; position: absolute; width: 2px; height: 100px; background: #d1ba8b; 
    bottom: 51px; }
.grid-content-section.branchesSec .grid-boxes { max-width: 1020px; margin: 0 auto;}
.grid-content-section.branchesSec .grid-box-image { padding-bottom: 400px; margin-bottom: 0;}
.grid-content-section.branchesSec .grid-box-title { position: absolute; top: 115px; right: 50%;
    transform: translate(50%, 50%); -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%);}
.grid-content-section.branchesSec .grid-box-title, .grid-content-section.branchesSec .grid-boxes .grid-box-subtitle { pointer-events: none;}
    .grid-content-section.branchesSec .grid-boxes .grid-box-title h3, #LobbyModule .grid-content-section.branchesSec .grid-boxes .grid-box-title h3 { position: relative; margin: 0; font-size: 230%; }
.grid-content-section.branchesSec .grid-boxes .grid-box-title h3 a{ color: #fff; }
.grid-content-section.branchesSec .grid-boxes .grid-box-title h3:after {content: ''; position: absolute; width: 80px; height: 80px; top: -50px; right: 50%; 
    background-image: url(../../../warehouse/temp/cafeRimon/hpBranchesIcon.png); background-size: cover; background-position: center; background-repeat: no-repeat;
    transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%);}
.grid-content-section.branchesSec .grid-boxes .grid-box-subtitle { position: absolute; font-size: 110%; color: #d8bf8e; top: 160px; right: 50%;
    transform: translate(50%, 50%); -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%);}
.grid-content-section.branchesSec .grid-boxes .grid-box-subtitle:after { content: ""; background-image: url('../../../warehouse/temp/cafeRimon/arrow.svg'); width: 40px; height: 35px; background-size: cover; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.grid-content-section.branchesSec .grid-boxes .grid-box-subtitle span { letter-spacing: 0.22px;}
.grid-content-section.branchesSec .grid-box-image:before, .grid-content-section.branchesSec .grid-box-image:after { content: ''; position: absolute; z-index: 1;
    pointer-events: none;}
.grid-content-section.branchesSec .grid-box-image:before { top: 8px; left: 8px; right: 8px; bottom: 8px; border: 2px solid #d1ba8b;}
.grid-content-section.branchesSec .grid-box-image:after { top: 13px; left: 13px; right: 13px; bottom: 13px; border: 1px solid #d1ba8b;}

/*Kitchen And Bar Section*/
.grid-text-section.kitchenNBarSec { padding-bottom: 215px;}
.grid-text-section.kitchenNBarSec:after { bottom: 60px;}
.grid-text-section.kitchenNBarSec .section-title {position: relative; height: 46px; margin-bottom: 30px;}
.grid-text-section.kitchenNBarSec .section-title:before { content: ''; position: absolute; width: 428px; height: 46px; top: 0; right: 50%; 
    background-image:  url(../../../warehouse/temp/cafeRimon/hpKitchenSecTitle.png); background-position: center; background-size: cover; background-repeat: no-repeat;
    transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%);}
.grid-text-section.kitchenNBarSec .grid-text.gridTextWithImg { max-width: 1170px; margin: 0 auto;}
.grid-text-section.kitchenNBarSec .section-title  h2 {opacity: 0;}
.grid-text-section.kitchenNBarSec .section-title h2:after {content: none;}
.grid-text-section.kitchenNBarSec .gridTextImgContainer:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(23, 32, 60, 0.5); 
    pointer-events: none;}
.grid-text-section.kitchenNBarSec .grid-text.gridTextWithImg .gridTextImgContainer img {max-height: 600px; object-fit: cover;}
.grid-text.gridTextWithImg .grid-text-content h2 {margin-bottom: 25px;}
.grid-text.gridTextWithImg .grid-text-content h2:before, .grid-text.gridTextWithImg .grid-text-content h2:after { content: ''; display: inline-block; width: 100px; 
    height: 1px; background: #fff; vertical-align: middle; }
.grid-text.gridTextWithImg .grid-text-content h2:before { margin-left: 15px;}
.grid-text.gridTextWithImg .grid-text-content h2:after { margin: 0 15px 0 0;}
.grid-text.gridTextWithImg .grid-text-content h2 img { position: absolute; width: 21px; top: -15px; right: 50%;
    transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%);}
.grid-text.gridTextWithImg .grid-text-content p { font-size: 120%;}
.grid-text.gridTextWithImg .grid-text-content a.sec-button { margin-top: 20px;}

/*Event Section*/
.grid-content-section.eventsSec {padding: 0 0 210px 0;}
.grid-content-section.eventsSec .grid-boxes { max-width: 760px; margin: 0 auto;}
.grid-content-section.eventsSec .grid-boxes .grid-box-image, .grid-content-section.eventsSec .box-image-animation {overflow: visible;}
.grid-content-section.eventsSec .grid-boxes .grid-box-image { padding-bottom: 100%; margin-bottom: 0;}
.grid-content-section.eventsSec .grid-boxes .grid-box-title, .grid-content-section.eventsSec .grid-boxes .grid-box .grid-box-subtitle.button,
    .grid-content-section.eventsSec .grid-boxes .grid-box .grid-box-fulltext
    { position: absolute; left: 50%; pointer-events: none; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.grid-content-section.eventsSec .grid-boxes .grid-box-title { top: 40%;}
.grid-content-section.eventsSec .grid-boxes .grid-box-title:after { content: ''; position: absolute; width: 115px; height: 20px; top: -25px; right: 50%;
    background-image: url(../../../warehouse/temp/cafeRimon/hpEventsSecDeco.png); background-size: cover; background-position: center; background-repeat: no-repeat;
    transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%);}
.grid-content-section.eventsSec .grid-boxes .grid-box-title h3 {margin: 0; font-size: 300%; line-height: 1;}
.grid-content-section.eventsSec .grid-boxes .grid-box-title h3 a {color: #fff;}
.grid-content-section.eventsSec .grid-boxes .grid-box .grid-box-subtitle.button { width: 100%; top: 65%; color: #d1ba8b;}
.grid-content-section.eventsSec .grid-boxes .grid-box:hover .grid-box-subtitle.button a,
    .grid-content-section.eventsSec .grid-boxes .grid-box:focus .grid-box-subtitle.button a { text-decoration: underline;}
.grid-content-section.eventsSec .grid-boxes .grid-box .grid-box-fulltext { max-width: 230px; width: 100%; top: 53%; }
.grid-content-section.eventsSec .grid-boxes .grid-box .grid-box-fulltext p {max-width: 230px; font-size: 100%; margin: 0 auto; line-height: 1; color: #fff;}

/*Lower Gallery Section*/
.home-page .grid-gallery-section .gallery-slider{ max-width: 100%;}
.home-page .grid-gallery-section .gallery-slider.flexslider .slides li { padding-bottom: 600px;}
.home-page .grid-gallery-section .gallery-slider.flexslider .slides img {height: auto;}
.home-page .grid-gallery-section .gallery-slider.flexslider .flex-prev, .gallery-slider.flexslider:hover .flex-prev {left: 30px;}
.home-page .grid-gallery-section .gallery-slider.flexslider .flex-next, .gallery-slider.flexslider:hover .flex-next { right: 30px;}
.home-page .grid-gallery-section .gallery-slider.flexslider .slides li:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.2); pointer-events: none;}
.home-page .grid-gallery-section .gallery-slider.flexslider .slides li:before { content: ''; position: absolute; width: 225px; height: 138px; top: 50%; right: 50%; 
    z-index: 10; pointer-events: none;
    transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%);
    background-image: url(../../../warehouse/temp/cafeRimon/hpGallerySecLogo.png); background-size: cover; background-position: center center; 
    background-repeat: no-repeat;}
.flex-direction-nav a {width: 55px; height: 55px;}
/*.home-page .grid-gallery-section .gallery-slider.flexslider .slides li:after { content: ''; position: absolute; width: 225px; height: 138px; top: 50%; right: 50%;
    background-image: url(../../../warehouse/temp/cafeRimon/hpGallerySecLogo.lpng); background-size: cover; background-position: center center; background-repeat: no-repeat;}*/
.gallery-slider .flex-direction-nav a.flex-prev:before, .gallery-slider .flex-direction-nav a.flex-next:before {width: 100%; height: 100%;}
.gallery-slider .flex-direction-nav a.flex-prev:before {background-image: url(../../../warehouse/temp/cafeRimon/arrLeft.png);}
.gallery-slider .flex-direction-nav a.flex-next:before {background-image: url(../../../warehouse/temp/cafeRimon/arrRight.png);}

/*Footer*/
.home-page footer {padding-top: 0;}
footer {padding-top: 100px;}
#SiteFooter .site-credit.alternative { padding: 10px 0;}
#SiteFooter .footer-address {display: none;}
.footer-text-divided {position: relative; display: block; padding: 40px 0 20px; color: #fff; background-image: url(../../../warehouse/temp/cafeRimon/bgFooter.jpg); 
    background-size: cover;  background-position: center center; background-repeat: no-repeat;}
.footer-text-divided>div.footer-text-middle { display: block; width: 100%;}
.footer-text-divided>div.footer-text-middle p:first-child img { margin-bottom: 15px; width: 100px;}
.footer-text-divided > div.footer-text-middle p:nth-child(2) a { margin:0 5px;}
.footer-text-divided > div.footer-text-middle p:nth-child(2) img { margin-bottom: 15px;}
.footer-text-divided>div.footer-text-middle a:hover, .footer-text-divided>div.footer-text-middle a:focus { color: inherit; text-decoration: underline;}

/*Inner Pages*/
#GridContent {max-width: 1170px; position: relative; margin: -200px auto 0; float: none; }
#pageview .MainContent, #MenuModule, #ContactModule, #lobbyview, .page-not-found /*, .menuPage .grid-menu-section*/ {position: relative; background: #fff; padding: 95px 60px 65px;}
#pageview .MainContent:before, #MenuModule:before, #ContactModule:before, .menuModuleContentPart:before, #lobbyview:before, .page-not-found:before/*, #LobbyModule .grid-menu-section:before*/
    { content: ''; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; border: 2px solid #d1ba8b; pointer-events: none;}
#pageview .MainContent:after, #MenuModule:after, #ContactModule:after, .menuModuleContentPart:after, #lobbyview:after, .page-not-found:after/*, #LobbyModule .grid-menu-section:after*/ { content: '';
    position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border: 1px solid #d1ba8b; pointer-events: none;}
#GridContent .section-animation-item { margin-top: 0; opacity: 1; transition: none; -webkit-transition: none; -o-transition: none;}
#GridContent .grid-text-content {max-width: 100%;}
#GridContent .grid-text-content p { font-size: 100%;}
#lobbyview {margin-bottom: 60px;}
#GridPage {padding-top: 0;}
#GridTop:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,.3); pointer-events: none;}
#headline {margin-bottom: 0;}
#GridContent #subheadline {display: none;}
#lobbyview #text2, #lobbyview #lobbyText {display: inline-block; vertical-align: top; text-align: right;}
#lobbyview #lobbyText { max-width: 625px; margin-left: 110px;}
#lobbyview #text2 { max-width: 260px;}
#lobbyview #lobbyText p, #lobbyview #text2 p {font-size: 100%;}
.alcoholPage #MenuModule #headline { margin-bottom: 30px;}
.textCenter #lobbyview #lobbyText { text-align: center; margin-right: auto; margin-left: auto; }
.textCenter .lobbyTextContainer { text-align: center; }
body.mainEvents #LobbyModule .grid-boxes .grid-box-title h3 { font-size: 230%; }
body.mainEvents  #lobbyview { margin-bottom: 0; }
body.mainEvents  .grid-content-section.branchesSec { padding-top: 0; }

/*Inner Gallery Section*/
.internalPage .grid-gallery-section { max-width: 1200px; margin: 0 auto;}
.internalPage .gallery-cubes>div { padding: 12px;}
.internalPage .gallery-cubes .image-link-inner { width: 50px; height: 50px; background: #002740; }
.internalPage .gallery-cubes .plus-sign { width: 100%; height: 100%; color: #d1ba8b; font-size: 310%; top: 20%; }

/*Inner Menu Section*/
.menuPage #GridPage, .alcoholPage #GridPage {padding-top: 60px;}
#LobbyModule .grid-menu-section #MenuModule {max-width: 1000px; margin: 0 auto; background-image: url(../../../warehouse/temp/cafeRimon/bgMenu.jpg); padding-top: 55px;} 
#LobbyModule .grid-menu-section { margin-top: 60px;}
#LobbyModule .grid-menu-section .menuModuleContent { background: none;}
#LobbyModule .grid-menu-section #MenuModule:after, #LobbyModule .grid-menu-section .menuModuleContentPart:before, 
    #LobbyModule .grid-menu-section .menuModuleContentPart:after {content: none;}
#LobbyModule .grid-menu-section #MenuModule:after { content: ''; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border: 1px solid #d1ba8b; 
    pointer-events: none;}
#LobbyModule .grid-menu-section #MenuModule .menuModuleNav a {color: #fff;}
#LobbyModule .grid-menu-section #MenuModule .menuModuleNav { padding: 0 0 30px 0; border-bottom:  1px solid #d1ba8b; margin-bottom: 55px;}
#LobbyModule .grid-menu-section .menuModuleContentPart {padding: 0;}

/*Inner Contact Sections*/
.internalPage .grid-form-section {max-width: 1000px; margin-top: 50px;}

/*Menu Page*/
.menuPage #GridContent, .alcoholPage #GridContent {margin-top: 0;}
.menuPage #LobbyModule .grid-menu-section {margin-top: 0;}
.alcoholPage #MenuModule {max-width: 1000px; margin: 0 auto; padding: 0; background: none;}
.alcoholPage #MenuModule:before, .alcoholPage #MenuModule:after { content: none;}
.menuPage #lobbyview {display: none;}
#MenuModule #headline h1:before, #MenuModule #headline h1:after { content: ''; display: inline-block; width: 100px; height: 1px; background: #d1ba8b; vertical-align: middle; }
.menuPage .section-title { position: relative; margin-bottom: 30px;}
.menuPage .section-title:after { content: ''; position: absolute; width: 21px; height: 16px; top: -15px; right: 50%;
    background-image: url(../../../warehouse/temp/cafeRimon/hpKitchenSecDeco.png); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.menuPage .section-title h2:before, .menuPage .section-title h2:after {content: ''; display: inline-block; width: 100px; height: 1px; background: #d1ba8b; vertical-align: middle;}
.menuPage .section-title h2:before {margin-left: 20px;}
.menuPage .section-title h2:after {margin:0 20px 0 0;}
.menuModuleContent { background-image: url(../../../warehouse/temp/cafeRimon/bgMenu.jpg);}
.menuModuleContentPart {border: none; color: #fff; margin-bottom: 0;}
#MenuModule #headline {position: relative;}
#MenuModule #headline:before { content: ''; position: absolute; width: 21px; height: 16px; top: -12px; right: 50%; 
    transform: translate(50%, 50%);
    background-image: url(../../../warehouse/temp/cafeRimon/hpKitchenSecDeco.png); background-position:center center; background-size: cover; background-repeat: no-repeat; }
#MenuModule #headline h1:before, #MenuModule #headline h1:after { content: ''; display: inline-block; width: 100px; height: 1px; background: #d1ba8b; vertical-align: middle; }
#MenuModule #headline h1:before {margin-left: 20px;}
#MenuModule #headline h1:after {margin:0 20px 0 0;}
.menuModuleTextItemDescription, .menuModuleTextItemPrice, .menuModuleTextItemTitle { color: #fff;}
.menuModuleTextItemPart:after {content: none;}
.menuModuleContentPart:after {z-index: 10;}
#MenuModule .menuModuleNav a { height: 32px; font-size: 110%; font-family: MeodedPashutCondenced-Regular; border: 1px solid transparent; border-radius: 0;  line-height: 25px; padding: 0 20px;}
#MenuModule .menuModuleNav a.selected, #LobbyModule .grid-menu-section #MenuModule .menuModuleNav a.selected { border-color: #d1ba8b; color: #d1ba8b; }
h3.menuModuleTextItemTitle { font-family: MeodedPashutCondenced-Regular; font-size: 120%;}
.menuModuleTextItem0, .menuModuleTextItem1 {text-align: right;}
.menuModuleTextItemDescription { font-size: 90%; letter-spacing: 0.1px;}
.menuModuleTextItemPrice {font-size: 114%; letter-spacing: 0.2px;}
.menuModuleTextItemPrice:before { font-size: 10px;}
.menuModuleTextItemSubjectTitle { font-size: 155%; margin-bottom: 10px;}
.menuModuleTextItemSubjectTitle:after { content: none;}
.menuModuleTextItemSubjectDescription { color: #d1ba8b; font-size: 90%; letter-spacing: 0.1px;}
.menuModuleTextItemSubject {margin-bottom: 35px;}

/*Contact Page*/
.contact-form-wrap { margin-top: 30px;}
.contactPage #headline { margin-bottom: 0;}
#contact-boxes a { height: 36px; width: 120px; vertical-align: middle; margin-left: 13px; background: transparent; border-radius: 0; border: 1.6px solid #002740; 
    color: #121212; line-height: 37px; padding: 0;}
#contact-boxes a:hover, #contact-boxes a:focus { background: #002740; color: #fff;}
#contact-boxes a:last-child {margin-left: 0;}
.contactPage #contactDetails {font-size: 100%;}
.contactPage #contactDetails .contactDetailsText1 { font-size: 100%; line-height: unset; margin: 0;}
#contactDetails .contactDetailsText1 p {margin-bottom: 20px;}
#contact-boxes {margin: 0;}
.contactPage .contactDetailsText1 a:hover, .contactPage .contactDetailsText1 a:focus {text-decoration: underline; color: inherit;}
#contactDetails .contactDetailsText1 h2:after {content: none;}
#contactview.max-width-center { max-width: 1030px; }
.contact-form-wrap {padding: 0;}
#contactform { margin: 0; border: none;}
#contactform:before, .form-container-wide #DynamicFormObject:before { content: ''; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; border: 2px solid #051b3c; pointer-events: none;}
#contactform:after, .form-container-wide #DynamicFormObject:after { content: ''; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border: 1px solid #051b3c; pointer-events: none;}
#contactform h3 {margin: 0; font-size: 175%;}
#contactform .contact-container { width: 90%;}
#contactform textarea { margin: 0 0 10px 0;}
#contactform .contact-form-submit { text-align: center; margin-bottom: 0;}
#contactform .contact-form-comment {font-size: 85%; margin-bottom: 0;}
#contactform .contact-container .row > div, #DynamicFormObject .dynamicFormObjectField, #DynamicFormObject .dynamicFormObjectSubmit,
    .form-container-wide #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { padding: 0 10px;}

@media(min-width: 1025px) {
    /*Header*/
    #header { padding: 12px 34px 22px;}
    #header .submenu { width: 230px; border-radius: 23px; top: 0; right: -26px; padding: 0 15px 18px;}
    #header.menu-open #header-right > .social-links { margin-right: 55px; }
    #header .menu-nav, #header #header-right > .social-links { margin-top: 10px;}
    #header .submenu li.social-mobile { display: none !important;}
    #header .submenu > li { height: 39px; padding: 0; text-align: right; line-height: 43px;}
    #header .submenu>li:first-child { margin-top: 72px;}
    #header .submenu > li a { padding-right: 10px;}
    #header .submenu li > a { font-size: 100%;}
    #header .submenu > li:hover, #header .submenu > li:focus {color: inherit; background: rgba(255,255,255,.2);}
    /*#header #header-right { padding: 15px 0 0;}*/
    #header #header-center-kdm { left: 35px; top: 60%;}
    #header.bg #header-center-kdm { top: 50%;}
    #header #header-right { padding-right: 0;}

    /*****Inner Pages*****/
    /*Menu page*/
    .menuModuleTextItem0 .menuModuleTextItemPart:nth-child(odd), .menuModuleTextItem1 .menuModuleTextItemPart:nth-child(odd) { padding-left: 70px;}
    .menuModuleTextItem0 .menuModuleTextItemPart:nth-child(even), .menuModuleTextItem1 .menuModuleTextItemPart:nth-child(even) { padding-right: 70px;}
    #MenuModule .menuModuleNav a:hover, #MenuModule .menuModuleNav a:focus, #LobbyModule .grid-menu-section #MenuModule .menuModuleNav a:hover,
        #LobbyModule .grid-menu-section #MenuModule .menuModuleNav a:focus { border-color: #d1ba8b; color: #d1ba8b; }
}

@media(min-width: 991px) {
    #header #header-right { min-width: 300px;}
    #header #header-right > .social-links { display: inline-block; padding: 0; vertical-align: middle; margin-right: 20px;}

    .grid-content-section.branchesSec .grid-box { padding: 0 20px;}

    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 25%;}
    .normal-form input[type=submit], #DynamicFormObject input[type=submit] { width: 140px; padding: 0; }
}

@media(min-width: 768px) {
    #header #header-center-kdm a { display: inline-block;}

    .grid-text.gridTextWithImg .grid-text-content { color: #fff;}
    .grid-content-section.eventsSec .grid-boxes .grid-box { width: 50%; padding: 0 30px; margin-bottom: 50px;}

    #contactform, .form-container-wide #DynamicFormObject { padding: 45px 65px 35px;}
}

@media(max-width: 1280px) {
    .grid-text-section.kitchenNBarSec .grid-text.gridTextWithImg, .grid-content-section.eventsSec .grid-boxes { width: 90%;}
}

@media(min-width: 991px) and (max-width: 1280px) {
    #lobbyview #text2 { max-width: unset; width: 33%;}
    #lobbyview #lobbyText { max-width: unset; width: 60%; margin-left: 6%;}
}

@media(max-width: 1024px) {
    /*Header*/
    #header { padding: 0;}
    #header .max-width { width: 100%;}.submenu
    #header .menu-nav .closed, #header .menu-nav .opened {display: none !important; }
    #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: #212327;}
    #header ul.submenu { width: 100vw; height: 101vh; margin-bottom: 0; padding: 0 20px;}
    #header ul.submenu li { font-size: 80%;}
    #header ul.submenu li { margin-left: 0;}
    /*#header2 ul.menu li.active, #header2 ul.menu li:hover, #header2 ul.menu .menu-sub li:hover { color: #fff;}*/
    #header ul.submenu li.active > a:after, #header ul.submenu li:hover > a:after, #header ul.submenu li:focus > a:after, #header ul.submenu li .menu-sub li.active > a:after,
        #header ul.submenu li .menu-sub li:hover > a:after, #header ul.submenu li .menu-sub li:focus > a:after { background: #231f20;}
    #header ul.submenu li.has-sub > a { margin-right: 30px;}
    #header #header-right { padding: 20px 30px;}
    #header .header-right-section { width: 100%; background: none; padding: 25px 20px 25px 0;}
    #header .header-top-right {float: none;}
    #header .header-top.social-links { width: auto; position: absolute; left: 20px;}
    #header #header-left { width: auto; height: auto; position: absolute; right: 50%; top: 13px; padding:0; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%);}
    #header.open #header-left { opacity: 0; pointer-events: none;}
    #header ul.submenu li.social-mobile { padding-top: 35px;}
    #header ul.submenu .social-links a svg { width: 30px; height: 30px;}
    #header .header-top-left a svg { width: 20px; height: 20px; display: block;}
    #header ul.submenu li a:after { height: 1px; bottom: -3px;}
    #header .header-top-left { display: block;}
    #header.open .header-top-left { opacity: 0; pointer-events: none;}
    #header .header-top-left a { margin-right: 10px; vertical-align: middle;}  
    #header .header-top-left a:first-child { margin-right: 0;}
    #header.menu-open #header-center-kdm, #header.menu-open #header-left, #header.menu-open #header-right > .social-links { opacity: 0; pointer-events: none;}
    #header ul.submenu li.social-mobile { border-bottom: none; text-align: center;}

    /*Events Section*/
    .grid-content-section.eventsSec .grid-boxes .grid-box-title h3 { font-size: 250%;}
    .grid-content-section.eventsSec .grid-boxes .grid-box .grid-box-fulltext { top: 56%;}
    .grid-content-section.eventsSec .grid-boxes .grid-box .grid-box-subtitle.button { top: 70%;}

    /*Gallery Section*/
    .home-page .grid-gallery-section .gallery-slider.flexslider .slides img { height: 100%;}
    .gallery-slider .flex-direction-nav { top: 50%;}
    .home-page .grid-gallery-section .gallery-slider.flexslider .slides li { padding-bottom: 450px;}

    #contactform .contact-container { width: 100%;}
}

@media(min-width: 768px) and (max-width: 1024px) {
    #header #header-center-kdm a { font-size: 90%; width: 85px;}
    #header .submenu li > a { font-size: 200%;}
    #header #header-center-kdm { left: 20px;}

    .grid-content-section.eventsSec .grid-boxes .grid-box { width: 48%;}
}

@media(max-width: 990px) {
    .section-title h1, .section-title h2, .home-page .grid-text h2, .grid-rows .grid-row-text h2, #headline { font-size: 250%;}
     #GridPage { padding-top: 50px;}
    .aboutSection { padding-top: 80px;}

    /*Top Banner*/
    #home-gallery:after { z-index: 10;}

    /*Branches Section*/
    .grid-content-section.branchesSec { padding-bottom: 120px;}
    .grid-content-section.branchesSec .grid-box-image { padding-bottom: 300px;}
    .grid-content-section.branchesSec:after, .grid-text-section.kitchenNBarSec:after { height: 70px;}
    .grid-content-section.branchesSec:after { bottom: 40px;}
    .grid-text-section.kitchenNBarSec:after { bottom: 50px;}

    /*Kitchen And Bar Section*/
    .grid-text-section.kitchenNBarSec { padding-bottom: 150px;}
    .grid-text-section.kitchenNBarSec .grid-text.gridTextWithImg .gridTextImgContainer img { max-height: 500px;}

    /*Events Section*/
    .grid-content-section.eventsSec { padding: 0 0 60px 0;}

    /*Footer*/
    footer {padding-top: 60px;} 

    /*****Inner Pages*****/
    #GridPage.gallery .max-width, .lobby-grid #GridPage .max-width, #GridPage .max-width { width: 95%; padding: 0 15px;}
    #GridContent { margin: -130px auto 0; }
    #pageview .MainContent, #MenuModule, #ContactModule, #lobbyview, .page-not-found, .menuPage .grid-menu-section { padding: 75px 40px 40px;}
    #lobbyview { margin-bottom: 40px;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin-bottom: 15px;}
    #LobbyModule .grid-menu-section { margin-top: 40px;}
    .lobbyTextContainer, #lobbyview #text2, #lobbyview #lobbyText { text-align: center;}
    #lobbyview #text2, #lobbyview #lobbyText { max-width: 90%; margin-left: auto; margin-right: auto;}
    #lobbyview #lobbyText, #lobbyview #text2 { margin-bottom: 30px;}

    /*Menu Page*/
    .alcoholPage #MenuModule #headline { margin-bottom: 25px;}
    #MenuModule #headline:before { top: -20px;}
    .menuPage #LobbyModule .grid-menu-section { padding: 0;}

     /*Contact Page*/
    #contactform h3 { font-size: 130%; margin-bottom: 15px;}
    #contactform .contact-form-comment { margin-top: 20px;}
}

@media(min-width: 768px) and (max-width: 990px) {
    /*Branches Section*/
    .grid-content-section.branchesSec .grid-boxes { width: 90%;}
    .grid-content-section.branchesSec .grid-boxes .grid-box-title h3:after { width: 60px; height: 60px; top: -35px;}
    .grid-content-section.branchesSec .grid-box-title { width: 100%; top: 65px;}
    .grid-content-section.branchesSec .grid-boxes .grid-box-subtitle { top: 115px;}
    .grid-content-section.branchesSec .grid-boxes .box-image-animation img { height: 100%;}

    /*Inner Pages*/
    /*Contact Page*/
    #contactview.max-width-center, .internalPage .grid-form-section { max-width: 70%;}
    #contactform .contact-container .row > div:not(.textareaWrapper), .normal-form input[type=submit],
        .form-container-wide #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit{ width:100%;}
}

@media(max-width: 767px) {

    /*Header*/
    .home-page #header:not(.bg) { background: #fff;}
    #header .phone-icon {display: inline-block; margin-top: 5px;}
    #header .phone-icon a { display: block; color: #212327; }
    #header .phone-icon a i{ color: inherit; }
    /*#header .mobile-middle-kdm, #header #header-center-kdm { display: none;}*/
    #header #header-right { width: 100%; padding: 13px 20px;}
    #header .header-right-section { padding: 20px 20px 20px 0;}
    #header #header-left {display: inline-block; top: 14px; margin: 0;}
    #nav-toggle { background: #d1ba8b;}
    #header.open #header-left, #header.open .phone-icon { opacity: 0; pointer-events: none; }
    #header ul.submenu { max-height: unset; padding-top: 90px; margin-top: 0;}
    #header ul.submenu li { font-size: 150%; text-align: center; padding: 10px;}
    #header ul.submenu li a { font-size: 100%; line-height: 1.2;}
    #header #header-left img, #header.bg #header-left img { max-width: 80px;}
    #header ul.submenu .social-links a svg { width: 25px; height: 25px; fill: #00223E;}
    #header.subopen #header-left { opacity: 0; pointer-events: none;}
    #header #header-center-kdm {display: block; left: 20px;}
    #header.bg #header-center-kdm {width: auto;}
    #header #header-center-kdm a:first-child, #header #header-center-kdm a {display: none;}
    #header #header-center-kdm a:nth-child(4) {display: block;color: #212327;border-color: #212327;width: 80px;}
    #header.subopen #header-center-kdm, #header.subopen .phone-icon{ opacity: 0; pointer-events: none;}

    /*Top Banner*/
    #home-gallery video { width: 320vw!important;}

    /*About Section*/
    .aboutSection { padding-top: 50px;}

    /*Branches Section*/
    .grid-content-section.branchesSec { padding: 40px 0 70px;}
    .grid-content-section.branchesSec:after { bottom: 25px;}
    .grid-text-section.kitchenNBarSec:after { bottom: 35px;} 
    .grid-content-section.branchesSec .grid-boxes { max-width: 80%;}
    .grid-content-section.branchesSec .grid-box-image { padding-bottom: 130%; margin-bottom: 40px;}

    /*Kitchen And Bar Section*/
    .grid-text-section.kitchenNBarSec { padding-bottom: 90px; }
    .grid-text-section.kitchenNBarSec .section-title { margin-bottom: 15px;}
    .grid-text-section.kitchenNBarSec .section-title:before { width: 335px; height: 36px;}
    .grid-text-section.kitchenNBarSec .gridTextImgContainer { position: relative;}
    .grid-text.gridTextWithImg .grid-text-content { position: relative; width: 95%; top: -60px; left: auto;
        transform: none; -webkit-transform: none; -ms-transform: none;}
    .grid-text.gridTextWithImg .grid-text-content h2 { color: #fff; margin-bottom: 50px;}
    .grid-text.gridTextWithImg .grid-text-content h2:before, .grid-text.gridTextWithImg .grid-text-content h2:after { width: 40px;}
    .grid-text.gridTextWithImg .grid-text-content h2:before { margin-left: 7px;}
    .grid-text.gridTextWithImg .grid-text-content h2:after { margin: 0 7px 0 0;}

    /*Events Section*/
    .grid-content-section.eventsSec { padding: 0 0 40px 0;}
    .grid-content-section.eventsSec .grid-boxes .grid-box { width: 95%; margin-bottom: 40px;}
    .grid-content-section.eventsSec .grid-boxes .grid-box .grid-box-fulltext { width: 80%;}

    /*Gallery Section*/
    .home-page .grid-gallery-section .gallery-slider.flexslider .slides li { padding-bottom: 210px;}
    .home-page .grid-gallery-section .gallery-slider.flexslider .slides li:before { width: 140px; height: 86px;}
    .home-page .grid-gallery-section .gallery-slider.flexslider .slides img {width: 100%; height: 210px; object-fit: cover;}
    .home-page .grid-gallery-section .gallery-slider.flexslider .flex-prev, .gallery-slider.flexslider:hover .flex-prev { left: 10px;}
    .home-page .grid-gallery-section .gallery-slider.flexslider .flex-next, .gallery-slider.flexslider:hover .flex-next { right: 10px;}

    /*Footer*/
    #SiteFooter {padding-bottom: 0;}

    /*****Inner Pages*****/
    #GridPage .max-width, .lobby-grid #GridPage .max-width { max-width: 100%; width: 100%; padding: 0 15px;}
    #pageview .MainContent, #MenuModule, #ContactModule, #lobbyview, .page-not-found, .menuPage .grid-menu-section { padding: 50px 20px 20px;}
    #GridPage.gallery .max-width { padding: 0;}
    .form-container-wide #DynamicFormObject { max-width: 100% !important;}
    #LobbyModule .grid-menu-section #MenuModule { padding: 35px 25px;}

    /*Inner Gallery Section*/
    .internalPage .gallery-cubes>div {padding: 7px;}

    /*Inner Menu Section*/
    #LobbyModule .grid-menu-section #MenuModule .menuModuleNav { padding-bottom: 15px; margin-bottom: 35px;}
    #MenuModule .menuModuleNav a { margin: 0 4px 4px; padding: 0 10px;}

    /*Menu Page*/
    .menuModuleContentPart { padding: 35px 25px;}
    .menuModuleTextItemSubject { margin-bottom: 20px;}
    #MenuModule #headline h1:before, #MenuModule #headline h1:after, .menuPage .section-title h2:before, .menuPage .section-title h2:after { width: 30px;}
    #MenuModule #headline h1:before, #MenuModule #headline h1:after {content: none;}

    /*Contact Page*/
    #contactform, .form-container-wide #DynamicFormObject { padding: 30px;}
    .contact-form-wrap { margin-top: 0;}
    #contactform h3 { max-width: 100%; font-size: 110%;}
    #contactview.max-width-center { padding: 0;}
    #contactview.max-width-center > .row > div:not(.contact-form-wrap) { padding: 0;}
    #contact-boxes a { width: 100px; font-size: 100%; margin: 0 0 15px 12px; }

    .footer-text-divided > div.footer-text-middle p:last-child { margin-top: 10px; }

    #SiteFooter .footer-text-divided > div.footer-text-middle a img { min-height: 20px; max-width: none; width: auto; }

    #SiteFooter .footer-text-divided > div.footer-text-middle a { display: inline-block; margin-top: 5px; }
}

@media(max-width: 360px) {
    .grid-content-section.branchesSec .grid-box-title { top: 75px;}
    .grid-content-section.branchesSec .grid-boxes .grid-box-title h3:after { width: 70px; height: 70px; top: -40px;}
    .grid-content-section.branchesSec .grid-boxes .grid-box-subtitle {top: 120px;}

    .grid-content-section.eventsSec .grid-boxes .grid-box-title { width: 100%; top: 37%;}
}

@media(max-width: 320px) {
    #header.bg, #header.bg .menu-nav { padding: 0;}
    #header ul.submenu li { padding: 7px;}
    #header ul.submenu li.social-mobile { padding-top: 15px;}

    #home-gallery video { width: 300vw!important;}

    .grid-text-section.kitchenNBarSec .section-title { margin-bottom: 5px;}
    .grid-text-section.kitchenNBarSec .section-title:before { width: 300px; height: 32px;}
    .grid-text.gridTextWithImg .grid-text-content h2:before, .grid-text.gridTextWithImg .grid-text-content h2:after { width: 20px;}

    #contact-boxes a { margin-bottom: 15px;}

    #MenuModule #headline h1:before, #MenuModule #headline h1:after { content: none;}
}