/*---- Styled by Jesse Scott for Dine.TO - August 29th, 2016 ----*/

/*-- Fonts --*/
@import url(https://fonts.googleapis.com/css?family=Cabin+Condensed);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);

/*--
font-family: 'Cabin Condensed', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
--*/


/*-- Website --*/
html {
    background-color: #eee;
    overflow-x: hidden;
}


/*-- Header --*/
.top {
    height: 15px !important;
}
.header {
    position: fixed;
    height: 50px !important;
    padding: 0;
    border: none;
    background-image: none;
    background-color: #000;
    transition: all 0.5s ease;
}
.header .header_logo {
    position: relative;
    float: none;
    margin: 0 auto;
    background-size: 100%;
    width: 200px;
    height: 40px;
    background-image: url(/images/header-logo.png?1);
    top: 5px;
    left: 0;
    transition: all 0.5s ease;
}
.header .header_info {
    display: none;
}

.header_button {
    margin-top: 20px;
}
.header_button .fa {
    font-size: 20px !important;
    padding: 0 10px;
}


/*-- Nav --*/
.nav {
    height: 50px;
}
.nav-btn  {
    display: none;
}
.nav .list_pages{
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
    line-height: 50px;
    text-transform: uppercase;
    padding-right: 0px;
    margin-left: 0px;
    transition: all 0.5s ease;
}
.website .nav .list_pages {
    margin-left: 25px;
    transform: translate(0, 0);
}
body:not([data-page="home"]) .website .nav .list_pages,
.scrolled .website .nav .list_pages {
    margin-left: 0px;
    transform: translate(60px, 0);
}
.nav .list_pages .item_page {
    margin-left: 0 !important;
    padding-bottom: 0;
    width: 105px;
}
.nav .list_pages .item_page .link {
    color: #fff;
    text-shadow: none;
}
.nav .list_pages .item_spacer_menus {
    display: inline-block;
    width: 220px;
    transition: all 0.5s ease;
}



/*-- Content --*/
.content {    
    padding-top: 0 !important; 
    font-family: 'Cabin Condensed', sans-serif;
    font-size: 18px;
    line-height: 24px;
}
.content h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 48px !important;
    font-weight: bold;
    letter-spacing: -1px;
    text-align: center;    
    text-transform: uppercase;
}
.content h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 27px !important;
    font-weight: bold;
    letter-spacing: -1px;
    text-align: center;    
    text-transform: uppercase;
}
.content hr {
    border-color: #000;
    border-style: solid;
    border-width: 2px;
}
.content .body_block {
    padding-bottom: 0;
}
.content .highlight_block {
    background-color: transparent;
    border: none;
}
.content .body_sublinks {
    display: none;
}
.content .image_border {
    border-color: #000;
}


/*-- Page --*/
.page {    
    border: none;
}
.page .page_wrapper {
    min-height: 0;
}    


/*-- Page : Banner --*/
.page:first-child > .page_banner {
    margin-top: 50px !important;
}
.page .page_banner:empty {
    display: none;
}
.website .page_banner {
    height: 94vw;
    max-height: 900px;
    background-color: rgba(255,255,255,0.3);  
    border: none;  
    padding-bottom: 0 !important;
}
.website .page_banner .banner_slide {
    background-size: cover;
}
.website .page_banner_rotator .banner_slide .image {
    display: none;
}
.caption {
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 92px !important;
    font-weight: bold;
    letter-spacing: -1px;
    text-transform: uppercase;
}


/*-- Page : Home --*/
.page_home .top {
    height: 340px !important;
    transition: all 0.5s;
}
.page_home .header {
    position: fixed;
    height: 50px;
    padding: 0;
    box-shadow: none;
    border: none;
    background-image: none;
    background-color: transparent;
    transition: all 0.5s ease;
}

.scrolled #top > div > h1 > a {
    background-image: none !important;
}
.page_home .header .header_logo {
    background-image: url(/images/header-logo-b.png?1);
    width: 600px;
    height: 125px;
    top: 220px;
    transition: all 0.5s ease;
}

