
body .visible-cheltenham { display:none !important; } 
body .hidden-cheltenham { display:inherit !important; } 
body.shop_cheltenham .hidden-cheltenham { display:none !important; }
body.shop_cheltenham .visible-cheltenham { display:inherit !important; }

.visible-guest { display:initial !important; }
.hidden-guest { display:none !important; }
.visible-user { display:none !important; }
.hidden-user { display:initial !important; }

body {
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
body {


}

header, #mobile-header {

}

/* Mobile */
.mobile .km-content {
}
.mobile #mobile-header {
}

/* Header */
header,
#header,
.ct_details_bar
{
    background: #fff;
}
#header::after {
    bottom: -20px;
    background: #F19B07;    
}

.home header .header_right_component_element {
    z-index: 10;
}

header .navbar {
    border-color: #DC271C;
}

header .navbar .navbar-inner .container .nav-collapse .main-menu > li > a:hover, 
header .navbar .navbar-inner .container .nav-collapse .main-menu > li > a:focus,
header .navbar .navbar-inner .container .nav-collapse .main-menu > li.active > a {
    color: #DC271C;
}

header .navbar .navbar-inner .container .nav-collapse .main-menu > li > a {
    color: #000;
}

header .navbar .navbar-inner .container #opening-status-base .brand {
    font-weight: 500;
}

header .navbar .navbar-inner .container .nav-collapse .main-menu > li > a .caret {
    border-top-color: #000;
}

header .navbar .navbar-inner .container .nav-collapse .main-menu > li > a:hover .caret,
header .navbar .navbar-inner .container .nav-collapse .main-menu > li > a:focus .caret,
header .navbar .navbar-inner .container .nav-collapse .main-menu > li.active > a .caret
{
    border-top-color: #DC271C;
}

header .navbar .navbar-inner .container .btn-navbar .icon-bar {
    background: #DC271C;
}

header .navbar .navbar-inner .container #opening-status-base .brand.status-OPEN {
    color: #30A108 !important;
}

header .navbar .navbar-inner .container #opening-status-base .brand.status-CLOSED {
    color: #DC271C !important;
}

header .social_media_links {    
    right: 0;
    top: -60px;
    position: absolute;
    width: fit-content;
}

header .social_media_links ul {  
    margin: 0;
    display: flex;        
    list-style: none;
}

header .social_media_links ul li {  
    margin-left: 6px;
}

.ct_details_bar .ct_user_status small, 
.ct_details_bar .ct_user_status small *, 
.ct_details_bar .ct_local_branch_details small, 
.ct_details_bar .ct_local_branch_details small *, 
.ct_details_bar .ct_user_status small a, 
.ct_details_bar .ct_user_status small * a, 
.ct_details_bar .ct_local_branch_details small a, 
.ct_details_bar .ct_local_branch_details small * a {
    color: #000;
}

.ct_details_bar .ct_user_status small a,
.ct_details_bar .ct_local_branch_details small a {
    text-decoration: underline !important;
}

/* Global */

body {
    background: #fff;
    font-weight: 500;
}

.dropdown-menu {
    background: #DC271C; 
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #DC271C;
    background: #fff;    
}

.popover-title {
    background: #DC271C !important;    
}

body:not(.home) .well:not(.well-basket, .checkout .well.loyaltypoints_box .row-credits .well-small, .modal-body .well, .menu-selection .well, .well.well-small.sys-alert.sys-message), body:not(.home) .page-review-order {
    border: 4px solid #DC271C !important;
    font-weight: 500;
}

/* Alerts */

body .alert.alert-success {
    color: #fff;
}
body .alert.alert-info {
    color: #fff;
}
body .alert.alert-danger,
body .alert.alert-danger *
{
    color: #fff;
}
body .alert.alert-warning {
    color: #000;
}
body .alert a {
    text-decoration: underline;
}

/* Sys Alerts */
body .alert.sys-alert.sys-message.alert-success {
    background: #b6f1a2;
    color: #30A108 !important;
}
body .alert.sys-alert.sys-message.alert-info {
    background: #8fcce8;
    color: #17a2e1 !important;
}
body .alert.sys-alert.sys-message.alert-warning {
    background: #feb752;
    color: #9d5c00 !important;
}
body .alert.sys-alert.sys-message.alert-danger {
    background: #ee736b;
    color: #b83027 !important;
}
body .alert.sys-alert.sys-message.alert-danger * { 
    color: #b83027 !important;
}
body .alert.sys-alert.sys-message .lead {
    font-weight: 400;
}
body .well.well-small.sys-alert.sys-message {
    background: #f4b9ef;
    color: #a5409d;
}

