/*---- Styled by Jesse Scott for Dine.TO - May 14th, 2015 ----*/

/* -- GLOBAL STYLES -- */
@import url(https://fonts.googleapis.com/css?family=Raleway);


html {
    background-color: rgb(11, 11, 11);
}
body {
    background-color: transparent;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
}
a {
    color: rgb(206, 206, 206);  
}
a:hover {
    color: rgb(255, 255, 255);  
}
.content hr {
    border-color: #000 !important; 
}

/* -- WEBSITE STYLES -- */

.website {
    color: rgb(206, 206, 206);
}


/* -- HEADER STYLES -- */

.header {
    background-image: none;
    background-color: rgb(255, 255, 255);
    height: 151px;
    position: relative;
    border-color: #000;
}
[data-page=home] .header {
    background-image: none;
    background-color: rgba(255, 255, 255, 0.9);
    height: 151px;
    position: relative;
    border-color: #000;
}
.header .header_wrapper {
    margin: 0 auto;
    position: relative;
    width: 1024px;
    height: 80px;
}
.header .header_info {
    color: #6e255d;  
    margin: 0;
    position: absolute;
    bottom: 20px;
    right: 0;
    font-size: 110%;
    text-shadow: none;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    padding-bottom: 38px;
}
.header .header_logo {
    background-size: auto 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 175px;
    height: 125px;
}

.header .header_info {
    padding-bottom:38px;
}
.header .header_info .detail{
    font-size:12px;
    font-weight:bold;
}
.header .header_info .detail:before {
    content: '';
    padding-right: 5px;
    font-weight: normal;
}

.top,
.nav,
.top_wrapper, 
.nav_wrapper {
    position: static;
    padding-bottom:20px;
}
.top,
.top_wrapper {
    height: auto;
}


/* -- NAV STYLES -- */
.nav,
.nav_wrapper {
    height: auto;
    height:60px;
}
.nav {
    position: absolute;
    right: 0;
    bottom: -10px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}
.nav .list_pages {
    padding-right: 0;
    line-height: 100%;
    margin-top: 35px;
}
.nav .list_pages .item_page {
    font-size:18px;
    margin-left: 0px;
}
.nav .list_pages .item_page .link {
    color: #000;   
    text-transform: uppercase; 
    padding: 12px;
}

.nav .list_pages .active .link:hover,
.nav .list_pages .item_page .link:hover, 
.nav .list_pages .item_page:hover .link, 
.nav .list_pages .active .link  {
    text-decoration: none;
    color: #CCAC00; 
}

body[data-lang="fr"] .nav .list_pages {
    font-size: 110%;
}

/*
body[data-lang="en"] #nav > div > ul > li.item.item_page.item_page_order-online   {
    background-image: url(/images/oo-en.jpg?1);
    background-position: 0px 0px;
    background-size: contain;
    background-repeat: no-repeat;
    line-height: 44px;
}
body[data-lang="fr"] #nav > div > ul > li.item.item_page.item_page_order-online   {
    background-image: url(/images/oo-fr.jpg?1);
    background-position: 0px 0px;
    background-size: contain;
    background-repeat: no-repeat;
    line-height: 44px;
}
*/

body #nav .list_pages .item.item_page.item_page_order-online,
body #nav .list_pages .item.item_page.item_page_order-delivery,
body #nav .list_pages .item.item_page.item_page_reservations {
    background-color: transparent;
    background-image: none;
    background-position: 0px 0px;
    background-size: contain;
    background-repeat: no-repeat;
    line-height: 44px; 
    margin-left: 10px;
}
body #nav .list_pages .item.item_page.item_page_order-online a,
body #nav .list_pages .item.item_page.item_page_order-delivery a,
body #nav .list_pages .item.item_page.item_page_reservations a {
    background-color: #ffffff;
    line-height: 44px;
    outline: 2px solid #8f6138;
    border: 2px solid #fba012;    
}

body[data-lang="fr"] #nav .list_pages .item.item_page.item_page_order-online a,
body[data-lang="fr"] #nav .list_pages .item.item_page.item_page_order-delivery a,
body[data-lang="fr"] #nav .list_pages .item.item_page.item_page_reservations a {
    font-size: 70%;  
}