.page_home .header .header_logo.inner {
    top: 0;
}
.page_home .nav .list_pages {
    text-align: center;
    padding-right: 10px;
    margin-left: 0px;
}
.page_home .nav .list_pages .item_spacer_menus {
    display: inline-block;
    width: 0px;
}
.page_home .nav .list_pages .item_page .link {
    color: #000;
}
.page_home  .page:first-child > .page_banner {
    margin-top: 0px !important;
}
.page_home .page_wrapper {
    min-width: 100% !important;
    width: 100% !important;
}
.page_home .page_content {
    padding: 50px 0;
    background-color: #f2f2f2;
}   

.page .action_block {
    display: block;
}


.page .block_guide_listings .guide_block .text {
    text-align: center;
}

.definition {
    background-image: url(/images/def.png?1);
    background-repeat: no-repeat;
    background-position: center -25px;
    background-size: cover;
    height: 600px;
    width: 50%;
    float: left;
    padding: 250px 0px;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;    
    clear: both;
}
.definition p {
    font-size: 38px !important;
    background-color: #ffffff;
    max-width: 100%;
    text-align: center;
    letter-spacing: 3px;
    padding-left: 20px;
    text-transform: uppercase;
}

.hours {
    background-color: #ffffff;
    height: 600px;
    width: 50%;
    padding: 120px 10px;
    float: right;
    font-family: 'Roboto Condensed', sans-serif;
}

.hours h3 {
    font-size: 38px !important;
}
.content .block_info_hours .text_list  {
    font-size: 32px !important;
}
.content .block_info_hours .item_label, 
.content .block_info_hours .item_value {
    text-align: center;
    padding: 0;
}
/* -- Winterlicious/Summerlicious banner -- */
.page .block_guide_listings {
   text-align:center 
}
.page .block_guide_listings .guide_block {
    float:none;
}
.page .clear_body .block_guide_listings .guide_block {
    margin: 0px auto 20px auto;
   
}
.page .block_guide_listings .guide_block_winterlicious .banner {
    margin: 0px auto;
}
.page .block_guide_listings .guide_block .text, .page .block_guide_listings .guide_block .link  {
    /*color:#fff*/
}
.page .block_guide_listings .guide_block .text {
    width: 432px;
}


/*-- Page : Home : Scrolled --*/
.scrolled.page_home .top {
    height: 15px !important;
}
.scrolled.page_home .header {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    background-image: none;
    background-color: #000;
}
.scrolled.page_home .header .header_logo {
    width: 200px;
    height: 40px;
    top: 5px;
}

.navShown .header .header_logo {
    position: absolute;
    background-size: 100%;
    width: 90px;
    height: 40px;
    top: 10px;
    left: 5px;
}
.scrolled.page_home .nav .list_pages {
    padding-right: 0px;
    margin-left: 10px;
}
.scrolled.page_home .nav .list_pages .item_spacer_menus {
    display: inline-block;
    width: 250px;
}
.scrolled.page_home .nav .list_pages .item_page .link {
    color: #fff;
}

.content .home-social {
    clear: both;
    padding-top: 40px;
}


/*-- Page : About --*/
.page_info .content {
    padding: 50px 0 0;
}
.page_info .floatL {
    float: left;
    width: 49.5%;
    clear: both;
}
.page_info .floatR {
    float: right;
    width: 49.5%;
}



/*-- Page : Gallery --*/
#gallery .page_wrapper {
    width: 100% !important;
    max-width: 100% !important;
}
#gallery .page_content {
    padding: 0;
}
#gallery .body_block {
    padding: 0;
}
.content .gallery_block {
    margin: 0 auto;
}
.content .gallery_block .gallery_row {
    margin: 0;
}
.content .gallery_block .gallery_link, 
.content .gallery_block .gallery_span {
    float: left;
    width: 25% !important;
    background-color: #000;
    position: relative;
    margin: 0;
}
.content .gallery_block .gallery_photo {
    border: none;
    opacity: 0.75;
    transition: all 0.5s;
}
.content .gallery_block .gallery_photo:hover {
    opacity: 1;
}

