/* 
    TODO:
        - Beautify custom.min.css and remove all the clashing styles/merge the below code into their classes on that sheet
        - Move all css into SCSS and set up a gulp install
        - Search code for inline styles and remove them  
*/

body .userway.userway_p1,
body .uwy.userway_p1,
body .uwy.userway_p1 .uai,
body .userway.userway_p7,
body .uwy.userway_p7,
body .uwy.userway_p7 .uai,
body .userway.userway_p8, 
body .uwy.userway_p8,
body .uwy.userway_p8 .uai {
    top: 150px!important;
}

body .userway.userway_p3, 
body .uwy.userway_p3 {
    bottom: 100px!important;
}

@media only screen and (max-width: 767px) {
    body .uwy.userway_p1 > .uai {
        top: auto;
        right: auto;
        left: 13px;
        bottom: 13px;
    }
}

@media only screen and (min-width: 780px) {
    body .userway.userway_p1,
    body .uwy.userway_p1,
    body .uwy.userway_p1 .uai,
    body .userway.userway_p7,
    body .uwy.userway_p7,
    body .uwy.userway_p7 .uai
    body .userway.userway_p8, 
    body .uwy.userway_p8,
    body .uwy.userway_p8 .uai {
        top: 100px!important;
    }   
}



@font-face {
    font-family: 'EngraversGothicBold';
    src: url('../../assets/fonts/hinted-EngraversGothicBT-Regular.eot');
    src: url('../../assets/fonts/hinted-EngraversGothicBT-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../assets/fonts/hinted-EngraversGothicBT-Regular.woff2') format('woff2'),
        url('../../assets/fonts/hinted-EngraversGothicBT-Regular.woff') format('woff'),
        url('../../assets/fonts/hinted-EngraversGothicBT-Regular.svg#EngraversGothicBT-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Fairplex Wide OT';
    src: url('../../assets/fonts/hinted-FairplexWideBold.eot');
    src: url('../../assets/fonts/hinted-FairplexWideBold.eot?#iefix') format('embedded-opentype'),
        url('../../assets/fonts/hinted-FairplexWideBold.woff2') format('woff2'),
        url('../../assets/fonts/hinted-FairplexWideBold.woff') format('woff'),
        url('../../assets/fonts/hinted-FairplexWideBold.svg#FairplexWideBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Fairplex Wide OT';
    src: url('../../assets/fonts/hinted-FairplexWideBook.eot');
    src: url('../../assets/fonts/hinted-FairplexWideBook.eot?#iefix') format('embedded-opentype'),
        url('../../assets/fonts/hinted-FairplexWideBook.woff2') format('woff2'),
        url('../../assets/fonts/hinted-FairplexWideBook.woff') format('woff'),
        url('../../assets/fonts/hinted-FairplexWideBook.svg#FairplexWideBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Fairplex Wide OT';
    src: url('../../assets/fonts/hinted-FairplexWideMedium.eot');
    src: url('../../assets/fonts/hinted-FairplexWideMedium.eot?#iefix') format('embedded-opentype'),
        url('../../assets/fonts/hinted-FairplexWideMedium.woff2') format('woff2'),
        url('../../assets/fonts/hinted-FairplexWideMedium.woff') format('woff'),
        url('../../assets/fonts/hinted-FairplexWideMedium.svg#FairplexWideMedium') format('svg');
    font-weight: 500;
    font-style: normal;
}




body{
    font-family: 'Fairplex Wide OT';
}


/* Header */
header li a{
    font-family: "Fairplex Wide OT";    
    font-weight:500;
    font-size: 12px;    
    letter-spacing: 1px;    
    line-height: 15px;
    opacity:1;
}
header li a:hover{
    opacity: .5;
}
.header-location-dropdown .btn-default{
    font-family: 'Fairplex Wide OT';
}
.top-reservation h4{
    font-family: 'Fairplex Wide OT';
    font-weight:500;
    text-transform:uppercase;
}
.top-reservation .dropdown-toggle{
    font-family: 'Fairplex Wide OT';
}
.top-reservation button, 
.top-reservation input, 
.top-reservation select{
    font-family: 'Fairplex Wide OT';
    padding: 10px 47px 10px 10px;
}
.top-reservation button{
    font-family: 'EngraversGothicBold';
}
.top-reservation .btn-group.bootstrap-select {
    width: 100%!important;
    max-width: none;
}
.mobile-reservations{
    font-family: 'Fairplex Wide OT';
    text-transform: uppercase;
    font-weight: 500;
}
    /* Shifting the mobile nav break point (crudely) */
@media (min-width: 768px){
    .navbar-toggle {
        display: block;
        margin-top: 28px;
        margin-right: 5px;
    }
    .navbar-header {
        float: none;
    }
    .navbar-collapse.collapse {
        display: none!important;
        height: 0px!important;
        padding-bottom: 0;
        overflow: hidden!important;
    }
    .navbar-collapse.in{
        overflow-y: auto!important;
        display: block!important;
        height: auto!important;
    }
}
@media only screen and (max-width: 1199px){
    .navbar-nav {
        width: 100%;
        background: #fff;
        margin: 0;
        padding: 0;
        padding-top: 45px!important;
    }
    .nav>li>a {
        margin: 0;
        padding: 15px;
    }
}

@media (min-width: 1200px){
    .navbar-toggle {
        display: none;
    }

    .navbar-header {
        float: left;
    }
    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important;
    }
}

/* HEader ENd */














/* Home Page */
.loaded .animate-header__title h1{
    font-family: "Fairplex Wide OT"!important;
    font-size: 36px!important;
    font-weight: bold!important;
    text-transform: uppercase;
    font-weight:500;
    letter-spacing: 6px;
    line-height: 85px;
}


#owl-owlcarousel .item-title{
    font-family: "Fairplex Wide OT";
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 28px;
}

#owl-owlcarousel .item-title2{
    font-family: EngraversGothicBold; 
    font-size: 16px;    
    letter-spacing: 2px;    
    line-height: 16px;
    font-weight: bold;
}


