<style>
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
</style>

/* Fonts */
@font-face {
font-family: 'Brandon Grotesque';
src: url('fonts/Brandon_bld.eot'); 
src: url('fonts/Brandon_bldd41d.eot?#iefix') format('embedded-opentype'), 
url('fonts/Brandon_bld.woff') format('woff'), 
url('fonts/Brandon_bld.ttf') format('truetype'), 
url('fonts/Brandon_bld.svg#41e76bd6e414417d52adb646f262964a') format('svg'); 
font-style: normal;
font-weight: 700;
}

@font-face {
font-family: 'Brandon Grotesque';
src: url('fonts/Brandon_med.eot'); 
src: url('fonts/Brandon_medd41d.eot?#iefix') format('embedded-opentype'), 
url('fonts/Brandon_med.woff') format('woff'), 
url('fonts/Brandon_med.ttf') format('truetype'), 
url('fonts/Brandon_med.svg#42e0c7c233eb5259e2b1a7ec7e16d4ce') format('svg'); 
font-style: normal;
font-weight: 600;
}

@font-face {
font-family: 'Brandon Grotesque';
src: url('fonts/Brandon_blk.eot'); 
src: url('fonts/Brandon_blkd41d.eot?#iefix') format('embedded-opentype'), 
url('fonts/Brandon_blk.woff') format('woff'), 
url('fonts/Brandon_blk.ttf') format('truetype'), 
url('fonts/Brandon_blk.svg#31abb7704a87130091ce57face358af8') format('svg'); 
font-style: normal;
font-weight: 900;
}

@font-face {
font-family: 'Brandon Grotesque';
src: url('fonts/Brandon_reg.eot'); 
src: url('fonts/Brandon_regd41d.eot?#iefix') format('embedded-opentype'), 
url('fonts/Brandon_reg.woff') format('woff'), 
url('fonts/Brandon_reg.ttf') format('truetype'), 
url('fonts/Brandon_reg.svg#50bf5a2005a5412419d6a4b30314e68e') format('svg'); 
font-style: normal;
font-weight: 400;
}

/* wp admin styles */
body#tinymce{ margin:0; padding:0; border:none;}
body#tinymce .company_text{ display:block !important;}