.gallery-desktop,
.menu-desktop {
    display: block !important;
}
.gallery-mobile,
.menu-mobile {
    display: none !important;
}



/* -- Page : Menu -- */
.content .menus_list {
    text-align: center;
    font-family: 'Cabin Condensed', sans-serif;
    font-size: 18px;
    letter-spacing: 2px;
}
.content .menus_content .menu_name {
    display: none;
}
.menu_section {
    margin-bottom: 30px;
}
.menu_section .menu_item {
    border-bottom: 1px solid #555;
}
.menu_section .section_desc {
    font-size: 14px;
}
.menu_section h3.section_name {
    font-family: 'Cabin Condensed', sans-serif;
    letter-spacing: 2px;
    font-size: 42px !important;
    border-bottom: 2px solid #555;
}
.menu_section h4.section_name {
    font-family: 'Cabin Condensed', sans-serif;
    letter-spacing: 2px;
    font-size: 42px !important;
    border-bottom: 2px solid #555;
}
.menu_section .menu_item h4.item_name   {
    font-family: 'Cabin Condensed', sans-serif;
    font-size: 22px;
    letter-spacing: 2px;
}
.menu_section .menu_item .item_desc {
    margin-top: 40px;
    font-family: 'Cabin Condensed', sans-serif;
    color: #555;
}
.menu_section .menu_item td.price {
    font-family: 'Cabin Condensed', sans-serif;
    font-size: 22px;
    letter-spacing: 2px;
}
.menu_section .menu_item td.price:not(:empty):before {
    display: none;
}    
.page_menus .block_guide_listings,
.page .clear_body .block_guide_listings .guide_block{
    width: 432px;
    margin: 0 auto;
}


/* -- Page : VIP -- */
.content .viplist_form .section .button .submit {
    background: none;
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 2px;
    padding: 10px;
}



/*-- Page : Contact --*/
.page_contact .floatL {
    float: left;
    width: 49.5%;
}
.page_contact .floatR {
    float: right;
    width: 49.5%;
}
.content .block_contact_address .text_social {
    display: none !important;
}

.content .block_contact_address .text_address, 
.content .block_contact_address .text_social {
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 24px !important;
    letter-spacing: 2px;
    line-height: 120%;
}
#contact > div.page_content.page_content_hasbanner > div > div.body_block > div > div.block_contact_address.highlight_block > div.text_address > img {
    max-width: 400px;
    -webkit-filter: invert(1);
    filter: invert(1);
}
#contact > div.page_content.page_content_hasbanner > div > div.body_block > div > div.block_contact_address.highlight_block > div.text_address > span.fax {
    display: none;
}


/*-- Page : Online Ordering --*/
.order-online-block {
    max-width: 400px;
    margin: 0 auto;
    font-size: 32px;
    text-align: center;
    height: 330px;
    background-color: #9001d9;
}
.oo-text {
    float: left;
    position: absolute;
    width: 300px;
    top: 240px;
    line-height: 32px !important;
}
.page_orderonline .body_block p {
    text-align: center;
}

/* -- Page: Customer Covid Policy -- */


body[data-page="customer-covid-policy"] .page_content {
    padding-top: 125px;
}  
.content .covid-policy {
    display: block;
    margin: 0 auto 20px;
    text-align: left;
}
.content .covid-policy > div {
    display: block;
    margin: 0 auto 30px;
}
.content .covid-policy h2 {
    display: block;
    text-align: center;
    margin: 0 auto 20px;
}
.content .covid-policy h3 {
    display: block;
    text-align: inherit;
    margin: 0 auto 15px;
}
.content .covid-policy p {
    display: block;
    text-align: inherit;
    margin: 0 auto 15px;
}
.content .covid-policy ul,
.content .covid-policy ol {
    display: block;
    text-align: inherit;
    margin: 0 auto 15px 30px;
}
.content .covid-policy ul li,
.content .covid-policy ol li {
    text-align: inherit;
    margin: 0 auto 5px 0;
}
.content .covid-policy ul { 
   list-style-type: disc; 
   list-style-position: outside; 
}
.content .covid-policy ol { 
   list-style-type: decimal; 
   list-style-position: outside; 
}
.content .covid-policy ul ul, 
.content .covid-policy ol ul { 
   list-style-type: circle; 
   list-style-position: outside; 
   margin-left: 15px; 
}
.content .covid-policy ol ol, 
.content .covid-policy ul ol { 
   list-style-type: lower-latin; 
   list-style-position: outside; 
   margin-left: 15px; 
}
.content .covid-policy a {
    color: #464646;
    text-decoration: underline;
}
.content .covid-policy a:hover {
    color: #696969;
}