.home .our-story-image h2{
        font-family: "Fairplex Wide OT";    
        font-size: 26px;    
        letter-spacing: 4px;    
        line-height: 29px;
        font-weight:500;
        text-transform:uppercase;
}
.home .our-story-image p{
    font-family: "Fairplex Wide OT";
    font-weight: 100;
    text-transform:none;
}
.home .action-text, 
.page-template-page-location--home .action-text{
    font-family: EngraversGothicBold;   
    font-size: 16px;    
    letter-spacing: 2px;    
    line-height: 16px;
}

.location-box h2{
    font-family: "Fairplex Wide OT";   
    font-size: 24px;    
    letter-spacing: 4px;    
    line-height: 27px;
    font-weight:500;
    text-transform:uppercase;
}
.location-box .info, 
.location-box h3{
    font-family: EngraversGothicBold;   
    font-size: 16px;    
    letter-spacing: 2px;    
    line-height: 16px;
}

/* Home page End */





/* Footer */
@media only screen and (min-width: 1310px) {
    footer .row.bottom-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.contact-detail,
.contact-detail a{
    font-family: "Fairplex Wide OT";   
    font-size: 16px;    
    font-weight: 300;   
    line-height: 30px;
}
footer ul li{
    margin-right:20px;
}
@media only screen and (max-width: 779px) {
    footer ul li{
        margin-right:0;
    }    
}
footer ul li a{
    font-family: "Fairplex Wide OT";    
    font-size: 14px;    
    letter-spacing: 1px;    
    line-height: 15px;  
    text-align: center;
    font-weight: 500;
}
.contact-detail.copyright{
    font-size:12px;     
}
.contact-detail .ignite-link{
    font-size:12px;
}

/* Footer END */















/* Restaurants page */
    .row.page-title h1{
        font-family: "Fairplex Wide OT"!important;
        font-size: 36px!important;
        text-transform: uppercase;
        font-weight:500!important;
        letter-spacing: 6px;
        line-height: 55px;
    }

    .row.page-lead-copy{
        font-family: "Fairplex Wide OT"; 
        text-transform: uppercase;   
        font-weight:500;
        font-size: 26px;    
        letter-spacing: 4px;    
        line-height: 40px;  
        text-align: center;
    }
    

/* Restaurants page END */










/* Menus page */
    
    .page-template-page-group--menus .our-story-image.our-story-row1-image-right div{
        font-family: "Fairplex Wide OT"; 
        font-weight:500;
        text-transform: uppercase;   
        font-size: 26px;    
        letter-spacing: 4px;    
        line-height: 40px;  
        text-align: center;
    }

/* Menus page end */





/* Our Story page */
    .image-one,
    .image-two{
        height: 488px;
    }
    .video-overlay h2{
        font-family: "Fairplex Wide OT";
        font-weight:500;
        font-size: 26px;
        letter-spacing: 4px;
        line-height: 29px;
        text-transform: uppercase;
    }
    .video-overlay .action-text{
        font-family: EngraversGothicBold;
        font-size: 16px;
        letter-spacing: 2px;
        line-height: 16px;
        border-bottom:2px solid #fff;
    }
    .our-story-image.our-story-row2-left div,
    .page-template-page-group--our-story .our-story-image div{
        font-family: "Fairplex Wide OT";
        text-transform: uppercase;
        font-weight:500;
        font-size: 26px;
        letter-spacing: 4px;
        line-height: 40px;
        text-align: center;
    }
    .carousel-heading{
        font-family: "Fairplex Wide OT";
    }
/* Our Story page END */



/* Private Events Page */
.page-template-page-group--private-events-php .button,
.page-template-page-location--menus-php .button-square,
.button-square, 
.page-template-page-group--private-events-php .container button, 
.vert-line-side button{
    font-family: EngraversGothicBold!important;
}
.page-template-page-group--private-events-php .row.page-lead-copy{
    font-size: 19px;
    letter-spacing: 2px;
    line-height: 25px;
}
.events-location-links-container ul li{
    font-family: "Fairplex Wide OT";
    font-weight: 400;
}
#owl-group-eventslocation .item-eventslocation-title{
    font-family: "Fairplex Wide OT"!important;
    font-size: 36px!important;
    font-weight:500!important;
    text-transform: uppercase;
    letter-spacing: 6px;
    line-height: 25px;
}
#owl-group-eventslocation .item-eventslocation-text,
#owl-group-eventslocation .item-eventslocation-text-left, 
#owl-group-eventslocation .item-eventslocation-text-right{
    font-family: "Fairplex Wide OT";
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
}
#owl-group-eventslocation .item-eventslocation-content-container a{
    font-family: EngraversGothicBold;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 16px;
    padding-bottom: 6px;
}
/* Private Events Page END */