#nav .list_pages .item.item_page.item_page_home.item_page_first  {
    display: none;
}

.nav .list_pages .list_subs {
    top: 29px;
}





/* -- COMPACT HEADER/NAV STYLES -- */

.header.compact {
    background-color: rgba(255, 255, 255, 0.9);
    height: 90px;
    position: fixed;
}
.header.compact .header_logo {
    width: 172px;
    height: 70px;
}
.header.compact .nav {
    bottom: auto;
    top: 14px;
}
.header.compact .nav .list_pages .item_page .link {
    padding-top: 5px;
}

.header.compact .nav .list_pages .list_subs {
    top: 29px;
}
.header.compact .nav_wrapper {
    height: auto;
    margin-top:-24px;
}
.header.compact .nav .list_pages {
    padding-right: 0;
    line-height: 100%;
    margin-top: 43px;
}
/* -- CONTENT STYLES -- */
#menus > div.page_banner.page_banner_fullsize.page_banner_rotator {
        padding-bottom: 31.0625%!important;
}
.content {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    color: #000;
    font-style:normal;
    font-size:20px;
    line-height:135%;
    padding-top: 0;
}
.content hr, 
.content .line_divider {
    border-color: rgb(11, 11, 11);
    border-style: solid;
}
.content .image_border {
    border-color: rgb(11, 11, 11);
}
.content .block_border {
    border-color: rgb(11, 11, 11);
}
.content .highlight_block {
    background-color: transparent;
    border-color: transparent;
    border-style: none;
}
.content .inset_block {
    background-color: rgb(20, 20, 20);
    border-color: rgb(11, 11, 11);
}
.content .button_border {
    background-color: rgb(26, 26, 26);
    border-color: #606060;
    color: #ffffff;
}

.content h1 {
    font-size: 240%;
}
.content h2 {
    font-size: 220%;
}
.content h3 {
    font-size: 180%;
}
.content h1, 
.content h2, 
.content h3, 
.content h4, 
.content h5, 
.content h6 {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}
.content h1.icon:before, 
.content h2.icon:before, 
.content h3.icon:before, 
.content h4.icon:before, 
.content h5.icon:before, 
.content h6.icon:before {
    color: #6e255d;
    display:none;
}

.page_gallery .page_banner {display: none;}

.content .menus_content .menu_file .text_download {
    margin-left: 40%;
}
[data-lang="fr"] .content .menus_content .menu_file .text_download {
    margin-left: 37%;
}


.content .opentable_block {
    margin-left: 60px;
}

/* -- BANNER STYLES -- */
.website .page_banner {
    padding-bottom: 25%;
}
.page:first-child > .page_banner {
    margin-top: 0;
    padding-top: 0px;
}

.banner_slide .wrapper .caption{
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color: #FFFFFF;
    font-size: 42px;
    text-shadow: 1px 1px 2px rgb(0,0,0);
    letter-spacing: 2px;
    text-transform: uppercase; 
    font-style:italic;
}



/* -- PAGE STYLES -- */
.page {
    border-color: rgb(22, 22, 22);  
}
.page .page_content {
    background-color: rgba(255, 255, 255, 0.9);
}
.page .page_content {
    background-color: rgb(255, 255, 255);
}
.page .page_content a {
    color: #000;  
}
.page .page_content a:hover {
    color: #6e255d;  
}
.page .page_content h2 {
    text-align: center;
}
.page .page_wrapper {
    margin: 0 auto;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    min-height: 0px;
}