/* UI */

.ui-dialog .ui-widget-header {
    background: #F19B07 !important;    
}

.ui-dialog .ui-widget-content table tbody tr th {
    background: #DC271C !important;
}

/* Labels */

.label.label-warning {
    background: #f8f406;
}

.label.label-info {
    color: #fff;
}

/* Input */

input, 
textarea, 
select, 
input:not(#mod_postcode_box_pc, .chosen-search-input), 
#menu-search-box, 
.page_members .btn-group .btn.dropdown-toggle, 
.home .outer-wrapper #container .inner-wrapper #zp_postcode_section .container .row-fluid .zp_postcode_section_leftside .mod_postcode_box .input-append #mod_postcode_box_pc 
{

}

/* Modals */

.modal .modal-header,
.modal .modal-footer {
    background: #F19B07;
    color: #fff;
}

.modal .modal-header * {
    color: #fff !important;
}

.modal .modal-body .well {
    background: none;
    border: 2px solid #F19B07 !important; 
}

.modal .modal-body .well .clearfix .option-label {
    color: #000 !important;
}

.modal .modal-body hr {
    border-color: #F19B07 !important;
}

.modal .modal-body .well .label {
    padding: 2px 2px 3px;
}

.modal .modal-body .well .btn {
    height: 15px !important;    
}

.modal .modal-footer .muted {
    color: #000;
}

.modal .modal-header h3 {
    font-size: 34px;
    line-height: 50px;
}

.modal-header .close {
    margin-top: 16px;
}

/* Buttons */

.btn.btn-info,
.btn.btn-success,
.btn.btn-danger,
.btn.btn-inverse {
    color: #fff;
}

.btn.btn-warning {
    background: #f8f406;
    color: #000;
}

.btn.btn-info .caret,
.btn.btn-success .caret,
.btn.btn-danger .caret,
.btn.btn-warning .caret,
.btn.btn-inverse .caret
{
    border-top-color: #fff;
}

/* Tables */

table thead:not(#basket thead, .page-review-order thead, .ui-widget-content thead) tr th,
.contact-us .ui-widget .ui-widget-header, .box-opening-hours table tbody .ui-state-highlight th, .box-opening-hours table tbody .ui-state-highlight td, table tbody:not(#zp-offcanvas-basket #basket tbody, .well-basket #basket tbody, .box-opening-hours tbody, .page-review-order tbody, .ui-widget-content tbody) tr th:not(#tbl_all_orders tbody tr th) {
    background: #DC271C !important;

}

table tbody:not(#zp-offcanvas-basket #basket tbody, .well-basket #basket tbody, .box-opening-hours tbody, .page-review-order tbody, .ui-widget-content tbody) tr th:not(#tbl_all_orders tbody tr th):first-child, table thead:not(#basket thead, .page-review-order thead, .ui-widget-content thead) tr th:first-child {
    border-color: #fff;
}

table tfoot:not(.page-review-order tfoot, .ui-widget-content tfoot) tr td .muted {
    color: #000;
}

/* Footer */

footer {
    margin: 0;
    background: #000;
}

footer .label-company {
    color: #F19B07;
}

/* Homepage */

.home .slider_top img {
    width: 100%;
}

.home .outer-wrapper #container .inner-wrapper h2:not(.alert.sys-alert.sys-message h2) {
    color: #DC271C;
}

.home .outer-wrapper #container .inner-wrapper .btn-large {
    padding: 14px 22px;
}

.home .outer-wrapper #container .inner-wrapper .mod_postcode_box h2:not(.alert.sys-alert.sys-message h2) {
    color: #fff;
}

.home .outer-wrapper #container .inner-wrapper #zp_homepage_lp .container .row-fluid .zp_homepage_lp_rightside .lead {
    color: #F19B07;
}

.home .outer-wrapper #container .inner-wrapper #zp_postcode_section .container .row-fluid .zp_postcode_section_leftside .mod_postcode_box .input-append .btn-group .dropdown-toggle .caret {
    border-top-color: #fff !important;
}

.home .outer-wrapper #container .inner-wrapper #zp_homepage_bottom_dishes:before,
.home .outer-wrapper #container .inner-wrapper #zp_homepage_bottom_dishes,
.home .outer-wrapper #container .inner-wrapper #zp_postcode_section {
    background: #DC271C;
}

.home .outer-wrapper #container .inner-wrapper #zp_homepage_slider::before {
    top: 0;
    bottom: unset;
    background: #DC271C;
}