/* News & Events */
    .blog-nav li a{
        font-family: "Fairplex Wide OT";
        font-weight: 400;
    }
    .archive h2 a, .blog h2 a{
        font-family: "Fairplex Wide OT";
        font-weight: 500;
        font-size: 24px;
        text-transform: uppercase;
        letter-spacing: 1px;
        line-height: 28px;
    }
    .blog-content, .post-excerpt{
        font-family: "Fairplex Wide OT";
        font-size: 16px;
        font-weight: 300;
        line-height: 30px;
    }
    .blog-inline-link{
        font-family: EngraversGothicBold;
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 2px;
        line-height: 16px;
    }
    .blog-cat-link,
    .blog-post-date{
        font-family: "Fairplex Wide OT";
        font-weight:500;
        line-height: 30px;
        text-transform:uppercase;
    }

/* News & Events END */





/* Single News post */
.single h2{
    font-family: "Fairplex Wide OT";
    font-weight: 500;
    font-size:42px;
    line-height:50px;
    letter-spacing: 4px;
    text-transform: uppercase;
}
.blog-backlink{
    font-family: EngraversGothicBold;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 16px;
} 
.blog-share-title{
    font-family: "Fairplex Wide OT";
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}
/* Single News post END */




/* PPX Page */
.nav.nav-tabs>li>a{
    font-family: "Fairplex Wide OT";
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 15px;
}
.tab-pane p{
    font-family: "Fairplex Wide OT";
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 15px;
}
.membership-levels td{
    font-family: "Fairplex Wide OT";
    font-weight:500;
    letter-spacing: 4px;
    text-transform: uppercase;
}
.ppx-membership-third.title{
    font-weight: 500;
    font-family: "Fairplex Wide OT";
}
.vert-line-side h2{
    font-family: "Fairplex Wide OT";
    font-weight:500;
}
.vert-line-side p{
    font-family: "Fairplex Wide OT";
}
/* PPX Page END */