/* -- HOME STYLES -- */
.page_home:first-child > .page_banner {
    padding-top: 0;
    margin-top: 0;
}
.page_home:first-child > .page_banner .banner_slide {
    background-attachment: scroll;
    background-position: center top;
    background-size: 100% auto;
    text-align: center;
}
.page_home:first-child > .page_banner .banner_slide .image {
    visibility: hidden;
}
.page_home:first-child > .page_banner_rotator .banner_slide .wrapper {
    background-color: rgba(0, 0, 0, 0.3);
}
.page_home:first-child > .page_banner_rotator .banner_slide .wrapper .data {
    padding-top: 160px;
}
.page_home:first-child > .page_banner_rotator .banner_slide .wrapper .data .wrap {
    margin: 0 auto;
    max-width: 1224px;
}
.page_home:first-child > .page_banner_rotator .banner_slide .wrapper .caption {
    background-color: transparent !important;
    font-size: 160%;
    line-height: 120%;
    font-style: normal;
}
.page_home:first-child > .page_banner_rotator .banner_slide .wrapper .caption .small {
    font-size: 80%;
}
.page_home:first-child > .page_banner_rotator .banner_slide .wrapper .caption .medium {
    font-size: 100%;
}
.page_home:first-child > .page_banner_rotator .banner_slide .wrapper .caption .large {
    text-transform: uppercase;
    font-size: 160%;  
    line-height: 110%;
}
.page_home:first-child > .page_banner_slideshow .banner_buttons .button_prev,
.page_home:first-child > .page_banner_slideshow .banner_buttons .button_next {
    display: none;
}
.page_home:first-child > .page_banner_slideshow .banner_buttons .index_frames {
    bottom: 16px;
}
.page_home:first-child > .page_banner_slideshow .banner_buttons .index_frames .frame {

}
.page_home:first-child > .page_banner_slideshow .banner_buttons .index_frames .frame .button {
    background-color: rgba(255, 255, 255, 0.3);
    text-indent: -9999px;
    padding: 0 10px;
    border-radius: 10px;
}
.page_home:first-child > .page_banner_slideshow .banner_buttons .index_frames .frame .button.active {
    background-color: rgba(255, 255, 255, 0.9);
}


.page_home .page_wrapper {
    min-height: 0;
}
.page_home .page_content {
    display: block;
    margin: 0 auto;
    padding: 0;
    text-align: center;  
    border: 0 none transparent;
    background-color: transparent;
    background-image: none;
}
.page_home .page_content .page_wrapper {
    background-color: transparent;
    width: auto;
}
.page_home .page_content .page_wrapper .body_block {
    padding: 0;
    display: none;
}
.page_home .page_content .home_subpage {
    display: block;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;  
    background-color: rgba(255, 255, 255, 0.9);
    border-style: solid;  
    border-width: 1px 0;
}
.page_home .page_content .home_subpage .subpage_wrapper {
    display: block;
    background-color: transparent;
    box-sizing: content-box;
    margin: 0 auto;
    position: relative;
    width: 1024px;
}
.page_home .page_content .home_subpage.welcome {
    margin-bottom: 33%;
}
.page_home .page_content .home_subpage.reservations .subpage_wrapper {
    min-height: 400px;
}

.page_home .page_content .body_sublinks {
    display: none;
}

/* -- Home Fixes 2023 -- */

body.page_home {
    background-color: #ffffff;
    background-image: none !important;
}
.page_home .page_content {
    display: none;
}
.page_home .website .footer {
    min-height: calc(100vh - ((750/1920) * 100vw) - 153px);
}
@media (min-width: 2606px) {
    .page_home .website .footer {
        min-height: 150px;
    }    
}


/* -- Reserve Widget Styles -- */

.content .reserve_widget {
    
}
.content .reserve_widget .ypdineBooker .content .search .button button {
    background-color: #6e255d;
}


/*- Menu -*/
.content .menus_list {
    text-align: center;
    margin-left: 15px;
}
.page .menus_content    {
    border: none;
}
.content .menu_section {
    margin-top: 30px;
    margin-bottom: 40px;
}
.page .menus_content .menu_top  {
    border-color: #000000;
}
.content .menus_content .menu_name  {
    float: none;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}
.page .menus_content .menu_top .menu_name   {
    font-size: 48px;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
}
.content .menu_section h3.section_name {
    font-size: 36px;
    line-height: 120%;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}
