/*---- Styled by Jesse Scott - April 12th, 2017 ----*/

@import url(https://fonts.googleapis.com/css?family=Poppins);


/* -- Fonts --
    font-family: 'Poppins', sans-serif;
-- */


/* -- Color Scheme --
    color: #f6f3e9; // Antique White
    color: #631a35; // Maroon
    color: #4e312d; // Espresso
    color: #292b2c; // Charcoal
-- */

/* -- Splash -- */
.page__splash .header,
.page__splash .footer {
    display: none;
}
.page__splash .page {
    background-size: cover;
}
.page__splash .page .page_content {
    background-color: rgba(0,0,0,0.7);
}
.page__splash.has_action_buttons .content {
    padding-top: 0;
}
.page__splash .content .body_block {
    padding: 300px 0 0;
}
.splash_links a {
    color: #fff;
}
.page__splash .content .body_block {
    background-color: transparent;
}




/* -- Global -- */
.top_wrapper, 
.nav_wrapper {
    max-width: 100%;
}



/* -- Header -- */

.header {
    font-family: 'Poppins', sans-serif;
    background-color: #f6f3e9; 
/*  background-color: transparent; */
    background-image: none;
    border: none;
    box-shadow: none;
    transition: all 0.5s;
}

/*
.header {
    font-family: 'Poppins', sans-serif;
    background-color: transparent;
    background-image: none;
    border: none;
    box-shadow: none;
    transition: all 0.5s;
}
.scrolled .header {
    background-color: #f6f3e9;
}
*/

.header .header_info {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.header .header_info .name, 
.header .header_info .address, 
.header .header_info .phone, 
.header .header_info .social:before {
    display: none !important;
}
.header .header_info .social {
    position: absolute;
    right: 450px;
    top: 0;
}

.header .header_info .social_glyphs .social_icon .icon_span {
    font-size: 32px;
    color: #231f20;
}

/*
.header .header_info .social_glyphs .social_icon .icon_span {
    font-size: 32px;
}
.scrolled .header .header_info .social_glyphs .social_icon {
    color: #231f20;
}
*/

.header .header_logo {
    background-size: 100%;
    width: 130px;
    height: 85px;
    transition: all 0.5s;
}

/*
.header .header_logo {
    background-size: 100%;
    width: 400px;
    height: 250px;
    transition: all 0.5s;
}
.scrolled .header .header_logo {
    width: 130px;
    height: 85px;
}
*/


.website .header .action_button.action_button_v2,
.website .page .action_block .action_button.action_button_v2 {
    background-color: #232020;
    color: #fefefe;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.9);
}
.website .header .action_button.action_button_v2:hover,
.website .page .action_block .action_button.action_button_v2:hover {
    background-color: #42403e;
    color: #ffffff;
}


.website .header .action_button.action_button_v2 {
    width: 200px;
}
.website .header .action_button.action_button_v2 .label {
    font-size: 60%;
}

.website .header .action_button.action_button_v2.pos2 {
    right: 215px;
}

.website .page[data-page="home"] .action_block,
.website .page[data-page="order-online"] .action_block {
    display: block;
    text-align: center;
}
.website .page .action_block .action_button.action_button_v2 {
    display: inline-block;
    float: none;
}
.website .page .action_block .action_button.action_button_v2.call_now {
    display: none;
}

.website .page[data-page="home"] .action_panels,
.website .page[data-page="order-online"] .action_panels {
    max-width: 500px;
}

.website .action_button.action_button_v2.has_dropdown {
    overflow: visible;
    cursor: pointer;
}
.website .action_button.action_button_v2.has_dropdown .dropdown {
    display: block;
    position: absolute;    
    top: 100%;
    left: 0;
    right: 0;
    height: auto;
    border: 1px solid #262626;
    background-color: #42403e;
    color: #ffffff;
    font-size: 60%;
    line-height: 1.6;
    padding: 10px 10px 12px;
    border-radius: 0 0 6px 6px;
    border-top: 0 none transparent;
}
.website .action_button.action_button_v2.has_dropdown .dropdown li { 
    padding: 5px 0;
    border-top: 1px solid #514d4d;
    border-bottom: 1px solid #232020;
}
.website .action_button.action_button_v2.has_dropdown .dropdown li:first-child {
    border-top: none;
}
.website .action_button.action_button_v2.has_dropdown .dropdown li:last-child {
    border-bottom: none;
}
.website .action_button.action_button_v2.has_dropdown .dropdown a {
    color: #fafafa;
    text-decoration: none;
}
.website .action_button.action_button_v2.has_dropdown .dropdown a:hover {
    color: #ffffff;
    text-decoration: underline;
}


.website .body_block .action_button.action_button_v2.has_dropdown {
    position: relative;
}
.website .body_block .action_button.action_button_v2.has_dropdown + .action_button {
    overflow: visible;
}
.website .body_block .action_block.has_dropdown_children {
    overflow: visible;
    /* padding-bottom: 50px; */
    padding-bottom: 75px;
}
.website .body_block .action_button.action_button_v2.has_dropdown .dropdown {
    font-size: 40%;
    border-radius: 3px;
    padding: 5px;
}
.website .body_block .action_button.action_button_v2.has_dropdown .dropdown:after {
    content: "";
    display: block;
    clear: both;
}
.website .body_block .action_button.action_button_v2.has_dropdown .dropdown li {
    display: block;
    float: left;
    /* width: 33%; */
    /* width: calc(100% / 3); */
    width: 50%;
    width: calc(100% / 2);
    border: none;
    padding: 0 2px 0 0;
    box-sizing: border-box;
}
.website .body_block .action_button.action_button_v2.has_dropdown .dropdown li a {
    display: block;
    margin: 0 auto;
    direction: ltr;
    text-indent: -9999px;
    width: 100%;
    height: 100%;
}
.website .body_block .action_button.action_button_v2.has_dropdown .dropdown li a strong {
    display: none;
}
.website .body_block .action_button.action_button_v2.has_dropdown .dropdown li a:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 50%;    
    background-image: none;
    background-position: center center;
    background-size: 100% auto;
    background-size: cover;
    background-color: transparent;
    transition: background-size 0.3s;
}
.website .body_block .action_button.action_button_v2.has_dropdown .dropdown li:hover a:after {
    background-size: 120% auto;
}

.website .body_block .action_button_v2.has_dropdown .dropdown li.uber-eats a:after { 
    background-color: #3ea50e;
    background-image: url(TEMPLATE_WEBSITE_URL/images/action-panels/uber-eats.png);
}
.website .body_block .action_button_v2.has_dropdown .dropdown li.doordash a:after { 
    background-color: #ff3008; 
    background-image: url(TEMPLATE_WEBSITE_URL/images/action-panels/doordash.png);
}
.website .body_block .action_button_v2.has_dropdown .dropdown li.skip-dishes a:after { 
    background-color: #be2c2c;
    background-image: url(TEMPLATE_WEBSITE_URL/images/action-panels/skip-dishes.png);
}


.website .action_button.action_button_v2.has_dropdown .dropdown,
.website .body_block .action_button.action_button_v2.has_dropdown .dropdown {
    display: none;
}
.website .action_button.action_button_v2.has_dropdown:hover .dropdown,
.website .body_block .action_button.action_button_v2.has_dropdown:hover .dropdown {
    display: block;
}


/* -- Nav -- */
.nav .list_pages {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.nav .list_pages .item_page {
    margin-left: 20px;
}
.nav .list_pages .item_page .link {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #231f20;
    transition: all 0.5s;
}

/*
.nav .list_pages .item_page .link {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #f6f3e9;
    transition: all 0.5s;
}
/*
.scrolled .nav .list_pages .item_page .link {
    color: #231f20;
}
*/

.nav .list_pages .item_page .link:hover,
.nav .list_pages .item_page:hover .link,
.nav .list_pages .active .link {
    text-decoration: none;
    font-weight: bold;
    color: #631a35 !important;
}

/*
.nav .list_pages .item_page .link:hover,
.nav .list_pages .item_page:hover .link,
.nav .list_pages .active .link {
    text-decoration: none;
}
.scrolled .nav .list_pages .item_page .link:hover,
.scrolled .nav .list_pages .item_page:hover .link,
.scrolled .nav .list_pages .active .link {
    font-weight: bold;
    color: #631a35 !important;
}
*/

.nav .list_pages .item_page_order-online,
.nav .list_pages .item_page_reservations {
    display: none;
}



/* -- BANNER STYLES -- */

.page[data-page] .page_banner {
    display: none;
}
.page[data-page="home"] .page_banner {
    display: block;
}

.content .page[data-page="contact"] {
    background-position: center bottom;
}



/*

[data-page=about] .page_banner {
    display: none;
}


.page .page_banner {
    display: none;
}
*/



.page:first-child > .page_banner {
  border-color: #000000; 
}
.page:first-child > .page_banner.has_video {
    margin-top: 100px;
	padding: 0 0 52%;
	height: 50vw;
}
.page:first-child > .page_banner.has_video .video_banner {
  display: block; 
  overflow: hidden; 
  width: auto; 
  height: 0; 
  padding-bottom: 58%; 
  position: relative; 
  margin-top: -1%;
}
.page:first-child > .page_banner.has_video .video_banner .youtube_frame {
  display: block; 
  position: absolute; 
  top: -10%; 
  left: -10%; 
  right: -10%; 
  bottom: -10%;
  width: 120%;
  height: 120%;
}

/*
.page .page_banner {
    display: none;
}
*/



/* -- Content -- */
.content {
    padding: 0 !important;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #292b2c;
}
.content h2 {
    background-image: url(/images/backdrop.png?1);
    background-size: contain;
    background-repeat: repeat-x;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #fff;
    width: 200px;
    padding: 6px 0 2px;
    margin: 0 0 20px;
    text-align: center;
}
.content h2.home,
.content h2.details,
.content h2.hours {
    width: 350px;
}
.content hr {
    border-width: 2px;
    border-style: solid;
    border-color: ;
}

.content .body_block {
    background-color: #f6f3e9;
    padding: 10px;
}
.content .image_border {
    border-color: #231f20;
}
.content .highlight_block {
    background-color: transparent;
    border: none;
}
.content .body_sublinks {
    display: none;
}
.content .button.submit {
    background-color: #4e312d !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px !important;
    padding: 20px 40px !important;
    border-radius: 0 !important;
}



/* -- Page -- */
.page {
    border: none;    
    background-size: cover;
}
.page .page_wrapper {
    min-height: 50px;
}


.page .page_content {
    background-color: transparent;
    padding: 450px 0 250px;
    min-height: 100vh;
}


/* -- Page : Home -- */
.content .page_home .body_block {
    background-color: rgba(246,243,233,0.85);
}

.content h2.home {
    margin-left: auto;
    margin-right: auto;
}

.content .order-buttons {
    display: block;
    margin: 10px auto 10px;
    text-align: center;
}
.content .order-buttons h3 {
    display: block;
    margin: 0 auto 10px;
    text-align: center;
}
.content .order-buttons .button {
    display: inline-block;
    margin: 0 10px 10px;
    width: 250px;
    max-width: 50%;
    color: #ffffff;
    background-color: #262626;
    border: 1px solid #24201f;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
}
.content .order-buttons.has2cols .button {
    max-width: 50%;
}
.content .order-buttons.has3cols .button {
    max-width: 33%;
}
.content .order-buttons .button > strong {
    display: block;
    width: auto;
    height: 0;
    padding: 0;
    padding-bottom: calc((150 / 300) * 100%);
    background-color: transparent;
    background-position: center center;
    background-size: 100% auto;
    background-size: cover;
    background-repeat: no-repeat;
    direction: ltr;
    text-indent: -9999px;
    transform: scale(1, 1);
    transition: transform 0.3s;
}
.content .order-buttons .button > strong:hover {
    transform: scale(1.1, 1.1);
}
.content .order-buttons .button.uber-eats strong {
    background-image: url(/images/buttons/uber-eats.png);
}
.content .order-buttons .button.skip-dishes strong {
    background-image: url(/images/buttons/skip-dishes.png);
}
.content .order-buttons .button.door-dash strong {
    background-image: url(/images/buttons/door-dash.png);
}


/* -- Page : Menu -- */
.content .menus_content {
    padding: 0;
}
.content .menus_list {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
}
.content .menu_section {
    margin-bottom: 30px;
}
.content .menus_content .menu_name{
    font-family: 'Poppins', sans-serif;
    font-size: 32px !important;
}
.content .menu_section h4.section_name {   
    font-family: 'Poppins', sans-serif;
    font-size: 28px;
}
.content .menu_section .menu_item h4.item_name,
.content .menu_section .menu_item td.price   {  
    font-family: 'Poppins', sans-serif;
    line-height: 100%;
}
.content .menu_section .menu_item {
    border-bottom: 1px solid #231f20;
}


/* -- Private Dining -- */

.content .private_dining_form {

}
.content .private_dining_form .section_fields .label {
    font-size: 80%;
}
.content .private_dining_form .section_fields .field {
    min-height: 36px;
}
.content .private_dining_form .section_fields .field[class*="event_date"] input.text {
    min-width: 110px;
}
.content .private_dining_form .block_status_messages .list_messages .message {
    font-size: 120%;
    line-height: 16px;
    padding: 4px 12px;
}
.content .private_dining_form .block_status_messages .list_messages .message.bigger {
    font-size: 160%;
    line-height: 1.4;
    padding: 6px 12px;
}
.content .private_dining_form .block_status_messages .list_messages .message.bigger:before {
    display: none;
}
.content .private_dining_form .field {

}
.content .block_contact_form .section .field_viplist_consent {
    border-color: transparent;
}
.content .block_status_messages .list_messages .message,
.content .block_contact_form .section .field_viplist_consent {
    background-color: rgba(255, 255, 255, 0.8);
}

.content .event-request-button {
    display: block;
    margin: 20px auto 10px;
    float: none;
    clear: both;
}
.content .event-request-button .button,
.content .event-request-button .button.submit {
    display: block;
    margin: 0 auto;
    background-color: #630d20 !important;
    color: #ffffff;
    border: 0 none transparent;
    padding: 2em !important;
    text-align: center;
}

.popup_messages .list_messages {
    display: block;
    min-width: 800px;
    max-width: 90vw;
    max-width: calc(100vw - 40px);
    box-sizing: border-box;
    padding: 20px 30px;
    text-align: left;
    font-size: 140%;
}
.popup_messages .list_messages {
    display: block;
    margin: 0 auto;
    list-style-type: none;
    list-style-image: none;
}
.popup_messages .list_messages .message {
    display: block;
    margin: 0 auto 6px;
    padding: 3px 6px;
    font-size: 90%;
    line-height: 130%;
    border: 0 none transparent;
}
.popup_messages .list_messages .message.status:before {
    margin-right: 12px;
    position: relative;
    top: 4px;
}

/* -- Employment Page Styles -- */

.page[data-page="employment"] .page_content {
    padding: 250px 0 450px;
}

.content .employment-block {
    text-align: left;
}
.content .employment-block p {
    text-align: left;
}
.content .employment-block .application-download {
    display: inline-block;
    width: auto;
    border: 1px solid #000000;
    background-color: #020202;
    color: #FAFAFA;
    padding: 5px 20px 5px 10px;
    font-size: 120%;
    line-height: 1.4;
    margin: 10px auto 20px;
    text-decoration: none;
}
.content .employment-block .application-download:hover {
    border-color: #000000;
    color: #FFFFFF;
    text-decoration: none;
}
.content .employment-block .application-download .fa,
.content .employment-block .application-download:hover .fa {
    font-size: inherit !important;
    line-height: inherit;
    color: #FFFFFF;
}

/* -- Reservations Page Styles -- */

.page .page_content {
    min-height: 300px;
    padding-top: 250px;
}


/* -- Misc Helper Styles -- */

.content .download-button.medium-black {
    display: inline-block;
    width: auto;
    border: 1px solid #000000;
    background-color: #020202;
    color: #FAFAFA;
    padding: 5px 20px 5px 10px;
    font-size: 120%;
    line-height: 1.4;
    margin: 10px auto 20px;
    text-decoration: none;
}
.content .download-button.medium-black:hover {
    border-color: #000000;
    color: #FFFFFF;
    text-decoration: none;
}
.content .download-button.medium-black .fa,
.content .download-button.medium-black:hover .fa {
    font-size: inherit !important;
    line-height: inherit;
    color: #FFFFFF;
}


/* -- Footer -- */
.footer {
    font-family: 'Poppins', sans-serif;
    background-color: transparent;
    color: #292b2c;
    padding: 0;
}
.footer a {
    color: #292b2c;
}
.footer_wrapper {  
    max-width: 100%;  
    background-color: #f6f3e9;
}
.footer .footer_info, 
.footer .footer_info .formatter {
    max-width: 1024px;
    margin: 0 auto;
    padding: 10px;
    color: #292b2c;
}
.footer .footer_info  a {
    color: #292b2c;
}
.footer .footer_info .footer_column_sitemap {
    display: none;
}
.footer .footer_logo {
    right: 20px;
}
.footer .footer_info .footer_column_logo .logo_image {
    background-size: 100%;    
    width: 130px;
    height: 85px;
}