/* Careers Page */
    .tab-pane li{
        font-family: "Fairplex Wide OT";
    }
/* Careers Page END */





/* Our Shop Page */
    .shop-header .text-wrapper h1, 
    .shop-header .text-wrapper h2, 
    .shop-header .text-wrapper h3, 
    .shop-header .text-wrapper h4{
        font-family: "Fairplex Wide OT"!important;
        font-weight: 500!important;
        text-transform: uppercase;
        font-size: 32px;
        letter-spacing: 2px;
    }
    .scb__text h4{
        font-family: "Fairplex Wide OT"!important;
        font-weight: 500!important;
        text-transform: uppercase;
        font-size: 18px;
        letter-spacing: 2px;
    }
    .scb__text p{
        font-family: "Fairplex Wide OT"!important;
    }
    .scb__text .scb__button{
        font-family: EngraversGothicBold!important;
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 2px;
        line-height: 16px;
    }
/* Our Shop Page END */




/* Single Location pages */
.page-template-page-location--home .row.page-title h2{
     font-family: EngraversGothicBold!important;
}
.home .our-story-row1-image-left a, 
.home .our-story-row1-image-right a, 
.page-template-page-location--home .our-story-image a, 
.page-template-page-location--home .our-story-row1-image-left div{
    font-family: "Fairplex Wide OT"!important;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.page-template-page-location--home .our-story-image a{
    font-size: 26px;
    letter-spacing: 4px;
    line-height: 29px;
}
.PDF-menu-title{
    font-family: EngraversGothicBold!important;
    text-transform:uppercase;
}
.PDF-menus ul li{
    font-family: EngraversGothicBold!important;
    text-transform:uppercase;
    background-position: 86% center;
}
#sp_main .sp_menu, 
#sp_main .hproduct .fn, 
#sp_main .hproduct .sp_details, 
#sp_main .hproduct .sp_description, 
#sp_main #sp_menu_drop ul li.sp_menu_drop_down, 
#sp_main #sp_foot #sp_contact textarea, 
#sp_main #sp_foot #sp_contact input, 
#sp_main #specials_and_events,
#sp_main .hproduct .detailsDiv, 
#sp_main #sp_foot #sp_contact select, 
#sp_main .es-nav, 
#sp_main #manage_top .sub_text, 
#sp_main #sp_foot .sp_dw, 
#sp_main #specials_and_events .sub_text, 
#sp_main #tabsouterouter, 
#sp_main #specials_and_events, 
#sp_main #specials_and_events .sub_text, 
#sp_main #specials_and_events #sp_announcement, 
#sp_main #manage_top #sp_announcement{
    font-family:"Fairplex Wide OT"!important;
}
.events-menu-container h3{
    font-family:"Fairplex Wide OT"!important;
}
#owl-location-privatedining .item-caption{
    font-family: "Fairplex Wide OT"!important;
    font-weight: 500;
}
.location-dining-info-box{
    font-family: "Fairplex Wide OT"!important;
}
.location-dining-info-box h3{
    font-family: "Fairplex Wide OT"!important;
    font-weight: 500;
}
.gallery-selector li{
    font-family: "Fairplex Wide OT"!important;
    font-weight: 500;
}
#wpcf7-f7325-o1 h3, #wpcf7-f7972-p7896-o1 h3{
    font-family: "Fairplex Wide OT"!important;
    font-weight: 500;
}
#wpcf7-f7325-o1 .reservation-subtitle, 
#wpcf7-f7972-p7896-o1 .reservation-subtitle{
    font-family: "Fairplex Wide OT"!important;
}
.wpcf7-form-control{
    font-family: "Fairplex Wide OT"!important;
}
.vert-line-side h3{
    font-family: "Fairplex Wide OT"!important;
    font-weight: 500;
}
.vert-line-side h4{
    font-family: "Fairplex Wide OT"!important;
    font-weight: 500;
}
.vert-line-side h5{
    font-family: "Fairplex Wide OT"!important;
}
.vert-line-side h6{
    font-family: "Fairplex Wide OT"!important;
}
.box-video-wrapper .box-video.smaller{
    width: 200%;
    height: 200%;
    max-height: none;
}
/* Single Location pages END */