.content .menu_section .section_name {
    text-transform: uppercase;
    margin-bottom: 20px;
}
.content .menu_section .section_desc {
    margin-top: -15px;
    margin-bottom: 20px;
    font-size: 80%;
    line-height: 1.6;
}
.content .menu_section .section_desc:empty {
    display: none;
}
.menu_section .menu_item    {
    border-color: #000000;
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
}
.menu_section .menu_item h4.item_name   {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
}
.menu_section .menu_item td.price   {
        font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 16px;
}
.menu_section .menu_item table.menu_item_prices tbody {
    font-size: 14px;
}
.menu_section .menu_item .item_desc {
    margin-top: 40px;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
}
.menu_section .menu_item h4.item_name {
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
}
.menu_section .menu_item .item_desc {
    font-size: 14px;
    line-height: 18px;
    margin-top: 31px;
    font-style: normal;
}
/* -- LOCATIONS STYLES -- */

.content .location_select {
    margin: 0 auto;
    width: 100%;
    text-align: left;
}
.content .location_links .location {
    display: inline-block;
    text-align: left;
    padding: 0 0 20px;
    width: 24%;
}
.content .compact .location_links .location {
    width: 19%;
}
.content .location_select .location .photo {
    display: block;
    margin: 0 auto 6px 0;
    width: 200px;
    height: auto;
    border-width: 1px;
    border-style: solid;
}
.content .location_select .location .photo img {
    display: block;
    width: 100%;
    height: auto;
    border-width: 0;
    border-style: none;
}
.content .location_select .location .name {
    display: block;
    font-size: 100%;
    line-height: 140%;
    text-transform: uppercase;  
}
.content .location_select .location .address {
    display: block;
    font-size: 90%;
    line-height: 130%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 30px;
}
.content .location_select .location .link {
    text-decoration: none;
    font-size: 100%;
    line-height: 140%;
}
.content .location_select .location .link:hover {
    text-decoration: underline;
}

