/*
Theme Name: Flat Iron
Version: 3.0
Description: WordPress theme for Flat Iron
Author: INSPIRE
Author URI: http://www.inspiredm.co.uk
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: flatiron
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*** General ***/
* { padding: 0px; margin: 0px; }
p { margin: 10px 0px }
body { font-family: 'gillsans', sans-serif; font-size: 16px; color:#fff; margin:0; font-weight:400; overflow-x: hidden; background: #000; }
.inwrap { width: 100%; margin: 0 auto; }
.contentwrap { width: 100%; display:flex; flex-direction: column }
.content { width: 90%; margin: 0 auto 0; min-height: 57.5vh }
.restaurant { margin: 0 auto }
.contenthome { width: 100%; margin: 0 auto; }
.clear { clear: both; display: block; }
a, a:link, a:active, div a { text-decoration:none; }
a img {border:none }
@font-face { font-family: 'gillsans'; src: url('fonts/GillSans.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'GothicThirteenStd'; src: url('fonts/GothicThirteenStd.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
/*** Header ***/
.header { margin: 0 auto; width:100%; float:left; position:absolute; z-index: 10; height: 120px; }
.header .logo { position: absolute; background: url("images/flat-iron-white.svg") no-repeat top; width:180px; background-size: contain; height: 35px; left: calc(50% - 90px); top: 40px; z-index: 10000}
.header .headerbuttons { position: absolute; right: 25px; top: 40px; display: flex; align-items: center; z-index: 10000}
.header .headerbuttons a.book { border: 2px solid #fff; color: #fff; text-decoration: none; font-family: 'gillsans',sans-serif; border-radius: 0; text-align: center; cursor: pointer; margin-right: 3em; background: none; text-transform: uppercase; letter-spacing: 1px; padding: 0.5em 1em; transition: background 0.3s ease, color 0.3s ease; font-size: 14px }
.header .headerbuttons a.book:hover { background: #fff; color: #000; }
.header .headerbuttons a.bookmobile { display: none }
.stick { position: fixed; top: 0; width:100%; z-index: 1000; background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 15%, rgba(0,0,0,1) 100%);}
/*** Mobile Menu ***/
#mobile-menu .sub-menu { display: none; }
#mobile-menu .sub-menu.active { display: block; }
.mobile-active .location li a { color: #fff }
.menu-toggle { display: none; }
.menu-toggle-label { position: fixed; top:50px; left: 50px; cursor: pointer; z-index: 10000; }
.menu-toggle-label span.middle { display: block; width: 60px; height: 27px; background: url("images/flat-iron-logo-white.svg") no-repeat center; transition: transform 0.3s, opacity 0.3s; background-size: cover}
.menu-toggle:checked + .menu-toggle-label span:middle { transform: translateY(10px) rotate(45deg); }
.mobile { position: fixed; top: 0; left: 0; width: 100%; height: 100%; ; z-index: 1000; overflow-y: auto; transition: transform 0.3s ease; transform: translateX(-100%); background-size: cover; background-repeat: no-repeat; }
.mobile-main { display: flex; text-transform: uppercase; }
.mobile.active { transform: translateX(0%); display: flex; }
.menu-mobile-container { width: 100% }
.mobile ul { list-style: none; }
.mobile ul li { padding: 0.125em 0; display: block; left: 21vw; position: relative}
.mobile ul li a { color: #fff; text-decoration: none; display: block; font-family: 'GothicThirteenStd'; position: relative; pointer-events: auto; z-index: 999; letter-spacing: 5%; }
.mobile-active span.middle { transform: rotate(-90deg); }
/* Mobile Menu Styles */
.menu-menu-container { width: 100vw; }
#mobile-menu-nav .menu { position: absolute; margin: 0; padding: 0; list-style: none; top: 25vh; left: 65px }
/* First column - main menu items */
#mobile-menu-nav .menu > li { position: relative; top: 0; left: 0; list-style: none; margin: 0; }
/* Second column - first level submenu - hidden by default */
#mobile-menu-nav .menu > li > .sub-menu { position: absolute; top: 0; left: 0; display: none; width: 21vw; }
#mobile-menu-nav .menu > li > .sub-menu.show { display: block; background-color: rgba(0, 0, 0, 0); }
/* Third column - second level submenu - hidden by default */
#mobile-menu-nav .menu > li > .sub-menu > li > .sub-menu { position: absolute; top: 0; left: 21vw; columns: 2; column-gap: 0; display: none; background-color: rgba(0, 0, 0, 0); width: 40vw}
#mobile-menu-nav .menu > li > .sub-menu > li > .sub-menu.show { display: block; }
#mobile-menu-nav .menu > li > .sub-menu > li > .sub-menu li { left: 0; break-inside: avoid }
#mobile-menu-nav .menu > li > .sub-menu > li > .sub-menu li a { font-family: 'gillsans', sans-serif; font-size: 0.75em; font-weight: 600; padding: 0 0 0.5em; text-wrap: nowrap; display: block; letter-spacing: 10% }
.menu-item-has-children > a::after { content: ''; display: inline-block; width: 0; height: 0; border-left: 9px solid currentColor; border-top: 9px solid transparent; border-bottom: 9px solid transparent; margin-left: 1em; vertical-align: 5px; }
span.menu-item-note { font-size: 16px; vertical-align: 8px; font-family: 'gillsans', sans-serif; font-weight: 300 }
/*** Navigation ***/
.navigation { text-transform: uppercase; font-family: 'gillsans',sans-serif; position: absolute; left: 25px; top: 25px; z-index: 100 }
.navigation ul { list-style:none; display:flex; }
.navigation li a { display: inline-block; text-decoration: none; color: #FAEFE1; margin-right: 3em; font-size: 0.8em}
/*** Content ***/
.page { float:left; width:100%; }
.page .postHead { background: none; }
.postContent { padding: 0; max-width: 1200px; margin: 0 auto }
.contenthome .postContent { padding: 0; }
.postContent a { color: #fff; text-decoration:none }
.postContent .half { width:48%; float:left}
h1, h2, h3 { font-family: 'GothicThirteenStd', serif; font-weight: normal; letter-spacing: 5%; text-transform: uppercase }
.postContent h1 { font-size: 3.25em; margin:.5em 0; }
.postContent h2 { font-size: 2.5em; margin:0.5em 0; }
.postContent h3 { font-size: 2em; margin: 0.5em 0; letter-spacing: 1 }
.postContent h4 { font-size: 1.5em; margin: 0.5em 0; font-family: 'gillsans',sans-serif; letter-spacing: 10%; text-transform: uppercase }
.postContent h5 { font-size: 1.2em; margin: 0.5em 0; font-family: 'gillsans',sans-serif; letter-spacing: 5%; text-transform: uppercase}
.postContent h6 { font-size: 1em; margin: 0.5em 0; font-family: 'gillsans',sans-serif; letter-spacing: 10%; text-transform: uppercase}
.postContent p { font-size: 1em; margin: 1.25em 0 ; line-height:126%; letter-spacing: 7.5% }
.postContent ul { list-style: none; letter-spacing: 7.5% }
.postContent ul.wp-block-list li { margin: 0.5em 0; position: relative; padding: 0 0 0 30px }
.postContent ul.wp-block-list li::before { content: ""; background: url("images/flatironbullet.png"); background-size: 20px auto; background-position: left center; background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; left: 0; top: -6px; transform: rotate(-45deg); }
.kb-splide .splide__pagination li { position: initial; padding: 0 }
.kb-splide .splide__pagination li::before { background: none }
.postContent ol li { font-size: 1.1em; margin: 0.5em 0; }
.postContent ol { margin: 1em; letter-spacing: 7.5% }
.postContent blockquote { font-weight:normal; margin: 2em 0; padding: 0.5em 0.5em 1em ; border-left: 10px solid rgba(238,124,52,1); background: rgba(238,124,52,0.2) }
.postContent blockquote p { margin: 1%; font-size: 1.25em; line-height: 140%; font-weight: 300; }
.postContent blockquote cite { margin: 1%; font-size: 1em; font-weight: 600; font-style: normal }
.postContent hr { margin: 5% 0 }
.postContent img { max-width: 100%; height:auto }
.postContent blockquote.half { float:left; width: 48%; margin: 0 2% 0 0 }
.postContent a.post-edit-link { display: none; text-align: center; margin: 1em 0 }
/*** Specials ***/
.postContent .wp-caption { background: #f8f7eb; border: solid 1px #EBE9D7; text-align: center; padding-bottom: 4px; }
.postContent .wp-caption img { border: solid 5px #f8f7eb; }
.postContent .alignleft { float: left; margin: 0px 15px 5px 0px; display: block; max-width: 50% }
.postContent .alignright { float: right; margin: 0px 0px 5px 15px; display: inline; }
.postContent .aligncenter { width: 100%}
.postContent .wp-caption p { margin: 0px; }
.alignfull { margin: 0 calc(50% - 50vw); max-width: 100vw; width: 100vw; }
.postContent .alignwide { max-width: 1200px; margin-left: auto; margin-right: auto }
.postContent h2.boxed-white { background: url("images/boxed-white.svg") no-repeat left; background-size: contain; padding: 0 10px 15px 20px }
.postContent h2.boxed-brown { background: url("images/boxed-brown.svg") no-repeat left; background-size: contain; padding: 0 10px 15px 20px }
.menu-border .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) { position: relative; z-index: 2; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-position: top left 0.5px, bottom 1.5px left -1.5px, top 1.5px right -1.5px, bottom right 0.5px; padding: 0 1.5rem; background-size: 12px 12px, 16px 16px, 16px 16px, 12px 12px; pointer-events: none;
background-image:
url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' stroke='white' stroke-width='3' fill='none' /%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 206.3 283.5'%3E%3Cpolygon points='103.2 283.5 0 0 103.2 100.4 206.3 0 103.2 283.5' fill='white'/%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 206.3 283.5'%3E%3Cpolygon points='103.2 0 206.3 283.5 103.2 183.1 0 283.5 103.2 0' fill='white'/%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' stroke='white' stroke-width='3' fill='none' /%3E%3C/svg%3E");
}
.menu-border .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2)::before { content: ''; position: absolute; top: 12px; bottom: 12px; left: 5.5px; width: 2px; background-color: white; z-index: 1; }
.menu-border .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2)::after { content: ''; position: absolute; top: 12px; bottom: 12px; right: 5.5px; width: 2px; background-color: white; z-index: 1; }
.kt-accordion-header-wrap .kt-blocks-accordion-header { font-family: 'gillsans', sans-serif }
.kb-image-has-overlay::after { display: none }
.kb-blocks-bg-video-container .kb-background-video-buttons-wrapper { left: calc(50% - 24px); width: 32px; bottom: 50px; }
table.hours { width: 100%; max-width: 240px; text-transform: uppercase}
table.hours td{ width: 50% }
table.hours tr td:nth-child(2) { text-align: right }
.workinghours { border-top: 1px dotted #fff; border-bottom: 1px dotted #fff; margin: 1em 0; padding: 1em 0; width: 100%; font-size: 0.8em}
.workinghours table {max-width: 260px; margin: 0 auto; width: 100%; text-transform: uppercase}
.workinghours table td{ width: 50%; }
.workinghours table tbody tr td:nth-child(2) { text-align: right }
.restaurant-image-link { position: relative; display: inline-block; }
.image-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; }
.overlay-text { color: #fff; font-size: 1.5em; text-align: center; }
.circlerule { width: calc(100% - 6em); margin: 15vh auto 5vh; max-width: 100vw; position: relative}
.circlerule::before { content: ""; position: absolute; top: 0; left: 12px; right: 12px; height: 2px; background-color: #fff; z-index: 1; }
.circlerule::after { content: ""; position: absolute; top: -6px; left: 0; right: 0; height: 12px; background-repeat: no-repeat; background-position: left center, right center; background-size: 12px 12px; background-image:
url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' stroke='white' stroke-width='3' fill='none' /%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' stroke='white' stroke-width='3' fill='none' /%3E%3C/svg%3E"); z-index: 2; pointer-events: none; }
.columns { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2em }
.columns .catpost { flex-direction: column; align-items: center; width: 100% }
.columns .postContent { width: 100%; }
.columns h5 { text-align: center }
.columns .infosection { display: flex; flex-wrap: wrap; justify-content: center; padding: 0 0 1em; width: 70%; flex-direction: column; margin: 0 0 0 30% }
.columns .infosection p { margin: 0.5em 0; }
.columns .infosection p.book { background: url("images/icons-booknow-line.svg") no-repeat; background-size: 30px ; background-position: left center; padding: 0 0 0 35px; }
.columns .infosection p.directions { background: url("images/icons-directions-line.svg") no-repeat; background-size: 30px ; background-position: left center; padding: 0 0 0 35px; }
.columns .infosection p.menu { background: url("images/icons-menu-line.svg") no-repeat; background-size: 30px ; background-position: left center; padding: 0 0 0 35px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.calories { display: none; }
p.calories { margin: -1.25em 0 1em; font-size: 0.9em }
.single-restaurant .open-london-menu { font-family: 'GothicThirteenStd', serif; font-weight: normal; letter-spacing: 5%; text-transform: uppercase; font-size: 20px; text-align: center; display: block }
.single-restaurant .open-london-menu::after { content: ""; display: inline-block; width: 1em; height: 1em; margin-left: 5px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml;utf8,"); background-position: 0 2px }
/*** Gravity Forms ***/
#gform_submit_button_2 { width: 100%; border: 1px solid #fff }
#gform_submit_button_2:hover { background: #fff; color: #000 }
#gform_fields_2 input:focus, #gform_fields_2 select:focus, #gform_fields_2 textarea:focus { border: 1px solid #fff }
span.gfield_required_asterisk { color: #fff !important }
a.ui-state-highlight { color: #000 !important }
.gform_confirmation_message { margin: 1.5em}
/*** Buttons ***/
.wp-block-button__link, .wp-block-kadence-advancedbtn { font-family: 'gillsans',sans-serif; text-transform: uppercase; font-weight: 500; line-height: 1.5 }
span.kt-btn-inner-text { padding: 2px 0 0}
.entry-content .kt-blocks-post-readmore { font-family: 'gillsans',sans-serif; text-transform: uppercase; font-weight: 500 !important; }
.dotstop ul.splide__pagination { bottom: 735px !important }
.kt-blocks-modal-link { font-family: 'gillsans',sans-serif !important; font-weight: 500 !important }
.kb-submit-field span.kt-btn-inner-text { font-family: 'gillsans',sans-serif; }
/*** Category ***/
.catpost { display: flex; flex-wrap: wrap; gap: 2%; row-gap: 2em}
body.post-type-archive-restaurant .catpost { row-gap: 1em}
.catpost .postContent { flex: 1 1 calc(25% - 2%); box-sizing: border-box; }
.catpost .postContent h5 { text-transform: capitalize }
.catpost .postContent .image-container { aspect-ratio: 3 / 4; width: 100%; overflow: hidden; position: relative; }
.catpost .postContent .image-container img { width: 100%; height: 100%; object-fit: cover; display: block; }
.catpost h2 { margin: 0.5em 0 0 ;text-align: center }
.restaurant-cover { background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 250px; position: relative; }
.restaurant-cover .overlay-text { background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; height: 100% }
form#restaurant-filter-form { font-size: 1.5em; padding: 0.5em 0; text-align: center; margin: 0 0 1em }
form#restaurant-filter-form input[type="checkbox"] { width: 1.5em; height: 1.5em; accent-color: #000; -webkit-appearance: auto; appearance: auto; border-radius: 0; transform: scale(1.5); transform-origin: center; margin: 0 1em 0 0 }
form#restaurant-filter-form label { margin: 0 1em }
/*** Gallery pagination ***/
.carouselnumbers .kb-splide .splide__pagination__page { font-size: 1.1em; color: #fff; display: none; background: none; width: 100px; font-weight: 400; letter-spacing: 2px }
.carouselnumbers .kb-splide .splide__pagination__page.is-active { display: inline-block; background: none; opacity: 1; }
.wp-block-kadence-advancedgallery .kt-blocks-carousel .splide__arrow--prev { left: calc(50% - 50px); background: none; top: 5px; opacity: 1; z-index: 100 }
.wp-block-kadence-advancedgallery .kt-blocks-carousel .splide__arrow--next { right: calc(50% - 50px); background: none; top: 5px; opacity: 1; z-index: 100 }
.carouselnumbers ul.splide__pagination { bottom: -45px !important }
/*** Footer ***/
.footer { height:auto; font-size:0.9em; clear:both; line-height:140%; width: 100%; margin: 5em auto 1em; font-family: 'gillsans',sans-serif; display: flex; justify-content: space-between; flex-wrap: wrap; color: #fff; position: relative; z-index: 10}
.page-template-homepage .footer { position: fixed; bottom: 0 }
.footer .footer-content { width: calc(100% - 6em); margin: 0 auto; padding: 2em 0; position: relative; }
.footer .footer-content::before { content: ""; position: absolute; top: 0; left: 12px; right: 12px; height: 2px; background-color: #fff; z-index: 1; }
.footer .footer-content::after { content: ""; position: absolute; top: -6px; left: 0; right: 0; height: 12px; background-repeat: no-repeat; background-position: left center, right center; background-size: 12px 12px; background-image:
url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' stroke='white' stroke-width='3' fill='none' /%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' stroke='white' stroke-width='3' fill='none' /%3E%3C/svg%3E"); z-index: 2; pointer-events: none; }
/*** .footer .footer-content::after { content: ""; position: absolute; top: -15px; left: 0; right 0; height: 38px; width: 100%; background-repeat: no-repeat; background-position: left center, right 1px; background-size: 24px 24px; background-image: url("images/hook.svg"), url("images/hook-right.svg"); z-index: 2; pointer-events: none } ***/
.footer a { color: #fff }
.footer .sidebarItem { float: left; clear: both; }
.footer .sidebarItem p { line-height: 1.5; }
.menu-footer-container { margin: 0 0 0 0; }
.menu-footer-container ul { display: flex; padding: 0; margin: 0; list-style: none; flex-wrap: wrap; justify-content: flex-end }
.menu-footer-container ul li { list-style: none; white-space: nowrap; margin-left: 2.5em; letter-spacing: 0.05em }
.menu-mobile-footer-1-container ul, .menu-mobile-footer-2-container ul{ display: none }
.fixed-footer-mobile { position: fixed; bottom: 0; z-index: 1000}
.copyright { display: block; margin: 2em 0 0; width: 100%; font-size: 0.8em; letter-spacing: 5% }
.fixednewsletter { position: sticky; bottom: 21vh; }
/*** Skip Links ***/
.skip-link { position: absolute; top: -100px; left: 0; padding: 8px; background: #fff; z-index: 100; }
.skip-link:focus { top: 0; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
/*** Cookie Notice ***/
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme { border-top: none !important; background: #000 !important }
#moove_gdpr_cookie_info_bar button.moove-gdpr-infobar-allow-all { color: #000 !important; text-transform: uppercase !important; letter-spacing: 5% }
#moove_gdpr_cookie_info_bar button.moove-gdpr-infobar-settings-btn { text-transform: uppercase !important}
#moove_gdpr_cookie_modal button.moove-gdpr-modal-allow-all, #moove_gdpr_cookie_modal button.moove-gdpr-modal-save-settings, button.moove-gdpr-tab-nav { color: #000 !important; text-transform: uppercase !important; letter-spacing: 5% !important }
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main span.tab-title { text-transform: uppercase; letter-spacing: 5% }
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon { color: #000 !important }
/* -- Media Queries -- */
@media only screen and (min-width : 901px) and (max-width : 1299px) {
.mobile-main { font-size: calc(1.5em + 0.188vw); }
.menu-item-has-children > a::after { border-left: 5px solid currentColor; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
.goto-level-1 a, .goto-level-2 a { font-family: 'GothicThirteenStd', serif; font-weight: normal; letter-spacing: 5%; text-transform: uppercase; font-size: 20px; background: none; padding: 0; }
.goto-level-1 a::after, .goto-level-2 a::after { content: ""; display: inline-block; width: 1em; height: 1em; margin-left: 5px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml;utf8,"); background-position: 0 2px }
}
@media (min-width: 1300px) { .mobile-main { font-size: 2.25em; } }
@media only screen and (min-width : 601px) and (max-width : 900px) {
.menu-toggle-label { left: 30px; top: 30px }
.header { height: 85px; }
.mobile-active .header { background: #000 }
.header .logo { top:27px}
.header .headerbuttons { right: 0; top: 25px}
.contentwrap { flex-direction: column}
.contenthome .postContent { max-width: 100% }
.mobile-active .footer { }
.footer { margin: 2em auto 0 }
.footer .footer-content { display: flex; flex-direction: column }
.footer .footer-content .logo { left: calc(100% - 80px - 1em ); bottom: 1em; width: 80px; background-size: 80px; }
.footer .sidebarItem { display: flex; justify-content: center }
.footer .logo img { margin: 0 20px }
.menu-footer-container { display: none }
.menu-mobile-footer-1-container ul, .menu-mobile-footer-2-container ul { margin: 1em auto 0; display: flex; justify-content: center; list-style: none}
.menu-mobile-footer-1-container ul li, .menu-mobile-footer-2-container ul li { margin: 0 1em; white-space: nowrap }
.postContent { max-width: 90% }
#restaurant-results .postContent { max-width: inherit }
.postContent h1 { font-size: 2.5em }
.postContent h2 { font-size: 2.25em }
.postContent h3 { font-size: 1.75em }
.menu-border .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2)::before, .menu-border .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2)::after { display: none; }
.menu-border .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) { background: none }
.mobile-main { font-size: 3em; }
.mobile ul li { padding: 0 }
#mobile-menu-nav .menu { top: 10vh; }
#mobile-menu-nav .menu > li > .sub-menu { top: -10vh; }
#mobile-menu-nav .menu { left: unset; }
#mobile-menu.mobile.active { display: block !important; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.9); z-index: 1000; overflow-y: auto; -webkit-overflow-scrolling: touch; }
#mobile-menu-nav .menu > li > .sub-menu { width: 100%; }
#mobile-menu-nav .menu > li > .sub-menu > li > .sub-menu { width: 100%; top: 12dvh; text-align: center; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 87dvh; left: 50% !important; transform: translateX(-50%); position: fixed; touch-action: pan-y; }
#mobile-menu-nav .menu > li > .sub-menu > li > .sub-menu li a { font-family: 'GothicThirteenStd', sans-serif; font-size: 0.6em; letter-spacing: 5%; padding: 0 }
#mobile-menu-nav .menu > li > .sub-menu > li > .sub-menu li { margin-left: 0 }
span.menu-item-note { display: block; margin: 0 0 1em }
.menu-mobile-container { position: relative; height: 72vh; display: flex; flex-direction: column; justify-content: center; align-items: center; top: 12vh }
#mobile-menu ul { list-style: none; padding: 0; margin: 0; width: 100%; max-width: 300px; text-align: center; background-size: cover }
#mobile-menu li { position: relative; width: 100%; }
#mobile-menu a { display: block; text-decoration: none; transition: all 0.3s ease; text-align: center; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
#mobile-menu .sub-menu { position: absolute; top: 0; left: 100%; width: 100%; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; overflow-y: auto; -webkit-overflow-scrolling: touch; }
#mobile-menu .sub-menu[style*="display: block"] { display: flex !important; flex-direction: column; justify-content: flex-start; align-items: center; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.back-button-item { margin-bottom: 20px; width: 100%; }
.back-button-item a { font-size: 30px; }
.back-button-item a::before { content: ''; display: inline-block; width: 0; height: 0; border-right: 7px solid currentColor; border-top: 7px solid transparent; border-bottom: 7px solid transparent; margin-right: 1em; position: absolute; left: 30px; top: 7px; }
.back-to-parent { display: block; text-align: center; transition: all 0.3s ease; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
.back-button-item::after { content: ''; position: absolute; bottom: 0; width: 40%; height: 2px; background-color: #fff; right: 10% }
.back-button-item::before { content: ''; position: absolute; bottom: 0; width: 40%; height: 2px; background-color: #fff; left: 10% }
#mobile-menu .menu-item-has-children > a::after { content: ""; float: right; font-weight: bold; transition: transform 0.3s ease; border: none; }
#mobile-menu .menu-item-has-children > a:hover::after { transform: translateX(5px); }
.inwrap.mobile-active { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999; }
.mobile ul li { left: unset; }
.columns { display: grid; grid-template-columns: repeat(2, 1fr); }
.catpost .postContent { flex: 1 1 calc(50% - 2%); }
.mobilecirclerule .kt-block-spacer hr.kt-divider { height: 12px; border-top: none }
.mobilecirclerule .kt-block-spacer hr.kt-divider::before { content: ""; position: absolute; top: 5px; left: 12px; right: 12px; height: 2px; background-color: #fff; z-index: 1; }
.mobilecirclerule .kt-block-spacer hr.kt-divider::after { content: ""; position: absolute; top: -6px; left: 0; right: 0; height: 24px; background-repeat: no-repeat; background-position: left center, right center; background-size: 12px 12px; background-image:
url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' stroke='white' stroke-width='3' fill='none' /%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' stroke='white' stroke-width='3' fill='none' /%3E%3C/svg%3E"); z-index: 2; pointer-events: none; }
.fixed-footer-mobile { position: fixed; bottom: 15px }
.mobile { background-size: cover; background-repeat: no-repeat; background-position: center; transition: background-image 0.5s ease; }
.columns .infosection { margin: 0 0 0 20%}
.fixednewsletter { position: fixed; transform: translateX(-50%); bottom: 21vh; left: 50%; white-space: nowrap }
.goto-level-1 a, .goto-level-2 a { font-family: 'GothicThirteenStd', serif; font-weight: normal; letter-spacing: 5%; text-transform: uppercase; font-size: 20px; background: none; padding: 0; }
.goto-level-1 a::after, .goto-level-2 a::after { content: ""; display: inline-block; width: 1em; height: 1em; margin-left: 5px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml;utf8,"); background-position: 0 2px }
.kb-blocks-bg-video-container .kb-background-video-buttons-wrapper { left: initial; width: 32px; right: 3em !important; bottom: 10dvh !important }
.copyright { display: none }
}
@media only screen and (max-width : 600px) {
.menu-toggle-label { left: 10px; top: 30px }
.menu-toggle-label span.middle { width: 45px; height: 21px; }
.header { height: 85px; }
.mobile-active .header { background: #000 }
.header .logo { width: 130px; left: calc(50% - 65px); top:27px}
.header .headerbuttons { right: 20px; top: 25px}
.header .headerbuttons a.book { display: none }
.header .headerbuttons a.bookmobile { color: #fff; text-decoration: none; font-family: 'gillsans',sans-serif; text-align: right; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; transition: background 0.3s ease, color 0.3s ease; display: block; background: none; border: 2px solid #fff; padding: 5px 10px}
.contentwrap { flex-direction: column}
.contenthome .postContent { max-width: 100% }
.mobile-active .footer { }
.footer { margin: 2em auto 0 }
.footer .footer-content { width: 80%; padding: 2em 1em 0; display: flex; flex-direction: column }
.footer .footer-content .logo { left: calc(100% - 80px - 1em ); bottom: 1em; width: 80px; background-size: 80px; }
.footer .sidebarItem { display: flex; justify-content: center }
.footer .logo img { margin: 0 20px }
.menu-footer-container { display: none }
.menu-mobile-footer-1-container ul, .menu-mobile-footer-2-container ul { margin: 1em auto 0; display: flex; justify-content: center; list-style: none}
.menu-mobile-footer-1-container ul li, .menu-mobile-footer-2-container ul li { margin: 0 1em; white-space: nowrap }
.postContent { max-width: 90% }
#restaurant-results .postContent { max-width: inherit }
.postContent h1 { font-size: 2.5em }
.postContent h2 { font-size: 2.25em }
.postContent h3 { font-size: 1.75em }
.menu-border .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2)::before, .menu-border .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2)::after { display: none; }
.menu-border .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) { background: none }
.mobile-main { font-size: 3em; }
.mobile ul li { padding: 0 }
#mobile-menu-nav .menu { top: 10vh; }
#mobile-menu-nav .menu > li > .sub-menu { top: -10vh; }
#mobile-menu-nav .menu { left: unset; }
#mobile-menu.mobile.active { display: block !important; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.9); z-index: 1000; overflow-y: auto; -webkit-overflow-scrolling: touch; }
#mobile-menu-nav .menu > li > .sub-menu { width: 100%; }
#mobile-menu-nav .menu > li > .sub-menu > li > .sub-menu { width: 100%; top: 12dvh; text-align: center; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 87dvh; left: 50% !important; transform: translateX(-50%); position: fixed; touch-action: pan-y; }
#mobile-menu-nav .menu > li > .sub-menu > li > .sub-menu li { margin-left: 0 }
#mobile-menu-nav .menu > li > .sub-menu > li > .sub-menu li a { font-family: 'GothicThirteenStd', sans-serif; font-size: 0.6em; letter-spacing: 5%; padding: 0; }
span.menu-item-note { display: block; margin: 0 0 1em }
.menu-mobile-container { position: relative; height: 72vh; display: flex; flex-direction: column; justify-content: center; align-items: center; top: 12vh }
#mobile-menu ul { list-style: none; padding: 0; margin: 0; width: 100%; text-align: center; background-size: cover }
#mobile-menu li { position: relative; width: 100%; }
#mobile-menu a { display: block; text-decoration: none; transition: all 0.3s ease; text-align: center; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
#mobile-menu .sub-menu { position: absolute; top: 0; left: 100%; width: 100%; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; overflow-y: auto; -webkit-overflow-scrolling: touch; }
#mobile-menu .sub-menu[style*="display: block"] { display: flex !important; flex-direction: column; justify-content: flex-start; align-items: center; overflow-y: auto; -webkit-overflow-scrolling: touch; }
#mobile-menu li.back-button-item { margin-bottom: 10px; width:280px }
.back-button-item a { font-size: 30px; }
.back-button-item a::before { content: ''; display: inline-block; width: 0; height: 0; border-right: 7px solid currentColor; border-top: 7px solid transparent; border-bottom: 7px solid transparent; margin-right: 1em; position: absolute; left: 30px; top: 7px; }
.back-to-parent { display: block; text-align: center; transition: all 0.3s ease; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
.back-button-item::after { content: ''; position: absolute; bottom: 0; width: 40%; height: 2px; background-color: #fff; right: 10% }
.back-button-item::before { content: ''; position: absolute; bottom: 0; width: 40%; height: 2px; background-color: #fff; left: 10% }
#mobile-menu .menu-item-has-children > a::after { content: ""; float: right; font-weight: bold; transition: transform 0.3s ease; border: none; }
#mobile-menu .menu-item-has-children > a:hover::after { transform: translateX(5px); }
.inwrap.mobile-active { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999; }
.mobile ul li { left: unset; }
.columns { display: grid; grid-template-columns: repeat(1, 1fr); }
.circlerule { width: calc(80% + 24px) }
.catpost .postContent { flex: 1 1 calc(50% - 2%); }
.mobilecirclerule .kt-block-spacer hr.kt-divider { height: 12px; border-top: none }
.mobilecirclerule .kt-block-spacer hr.kt-divider::before { content: ""; position: absolute; top: 5px; left: 12px; right: 12px; height: 2px; background-color: #fff; z-index: 1; }
.mobilecirclerule .kt-block-spacer hr.kt-divider::after { content: ""; position: absolute; top: -6px; left: 0; right: 0; height: 24px; background-repeat: no-repeat; background-position: left center, right center; background-size: 12px 12px; background-image:
url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' stroke='white' stroke-width='3' fill='none' /%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' stroke='white' stroke-width='3' fill='none' /%3E%3C/svg%3E"); z-index: 2; pointer-events: none; }
.fixed-footer-mobile { position: fixed; bottom: 0 }
.fullwidthmobile { width:100vw; margin: 0 calc(50% - 50vw)}
.mobile { background-size: cover; background-repeat: no-repeat; background-position: center; transition: background-image 0.5s ease; }
.mobile.menu-level-0:not([style*="background-image"]) { background: rgba(0, 0, 0, 0.9); }
.mobile.menu-level-1:not([style*="background-image"]) { background: rgba(20, 20, 20, 0.9); }
.mobile.menu-level-2:not([style*="background-image"]) { background: rgba(40, 40, 40, 0.9); }
table.hours { margin: 1em auto }
form#restaurant-filter-form { display: flex; flex-direction: column }
form#restaurant-filter-form label { margin: 0.5em 0 }
.columns .infosection { margin: 0 0 0 20%}
.kb-image-has-overlay::after { display: block }
.restaurant-cover { height: 200px; }
.fixednewsletter { position: fixed; transform: translateX(-50%); bottom: 23dvh; left: 50%; white-space: nowrap }
.goto-level-1 a, .goto-level-2 a { font-family: 'GothicThirteenStd', serif; font-weight: normal; letter-spacing: 5%; text-transform: uppercase; font-size: 20px; background: none; padding: 0; }
.goto-level-1 a::after, .goto-level-2 a::after { content: ""; display: inline-block; width: 1em; height: 1em; margin-left: 5px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml;utf8,"); background-position: 0 2px }
.kb-blocks-bg-video-container .kb-background-video-buttons-wrapper { left: initial; width: 32px; right: 2em !important; bottom: 65px !important; position: fixed !important}
.copyright { display: none; }
}