/* Woocommerce stuff */
.woocommerce .woocommerce-breadcrumb{
    font-family: "Fairplex Wide OT";
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 15px;
}
.widget_product_categories li a{
    font-family: "Fairplex Wide OT";
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 15px;
}
.archive h2, .blog h2{
    font-family: "Fairplex Wide OT";
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 15px;
}
.woocommerce ul.products li.product .price{
    font-family: "Fairplex Wide OT";
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 15px;
}
.woocommerce div.product .product_title{
    font-family: "Fairplex Wide OT";
    font-weight: 500;
    letter-spacing: 4px;
    text-transform: uppercase;
}
.woocommerce div.product p.price, .woocommerce div.product span.price{
    font-family: "Fairplex Wide OT";
    text-transform: uppercase;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
    text-transform: uppercase;
    letter-spacing: 2px;
}
.woocommerce div.product form.cart .variations label{
    font-family: "Fairplex Wide OT";
    text-transform: uppercase;
    font-weight:500;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{
        font-family: 'Fairplex Wide OT';
}
.page-template-page-group--contact p, 
.page-template-page-standard p{
    font-family: 'Fairplex Wide OT';
}
.checkout-button{
     font-family: "Fairplex Wide OT"!important;
}
/* Woocommerce stuff END */




/* Videos Page */
.featured-video .title-holder span{
    font-family: EngraversGothicBold!important;
    border-bottom: 1px solid #FFFFFF;
}
.featured-video .title-holder h1{
    font-family: 'Fairplex Wide OT';
    text-transform:uppercase;
    letter-spacing:1px;
    font-style:normal;
}
.video-wall .video-picker h3{
    font-family: 'Fairplex Wide OT';
    text-transform:uppercase;
    letter-spacing:1px;
    font-style:normal;
}

/* Videos Page END */





.home .our-story-row2-left-container.no-mobile-padding-right:hover::before {
    background: rgba(188,155,106,.9);
}
.home .our-story-image.our-story-row2-left div {
    background-color: rgba(0,0,0,.4);
}
.home .our-story-row2-left-container a {
    text-decoration: none;
}
.home .our-story-row2-left-container .divider {
    width: 58px;
    height: 3px !important;
    padding: 0;
    background: #fff !important;
    margin: 0 auto;
    position: relative;
    margin-top: 21px;
    margin-bottom: 21px;
}
.home .our-story-row2-left-container h2 {
    margin: 0;
    text-align: center;
    font-family: "Fairplex Wide OT";
    font-size: 24px;
    letter-spacing: 4px;
    line-height: 27px;
    font-weight: 500;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #000;
}
.home .our-story-row2-left-container h3 {
    font-family: EngraversGothicBold;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 16px;
    text-shadow: 1px 1px 0 #000;
    margin: 0 auto;
    max-width: 400px;
}


.page-template-page-group--reservations-php h2 {
    font-family: "Fairplex Wide OT";   
    text-transform: uppercase;
    font-weight: 500;
    font-size: 26px;
    letter-spacing: 4px;
    line-height: 40px;
}

.reservation-location-container h3 {
    font-family: "Fairplex Wide OT";
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 21px;
    text-transform: uppercase;    
 }

.reservation-location-container p {
    font-family: EngraversGothicBold;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 19px;    
}