.home .outer-wrapper #container .inner-wrapper #zp_homepage_lp,
.home .outer-wrapper #container .inner-wrapper #zp_homepage_lp::before,
.home .outer-wrapper #container .inner-wrapper #zp_homepage_slider,
.home .outer-wrapper #container .inner-wrapper #zp_homepage_top_dishes,
.home .outer-wrapper #container .inner-wrapper #zp_homepage_lp::after
{
    background: #fff;
}

.home .outer-wrapper #container .inner-wrapper #zp_homepage_top_dishes{
    color: #000;
}

#homepage_detail {
    top: 20px;
    opacity: 1;    
}

.home .outer-wrapper #container .inner-wrapper #zp_homepage_bottom_dishes {
    padding-top: 40px;
    padding-bottom: 60px;
}

#zp_homepage_top_dishes > .container > .row-fluid:first-child [class*='span']:first-child {
    position: relative;
}

.home .outer-wrapper #container .inner-wrapper #zp_postcode_section .container .row-fluid .zp_postcode_section_leftside .mod_postcode_box .lead {
    color: #000;
}

/* Menu */

.menu .how-im-ordering h2 {
    border-color: #F19B07;
}

.menu .how-im-ordering h2 span {
    color: #F19B07;    
}

.menu .how-im-ordering h2 a, .menu .how-im-ordering h2 a small {
    color: #DC271C;
    font-weight: bold;    
}

.ui-tabs-menu .ui-tabs-panel .row-product, .ui-widget-content .ui-tabs-panel .row-product, .ui-widget:not(#basket-container, .product-container-panel .ui-widget) .ui-tabs-panel .row-product {
    color: #000;
}

.ui-tabs-menu .ui-tabs-panel .row-product .btn-small, .ui-widget-content .ui-tabs-panel .row-product .btn-small, .ui-widget:not(#basket-container, .product-container-panel .ui-widget) .ui-tabs-panel .row-product .btn-small {
    color: #fff;
    background: #DC271C;
}

.ui-tabs-menu .ui-tabs-nav .ui-state-default.ui-state-active .ui-tabs-anchor, .ui-widget-content .ui-tabs-nav .ui-state-default.ui-state-active .ui-tabs-anchor, .ui-widget:not(#basket-container, .product-container-panel .ui-widget) .ui-tabs-nav .ui-state-default.ui-state-active .ui-tabs-anchor {
    background: #DC271C;
}

.menu .navbar-affix-container #responsive-food-menu .navbar-inner,
.ui-tabs-menu .ui-tabs-nav .ui-state-default, .ui-widget-content .ui-tabs-nav .ui-state-default, .ui-widget:not(#basket-container, .product-container-panel .ui-widget) .ui-tabs-nav .ui-state-default {
    background: #F19B07 !important;
}

.ui-tabs-menu, .ui-widget-content, .ui-widget:not(#basket-container, .product-container-panel .ui-widget, .ui-resizable) {
    border-color: #F19B07;
}

.ui-tabs-menu .ui-tabs-panel .row-product .row-variation .price, .ui-widget-content .ui-tabs-panel .row-product .row-variation .price, .ui-widget:not(#basket-container, .product-container-panel .ui-widget) .ui-tabs-panel .row-product .row-variation .price {
    padding-top: .5px;
}

.menu .menu-selection .well .btn {
    background:   #DC271C;
    color: #fff;
}

.ui-tabs-menu .ui-widget-content .ui-widget-header {
    color: #000 !important;
}

/* Checkout */

.checkout #body > .container > .row-fluid:first-child h2 {
    text-align: left;
}

.checkout .well.loyaltypoints_box .row-credits .well-small {
    border: none !important;
}

/* Members */

.members .ctl-toggle-columns .btn.active,
.members .sidebar-nav .nav-list .nav-header {
    color: #fff;
}

.members .sidebar-nav .nav-list li a:hover, .members .sidebar-nav .nav-list li a:focus, .members .sidebar-nav .nav-list li.active a {
    background: #DC271C;
}

/* Contact Us */
.contact-us .ui-widget-content table tbody tr th:not(.box-opening-hours table tbody tr th) {
    background: #DC271C !important;
}
.contact-us .ui-widget .ui-widget-header {
    background: #F19B07 !important;
}

/* Order Placed */

.order-info-well #order-confirmation {
    background: #fffc59 !important;
    color: #000;
}
.page-review-order,
body:not(.home) .page-review-order{
    background: #DC271C !important;
    border: 4px solid #F19B07 !important;
}
.page-review-order .uk-text-success,
body:not(.home) .page-review-order .uk-text-success {
    font-weight: bold;
    color: #fff !important;
}
.page-review-order .rating-row .lead, .page-review-order td {
    color: #fff !important;
}