/*-- Footer --*/
.footer {   
    color: #fff;
    box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.2);
    background-color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 2px;
    font-size: 18px;
    text-transform: uppercase;
}    
.footer_wrapper {
    padding-bottom: 0px;
}
.footer a,
.footer .footer_info a, 
.footer .footer_info a:hover{   
    color: #fff;
}
.footer .footer_info .footer_column_address {
    width: 30%;
}
#footer > div > div.footer_contact > span:nth-child(2) {
    display: none;
}

.footer .footer_info .name {
    font-size: 20px;
}
.footer .footer_info .footer_column_logo .logo_image {
    height: 120px;
    width: 300px;
    background-size: 100%;
}

.footer .footer_info, .footer .footer_info .formatter {
    display: none;
}
.footer .footer_logo {
    height: 42px;
}

/*
.footer .fa {
    font-size: 24px !important;
    padding: 10px 10px;
}
#footer > div > div.footer_hours > div > div {
    width: 310px;
    margin: 0 auto;
}
#footer > div > div.footer_hours > div > div > table > tbody > tr:nth-child(1) > td.item_label,
#footer > div > div.footer_hours > div > div > table > tbody > tr:nth-child(2),
#footer > div > div.footer_contact > span:nth-child(1) {
    display: none;
}
*/

.footer .footer_hours,
.footer .footer_contact,
.footer .footer_social {
    display: block;
    margin: 0 auto 10px;
    text-align: center;
}
.footer .footer_hours p,
.footer .footer_contact p,
.footer .footer_social p {
    text-align: inherit;
}
.footer .footer_hours {
    font-size: 100%;
    padding-top: 10px;
}
.footer .footer_hours .title {
    margin-bottom: 8px;
}
.footer .footer_hours .link {
    text-transform: none;
    font-size: 80%;
}
.footer .footer_contact {
    font-size: 80%;
    line-height: 1.6;
}
.footer .footer_contact .link {
    text-transform: none;
}
.footer .footer_social {
    font-size: 120%;
}
.footer .footer_social .fa {
    font-size: 24px !important;
    padding: 10px 10px;
}
.footer .footer_hours .link a:hover,
.footer .footer_contact .link a:hover {
    text-decoration: underline;
}

.emailfooter {
    font-size: 80%;
}


/* -- Popup Styles -- */

.popup_overlay .popup_container .hastext .pcontent {

}


/* -- Content Editor Styles -- */

html:not([data-url]) {
    padding: 0 !important;
    background-color: #ffffff !important;
    background-image: none !important;
    background-color: #ffffff !important;
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size: auto;
    color: #000000 !important;
}
.content_editor {
    padding: 20px !important;
    background-color: transparent !important;
    color: #090909 !important;
}
.content_editor p a {
    color: inherit !important;
    text-decoration: underline;
}
.content_editor hr, 
.content_editor .line_divider {
    border-style: dotted;
    border-color: #000000;
}
.content_editor .widget {
    display: block;
    margin: 0 auto 5px;
    cursor: not-allowed;
    border: 1px dotted #DEDEDE;
    background-color: #EFEFEF;
    text-align: center;
    padding: 5px 10px;    
    font-family: "Courier New", sans-serif;
    font-size: 11px;
    color: #888888;
}
.content_editor .widget.inline {
    display: inline-block;
    margin: 0 5px;
}