.content .location_container {
    display: block;
    overflow: hidden;
    margin: 0 auto 20px;
}
.content .location_container .float_gallery,
.content .location_container .float_hours,
.content .location_container .float_contact,
.content .location_container .float_location {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.content .location_container .float_gallery,
.content .location_container .float_contact {
    display: block;
    margin: 0 auto 20px 0;
    float: left;
    clear: left;
    width: 48%;
}
.content .location_container .float_location,
.content .location_container .float_hours {
    display: block;
    margin: 0 0 20px auto;
    float: right;
    clear: right;
    width: 48%;
}
.content .location_container .float_gallery > div:first-child,
.content .location_container .float_contact > div:first-child,
.content .location_container .float_location > div:first-child,
.content .location_container .float_hours > div:first-child {
    margin-top: 0;
}
.content .location_container .float_gallery > div:last-child,
.content .location_container .float_contact > div:last-child,
.content .location_container .float_location > div:last-child,
.content .location_container .float_hours > div:last-child {
    margin-bottom: 0;
}

.content .location_container .float_location .block_contact_staticmap {
    height: 350px;
    margin-bottom: 10px;
}
.content .location_container .block_contact_address {
    background-color: transparent;
    border-color: transparent;
    padding: 0;
}
.content .location_container .block_contact_address .text_social {
    display: none;
}
.content .location_container .block_info_hours .text_list {
    line-height: 160%;
}


/* -- CONTACT PAGE STYLES -- */

.content .contact-panels {
    display: block;
    margin: 0 auto 20px;
    padding: 20px 0 0;
    clear: both;
    font-size: 100%;
    text-align: center;
}
.content .contact-panels h2,
.content .contact-panels h3 {
    text-align: inherit;
}
.content .contact-panels > h2 {
    margin-bottom: 20px;
}
.content .contact-panels .wrapper {
    display: block;
    position: relative;
}
.content .contact-panels .wrapper:after {
    content: "";
    display: block;
    clear: both;
}
.content .contact-panels .panel {
    display: block;
    float: left;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
    font-size: inherit;
    text-align: inherit;
}
.content .contact-panels hr.clear {
    display: block;
    clear: both;
    margin: 0 auto;
    width: auto;
    height: 1px;
    border: 0 none transparent;
    outline: none;
    background-color: transparent;
}
.content .contact-panels .panel > .widget,
.content .contact-panels .panel > div {
    width: auto;
    height: auto;
    float: none;
    clear: both;
    margin: 0;
    padding: 0;
}
.content .contact-panels .panel > .widget,
.content .contact-panels .panel > div,
.content .contact-panels .panel > p,
.content .contact-panels .panel > table,
.content .contact-panels .panel > td {
    font-size: inherit;
    text-align: inherit;
    line-height: inherit;
}
.content .contact-panels .panel.map {
    width: 70%;
    padding-left: 20px;
    float: right;
}
.content .contact-panels .panel.map .block_contact_dynamicmap {
    height: 350px;
}
.content .contact-panels .panel.address,
.content .contact-panels .panel.hours {
    width: 30%;
    padding-right: 20px;
    font-size: 80%;
}
.content .contact-panels .panel.address {
    clear: none;
}
.content .contact-panels .panel.address .text_social,
.content .contact-panels .panel.address .text_address > .name {
    display: none;
}
.content .contact-panels .panel.hours {        
    clear: left;
}
.content .contact-panels .panel.hours .list_hours,
.content .contact-panels .panel.hours .list_hours tbody,
.content .contact-panels .panel.hours .list_hours tr,
.content .contact-panels .panel.hours .list_hours td {
    display: block;
    margin: 0 auto;
    clear: both;
    width: auto;
    text-align: inherit;
}
.content .contact-panels .panel.hours .list_hours .item_label,
.content .contact-panels .panel.hours .list_hours .item_value {
    text-align: inherit;
    padding: 0;
}
.content .contact-panels .panel.address .text_address > .phone .label,
.content .contact-panels .panel.address .text_address > .email .label,
.content .contact-panels .panel.hours .list_hours .item_label {
    font-weight: bold;
}
.content .contact-panels .panel.address .text_address > .phone span[title],
.content .contact-panels .panel.address .text_address > .email a[href],
.content .contact-panels .panel.hours .list_hours .item_value {
    color: #6e255d;
}
.content .contact-panels .panel.address .text_address > .address:before,
.content .contact-panels .panel.hours:before {
    content: "";
    display: block;
    margin: 20px auto;
    width: 30%;
    max-width: 90px;
    height: 1px;
    border-top: 1px solid #fba012;
}
.content .contact-panels .panel.directions {
    float: none;
    clear: both;
    margin-top: 20px;
    padding-top: 20px;
}
.content .contact-panels .panel.directions h2 {
    font-size: 160%;
}
.content .contact-panels .panel.directions > p {
    font-size: 80%;
    text-align: center;
}
.content .contact-panels .panel.directions .text_warning {
    font-size: 10px;
    text-align: center;
    max-width: 500px;
}
.content .contact-panels .panel.directions .block_contact_directions .direction_wrapper {
    font-size: 80%;
    text-align: center;
}



/* -- FOOTER STYLES -- */
.footer {
    background-color: rgb(255, 255, 255);
    color: #000;
}
.footer a,
.footer .footer_info,
.footer .footer_info a {
    color: #000;
}
.footer .footer_info a:hover {
    color: #6e255d;  
}
.footer .footer_info .footer_column {
    border-color: #000;
}
.footer .footer_info .footer_column_logo .logo_image {
    background-size: auto 100%;
}
.footer .footer_info .name:before, 
.footer .footer_info .connect:before, 
.footer .footer_info .sitemap:before {
    display: inline;
    color: #000;
}

.footer .footer_info .address,
.footer .footer_info .phone {
    display:none;
}


/* -- Content Editor Styles -- */

html:not([data-url]) {
    background-color: #ffffff !important;
    background-image: url(/images/logo-back.png) !important;
    background-position: center center;
    background-size: auto;
    background-repeat: repeat;
    padding: 20px;
}
.content_editor {
    background-color: transparent !important;
    background-color: rgb(255, 255, 255) !important;
    background-color: rgba(255, 255, 255, 0.66) !important;
    color: #5A471C !important;
}
.content_editor .widget {
    display: block;
    margin: 0 10px 5px;
    cursor: not-allowed;
    border: 1px dotted #cacaca;
    background-color: #EFEFEF;
    background-color: rgba(255, 255, 255, 0.6);
    color: #363636;
    text-shadow: none;
    text-align: center;
    padding: 5px 10px;    
    font-family: "Courier New", sans-serif;
    font-size: 11px;
}
.content_editor .widget.inline {
    display: inline-block;
    margin: 0 5px;
}