/* Information */

.information .page-header {
    border-color: #F19B07;
}

@media (max-width: 480px) {    
    header .social_media_links
    {
        right: 30px;
        top: 80px;                          
    }
    .zp_postcode_section_leftside {
        margin-top: 20px;
    }
    .zp_postcode_section_cat_mobile {
        max-width: 90%;
        margin: 20px auto !important;        
    }
    .home .outer-wrapper #container .inner-wrapper #zp_homepage_slider > .row-fluid .zp_homepage_slider_leftside #myCarousel .carousel-inner .item a img {
        object-position: 100%;
    } 
}

@media (min-width: 480px) {    
    .home .outer-wrapper #container .inner-wrapper #zp_homepage_slider > .row-fluid .zp_homepage_slider_leftside #myCarousel .carousel-inner .item a img {
        border-radius: 0;
        object-position: 100%;
    }   
}

@media (min-width: 480px) and (max-width: 768px) {    
    header .social_media_links {
        right: 0;
        top: 45px;
        left: 0;
        margin: auto;
    }    
}

@media (max-width: 768px) {    
    header .navbar .navbar-inner {
        padding: 22px 30px 6px;
    }    
}

@media (min-width: 768px) and (max-width: 980px) {    
    header .social_media_links {
        top: 45px;
        right: 0;        
        left: 0;
        margin: auto;
    }
    header .social_media_links img {
        width: 40px;
    }
}

@media (max-width: 767px) {    
    .ct_details_bar {
        padding: 16px 0 16px;
    }

    .ct_details_bar .ct_user_status {
        margin-bottom: 10px;
    }
}

@media (min-width: 767px) {    
    .ct_details_bar {
        padding-bottom: 18px;
    }    
}

@media (max-width: 979px) {
    header .social_media_links ul {
        display: flex;
        justify-content: center;
    }
    .menu .how-im-ordering h2 {
        padding-top: 20px;
    }
    header .navbar .navbar-inner .container .nav-collapse .main-menu > li ul.dropdown-menu li a {
        color: #000;
    }
    .menu .menu-selection {
        margin-top: 4.5em;
    }
    body:not(.home, .menu) #body {
    	margin-top: 40px;
    }
}


@media (min-width: 979px) {
    .home .outer-wrapper #container .inner-wrapper #zp_postcode_section {
        padding-top: 70px;
    }
    #FourFlavours {
        top: -10px;
        right: 10px;        
        position: absolute;
    }
    body:not(.home) header .social_media_links {
        top: unset;
        left: -300px;
        bottom: -90px;              
    }
}

@media (min-width: 979px) and (max-width: 1199px) {
    header .navbar {
        margin-top: 60px !important;
    }

    .home header .header_right_component_element {
        top: 190px;
    }
    .menu .menu-selection {
        margin-top: 2.8em;
    }
}

@media (min-width: 1199px) {
    header .navbar {
        margin-top: 70px !important;
    }
    #FourFlavours {        
        right: 245px;
        top: -10px;
    }
    body:not(.home) header .social_media_links {
        bottom: 20px;
        left: -340px; 
    }
    body:not(.home) h5, 
    body:not(.home) h3.popover-title, 
    body:not(.home) .popover-title, 
    body:not(.home) .ui-widget .ui-tabs-nav .ui-tabs-anchor, 
    body:not(.home) .row-product h5.media-heading, 
    body:not(.home) .nav-header li a, 
    body:not(.home) .blockMsg h2 {
        font-size: 18px;
        line-height: 18px;
    }
}

@media (min-width: 1199px) and (max-width: 1799px) {
    .home header .header_right_component_element {
        top: 220px;
    }
}

@media (min-width: 1799px) {
    .home header {
        padding-top: 20px;
        padding-bottom: 30px;
    }    
    .home .ct_details_bar {
        padding-bottom: 30px;
    }    
    header .navbar {
        margin-top: 70px !important;
    }
    .home header .header_right_component_element {
        top: 220px;
    }
    .home .outer-wrapper #container .inner-wrapper #zp_postcode_section {
        padding-top: 80px;
    }
    .home .outer-wrapper #container .inner-wrapper #zp_postcode_section .container .row-fluid .zp_postcode_section_leftside .mod_postcode_box #mod_postcode_box_pc {
        width: 225px;
    }
    .home .outer-wrapper #container .inner-wrapper .mod_postcode_box .btn-large {
        font-size: 24px;
        padding: 20px 24px;
    }
    #FourFlavours {
        top: 5px;
        right: 175px;        
    }
    body:not(.home) header .social_media_links {
        bottom: 20px;
        left: -325px; 
    }
}