/* wp basic styles */
.entry-content img {margin: 0 0 1.5em 0;}
div.alignleft, img.alignleft {display: inline-block;float: left;margin-right: 1em;margin-bottom: 1em;}
div.alignright, img.alignright {display: inline-block;float: right;margin-left: 1em;margin-top: 1em;}
div.aligncenter, img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
.wp-caption {text-align: center;margin-bottom: 1.5em;}
.wp-caption img {border: 0 none;margin: 0;padding: 0;}
.wp-caption p.wp-caption-text {margin: 0;font-weight: bold;}
.wp-smiley { max-height: 1em;margin:0 !important;}
.gallery dl {margin: 0;border: 0;padding: 0;}
blockquote.left {float: left;margin-left: 0;margin-right: 20px;text-align: right;width: 33%;}
blockquote.right {float: right;margin-left: 20px;margin-right: 0;text-align: left;width: 33%;}
.gallery-caption{font-size: 12px;}
html{height: 100%;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
p {font-weight: 500;    padding-top:0.1em;padding-bottom:0.1em;}
em{font-style: italic;}
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {max-width: 100%;height: auto;}
.center{text-align: center;}

.button
{
    color:white !important;
    background-color:#d7a344 !important;
}
#page_content_wrapper p {padding-top:0.5em;padding-bottom:0.5em;}
#page_content_wrapper p:empty{padding: 0 !important;margin: 0 !important;}
#footer p {padding-top:0.5em;padding-bottom:0.5em;}
html, body {min-height: 100%;}
img, a img {image-rendering: optimizeQuality;}
em { font-style: italic; }
::selection {background: #0d5d57;color: #fff;}
table{border-spacing: 0;}
.sticky{background: #ffffe0;padding: 30px 20px 20px 20px;border: 1px solid #e6db55 !important;box-sizing: border-box;}
.marginright{margin-right: 7px;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {  float:right; margin:0 0 1em 1em}
a img.alignleft {   float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.sticky, .bypostauthor { font-weight: bold; }

/* common styles */
body{ margin:0; padding:0; color:#000; font-size:12pt; line-height:1.2em; min-width:1200px; font-weight:400; font-family: 'Brandon Grotesque';}
input, select, textarea{ color:inherit; font-size:12pt; font-weight:400; font-family: 'Brandon Grotesque';}
.contentCenter{ width:1160px; margin:0 auto;}
a{ color:inherit;}
a img{ border:none; display:block;}
.displayTable{ display:table; width:100%; height:100%;}
.tableCell{ display:table-cell; width:100%; height:100%; vertical-align:middle;}
.button{cursor:pointer; border: 2px solid #d7a344 !important; border-radius: 2px; color: #fff !important; text-transform:capitalize;font-size: 10.9pt;font-weight: 700;line-height: 27px;padding: 0 15px;display: inline-block; transition:0.3s ease; text-decoration:none !important; background:none !important; background-color:#d7a344 !important;}
.button:hover{ background:#d8a344 !important; color:#fff !important; text-decoration:none !important;}
.clear{ clear:both;}
h1,h2,h3,h4,h5,h6{ text-transform:capitalize; font-weight:700; font-family: 'Lobster', cursive;}
.height1{ height:1px;}
.height45{ height:45px;}
hr{ height:1px; background:#000; margin:42px 15px; border:none;}

.font-primary
{
    color: #d7a344;
    font-family: 'Lobster', cursive;
}

.footer-icons
{
    text-decoration: none !important;
    list-style: none !important;
    margin: 23px 0px 0px -43px;
}

.footer-icons li
{
    float: left !important;
    font-size: 25px;
    padding-right: 15px !important;
}
.location-heading
{
    font-weight: 600;
    text-transform: capitalize;
    font-size: 25px !important;
    margin-bottom: 2px;
}

.mb-010
{
    margin-bottom: -10px !important;
}

/* header */
header{ box-sizing:border-box;  height:120px; background:rgba(0,0,0,0.6); transition:background 0.3s ease; position: fixed;width: 100%;top: 0;z-index: 10;}
header.darker{background:rgba(0,0,0,0.9);}
body.admin-bar header{ top:32px;}
header .mainMenu{ text-transform:capitalize; font-weight:600; color:#fff; list-style-type:none; text-align:center;margin: 0 auto;display: block; letter-spacing:1px;}
header .mainMenu li{ display:inline-block; vertical-align:middle;padding: 0 20px;}
header .mainMenu li a{ text-decoration:none; transition:color 0.3s ease;
font-family: 'Lobster', cursive; font-weight: 500;
}

.tableCell p
{
    font-family: 'Lobster', cursive !important;
    font-size: 40px;
}
header .mainMenu li.logo a{ text-indent:-2000px; overflow:hidden; display:inline-block; background:url(images/footerLogo.png) no-repeat center center / contain; width:120px; height:120px;}
.headerReserve{ position:absolute; right:60px; top:50%; transform:translateY(-50%); color:#fff !important; background:#E34B3 !important7; border-color:#d7a344 !important;}

/* footer */
footer{ position:relative; z-index:2; padding:40px 0; background-color: #0d5d57;}
footer .contentCenter {width: 900px;}
footer .column{ float:left; box-sizing: border-box; color:#fff; font-size:10pt; letter-spacing:1px; line-height:1.6em;}
footer .column a{ text-decoration:none; color: white !important;}
footer .column a:hover{ text-decoration:underline;}
.footerLogo{ display:block; margin:0 auto 14px; width:150px; height:150px; background:url(images/footerLogo.png) no-repeat center center / contain;}
footer .column h3{ font-size:13pt; font-weight:700;letter-spacing: 1pt;margin: 8px 0 3px;}
footer .column.column1{ text-align:center; width:142px; margin:0 102px 0 0;}
footer .column.column2{width: 200px;margin: 0 37px 0 0;}
footer .column.column3{width: 199px;margin: 0 37px 0 0;}
footer .column.column4{width: 183px;}
footer .column.column3 p{ margin:0; padding:0;}
.btn-group-lg>.btn, .btn-lg{
    padding: 18px 16px !important;
    border-color: #25282a !important;
    background-color: #25282a !important;
    color: #fff !important;
    border-radius: 0 !important;
}
.btn-group-lg>.btn, .btn-lg:hover{
    border-color: #d7a344 !important;
    background-color: #d7a344 !important;
}
.panel-details:not(:last-child) {
    border-bottom: 1px solid #e0e0e0
}



.panel-details .panel-details-title {
    margin: 0;
    padding: 1.25rem 0
}

.panel-details .panel-details-title>label {
    top: -0.25em;
    margin-bottom: 0;
    margin-right: 0;
    display: inline-block;
    vertical-align: middle;
    float: left;
    pointer-events: none
}

.panel-details .panel-details-content {
    padding: 1.25rem 2rem;
    border-top: 1px solid #e0e0e0
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.custom-control {
    min-height: 1.5em;
    padding-left: 1.9em;
    margin-right: 1em;
}
.custom-control {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    margin-right: 1rem;
    cursor: pointer;
}
.custom-radio{
    top: -0.25em !important;
    margin-bottom: 0 !important;
    vertical-align: middle !important;
    float: left !important;
    pointer-events: none !important;
    position: relative !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    min-height: 1.5rem !important;
    padding-left: 1.5rem !important;
    margin-right: 1rem !important;
    cursor: pointer !important;
}
.panel-details a{
    color: #b3b5b6 !important;
    text-decoration: none !important;
    font-size: 17px;
}
.btn-number {
    height: 55px;
    border-color: #d7a344 !important;
    background-color: #d7a344 !important;
    color: #fff;
}

a
{
    color: white !important;
    text-decoration: underline;
}
.modal-dialog{max-width: 500px;}
a.facebook{    border: 1px solid white;
    border-radius: 50%; background:url(https://content.invisioncic.com/p289038/monthly_2021_05/tiktok-icon.png.d6695b440daad6bfa44c475d30b81e8e.png) no-repeat center center / contain; width:30px; height:30px; display:inline-block;}
a.twitter{ background:url(images/twitter.png) no-repeat center center / contain; width:30px; height:30px; display:inline-block;}
a.instagram{ background:url(images/instagram.png) no-repeat center center / contain; width:30px; height:30px; display:inline-block;}
a.pinterest{ background:url(images/pinterest.png) no-repeat center center / contain; width:30px; height:30px; display:inline-block;}
a.social{ margin:3px 4px 0 0;}
footer hr{ background:#fff; margin:10px 0; height:1px; border:none;}

/* home */
section{ width:100%; overflow:hidden; position:relative; z-index:2; 
    background:url(images/bg.jpg);
    object-fit: contain;
    background-repeat: repeat;
}

p
{
    font-family: 'Hind Siliguri', sans-serif !important;
}

section a{ color:#009888; text-decoration:none;}
.slider{ overflow:hidden; background:#ccc; width: 100%; height: 800px; position: relative;}
.slider ul {margin: 0; padding: 0; width: 100%; height: 100%; list-style-type: none; display:none; position:absolute; left:0; top:0; }
.slider ul li { float:left; width: 100%; height: 100%; background: no-repeat center center / cover;}
.specialPromoBar {padding: 45px 0;font-size: 12pt;letter-spacing: 0.24pt;background: #0d5d57;color: #fff;}
.specialPromoBar .contentCenter{ width:925px;}
.specialPromoBar .contentCenter .left{ vertical-align:middle;display: table-cell;}
.specialPromoBar .contentCenter .right{ width:218px; vertical-align:middle; text-align:center;display: table-cell;}
.specialPromoBar h2{ font-weight:700; margin:0;font-size: 25px; font-family: 'Lobster', cursive; text-transform: unset;}
.specialPromoBar p{ margin:5px 0;}
.specialPromoBar .right a{border: 2px solid #fff;border-radius: 2px; color: #fff; text-decoration:none; text-transform:capitalize;font-size: 10.9pt;font-weight: 700;line-height: 27px;padding: 0 15px;display: inline-block;}
.fullWidthBlock{ display:table; width:100%; height:717px; }
.fullWidthBlock .text{ width:47%; max-width:610px; display:table-cell; padding:0 135px; vertical-align:middle; box-sizing:border-box; text-align:center;font-size: 14pt;line-height: 1.6em; letter-spacing:0.5px;}
.fullWidthBlock .text h2,
.imageTextBlock .text h2,
section.info h2,
section.press h1,
section.food h1{ color:#d9a444;font-size: 30px;letter-spacing: 2pt; font-weight: 700;
font-family: 'Lobster', cursive;
}
.fullWidthBlock .image{ transition:0.6s ease; background:no-repeat center center / cover; display:table-cell;}
.arrowLeft, .arrowRight{position: absolute;right: 20px;top: 50%;width: 30px;height: 50px;transform: translateY(-50%);cursor: pointer; background:url(images/sliderArrow.png) no-repeat center center / contain; z-index:2; opacity:1;}
.arrowLeft{ right:auto; left: 20px; transform:translateY(-50%) rotate(-180deg);}
.fullWidthBlock.left .image.slideTrans{ transform:translateX(50%); opacity:0;}
.fullWidthBlock.right .image.slideTrans{ transform:translateX(-50%); opacity:0;}
.contentCenter .fullWidthBlock .text{ padding:70px 20px; font-size:12pt; letter-spacing:0;}
.contentCenter .fullWidthBlock .text h2{ font-size:14pt; letter-spacing:0.6px; font-family: 'Lobster', cursive;}
.contentCenter .fullWidthBlock{ height:auto; padding:40px 0 0;}
.mobile-display-menu
{
    display: none;
    margin-bottom: 15px;
}

.pdf-view
{
    margin-left: 10% auto; width:100%; height: 83vh
}

.front-menu-zoom
{
    width: 60%;
}

#d-menu-d-none
{
    display: block;
    width: 95%;
    margin: 0px auto;
}


@media only screen and (max-width: 600px) {

    .front-menu-zoom
    {
        width: 100%;
    }
    .pdf-view
    {
        margin-left: 10% auto; width:100%; height: 36vh
    }
    #d-menu-d-none
    {
        display: none;
    }
    .mobile-display-menu
    {
        display: block;
    }

  .fullWidthBlock .text h2,
    .imageTextBlock .text h2,
    section.info h2,
    section.press h1,
    section.food h1{ color:#d7a344;font-size: 30px;letter-spacing: 2pt; font-weight: 700;
        font-family: 'Hind Siliguri', sans-serif !important;
    }

    .specialPromoBar h2
    {
        font-family: 'Hind Siliguri', sans-serif !important;
    }

    .tableCell p
    {
        font-family: 'Hind Siliguri', sans-serif !important;
        font-size: 27px !important;
        font-weight: 600;
    }

    .mb-010
    {
        margin-bottom:-18px !important
    }

    p
    {
        font-size: 15px !important;
    }

    .font-primary
    {
        font-family: 'Hind Siliguri', sans-serif !important;
    }

    .featuredImage
    {
        height: 283px !important;
    }

    section.food h1
    {
        margin: 15px 0 26px !important;
    }
}


/* contact form */
#tripleseat_embed_form{ margin:40px auto 0; width:720px;}
#tripleseat_embed_form table{ width:100%;}
#tripleseat_embed_form .row_contact_header{ display:none;}
#tripleseat_embed_form input[type=text],
#tripleseat_embed_form input[type=number],
#tripleseat_embed_form input[type=date],
#tripleseat_embed_form input[type=time],
#tripleseat_embed_form textarea{ border:2px solid black !important; width:100% !important; padding:0 10px; box-sizing:border-box; font-size:18px; font-weight:bold; color:#000; height:60px; border-radius:1px; margin:0 0 20px 0; background:none; letter-spacing:0.5px;}
#tripleseat_embed_form textarea{ height:190px; resize:none; padding:10px;}
#tripleseat_embed_form label{font-weight: 600; text-align:left;}
#tripleseat_embed_form .button{ padding:0 50px;}


#lead_submit:hover
{
    background-color: #d8a344 !important;
    color: white important;
}


/* about */
section.about{}
.featuredImage{ height:480px; background:no-repeat center center / cover; background-attachment:fixed; box-sizing:border-box; padding:120px 0 60px 0; position:relative;}
.featuredImage .overlay{ background:rgba(0,0,0,0.2); width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.featuredImage .contentCenter{ position:relative; z-index:2; display:table; height:100%; color:#fff; text-transform:capitalize; text-align:center; font-weight:400; font-size:24pt; line-height:1.6em; letter-spacing:3pt;}
.beigeBg{ padding:60px 0;}
section.about .beigeBg{ padding-bottom:0;}
.fullImageBlock,
.imageTextBlock{ width:100%; margin:0 0 60px 0;}
.fullImageBlock img,
.imageTextBlock .image img{ width:100%; height:auto; display:block;}
.imageTextBlock{ display:table;}
.imageTextBlock .image, .imageTextBlock .text{ display:table-cell; vertical-align:middle;}
.imageTextBlock .image{ width:570px;}
.imageTextBlock .text{ padding:0 73px; box-sizing:border-box; font-size:14pt; line-height:1.6em;}
.imageTextBlock .text h2{ font-size:24pt; margin-top:0;}
.imageTextBlock.Top .image,
.imageTextBlock.Top .text{ vertical-align:top;}

/* new food */
.featuredImageTextBlock{ display:table; width:100%;}
.featuredImageTextBlock .image,
.featuredImageTextBlock .text{box-sizing:border-box; background:#009687 url(images/greenBg.jpg) no-repeat center center / cover; width:50%; display:table-cell; vertical-align:middle; padding:50px; font-size:14pt; line-height:1.6em; letter-spacing:0.5px;}
.featuredImageTextBlock .image{ background:#000 no-repeat center center / cover;}
.featuredImageTextBlock .text .border{ border:1px solid #f9f1df; color:#f9f1df; text-align:center; width:100%; height:100%; padding:140px 70px; box-sizing:border-box;}
.featuredImageTextBlock .text h2{ margin:0 0 40px 0; font-size:20pt; letter-spacing:2px;}
.featuredImageTextBlock .text .button{ border-color:#f9f1df !important; color:#f9f1df; }
.featuredImageTextBlock .text .button:hover{ background:#f9f1df; border-color:#d8a344 !important;color:#02998C;}

/* new about */
.aboutIntroText{background:#EDE5DB url(images/bg.jpg) no-repeat center center / cover; padding:50px; color:#000; font-size:14pt; letter-spacing:0.5px; line-height:1.6em;}
.aboutIntroText h2{ color:#d8a444; font-weight: 700; font-size: 25px; }
.aboutIntroText .border{ border:2px solid #d8a444; color:#000; text-align:center; width:100%; height:100%; padding:140px 70px; box-sizing:border-box;}
body.page-template-template-about .fullWidthBlock .text{ width:50%; font-size:16px; padding:160px 135px;}

/* press */
section.press{ font-size:14pt; line-height:1.6em;}
section.press h1{ font-size:24pt; margin:18px 0 -10px; line-height:1em;}
section.press .left{}
section.press .right{ margin:0 0 60px 0;}
section.press .right h3{ font-size:14pt; letter-spacing:1pt; letter-spacing:0.3pt; margin:30px 0 -12px;}
section.press .right a{ text-decoration:none;}
section.press .right a:hover{ text-decoration:underline;}
.article{ margin:0 0 47px 0;}
.article .logo{ width:330px; box-sizing:border-box; padding:5px 60px 0; float:left; margin:0 20px 0 0;}
.article .logo img{display:block; margin:0 auto;}
.article .text{ width:808px; float:left; font-size:18pt;}
.article .text a{ color:#009888; text-transform:capitalize; font-size:11pt; font-weight:700; text-decoration:none;}

/* info */
section.info{ text-align:center; font-size:14pt; line-height:1.6em;}
section.info h2{ font-size:24pt;  line-height:1em;}
section.info .button{ line-height:35px;}
.acf-map{ height:320px; width:900px; margin:45px auto 30px;}
section.info h3,
section.page h3{ font-size:14pt;}
section.info h3.green,
section.page h3.green{ font-size:17pt; letter-spacing:2pt;color:#009888;}
section.info a{ text-decoration:none;}
section.info a:hover{ text-decoration:underline;}

/* home Intro */
.introLogo{ z-index:1001; position:fixed; left:0; top:0; width:100%; height:100%; background:#009888 url(images/loaderImage.png) no-repeat center center / cover;}

@media (max-width: 767px) {
  .introLogo {
    background: #009888 url(images/loaderImage-mobile.png) no-repeat center center / cover;
  }
}
.introLogo .companyLogo{ opacity:0; background:url(images/introLogo.png) no-repeat center center / contain; width: 700px;height: 700px; margin:0 auto; display:none !important;}
body.home header,
body.home section,
body.home footer{ opacity:1;}

/* Food */
section.food{ }
.imageTextBlock .text.bird{ background:url(images/bird.png) no-repeat right 57px / 160px auto;}
.imageTextBlock .text.pom{ background:url(images/pom.png) no-repeat right 38px / auto 148px;}
section.food .imageTextBlock .text h2{ font-size:25pt;}
section.food h1{ text-align:center; font-size:25pt; margin:86px 0 26px;}
.menuTabs{ margin:60px 0 0 0; padding:0 10px; box-sizing:border-box; border:solid #000; border-width:1px 0; text-align:center; line-height:48px; font-size:18pt;}
.menuTabs a{ color:#000; font-weight:700; text-transform:capitalize; text-decoration:none; display:inline-block; padding:0 65px; opacity:0.4;}
.menuTabs a.active,
.menuTabs a:hover{ opacity:1;}
.menuTabContents{ padding:44px 117px 0; font-size:12pt; line-height:1.6em;}
.menuTabContents br{ clear:both;}
.menuTabContents hr{ margin-left:0; margin-right:0;}
.menuTabContents h3{ font-weight:700; font-size:14pt; letter-spacing:0.6px; margin:20px 0 10px; line-height:1em; color:#009888;}
.menuTabContents h3 span{ width:auto !important; display:inline-block; padding:0 0 0 20px; font-weight:normal; font-size:12pt; text-transform:none; float:none !important;}
.menuTabContents b{ font-weight:700; text-transform:capitalize;}
.menuTabContents p{ margin:0 0 13px;}
.menuTabContents .text{ float:left; width:90%; margin:0 0 10px 0;}
.menuTabContents .text.full{ width:100%;}
.menuTabContents span{ width:10%; float:right; padding:2px 0 0 0; text-align:right;}
.column2{ width:50%; float:left; box-sizing:border-box;}
.column2.padding{ padding-right:100px;}
.menuContent{ display:none;}
.fullWidthImage{ width:100%; height:620px; background:#000 no-repeat center center / cover;}
body.page-template-template-food .menuTabContents{ position:relative;}
body.page-template-template-food .menuTabContents:before{content:''; background:url(images/foodBird.png) no-repeat center center / contain; width:237px; height:181px; right:0; top:-31px; display:block; position:absolute;}

/* drinks */
section.drinks{ background:url(../../../index.html) no-repeat center top;}
div.drink{ width:50%; float:left; text-align:center; padding:0 40px; box-sizing:border-box; margin:0 0 40px 0;}
div.drink.center{ float:none; margin:0 auto;}
div.drink strong{ margin:10px 0 15px; display:inline-block; font-weight:600;}
div.drinkWithImage{ width:100%; margin:0 0 60px 0;display:table;}
div.drinkWithImage .image img{ width:100%; height:auto; display:block;}
div.drinkWithImage .image, div.drinkWithImage .drink{ display:table-cell; vertical-align:middle;}
div.drinkWithImage .image{ width:50%;}
div.drinkWithImage .drink{ float:none !important; margin:0 !important;}
.menuTabContents div.drink h3{ margin:0 0 10px;}

/* events */
section.page{text-align:center; font-size:14pt; line-height:1.6em; }
section.page h1{color:#009888;font-size: 24pt;letter-spacing: 2pt;}
section.page h3{ margin-bottom:-20px;}

.preloadDiv{ width:0; height:0; overflow:hidden;}
.showIphone, .showIpad{ display:none !important;}
.showDesktop{}

/* contact */
.divMessage{ margin:0px 0 10px 0; padding:4px 10px; display:none; color:#fff; font-size:12px;}
.divMessage.error{ background:#A20002;}
.divMessage.success{ background:#157522;}
.redBorder { border-color:#CF0000 !important;} 
.sweet-alert[data-has-cancel-button="false"] button{ border-radius:0; background:#000 !important; color:#fff !important; border:2px solid #000; transition:0.3s ease;font-family: 'Work Sans'; text-transform:capitalize;}
.sweet-alert[data-has-cancel-button="false"] button:hover{ background:#fff !important; color:#000 !important;}

/* home banner */
.homeOverlay{ position:fixed; left:0; top:0; background:rgba(0,0,0,0.6); display:none; width:100%; height:100%; z-index:1000;}
.homeOverlay .verticalAlign{ width:100%; height:100%; display:table-cell; vertical-align:middle;}
.homeOverlay .homeBanner{ background:url(images/baarBg.jpg) repeat; margin:0 auto; width:500px; position:relative;}
.homeOverlay .theImg{ height:350px; background:#ccc no-repeat center center / cover; }
.homeOverlay .theText{ text-align:center; padding:30px 20px; color: #54544b; }
.homeOverlay .theText p:last-child{ margin-bottom:0;}
.homeOverlay .theText h1{ text-transform:capitalize; color:#d7a344; font-size:23px; text-align:center; margin:0; padding:0; font-weight:700;}
.homeOverlay .theText b{ color:#d7a344; font-weight:normal;}
.homeOverlay .theText .button{ margin:0 10px;}
.homeOverlay .close{ cursor:pointer;position:absolute; right:5px; top:10px; width:30px; height:30px; box-sizing:border-box; line-height:30px; text-align:center;}
.homeOverlay .close:after{  content:''; width:20px; height:2px; background:#d8a344; position:absolute; left:5px; top:12px; transform:rotate(45deg);}
.homeOverlay .close:before{ content:''; width:20px; height:2px; background:#d8a344;position:absolute; left:5px; top:12px; transform:rotate(-45deg);}

/* order icons */
.orderIcon1{ vertical-align: middle; overflow: hidden; text-indent: -3000px; background: url(images/GrubHub_Logo_2016.svg) no-repeat center center / contain; width: 158px; height: 33px; display: inline-block; margin: 0 30px 30px;}
.orderIcon2{ vertical-align: middle; overflow: hidden; text-indent: -3000px; background: url(images/caviar-logo-700x195.png) no-repeat center center / contain; width: 122px; height: 33px; display: inline-block; margin: 0 30px 30px;}
.orderIcon3{ vertical-align: middle; overflow: hidden; text-indent: -3000px; background: url(images/postmates-1.svg) no-repeat center center / contain; width: 90px; height: 90px; display: inline-block; margin: 0 30px 30px;}
.orderIcon4{ vertical-align: middle; overflow: hidden; text-indent: -3000px; background: url(images/DoorDash_Logo.svg) no-repeat center center / contain; width: 200px; height: 50px; display: inline-block; margin: 0 30px 30px;}
.orderIcon5{ vertical-align: middle; overflow: hidden; text-indent: -3000px; background: url(images/seamless-logo.svg) no-repeat center center / contain; width: 200px; height: 50px; display: inline-block; margin: 0 30px 30px;}
.orderIcon6{ vertical-align: middle; overflow: hidden; text-indent: -3000px; background: url(images/chownow.svg) no-repeat center center / contain; width: 200px; height: 50px; display: inline-block; margin: 0 30px 30px;}
.orderIcon7{ vertical-align: middle; overflow: hidden; text-indent: -3000px; background: url(images/Uber_Eats_2018_logo.svg) no-repeat center center / contain; width: 200px; height: 50px; display: inline-block; margin: 0 30px 30px;}
.orderIcon8{ vertical-align: middle; overflow: hidden; text-indent: -3000px; background: url(images/taste.svg) no-repeat center center / contain; width: 120px; height: 50px; display: inline-block; margin: 0 30px 30px;}
.orderIcon9{ vertical-align: middle; overflow: hidden; text-indent: -3000px; background: url(images/bentobox.svg) no-repeat center center / contain; width: 200px; height: 50px; display: inline-block; margin: 0 30px 30px;}


/* mobile menu */
.mobileMenuContainer{ display:none}

@media screen and (min-width:768px) and (max-width:1179px){
    .showIpad{ display:block !important;}
    .showDesktop{ display:none !important;}
    body{ min-width:768px;}
    .contentCenter{ width:738px;}
    
    /* header */
    header .mainMenu,
    .specialPromoBar .contentCenter,
    footer .contentCenter{ width:738px;}
    .headerReserve{ display:none;}
    
    /* footer */
    footer .column.column1,
    footer .column.column2,
    footer .column.column3{ margin:0 15px 0 0;}
    footer .column.column3{ width:168px;}
    
    /* home */
    .fullWidthBlock .text{ padding:0 35px;}
    
    /* about */
    .imageTextBlock .text{ padding:0 35px;}
    .imageTextBlock .image{ width:50%;}
    
    /* location */
    .acf-map{ width:100%;}
    
    /* press */
    section.press .left{ width:488px;}
    .article .text{ width:388px;}
    
    .featuredImageTextBlock .text{ padding:30px;}
    .featuredImageTextBlock .text .border{ padding:30px;}
    .menuTabContents{ padding:44px 0 0;}
    .featuredImage{ background-attachment:scroll;}
    .featuredImage .contentCenter{ font-size:20pt;}
}

@media screen and (min-width:0px) and (max-width:767px){
    .showIphone{ display:block !important;}
    .showDesktop,
    .hideIphone, 
    ul.mainMenu,
    .mobileMenuContainer li.logo{ display:none !important;}
    body{ min-width:320px;}
    .contentCenter{ width:280px;}
    
    /* header */
    header{ padding:10px 0; height:90px;}
    header .mainMenu,
    .specialPromoBar .contentCenter,
    footer .contentCenter{ width: 90%;
        padding: 20px 0px !important;}
    header > .headerReserve{ display:none;}
    .headerReserve{ position:relative; right:auto; top:auto; margin:20px 0 0 0; font-size:14pt; font-weight:600; letter-spacing:1pt;}
    
    /* footer */
    footer .column.column1,
    footer .column.column2{ width:50%; float:left; padding:0 5px 0 0; margin:0; text-align:left;}
    footer .column.column3,
    footer .column.column4{ float:right; width:50%; padding:0 0 0 5px; margin:0;}
    footer .column.column2,
    footer .column.column3{ margin:0 0 15px 0;}
    
    /* home */
    .slider{ height:460px;}
    .slider .arrowLeft, .slider .arrowRight{ display:none;}
    .fullWidthBlock .text{ padding:0 35px;}
    .specialPromoBar{ padding:20px 0;}
    .specialPromoBar .displayTable{ display:block;}
    .specialPromoBar .contentCenter .left,
    .specialPromoBar .contentCenter .right{ display:block; width:100%; text-align:center;}
    .specialPromoBar .contentCenter .right{ margin:20px 0 0 ;}
    .fullWidthBlock{ display:block; height:auto;}
    .fullWidthBlock .image,
    .fullWidthBlock .text{ display:block; width:100%; max-width:100%;}
    .fullWidthBlock .image{ height:360px;}
    .fullWidthBlock .text{ padding:50px 20px 40px; font-size:13pt;}
    .contentCenter .fullWidthBlock .text{ padding:50px 0 40px; font-size:13pt;}
    .fullWidthBlock .text h2{ margin-top:0;}
    .introLogo .companyLogo{ width:192px; height:204px;}
    .contentCenter .fullWidthBlock{ padding:0;}
    .contentCenter .fullWidthBlock:first-child{ padding:40px 0 0 0;}
    
    /* about */
    .imageTextBlock .text{ padding:0 35px;}
    .imageTextBlock .image{ width:50%;}
    .featuredImage{height:460px; padding:70px 0 0; background-attachment:scroll;}
    .featuredImage .tableCell{font-size:17pt; }
    .featuredImage .contentCenter{ line-height:1.2em; }
    .imageTextBlock{ display:block; margin:0;}
    .imageTextBlock .image,
    .imageTextBlock .text{ width:100%; display:block;}
    .imageTextBlock .text{ padding:40px 0 15px; font-size:13pt;}
    .beigeBg{ padding:30px 0;}
    .fullImageBlock{ margin:0 0 30px;}
    .contentCenter.mobileFullWidth{ width:100%;}
    
    /* food */
    .menuTabs{ font-size:15pt;}
    .menuTabs a{ padding:0 10px;}
    .menuTabContents{ padding:30px 0 0;}
    .menuTabContents h3 span{ display:block; padding:0; text-align:left; width:100%;}
    .column2{ width:100%;}
    .column2.padding{ padding:0; line-height:2em;}
    .menuTabContents b{ line-height:1em;}
    .menuTabContents .text{ margin:0 0 10px;}
    
    /* drinks */
    div.drinkWithImage{ display:block; margin:0 0 30px;}
    div.drinkWithImage .image,
    div.drinkWithImage .text{ width:100%; display:block;}
    div.drinkWithImage .image{ margin:0 0 30px 0;}
    div.drink{ padding:0; width:100%;}
    
    /* location */
    .acf-map{ width:100%;}
    
    /* press */
    section.press .left{ width:100%; float:none; margin:0 0 20px 0;}
    section.press .right{ width:100%; float:none; margin:0 0 60px 0;}
    section.press h1{ margin:0;}
    .article .logo,
    .article .text{ padding:0; width:100%; float:none; font-size:16pt;}
    .article .logo img{ display:none;}
    .article .logo b{ text-transform:capitalize;}
    
    /* private dining */
    #tripleseat_embed_form{width:100%;}
    #tripleseat_embed_form input[type="text"], #tripleseat_embed_form textarea{ height:40px; margin:0;}
    #lead_submit{ float:none !important;}
    
    /* new about */
    .aboutIntroText{ padding:20px;}
    .aboutIntroText .border{ padding:20px 20px;}
    .fullWidthImage{ height:220px;}
    body.page-template-template-about .fullWidthBlock .text{ padding:50px 20px 40px; width:100%;}
    .featuredImageTextBlock{ display:block;}
    .featuredImageTextBlock .image{ height:300px; display:block; width:100%; padding:0;}
    .featuredImageTextBlock .text{ display:block; width:100%; padding:20px;}
    .featuredImageTextBlock .text .border{ padding:20px;}
    .featuredImageTextBlock .text h2{ margin:0 0 20px 0;}
    section.food h1{ font-size:20pt;}
    body.page-template-template-food .menuTabContents:before{ display:none;}
    
    /* home Banner */
    .homeOverlay .homeBanner{ width:285px;}
    .homeOverlay .theImg{ height:165px; }

    /* mobile menu */
    header a.logo{ display:block; margin:0 auto; background:url(images/footerLogo.png) no-repeat center center / contain; width:80px; height:80px;}
    .mobileIcon{ display:block; position:relative; float:left; margin:28px 0 0 0; cursor:pointer; padding:8px 0;}
    body.opened .burger-icon{ background:rgba(0,0,0,0);}
    body.opened .burger-icon:before, 
    body.opened .burger-icon:after{ background:#fff;}
    body.opened .burger-icon:before {transform: translateY(8px) rotate(45deg);}
    body.opened .burger-icon:after {transform: translateY(-8px) rotate(-45deg);}
    .burger-icon{ position:relative; }
    .burger-icon,
    .burger-icon:before, 
    .burger-icon:after { background:#fff; display: block; height: 2px; transition-duration: 0.3s; transition-property: background-color, transform; width: 30px;}
    .burger-icon:before, 
    .burger-icon:after { content: ""; position: absolute; }
    .burger-icon:before {top: -8px;}
    .burger-icon:after { top: 8px;}
    
    /* mobile menu */
    .mobileMenuContainer{ display:block; width:100%; height:0; overflow:hidden; position:fixed; left:0; top:0; box-sizing:border-box; padding:0; z-index:9; transition:0.3s ease; background:rgba(0,0,0,0.65); }
    body.opened .mobileMenuContainer{ height:100%; padding:70px 0 0 0;}
    .mobileMenuContainer ul{ margin:0; width:100%; float:none; padding:0;}
    .mobileMenuContainer ul li{ color:#000; display:block; float:none; text-align:center; font-size:14pt; font-weight:600; letter-spacing:1pt; line-height:1.8em; text-transform:capitalize;}
    .mobileMenuContainer ul li a{ color:#fff; text-decoration:none;}
}

@media only screen and (max-width: 600px) {
    .aboutIntroText
    {
        text-align:left;
    }
  .aboutIntroText h2
  {
      text-align:left;
  }
  
  .aboutIntroText p
  {
      text-align:left;
  }
}
