/*
Theme Name: Hawksmoor
Version: 2.0
Description: WordPress theme for Hawksmoor
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: hawksmoor

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 ***/
html { scroll-behavior: smooth }
* { padding: 0px; margin: 0px; }
body { font-family: 'Adobe Gurmukhi', Georgia, serif !important; font-size: 16px; color:#000; margin:0; font-weight:400; background: #fff; letter-spacing: 1px; overflow-x: hidden }
.inwrap { margin: calc(5em + 35px) 0 0 }
.home .inwrap, .page-template-tpl_pagewithoutheading .inwrap { margin: 0 }
.content { display:flex }
.contenthome { width: 100%; margin: 0 auto; }
.clear { clear: both; display: block; }
a, a:link, a:active, div a { text-decoration:none; color: #000 }
a img {border:none }
@font-face { font-family: 'fontello'; src: url('fonts/fontello.ttf') format('truetype') tech('variations'), url('fonts/fontello.ttf') format('truetype-variations'); font-weight: 100 1000; font-stretch: 25% 151%; font-display: swap; }

/*** Header ***/
header { width: 100%; float: left; position: fixed; z-index: 10000; top: 0; background: #fff; border-bottom: 1px solid #816e00; min-height: 60px }
.home header { background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0) 100%); border-bottom: none }
header .header { width:100%; float:left; display: flex; justify-content: space-between; align-items: center}
header .header .logo { z-index: 100; background: url(images/Hawksmoor.svg) center center no-repeat; height: 26px; width: 300px; transition: height 0.5s ease-in-out, margin ease-in-out; left: 50%; transform: translateX(-50%); position: absolute; top: 17px;}
@media (min-width: 901px) { .home header .header .logo { margin-top: calc(34vw - 75px); } }
@media (max-width: 900px) { .home header .header .logo { margin-top: calc(50vh - 75px); } }
.home header .header .logo { background: url(images/Hawksmoor-white.svg) center center no-repeat; height: 150px; width: 40vw; z-index: 0 }
.home header .stick .logo { margin-top: 7px; background: url(images/Hawksmoor.svg) center center no-repeat; height: 26px; width: 400px; z-index: 0 }
.stick { background: rgba(255,255,255,1); border-bottom: 1px solid #816e00; min-height: 60px }
.stick .logo { transition: height 0.5s ease-in-out, margin ease-in-out; top: 10px !important; background: url(images/Hawksmoor.svg) center center no-repeat; height: 50px; }
header .header button.reservations { background: url(images/book-a-table-bg-black.svg) center center no-repeat; height: 30px; width: 150px; margin: 0 20px 0 0; border: none; text-transform: uppercase; font-family: 'URWClassico Regular', sans-serif; font-weight: 500; color: #000; letter-spacing: 1px; font-size: 15px }
.home header .header button.reservations { background: url(images/book-a-table-bg-white.svg) center center no-repeat; height: 30px; width: 150px; margin: 0 20px 0 0; border: none; text-transform: uppercase; font-family: 'URWClassico Regular', sans-serif; font-weight: 500; color: #fff; letter-spacing: 1px; font-size: 15px }
header .stick button.reservations { background: url(images/book-a-table-bg-black.svg) center center no-repeat; color: #000}
.home header .stick button.reservations { background: url(images/book-a-table-bg-black.svg) center center no-repeat; color: #000}
header:hover button.reservations { background: url(images/book-a-table-bg-black.svg) center center no-repeat; color: #000}
.home header:hover button.reservations { background: url(images/book-a-table-bg-black.svg) center center no-repeat; color: #000}
header button.reservations:hover, .home header button.reservations:hover { background: url(images/book-a-table-bg-gold.svg) center center no-repeat; color: #fff; cursor: pointer }

/*** Home 2 ***/
.home2 .inwrap { margin: 0 }
.home2 header { background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0) 100%); border-bottom: none }
.home2 header .header .logo { background: url(images/Hawksmoor-white.svg) center center no-repeat; height: 26; width: 400px; z-index: 0 }
.home2 header .stick .logo { background: url(images/Hawksmoor.svg) center center no-repeat; height: 26px; width: 400px; z-index: 0; top: 17px !important }
.home2 header .header button.reservations { background: url(images/book-a-table-bg-white.svg) center center no-repeat; height: 30px; width: 150px; margin: 0 20px 0 0; border: none; text-transform: uppercase; font-family: 'URWClassico Regular', sans-serif; font-weight: 500; color: #fff; letter-spacing: 1px; font-size: 15px }
.home2 header .stick button.reservations { background: url(images/book-a-table-bg-black.svg) center center no-repeat; color: #000}
.home2 header:hover button.reservations { background: url(images/book-a-table-bg-black.svg) center center no-repeat; color: #000}
.home2 header:hover .navigation ul li a { color: #000 }
.home2 header:hover .navigation li a, .home2 header:hover .location li a{ color: #000}
.home2 .navigation li a, .home2 .location li a {color: #fff }
.home2 .stick .navigation li a, .home2 .stick .location li a {color: #000 }
.home2 header:hover { background: #fff !important;}
.home2 header:hover .header .logo { background: url(images/Hawksmoor.svg) center center no-repeat; height: 26; width: 400px; z-index: 0 }
.home2 header:hover .navigation ul li a { color: #000 }
.home2 header:hover .navigation li a, .home2 header:hover .location li a{ color: #000}
.home2 .navigation li a, .home2 .location li a {color: #fff }
.home2 .stick .navigation li a, .home2 .stick .location li a {color: #000 }
.home2 .header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { color: #fff }
.home2 .header:hover #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { color: #000 }
.home2 .header:hover #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover { color: #846a06 }
.home2 .stick #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { color: #000 }
.home2 .stick #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover { color: #846a06 }
.home2 .menu-toggle-label span { background-color: #fff }
.home2 .stick span { background-color: #333; }
.home2 header:hover .menu-toggle-label span { background-color: #333 }
.home2 header .mobile-toggle-wrapper .stick { border-bottom: none }
.largebutton { background: url(images/largebutton.svg) center center no-repeat !important; height: 40px; width: 180px; margin: 0; border: none !important; text-transform: uppercase; font-family: 'URWClassico Regular', sans-serif; font-weight: 500; color: #fff; letter-spacing: 1px; font-size: 20px !important }
.largebutton:hover { background: url(images/largebutton-gold.svg) center center no-repeat !important; }

/*** Navigation ***/
.home header:hover { background: #fff !important; }
.home header:hover .navigation ul li a { color: #000 }
/* .home header:hover .header  { background: url(images/Hawksmoor.svg) center center no-repeat ; background-size: auto 30px; } */
.home header:hover .navigation li a, .home header:hover .location li a{ color: #000}
.home .navigation li a, .home .location li a {color: #fff }
.home .stick .navigation li a, .home .stick .location li a {color: #000 }
.navigation { width:auto; font-weight: 500; font-size: 0.8em; line-height: 1.45em; font-family: 'URWClassico Regular', sans-serif; }
.navigation ul { padding: 0; list-style:none; display:flex; margin: 0 auto; font-size: 1em; text-transform: uppercase; justify-content: space-between}
.navigation ul li a:hover { text-decoration:none; }
.navigation li { height:40px; line-height: 40px; position: relative }
.navigation li a, .navigation li li a { display: block; padding: 0 0.5em ; text-decoration: none; border: 0; position: relative; margin: 0 0.25em }
.navigation li ul { z-index: 9999; position: absolute; left: -999em; height: auto; margin: 0px; color:#000; background: #fff; width: 100vw; text-align: center; border-top: 1px solid #846a06; border-bottom: 1px solid #846a06; display: flex; justify-content: center; flex-wrap: wrap; padding: 1.5em calc(50vw - 350px) }
.navigation ul li ul li { line-height: 40px; width: 21% }
.navigation li:hover ul ul, #subnav li:hover ul ul ul { left: -999em; }
.navigation li:hover ul, .navigation li li:hover ul, .navigation li li li:hover ul { left: 0; }
.navigation li:hover { position: static; }
.menu li.menu-item-has-children > a:after { font-family: 'fontello'; content: ' \f107'; margin-left: 5px; font-size: 12px; }
.navigation li:hover { position: static; }
.navigation ul li.restaurantsmenu ul li:first-child { width: 100%; opacity: 0.5; }
.navigation ul li.restaurantsmenu ul li:first-child a { cursor: default }
.navigation ul li.privatediningmenus ul li:last-child { width: 100% }
.navigation ul li ul li.menustopborder { border-top: 1px solid rgba(0,0,0,0.5); margin: 1em 0 0 ;  padding: 1em 0 }

/*** Location Menu ***/
.location { width:auto; font-weight: 500; font-size: 0.8em; line-height: 1.45em; font-family: 'URWClassico Regular', sans-serif; margin: 0 20px 0 auto; }
.location ul { padding: 0; list-style:none; display:flex; margin: 0 auto; font-size: 1em; text-transform: uppercase; justify-content: space-between}
.location ul li a:hover { text-decoration:none; }
.location li { height:60px; line-height:60px; position: relative }
.location li a { display: inline-block; padding: 0 0.5em ; text-decoration: none; border: 0; position: relative; margin: 0 0.25em }
.location li a:hover { color: #846a06 }
.location li a:focus { color: #846a06; outline: 2px solid #846a06; outline-offset: 2px; }
.location li ul { z-index: 9999; position: absolute; left: -999em; height: auto; margin: 0px; color:#000; flex-direction: column; background: #f6f6f6; font-size: 0.85em; line-height: 1em; box-shadow: 0 4px 8px rgba(0,0,0,0.1); border: 1px solid #ddd; min-width: 150px; }

/* Show dropdown on hover AND when opened via JavaScript */
.location li:hover ul,
.location li ul.dropdown-open { left: auto; }
.location li:hover,
.location li:has(ul.dropdown-open) { position: static; }

/* Dropdown trigger styling */
.location .menu li.menu-item-has-children > a:after { font-family: 'dashicons'; content: ' \f347'; margin-left: 5px; font-size: 12px; vertical-align: middle; transition: transform 0.2s ease; }
.location .menu li.menu-item-has-children > a[aria-expanded="true"]:after { transform: rotate(180deg); }

/* Submenu item styling */
.location li ul li { height: auto; line-height: 1.4; width: 100%; }
.location li ul li a { padding: 0.75em 1em; margin: 0; display: block; color: #333; border-bottom: 1px solid #eee; }
.location li ul li a:hover,
.location li ul li a:focus { background-color: #846a06; color: #fff; outline: none; }
.location li ul li:last-child a { border-bottom: none; }

/* Hidden state for screen readers */
.location ul[aria-hidden="true"] {
    position: absolute !important;
    left: -999em !important;
    visibility: hidden;
}

/* Ensure focus visibility */
.location a[role="button"]:focus,
.location a[role="menuitem"]:focus {
    outline: 2px solid #846a06;
    outline-offset: 2px;
}

/* Logo focus styling */
.logo-link:focus {
    outline: 2px solid #846a06;
    outline-offset: 4px;
    border-radius: 4px;
}

/* Hide outline when logo is not tabbable */
.logo-link[tabindex="-1"]:focus {
    outline: none;
}

/* Mobile menu accessibility styles */
.menu-toggle-label:focus {
    outline: 2px solid #846a06;
    outline-offset: 2px;
}

/* Hide focus outline when mobile toggle is not tabbable */
.menu-toggle-label[tabindex="-1"]:focus,
#mobile-toggle[tabindex="-1"]:focus {
    outline: none;
}

/* Mobile menu link focus styles */
#mobile-menu a:focus {
    outline: 2px solid #846a06;
    outline-offset: 1px;
    background-color: rgba(132, 106, 6, 0.1);
}

/* Hide focus when mobile menu links are not tabbable */
#mobile-menu a[tabindex="-1"]:focus {
    outline: none;
    background-color: transparent;
}

/*** Mobile Menu ***/
.menu-toggle-label { display: none }
#mobile-menu .sub-menu { display: none; }
#mobile-menu .sub-menu.active { display: block; }
.home .mobile-active .location li a { color: #000 }
.home .mobile-active .menu-toggle-label span { background-color: #333 }
.home header:hover .menu-toggle-label span { background-color: #333 !important }
.mobile-active .header { border-bottom: 1px solid #846a06 }
.menu-toggle { display: none; }
.menu-toggle-label { position: fixed; top:20px; right: 15px; width: 25px; height: 25px; cursor: pointer; z-index: 100000; min-height: 25px }
.menu-toggle-label span { display: block; width: 100%; height: 2px; background-color: #333; margin-bottom: 7px; transition: transform 0.3s, opacity 0.3s; }
.menu-toggle-label span.visually-hidden { height: 0 !important; margin: 0 !important }
.home .menu-toggle-label span { display: block; width: 100%; height: 2px; background-color: #fff; margin-bottom: 7px; transition: transform 0.3s, opacity 0.3s; }
.home .mobile-active header { background: #fff }
.home .mobile-active header button.reservations { color: #000; background: url(images/book-a-table-bg-black.svg) center center no-repeat; }

.home label.stick span { background-color: #333 !important; }
.home label.stick { border-bottom: none}
.menu-toggle-label span:last-child { margin-bottom: 0; }
.menu-toggle:checked + .menu-toggle-label span:nth-child(1) { transform: translateY(10px) rotate(45deg); }
.menu-toggle:checked + .menu-toggle-label span:nth-child(2) { opacity: 0; }
.menu-toggle:checked + .menu-toggle-label span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
.mobile { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 1000; overflow-y: auto; transition: transform 0.3s ease; transform: translateX(-100%); display: flex; justify-content: center; align-items: center; font-size: 2.25em; }
.mobile.active { transform: translateX(0%); }
.mobile ul { list-style: none; padding: 0; margin: 0; text-align: center; }
.mobile ul li { padding: 5px; }
.mobile ul li a { color: #333; text-decoration: none; display: block; }
.mobile .menu li.menu-item-has-children > a::after { font-family: 'fontello'; content: '\f105'; margin-left: 10px; font-size: 0.75em; }
.mobile .menu li.menu-item-has-children > a::before { font-family: 'fontello'; content: '\f104'; margin-right: 10px; font-size: 0.75em; color: #fff }
.back-button a { color: rgba(128,128,128) !important}
.back-button a:before { font-family: 'fontello'; content: '\f104'; margin-right: 10px; font-size: 0.75em}
.back-button a:after { font-family: 'fontello'; content: '\f105'; margin-left: 10px; font-size: 0.75em; color: #fff}
.mobile-active span.top { rotate: 45deg; margin: 10px 0 }
.mobile-active span.middle { display: none }
.mobile-active span.bottom { rotate: -45deg; margin: -12px 0 0 }

/*** 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; }

/*** Content ***/
.page { float:left; width:100%; }
.postContent { width: 90%; max-width: 1200px; margin: 0 auto }
.postContent a { text-decoration:none; }
.postContent h1 { font-family: 'URWClassico Regular', sans-serif; text-transform: uppercase; font-size: 1.3em; text-align: center; position: relative; display: flex; align-items: center; justify-content: center; font-weight: 500; letter-spacing: 2px; margin: 1em calc(50% - 50vw); max-width: 100vw; width: 100vw; }
.postContent h1.airstreetlogo { background: url("images/air-street.svg") center center no-repeat; height: 40px; color: rgba(0,0,0,0); max-width: 90%; margin: 1em auto }
.postContent h1.boroughlogo { background: url("images/borough.jpg") center center no-repeat; height: 40px; background-size: contain; color: rgba(0,0,0,0); max-width: 90%; margin: 1em auto; }
.postContent h1.knightsbridgelogo { background: url("images/knightsbridge.svg") center center no-repeat; height: 40px; background-size: contain; color: rgba(0,0,0,0); max-width: 90%; margin: 1em auto; }
.postContent h1.guildhalllogo { background: url("images/guildhall.svg") center center no-repeat; height: 40px; background-size: contain; color: rgba(0,0,0,0); max-width: 90%; margin: 1em auto; }
.postContent h1.sevendialslogo { background: url("images/sevendials.svg") center center no-repeat; height: 40px; background-size: contain; color: rgba(0,0,0,0); max-width: 90%; margin: 1em auto; }
.postContent h1.spitalfieldslogo { background: url("images/spitalfields.svg") center center no-repeat; height: 35px; background-size: contain; color: rgba(0,0,0,0); max-width: 90%; margin: 1em auto; }
.postContent h1.woodwharflogo { background: url("images/woodwharf.jpg") center center no-repeat; height: 40px; background-size: contain; color: rgba(0,0,0,0); max-width: 90%; margin: 1em auto; }
.postContent h1.manchesterlogo { background: url("images/manchester.svg") center center no-repeat; height: 40px; background-size: contain; color: rgba(0,0,0,0); max-width: 90%; margin: 1em auto; }
.postContent h1.edinburghlogo { background: url("images/edinburgh.svg") center center no-repeat; height: 40px; background-size: contain; color: rgba(0,0,0,0); max-width: 90%; margin: 1em auto; }
.postContent h1.liverpoollogo { background: url("images/liverpool.svg") center center no-repeat; height: 40px; background-size: contain; color: rgba(0,0,0,0); max-width: 90%; margin: 1em auto; }
.postContent h1.dublinlogo { background: url("images/dublin.svg") center center no-repeat; height: 40px; background-size: contain; color: rgba(0,0,0,0); max-width: 90%; margin: 1em auto; }
.postContent h1.chicagologo { background: url("images/chicago.svg") center center no-repeat; height: 40px; background-size: contain; color: rgba(0,0,0,0); max-width: 90%; margin: 1em auto; }
.postContent h1.newyorklogo { background: url("images/newyork.svg") center center no-repeat; height: 40px; background-size: contain; color: rgba(0,0,0,0); max-width: 90%; margin: 1em auto; }
.postContent h1.stpancras { background: url("images/stpancras.svg") center center no-repeat; height: 40px; background-size: contain; color: rgba(0,0,0,0); max-width: 90%; margin: 1em auto; }
.postContent h1.airstreetlogo::before, .postContent h1.airstreetlogo::after, .postContent h1.boroughlogo::before, .postContent h1.boroughlogo::after, .postContent h1.knightsbridgelogo::before, .postContent h1.knightsbridgelogo::after, .postContent h1.guildhalllogo::before, .postContent h1.guildhalllogo::after, .postContent h1.sevendialslogo::before, .postContent h1.sevendialslogo::after, .postContent h1.spitalfieldslogo::before, .postContent h1.spitalfieldslogo::after, .postContent h1.woodwharflogo::before, .postContent h1.woodwharflogo::after, .postContent h1.manchesterlogo::before, .postContent h1.manchesterlogo::after, .postContent h1.edinburghlogo::before, .postContent h1.edinburghlogo::after, .postContent h1.liverpoollogo::before, .postContent h1.liverpoollogo::after, .postContent h1.dublinlogo::before, .postContent h1.dublinlogo::after, .postContent h1.chicagologo::before, .postContent h1.chicagologo::after, .postContent h1.newyorklogo::before, .postContent h1.newyorklogo::after { height: 0}
.postContent h1::before, .postContent h1::after {  content: ""; flex-grow: 1; height: 1px; background-color: #846a06; }
.postContent h1::before { margin: 0 20px 0 0}
.postContent h1::after { margin: 0 0 0 20px}
/* removed as they want post content to only have h2s and below */
.postContent h2 { font-size: 2.5em; font-weight: 400; padding:0.75em 0; color: #846a06; letter-spacing: 0; line-height: 1.4 }
.postContent h2.classico { font-size: 1.25em !important; font-weight: 500; padding:0.25em 0; font-family: 'URWClassico Regular', sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #000 !important}
.postContent h3.classico { font-size: 1em; font-weight: 500; padding:0.25em 0; font-family: 'URWClassico Regular', sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #000}
.postContent h2 a, .postContent h3 a { color: #846a06; }
.postContent h3 { font-size: 2em; font-weight: 400; padding: 0.5em 0; color: #846a06; letter-spacing: 0}
.postContent h4 { font-size: 1.25em; margin: 1em 0; font-family: 'URWClassico Regular', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-weight: 500 }
.postContent h5 { font-size: 1em; margin: 1em 0; font-family: 'URWClassico Regular', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-weight: 500 }
.postContent h6 { font-size: 0.9em; margin: 1em 0; font-family: 'URWClassico Regular', sans-serif; text-transform: uppercase; }
.postContent p { font-size: 1.1em; padding: 0.5em 0 ; line-height:1.3; letter-spacing: normal; text-wrap: pretty; }
.postContent p a:hover { border-bottom: 1px solid #000 }
.postContent p a { text-decoration:none; text-underline-offset: 2px; }
.postContent p.date { font-style: italic; margin: 1em 0 }
.postContent ul { margin: 5px 0px 5px 0; }
.postContent ul li { font-size: 1.1em; margin: 1% 0 1% 1em; line-height: 140%; list-style:outside; letter-spacing: 0 }
.postContent ol li { padding:5px 0; font-size: 1.1em}
.postContent ol { margin: 5px 0px 5px 22px; letter-spacing: 0 }
.postContent blockquote { --scoop-radius: 25px; --border-width: 1px; --border-color: #846a06; --background-color: #fff; text-align:center; max-width: 1200px; margin: 2em auto; --border-stop: calc(var(--scoop-radius) + var(--border-width));
    --scoop-gradient: rgba(255, 255, 255, 0) var(--scoop-radius), var(--border-color) calc(var(--scoop-radius) + 1px), var(--border-color) var(--border-stop), var(--background-color) calc(var(--border-stop) + 1px);
    padding: var(--border-stop); background: var(--background-color); background: radial-gradient(circle at 0 0, var(--scoop-gradient)) top left, radial-gradient(circle at 100% 0, var(--scoop-gradient)) top right,
        radial-gradient(circle at 100% 100%, var(--scoop-gradient)) bottom right, radial-gradient(circle at 0 100%, var(--scoop-gradient)) bottom left;
    background-repeat: no-repeat; background-image: linear-gradient( to bottom, var(--border-color) 0, var(--border-color) var(--border-width)),
        linear-gradient( to left, var(--border-color) 0, var(--border-color) var(--border-width) ), linear-gradient( to top, var(--border-color) 0, var(--border-color) var(--border-width) ), linear-gradient(
            to right, var(--border-color) 0, var(--border-color) var(--border-width) ),
        radial-gradient(circle at 0 0, var(--scoop-gradient)),
        radial-gradient(circle at 100% 0, var(--scoop-gradient)),
        radial-gradient(circle at 100% 100%, var(--scoop-gradient)),
        radial-gradient(circle at 0 100%, var(--scoop-gradient)),
        linear-gradient( to right, var(--background-color) 0, var(--background-color) 1px ),
        linear-gradient( to right, var(--background-color) 0, var(--background-color) 1px );
    background-position: top center, right center, bottom center, left center, top left, top right, bottom right, bottom left, top center, left center;
    background-size: calc(100% - (var(--scoop-radius) + 1px) * 2) var(--border-width), var(--border-width) calc(100% - (var(--scoop-radius) + 1px) * 2), calc(100% - (var(--scoop-radius) + 1px) * 2) var(--border-width), var(--border-width) calc(100% - (var(--scoop-radius) + 1px) * 2), var(--border-stop) var(--border-stop), var(--border-stop) var(--border-stop), var(--border-stop) var(--border-stop), var(--border-stop) var(--border-stop),
        calc(100% - var(--border-stop) * 2) 100%, 100% calc(100% - var(--border-stop) * 2); }
.postContent blockquote p { font-size: 2.5em; line-height: 125%; margin: 0.5em 0; font-family: 'Adobe Gurmukhi', Georgia, serif; text-wrap: pretty }
.postContent blockquote cite { font-size: 1.1em; line-height: 140%; font-family: 'URWClassico Regular', sans-serif; text-transform: uppercase; font-weight: 500; font-style: normal }
.postContent hr { margin: 5% auto }
.postContent a.post-edit-link, .foodmenu a.post-edit-link {float:left; margin: 2% 0; width: 100%; text-align: center}
.postContent a.post-edit-link:hover, .foodmenu a.post-edit-link:hover { border-bottom: none }
.postContent h2.sectionheader { font-family: 'URWClassico Regular', sans-serif; text-transform: uppercase; font-size: 1.3em; text-align: center; position: relative; display: flex; align-items: center; justify-content: center; font-weight: 500; letter-spacing: 2px; margin: 1em calc(50% - 50vw); max-width: 100vw; width: 100vw; color: #000 }
.postContent h2.sectionheader::before, .postContent h2.sectionheader::after {  content: ""; flex-grow: 1; height: 1px; background-color: #846a06; }
.postContent h2.sectionheader::before { margin: 0 20px 0 0}
.postContent h2.sectionheader::after { margin: 0 0 0 20px}
.postContent .verticalalign table td { vertical-align: top }
.postContent .classico { font-family: 'URWClassico Regular', sans-serif; }
.postContent .classico strong { font-weight: 500 }

/*** Food menus ***/
body.page-template-tpl_menuspage { background: #f6f6f6}
.page-template-tpl_menuspage .postContent .foodmenu { background: #fff; padding: 1em 2em ; max-width: 1200px; margin: 0 auto; letter-spacing: 0 }
.page-template-tpl_menuspage .postContent h1 { font-size: 2.5em; font-weight: 400; font-family: 'Adobe Gurmukhi', Georgia, serif; text-transform: none; color: #846a06; margin: 0.5em auto ; width: 100%; letter-spacing: 0 }
.page-template-tpl_menuspage .postContent h1::before, .page-template-tpl_menuspage .postContent h1::after { height: 0  }
.page-template-tpl_menuspage .postContent h2 { font-size: 2.5em; font-weight: 400; margin: 1em 0 0; color: #846a06; text-align: center}
.page-template-tpl_menuspage .postContent h3 { margin: 0.5em 0 ; }
.page-template-tpl_menuspage .postContent .tablepress tr { display: flex; }
.page-template-tpl_menuspage .postContent .tablepress tr:nth-child(2n+1) { background: url(images/dots.svg) left 15px repeat-x; background-size: 30px; display: flex; justify-content: space-between; font-size: 20px }
.page-template-tpl_menuspage .postContent .tablepress tr td { border: none; background: #fff }
.page-template-tpl_menuspage .postContent .tablepress tr td:first-child { padding: 0 10px 0 0; margin: 0 auto 0 0 }
.page-template-tpl_menuspage .postContent .tablepress tr td:nth-child(2) { padding: 0 0 0 10px ; text-align: right; }
.page-template-tpl_menuspage .postContent .tablepress tr td:nth-child(3) { padding: 0 0 0 10px ; text-align: right; }
.page-template-tpl_menuspage .postContent .tablepress tr td:last-child { padding: 0 0 0 10px ; text-align: right; }
.page-template-tpl_menuspage .postContent .tablepress tr:nth-child(even) { margin: 0 0 1em 0; width: 100% }
.page-template-tpl_menuspage .postContent .tablepress caption { display: none }

/*** Sitemap page ***/
.sitemap-loop h3 { text-align: center }
.sitemap-loop ul { display: flex; flex-wrap: wrap; font-size: 1.2rem}
.sitemap-loop ul li { list-style: none; margin: .5em }

/*** Styles for Food Menu Block ***/
.foodmenublock { position: relative }
.firstoftype { margin-top: -2% }
.foodmenublock p { margin: 0; font-family: 'URWClassico Regular', sans-serif; background: url(images/dots.svg) left 25px repeat-x; background-size: 30px }
.foodmenublock p span { position: relative }
.foodmenublock p span.dishtitle { background: #fff;  }
.foodmenublock p span.dishprice { float: right; background: #fff; padding: 0 0 0 5px}
.foodmenublock p span.dishdescription {font-size: 16px; font-family: 'Adobe Gurmukhi', Georgia, serif; }

.divider { border-bottom: 2px dotted #000; padding: 2em 0 2em}
.divider:last-child { border-bottom: none; }
.divider:first-child { padding: 0 0 2em }
.alignfull { margin: 0 calc(50% - 50vw); max-width: 100vw; width: 100vw; }
.aligncenter { margin: 0 auto }
.postContent .alignwide { max-width: 1200px; margin-left: auto; margin-right: auto }

/*** Specials ***/
.postContent .wp-caption { background: #f8f7eb; border: solid 1px #EBE9D7; text-align: center; padding-bottom: 4px; font-family: 'Adobe Gurmukhi', Georgia, serif; }
.postContent .wp-caption img { border: solid 5px #fff; }
.postContent .wp-caption p { margin: 0px; }
.postContent .sidenav::before { background: url("images/menu-top.png") no-repeat; background-size: 100%; content:""; height: 30px; display: block}
.postContent .sidenav::after { background: url("images/menu-bottom.png") no-repeat; background-size: 100%; content:""; height: 30px; margin: 40px 0 0; display: block}
.postContent .sidenav { width: 200px; float: left; position: sticky; position: -webkit-sticky; top: 170px; background: #fff; z-index: 10 }
.postContent .sidenav ul li { margin: 1em 0; list-style: none; text-align: center; font-family: 'URWClassico Regular', sans-serif; text-transform: uppercase; font-size: 17px; letter-spacing: 1px; position: relative; display: flex; flex-direction: column}
.postContent .sidenav ul li.current_page_item a { color: #816e00 }
.postContent .sidenav ul li.current_page_item::before { content:"•"; color: #846a06; position: absolute; left: 0}
.postContent .sidenav ul li.current_page_item::after { content:"•"; color: #846a06; position: absolute; right: 0  }
.postContent .sidenav a { text-decoration: none; }
.postContent .sidenavcontent { width: 650px; margin: 0 0 0 250px}
.postContent .postthumbnail { width: 50%; float: left; margin: 0 25px 0 0 }
.postContent .postthumbnail img { width: 100%; height: auto; float: left;  }
.postContent .catpost { width: calc(50% - 25px); float: left }
.postContent .catpost a h2 { text-transform: none; margin: 0 0 1em; letter-spacing: 1px; color: #816e00 }
.postContent .catpost a {text-decoration: none; }
.headimage { float: left; margin: 0 0 1em; width: 100%; text-align: center}
.headimage img { max-width: 100%; height: auto }
.blog a { color: #816e00 }
.blog p { letter-spacing: 1px; margin: 1.5em 0 }
.blog ul { margin: 0 0 0 20px;  }
.blog ul li { letter-spacing: 1px !important }
.blog p.categories { font-family: 'URWClassico Regular', sans-serif; font-style: italic; margin: 0 }
.blog p.categories a { text-decoration: none }
.postContent .privatedining h2 { padding: 0.5em 0 0; letter-spacing: 0 }
.postContent .privatedining h4 { font-size: 1em; margin: 0 ;}
.seventyfive { width: 75%; margin-left: auto !important; margin-right: auto !important }
.fifty { width: 50%; margin-left: auto !important; margin-right: auto !important }

.kb-form .kadence-blocks-form-field .kb-forms-submit:before { content: ''; position: absolute; left: -4px; right: -4px; top: 3px; bottom: 3px; border-width: 0 4px; border-color: #846a06; border-style: solid; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; background-color: transparent !important; }
.kb-form .kadence-blocks-form-field .kb-forms-submit { font-family: 'Adobe Gurmukhi', Georgia, serif; }
.alignfull > .kt-row-column-wrap { padding-left: 0 !important; padding-right: 0 !important}

.wp-block-button__link { padding: 6px 15px; position: relative; background-color: #000; clip-path: polygon(11px 0%, calc(100% - 11px) 0%, 100% 11px, 100% calc(100% - 11px), calc(100% - 11px) 100%, 11px 100%, 0% calc(100% - 11px), 0% 11px);  border:none; cursor: pointer; letter-spacing: 1px; text-transform: uppercase; font-family: 'URWClassico Regular', sans-serif; font-size: 15px; margin: 0.5em 0 ; text-decoration: none !important; font-weight: 500; border-radius: 0; color: #000; width: auto; height: auto; }
.wp-block-button__link::after { content: ""; position: absolute; top:1px; left: 1px; right: 1px; bottom: 1px; background-color: #fff; clip-path: polygon(10px 0%, calc(100% - 10px) 0%, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0% calc(100% - 10px), 0% 10px); z-index: -1 ; }
.wp-block-button__link:hover, .wp-block-button__link:active, .greybutton .wp-block-button__link:active, .lightgoldbutton .wp-block-button__link:active { background-color: #846a06; color: #fff; }
.wp-block-button__link:hover::after, .greybutton .wp-block-button__link:hover::after, .wp-block-button__link:active::after, .greybutton .wp-block-button__link:active::after, .lightgoldbutton .wp-block-button__link:hover::after, .lightgoldbutton .wp-block-button__link:active::after { background-color: #846a06;  }
.greybutton .wp-block-button__link::after { background-color: #f6f6f6; }
.lightgoldbutton .wp-block-button__link::after { background-color: #eeead9 }
a.wp-block-button__link:hover { border-bottom: none }

.modalbutton .kt-blocks-modal-link:not(.kb-btn-global-inherit) { padding: 6px 15px; position: relative; background-color: #000; clip-path: polygon(11px 0%, calc(100% - 11px) 0%, 100% 11px, 100% calc(100% - 11px), calc(100% - 11px) 100%, 11px 100%, 0% calc(100% - 11px), 0% 11px);  border:none; cursor: pointer; letter-spacing: 1px; text-transform: uppercase; font-family: 'URWClassico Regular', sans-serif; font-size: 15px; margin: 0.5em 1em ; text-decoration: none !important; font-weight: 500; border-radius: 0; color: #000 }
.modalbutton .kt-blocks-modal-link:not(.kb-btn-global-inherit)::after { content: ""; position: absolute; top:1px; left: 1px; right: 1px; bottom: 1px; background-color: #fff; clip-path: polygon(10px 0%, calc(100% - 10px) 0%, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0% calc(100% - 10px), 0% 10px); z-index: -1 ; }
.modalbutton .kt-blocks-modal-link:not(.kb-btn-global-inherit):hover, .modalbutton .kt-blocks-modal-link:not(.kb-btn-global-inherit):active { background-color: #846a06; color: #fff; }
.modalbutton .kt-blocks-modal-link:not(.kb-btn-global-inherit):hover::after, .modalbutton .kt-blocks-modal-link:not(.kb-btn-global-inherit):active::after { background-color: #846a06; }

/*** Restaurant Motice ***/
.restaurant-notice { width: 100%; padding: 0.75em 0; font-size: 1.75em; text-align: center; background: #fff; color: #000; z-index: 1000; position: absolute; top: 60px}

/*** Menu Dropdown ***/
form.menudropdown { display: flex; justify-content: center; align-items: center; margin: 2em; padding: 0; }
.menudropdown select { padding: 10px 20px; border-radius: 5px; border: 1px solid #f6f6f6; cursor: pointer; background: #fff; font-family: 'URWClassico Regular', sans-serif; letter-spacing: 1px; font-size: 1.2em; border-right: 8px solid transparent }
.menudropdown option { background: #fff; font-family: 'URWClassico Regular', sans-serif; letter-spacing: 1px; font-size: 1.2em }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {font-size: clamp(12px, 0.7692307692vw + 0.0769230769px, 14px);
  padding-left: clamp(5px, 0.3205128205vw + 0px, 10px);
  padding-right: clamp(5px, 0.3205128205vw + 0px, 10px);}

/*** Menu Siblings ***/
.menusiblings { margin: 0 auto 1em;}
.menusiblings ul { font-family: 'URWClassico Regular', sans-serif; letter-spacing: 1px; font-size: 1em; text-transform: uppercase; display: flex; justify-content: center; margin: 2em auto; text-align: center; max-width: 1200px; flex-wrap: wrap }
.menusiblings ul li { list-style: none; display: inline-block; margin: 0.5em 1em; letter-spacing: 1px; flex: 0 0 auto  }
.menusiblings ul li a { text-decoration: none; font-weight: 500 }
.menusiblings ul li.current_page_item a { border-bottom: 2px solid #000 }
.menusiblings ul:nth-of-type(2) { text-transform: capitalize; }

/*** Press ***/
.presswrapper { display: flex; justify-content: flex-start; flex-wrap: wrap; max-width: 1500px; margin: 0 auto }
.press { display: flex; flex-direction: column; width: 30%; text-align: center; margin: 0 5% 5% 0; overflow: hidden }
.press h2 { padding: 0.5em 0; font-size: 1.8em; line-height: 1.2 }
.press_image { overflow: hidden; aspect-ratio: 6/4; margin: 0 0 1em }
.press_image img:hover { transform: scale(1.1, 1.1); transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s}
.press_image img { max-width: 100%; height: auto }
.press:nth-child(3n) { margin: 0 0 5% 0 }

/***Mappress ***/
.mapp-layout { border:none }
.mapp-marker { filter: none }
.leaflet-container .leaflet-control-attribution { display: none }
.leaflet-pane .leaflet-tile-pane { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}

/*** Footer ***/
.footer { font-size:14px; clear:both; margin: 0 auto; width: 100%; border-top: 1px solid #816e00; display: flex; background: url("images/Beef_and_Liberty.svg") no-repeat center 25px #fff; background-size: auto 96px; flex-direction: column; align-items: center; font-family: 'URWClassico Regular', sans-serif; font-weight: 500; position: relative}
.footer .fmenu { width: 100%; }
.footer .fsocial { display: flex; justify-content: space-around; align-items: center; margin: 150px 0 0; }
.footer .fsocial ul.social-media-icons { list-style:none; display: flex; padding: 0 5px }
.footer .fsocial ul.social-media-icons li { font-size: 2em; padding: 0 0.25em;  }
.footer .fsocial ul.social-media-icons li a { color: #000 }
.footer .fsocial ul.social-media-icons li a:hover { color: #816e00 }
.footer .fsocial ul.social-media-icons li i.hasm-twitter { background: url("images/x.svg") no-repeat center; }
.footer .fsocial ul.social-media-icons li i.hasm-facebook { background: url("images/facebook.svg") no-repeat center; background-size: 30px 30px; border-radius: 15px; width: 20px; height: 20px; padding: 5px; display: inline-block; }
.footer .fsocial ul.social-media-icons li i.hasm-tiktok { background: url("images/tiktok.svg") no-repeat center; background-size: 30px 30px; border-radius: 15px; width: 20px; height: 20px; padding: 5px; display: inline-block; }
.footer .fsocial ul.social-media-icons li i.hasm-instagram { background: url("images/instagram.svg") no-repeat center; }
.footer .fsocial ul.social-media-icons li i.hasm-youtube { background: url("images/youtube.svg") no-repeat center; }
.footer .fsocial ul.social-media-icons li i.hasm-twitter, .footer .fsocial ul.social-media-icons li i.hasm-instagram { background-size: 15px 15px; background-color: #846a06; padding: 5px; border-radius: 15px; width: 20px; height: 20px; display: inline-block }
.footer .fsocial ul.social-media-icons li i.hasm-youtube { background-size: 20px auto; background-color: #846a06; padding: 5px; border-radius: 15px; width: 20px; height: 20px; display: inline-block }

/*** Footer Navigation ***/
.footer ul#footer-menu { margin: 30px 0; display: flex; justify-content: center; align-items: center}
.footer ul#footer-menu li { padding: 0 1em; list-style: none; display: inline-block; text-align: center }
.footer ul#footer-menu li a { color: #000; text-transform: uppercase; }
.footer ul#footer-menu li a:hover { color: #816e00; }
.footer copyright { font-size: 14px; position: absolute; left: 20px; bottom: 30px}

/*** Mobile Footer ***/
.mobilefooter { width: 100%; visibility: hidden; position: fixed; bottom: 0;  background: #fff; z-index: 1000; text-align: center; border-top: 1px solid #816e00 }

/*** OpenTable - Book a Table***/
.ot-dtp-picker .ot-dtp-picker-button { box-shadow: none !important }
.ot-title { font-family: 'URWClassico Regular', sans-serif; text-transform: uppercase; color: #000; }
.ot-dtp-picker input[type="submit"] { width: 100%; color: #fff; text-transform: uppercase; letter-spacing: 2px; font-family: 'URWClassico Regular', sans-serif !important; background: #816e00; border: 1px solid #816e00 }
.postContent .ot-dtp-picker { width: auto; max-width: 200px; padding: 0; margin: 0 auto }
.postContent .ot-dtp-picker .ot-dtp-picker-form { background: none }
.postContent #ot-widget-container22 { width: 250px; margin: 0 auto }
.ot-divider-background { background: none !important }
.ot-powered-by { display: none }
h1.ot-title { display: none }
.ot-dtp-picker .ot-dtp-picker-selector { font-family: 'URWClassico Regular', sans-serif; }

/* moove GDPR plugin */
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme { border-top: none !important; width: 30%; margin: 0 35% 0; bottom: 4em; box-shadow: 0 0 10px rgba(0,0,0,0.3) }
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content { padding: 1em !important; display: flex; flex-direction: column; }
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container { padding: 0 !important }
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice p { font-size: 17px !important; margin: 0 0 1em !important; letter-spacing: 0 }
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice p a { font-size: 17px !important; }
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder { padding: 0 !important }
#moove_gdpr_cookie_info_bar .mgbutton { padding: 6px 15px !important; position: relative; background-color: #000; clip-path: polygon(11px 0%, calc(100% - 11px) 0%, 100% 11px, 100% calc(100% - 11px), calc(100% - 11px) 100%, 11px 100%, 0% calc(100% - 11px), 0% 11px);  border:none; cursor: pointer; letter-spacing: 1px; text-transform: uppercase; font-family: 'URWClassico Regular', sans-serif; font-size: 15px; margin: 0.25em 1em !important; text-decoration: none !important; font-weight: 600 !important; border-radius: 0; color: #000; }
#moove_gdpr_cookie_info_bar .mgbutton::after { content: ""; position: absolute; top:1px; left: 1px; right: 1px; bottom: 1px; background-color: #fff; clip-path: polygon(10px 0%, calc(100% - 10px) 0%, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0% calc(100% - 10px), 0% 10px); z-index: -1 ; }
#moove_gdpr_cookie_info_bar .mgbutton:hover::after { background-color: #846a06; color: #fff !important }
#moove_gdpr_cookie_info_bar .mgbutton:hover, #moove_gdpr_cookie_info_bar .mgbutton:active { background-color: #846a06; color: #fff }
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover { background-color: #846a06 !important; color: #fff !important }
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton { color: #000 !important; text-transform: uppercase !important; letter-spacing: 1px !important}
#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-settings-btn { opacity: 1 !important; background-color: #000 !important; }
.gdpr_lightbox { z-index: 10000 !important}

#popmake-640 .pum-content { display: flex; flex-direction: column; align-items: center }
.pum-content h2 { font-size: 1.5em; font-family: 'URWClassico Regular', sans-serif; font-weight: normal; }
.pum-content h3 { font-size: 1.2em; font-family: 'URWClassico Regular', sans-serif; font-weight: normal; margin: 1em; }
.pum-content button.booknow { text-align: center; width: auto; padding: 0.5em; color: #000; background: #846a06; text-transform: uppercase; font-size: 1.25em; display: inline-block; margin: 0 0 1em; position: relative; border: none; font-family: 'Adobe Gurmukhi', Georgia, serif; }
.pum-content button.booknow:hover { background: #000;color: #fff; cursor: pointer }
.pum-content button.booknow:before { content: ''; position: absolute; left: -3px; right: -3px; top: 3px; bottom: 3px; border-width: 0 4px; border-color: #846a06; border-style: solid; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; background-color: transparent !important; }
.pum-content button.booknow:hover:before { content: ''; position: absolute; left: -6px; right: -6px; top: 3px; bottom: 3px; border-width: 0 4px; border-color: #000; border-style: solid; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; background-color: transparent !important; }

/*** Tripleseat ***/
#tripleseat_embed_form table { width: 100% }
#tripleseat_embed_form input, #tripleseat_embed_form .lead_event_description, #tripleseat_embed_form textarea { width: calc(100% - 46px) !important; padding: 1em 23px; border-radius: 3px }
#tripleseat_embed_form select { width: calc(50% - 10px) !important; border-radius: 3px; appearance: none; background: #fff url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='black' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 16px center; padding: 1em 40px 1em 23px; }
#tripleseat_embed_form .row_contact_preference label { width: calc(50% + 5px) !important; display: inline-block !important; }
#tripleseat_embed_form input.checkbox { width: auto !important; margin: 2px 5px 0 0}
input#lead_submit { width: auto; margin: 0 auto 1em; border: none !important; padding: 0.75em 1em; text-transform: uppercase; font-size: 18px !important }
#tripleseat_embed_form .button { width: auto !important; color: #000; background: #fff; border: 2px solid #000 !important; font-family: 'URWClassico Regular', sans-serif; letter-spacing: 1px; font-weight: 500 }
#tripleseat_embed_form .button:hover { background: #846a06; color: #fff; border: 2px solid #846a06 !important }
#tripleseat_embed_form tr.row_event_date .ui-datepicker { position: inherit !important }
#tripleseat_embed_form h2 { font-size: 2em; text-align: center }

/*** gravity Forms ***/
.gform_wrapper input.hasDatepicker { background-image: none }

/*** Country Selector ***/
.wordpress-country-selector-modal { background: rgba(0,0,0,0.7)}
.wordpress-country-selector-modal.fade .wordpress-country-selector-modal-dialog { transform: none; transition: none; margin: calc(50vh - 210px) auto 0 }
.country_selector_modal .wordpress-country-selector-modal-body { border: 2px solid #846a06; padding: 15px 45px }
.country_selector_modal_text p.country_selector_seems_text { font-size: 1.5em; color: #856C00; font-weight: 500}
.country_selector_modal_text p.country_selector_international_text{ display: none }
button.country_selector_modal_close { background: none; top: 0; right: 0; font-size: 20px; border: none; display: none }
a.country_selector_modal_goto { display: none }
a.country_selector_modal_stay { background: none }
a.country_selector_modal_stay span.flag-icon { display: none }
a.country_selector_modal_stay button { background: url(images/book-a-table-bg-black.svg) center center no-repeat; height: 30px; width: 150px; border: none; text-transform: uppercase; font-family: 'URWClassico Regular', sans-serif; font-weight: 500; color: #000; letter-spacing: 1px; font-size: 15px; cursor: pointer }
a.country_selector_modal_stay button:hover { background: url(images/book-a-table-bg-gold.svg) center center no-repeat; color: #fff; cursor: pointer }
p.country_selector_modal_flag_buttons { font-family: 'URWClassico Regular', sans-serif; font-weight: 500; color: #000; letter-spacing: 1px; font-size: 14px; text-transform: uppercase }
p.country_selector_modal_flag_buttons a { text-decoration: underline }
.country_selector_modal_buttons { display: flex; flex-direction: column-reverse }

/*** Mailing List Form ***/
form.mailinglist { max-width: 500px; margin: 0 auto }
form.mailinglist label, form.js-cm-form label, form#signup label {margin: 0.5em 0; float: left; padding: 0; border-top: none; border-bottom: none}
form.mailinglist input, form.js-cm-form input, form#signup input {margin: 0 0 1em}
form.js-cm-form button { border-radius: 0; border:none; background: #846a06; width: 100px; height: 30px }
form.js-cm-form button:hover { background: #000; color: #fff; cursor: pointer }
.centresendjscmform { text-align: center; }
form#signup { width: 90% }
p.signupformcentre { text-align: center; width: 100px; margin: 1em auto; position: relative }
form#signup input#btnsubmit { margin: 0 }
p.signupformcentre:before { content: ''; position: absolute; left: -3px; right: -3px; top: 3px; bottom: 3px; border-width: 0 4px; border-color: #846a06h; border-style: solid; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; background-color: transparent !important; }
p.signupformcentre:hover:before { content: ''; position: absolute; left: -6px; right: -6px; top: 3px; bottom: 3px; border-width: 0 4px; border-color: #000; border-style: solid; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; background-color: transparent !important; }

/* -- Media Queries -- */
@media only screen and (min-width : 900px) and (max-width : 1375px) {
.navigation { display: none }
.menu-toggle-label { display: block; left: 15px }
.postContent .alignwide { max-width: 95%; }
.mobile-active header .header .logo { height: 20px; width: 60vw; margin-top: 5px; background: url(images/Hawksmoor.svg) center center no-repeat; background-size: auto 20px }
}

@media only screen and (min-width : 601px) and (max-width : 900px) {
.navigation { display: none }
.inwrap, .header { width: 100% }
.reservations, .navigation { display: none }
.postContent .sidenav { width: 250px; position: relative; margin: 0 calc(50% - 125px); top: 0 }
.postContent .sidenavcontent { width: 100%; margin: 0 }
.menu p span.dishtitle:before { width: calc(650px - 100%); }
.postContent .postthumbnail { width: 100% }
.postContent .catpost { width: 100% }
.menu .menulink a { right: 0; top: 440px}
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme { width: 70%; margin: 0 15% 0; }
.postContent h2 {font-size: 2em}
.postContent h3 {font-size: 1.75em}
.home header .header .logo { width: 60vw}
.location { margin: 0 auto 0 10px}
.mobilefooter { visibility: visible; }
.menu-toggle-label { display: block }
.mobile-active header .header .logo { height: 20px; width: 60vw; margin-top: 5px; background: url(images/Hawksmoor.svg) center center no-repeat; background-size: auto 20px }
}

@media only screen and (max-width : 600px) {
.navigation { display: none }
.menu-toggle-label { display: block }
header .header button.reservations { display: none }
.home header .header .logo { height: 150px; width: 75vw; }
.home2 header .header .logo { height: 20px; width: 60vw; margin-top: 5px; }
.home header .stick .logo { height: 20px; width: 60vw; margin-top: 10px }
.home2 header .stick .logo { margin-top: 5px }
.mobile-active header .header .logo { height: 20px; width: 60vw; margin-top: 5px; background: url(images/Hawksmoor.svg) center center no-repeat; background-size: auto 20px }
.menusiblings ul { flex-direction: column }
.home header:hover .header  { background-size: auto 20px; }
.location { margin: 0 auto 0 10px}
.location li.nomobile { display: none }
header .header .logo { width:200px; }
.reservations, .mailinglisttop { display: none }
.postContent { overflow: hidden; width: 100%;  }
.postContent p { margin: 1em 5% }
.postContent h2 { font-size: 1.75em; padding: 0 1em }
.postContent h3 { font-size: 1.5em; margin: 1em 5%}
.postContent h4, .postContent h5 { margin: 1em 5% }
.postContent blockquote { max-width: 90% }
.postContent blockquote p { font-size: 1.75em}
.postContent .sidenav { width: 250px; position: relative; margin: 0 calc(50% - 125px); top: 0}
.postContent .sidenavcontent { width: 90%; margin: 0 5%}
.menu p span.dishtitle:before { width: calc(280px - 100%); }
.postContent .postthumbnail, .postContent .catpost { width: 100% }
.postContent .catpost a h2 { margin: 1em 0 }
/** .footer { display: none } **/
.footer ul#footer-menu { flex-direction: column }
.footer copyright { position: relative; text-align: center ; display: block; margin: 0 auto 70px; left: 0; bottom: 0 }
.mobilefooter { visibility: visible; }
.postContent .menu h1 { margin: 0 0 3em}
.menu p.menulink { display: flex; flex-direction: column; align-items: center }
.menu .menulink a { right: revert; padding: 0.125em 0; font-size: 0.85em; top: 2.75em }
#metaslider-id-15 { width: 150% !important; margin: 0 -25%; overflow: hidden }
.wp-block-nextend-smartslider3 { width: 150%; margin: 0 -25% }
.pum-content h2 { font-size: 1.25em; margin: 0.5em }
.pum-content h3 { font-size: 1.1em; margin: 0.5em }
.presswrapper { justify-content: space-between }
.press { width: 47.5%; margin: 0 0 5% 0  }
.press:nth-child(3n+3) { margin: 0 0 5% 0 }
.desktop { display: none }
.menu .menulink a { right: 0; top: 440px}
#tripleseat_embed_form table { width: 95%; margin: 0 2.5% }
.gform_wrapper { width: 90%; margin: 0 auto }
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme { width: 90%; margin: 0 5% 0; }
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder { flex-direction: column }
#moove_gdpr_cookie_info_bar .mgbutton { margin: 0.5em 1em !important; }
.seventyfive, .fifty { width: 100% }
}
@media only screen and (max-width : 320px) {
header .header .logo { width:36%; margin: 1% 32%; }
}
@media only screen and (max-width : 480px) {
.mobileonly { visibility: visible; height: auto }
figure.mobileonly { display: table !important }
.notonmobile { display: none }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}