@import url(https://fonts.googleapis.com/css?family=Alata|Alata|Alata|Be+Vietnam+Pro|Quicksand);

body .visible-havant { display:none !important; } 
body .hidden-havant { display:inherit !important; } 
body.shop_havant .hidden-havant { display:none !important; }
body.shop_havant .visible-havant { display:inherit !important; }

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

body {
	font-family: 'Alata';
	font-size: 16px;
}
h1 {
	font-family: 'Alata';
	font-size: 30px;
}
h2 {
	font-family: 'Alata';
	font-size: 26px;
}
h3 {
	font-family: 'Be Vietnam Pro';
	font-size: 24px;
}
h4 {
	font-family: 'Quicksand';
	font-size: 20px;
}
body {

	/*background-image: url("/myimages/1282/zpos-bg-textured_bg_large.jpg");*/
	background-image: url("//cdn1.zfood.co.uk/1282/images/zpos-bg-textured_bg_large.jpg?auto=compress");

	background-attachment: fixed;
}

header, #mobile-header {

	background-attachment: scroll;
}

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

/* ANIMATIONS */
.fade_left, .fade_in, .fade_right, .fade_down {
    opacity: 0;
}


/* Core CSS Fixes */

/* With the plan to be commited to the master.css in the future */

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th,
.table-hover tbody tr.ui-state-highlight:hover > th,
.table-hover tbody tr.ui-state-highlight:hover > td {
    background: #b1d5ff70;
}

.contact-us .table-delivery-information tbody tr:nth-child(1):hover > td,
.contact-us .table-delivery-information tbody tr:nth-child(1):hover > th,
.contact-us .table-delivery-information tbody tr:nth-child(1).ui-state-highlight:hover > td,
.contact-us .table-delivery-information tbody tr:nth-child(1).ui-state-highlight:hover > th {
    background: transparent !important;
}


table thead.ui-widget-header tr,
table thead.ui-widget-header th:not(:first-child) {
    border-color: #24191b;
}

.row-product {
    padding: 10px 0px;
}

.row-odd,
.row-product:hover {
    background: none;
}

#opening-status:hover,
#opening-status:focus,
#opening-status-mobile:hover,
#opening-status-mobile:focus {
    text-decoration: none;

    cursor: default;
}

#zp-offcanvas-basket #order-empty {
    margin-bottom: 15px;
}

#zp-offcanvas-basket .text-info {
 	   color: #46b4eb !important;
}
#zp-offcanvas-basket #order-empty,
#zp-offcanvas-basket #order-checkout {
	padding: 6px 12px 6px;
}

#mobile_food_menu_nav .btn {
    padding: 9px 5px 2px;
    border: none !important;
}

.copyright {
    text-align: left;
}

.vendor {
    float: right;
}

.cards,
.vendor {
    padding-top: 5px;
}

.page_welcome #opening-status,
.page_welcome #opening-status-mobile,
.page_welcome .navbar, 
.home_social {
    display: none;
}

.page_welcome .alert-success {
    background: #3b3b3b !important;
}
.loyaltypoints_box .row-credits .col-equals .ui-widget-header {
    background: transparent !important;
    border: none !important;
    display: none;
}

.loyaltypoints_box .btn-success {
    margin-bottom: 15px;
}

.loyaltypoints_box .btn-link {
    color: #ffffff;

    font-size: 12px !important;

    text-decoration: underline;
}

.checkout #loginSignin,
.checkout #ctl-forgotPassword {
    width: 100%;

    margin-bottom: 5px;
}

.btn,
.btn:hover,
.btn:focus {
    border: none;
}

.btn-option {
    height: auto !important;
}

#basket-container a {
    margin-top: 10px;
}
#basket-container > .ui-widget-content {
    border-radius: 0px;
}

#responsive-food-menu .brand {
    text-shadow: none;
}

.page_menu .tb-nav-tabs {
    border: none;

    background: none;
}

.page_menu .tb-nav-tabs .ui-widget-header {
    background: none;
}

#responsive-food-menu .btn-navbar.btn-primary {
    margin-right: 10px !important;
    position: relative;
    top: 5px;
    padding: 4px 10px 0px !important;
}

.page_menu .ui-tabs .ui-tabs-nav li {
    border: none;

    border-radius: 0px;
}

.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th {
    background: transparent;
}

.modal-header .close,
.well .close,
.alert .close,
.well.sys-alert button.close,
#editProductModal .close {
    color: #ffffff;
    opacity: 0.8;
}

header .navbar {
    margin-bottom: 0px !important;
}

header .navbar-inner {
    background: transparent;
    border: none;
    box-shadow: none;
}

#myCarousel {
    margin-bottom: 0px !important;
}

.ct_details_bar > [class*="span"] {
    min-height: auto !important;
}

.menu-container .navbar-affix-container,
.menu-container .navbar-affix-container .navbar-inner {
    background-color: transparent !important;
    background-image: none;
    /* height: auto !important; */
    border: none;
}

.page-review-order textarea {
    height: 230px;
}

.page_error-404 .alert {
    background: transparent !important;
    border: none;
}

.page_error-404 h1 {
    padding: 5px 0px;
}

.menu-selection .alert,
.menu-selection .well {
    background: transparent !important;
    border: none;
    box-shadow: none;
}

.menu-selection img {
    margin: 0px auto 30px;
    display: block;
}

.page-review-order h1 {
    text-align: center;
}

.how-im-ordering {
    margin-bottom: 20px;
}

.website-image {
    text-align: center;
}

#responsive-food-menu .ctrl-mob-nav-search {
    box-shadow: none;
}



.contact-us .box-opening-hours {
    margin-top: 20px;
}

.contact-us #contact_map_canvas {
    color: #000000 !important;
}

.navbar-affix-container {
    height: auto !important;
}

/* END Core CSS Fixes */

/****************************************************************/


/*DISPLAY NONES*/
.row_phones,
body.home h1:first-of-type,
.home-about .well-small,
.mod_postcode_box .lead,
.mod_postcode_box .muted,
#body-bottom-hr, 
.home-about,
.checkout .voucher_box span {
    display: none;
}

/*COLORS*/
header, .home .ct_details_wrapper{
    background: #292929;
}
.ct_details_wrapper {
    background: #3B3B3B;
}

.primary_font {
    color: #1E71D1;
}

legend {
    /*color: #B1D5FF;*/
    color: #FFFFFF;
}
.order {
    background: #3B3B3B;
    padding: 13px 0px 26px 0px;
}
.order .span6 p {
    color: #E2E2E2;
    font-family: 'Quicksand';
    opacity: 0.7;
}

.white_text {
    color: #FFF;
}
.primary_color_muted {
    color: #B1D5FF;
}

/* BUTTONS */
.btn-success, .members .section-sales-reports .form-inline .ctl-toggle-columns .active, .alert-success {
    background:#2AB562 !important;
}
.input-append .add-on, 
.input-append .btn, 
.input-append .btn-group {
    margin-left: 0;
}
.carousel-caption span.btn-success.discount-code {
    padding: 0px 5px 1px 12px;
    color: white;
    margin-right: 4px;
    position: relative;
    top: 2px;
    line-height: 130%;
    text-shadow: none;
    cursor: pointer;
    font-weight: 700;
}
#discount-banner .discount-code {
    padding: 1px 7px 1px 13px;
    color: white !important;
    margin-right: 4px;
    text-shadow: none;
    cursor: pointer;
}
.checkout #discount-banner .discount-code,
.menu #discount-banner .discount-code {
padding: 1px 7px;
}

.text-success {
    color: #2AB562;
}
.text-warning {
    color: #ff8b00;
}

.btn-warning {
    background: #ea9214 !important;
}
.btn-warning:hover,
.btn-warning:focus {
    background: #ff9e15 !important;
}
.btn-inverse {
    background: #FFF;
    color: #000;
}
.btn-inverse:hover,
.btn-inverse:focus {
    background: #F2F2F2;
    color: #000;
}
.btn-link {
    color: #fff;;
    text-decoration: underline;
    background: none !important;
}
.btn-link:hover, 
.btn-link:focus {
    color: #e2e2e2;
}
.btn-block {
    color: #fff;
    background: #3b3b3b;
}
.btn-block:hover,
.btn-block:focus,
.modal .btn-block:focus,
.modal .btn-block:hover{
    background: #646161;
    color: #FFF;
}
.modal .btn-block {
    color: #fff;
    background: #3b3b3b;
}
.btn-group:not(.input-append .btn-group):not(.ctl-toggle-columns):not(.trigger-paymentmethod):not(#basket-container .btn-group):not(.well-basket .btn-group):not(fieldset .btn-group) .btn {
    margin: 0px 5px;
}
.home .btn-group:not(.input-append .btn-group) {
    margin: 10px 0px;
}
#basket-container .btn-group .btn {
    margin: 0px 1px;
}

.btn {
    font-family: 'Alata';
    border-radius: 0 !important;
    border: none;
    text-shadow: none;
    box-shadow: none;
    background: #FFF;
}

.btn:focus,
.btn:hover {
    transition: background 0.2s;
    box-shadow: none !important;
}
.input-append .btn {
    padding: 5px 12px 5px 12px
}
.btn-large {
    font-size: 22px !important;
    padding:14px 20px 17px 20px;
}
.btn-small {
    padding: 0.5px 10px 2px 10px;
    font-size: 12px;
}
.btn-primary {
    background: #1E71D1;
}
.btn-primary:hover,
.btn-primary:focus {
    background: #2c7ddb;
}
.btn-info {
    background: #2ba0b3;
    color: #fff;
}
.btn-info:hover,
.btn-info:focus {
    background: #36b0c3;
    color: #fff;

}
.btn-danger, .members .section-sales-reports .form-inline .ctl-toggle-columns .btn:not(.active) {
    background: #e63d3d;
}
.text-error {
    color:  #e63d3d;
}
.alert-danger {
    background:  #e63d3d;
}

.btn-danger:hover,
.btn-danger:focus,
.ctl-toggle-columns .btn:not(.active):hover,
.ctl-toggle-columns .btn:not(.active):focus {
    background: #f14747 !important;
}

.btn-success:hover,
.btn-success:focus {
    background: #39be6f !important;

}



/*GLOBAL*/
.table-condensed th, .table-condensed td {
    padding: 3px 5px 5px;
}
#body:not(body.home #body, body.menu #body) {
    padding-top: 20px;
}
#body:not(body.home #body) {
    padding-bottom: 20px;
}
body.menu #body {
 	padding-top: 0px;   
}
body.home section {
    padding-left: 20px;
    padding-right: 20px;
}
body {
    padding-left: 0px;
    padding-right: 0px;
}
em {
    color: #B1D5FF;
}
a {
    color: #B1D5FF;
}
a:hover, a:focus {
    color: #c9e0fa;
}
.p_large {
    font-size: 22px;
}
p {
    color:#808080; 
}
p, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 15px;
    line-height: 130%;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: 'Alata';
}
h1, .h1_size {
    font-size: 46px;
}
.h2_size {
    font-size: 26px;
}
h5 {
    font-size: 19px;
}
body {
    padding-bottom: 0;
}
#body h1 {
    font-size: 3em;
}

/* WELLS */
.well {
    background: #3B3B3B;
    color: #fff;
    border-radius: 0;
}

.well:not(.well-how-pay) small:not(#basket-container) small, 
.well:not(.well-how-pay) p {
    color: #FFF;
}
.well-large {
    padding: 20px;
}
.members .well-large {
    padding: 10px 20px 20px 20px;
}
.well-hero {
    padding: 30px;
}
/* ALERTS */
.sys-alert {
    margin-bottom: 0 !important;
    border-radius: 0;
        z-index: 2;
    position: relative;
}
.alert-success, .alert p, .alert-danger, .alert-info, .alert-warning {
    color: #FFF;
}
.alert-warning {
    background: #ff8b00;
}

.alert .close {
    color: #000;
    opacity: 0.5;
    top: -5px;
}
div.sys-alert.well {
    background: #f6f6f6;
    color: #000;
    padding: 8px 35px 8px 14px;
}
div.sys-alert.well .close {
    color: #000;
    opacity: 0.5;
    position: relative;
    top: -5px;
        right: -23px;

}

.alert-info {
    background: #2fbaff
}
.well.alert-info {
    border: none;
}
/* UI WIDGET */
.ui-widget-header {
    border: none;
    background: #3B3B3B;
    /*color:#B1D5FF;*/
    color: #FFFFFF;
    padding: 8px 10px 11px 10px !important;
    text-align: center;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #b1d5ff70;
    border: none;
}
.ui-dialog .ui-dialog-titlebar-close {
    top: 47%;
}
.ui-dialog .ui-dialog-title {
    padding-top: 4px;
}
/* POPOVERS */
.popover-title {
    background: #3B3B3B;
    color: #B1D5FF;
}
.popover-content {
    color: #808080;
}

/* MODALS */
.modal-footer, .modal-header {
    background: #3B3B3B;
    /*color: #B1D5FF;*/
    color: #FFFFFF;
    border-radius: 0;
    box-shadow: none;
    border: none;
}
.modal-header {
    padding: 8px 15px 10px 15px;
}
.modal-header .close {
    margin-top: 6px;
}
.modal-body .btn-block {
    padding: 8px;
}

/* LABELS & BADGES */
.label, .badge {
    text-shadow: none !important;
    font-weight: normal;
}

/* HRS */
hr {
    margin: 15px 0px 6px;
}

/* INPUTS */
input, select, textarea, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, #menu-search-box {
    border-radius: 0 !important;
    font-family: 'Alata';
}

/* ALERTS */
.alert {
    text-shadow: none !important;
}

/*NAV*/
.navbar .nav>li>a {
    color: #FFF;
    text-shadow: none;
    font-size: 21px;
}
header .navbar .btn-navbar {
    margin-bottom: 15px;
    position: relative;
    top: 2px;
}
header .navbar .btn-navbar, .navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled]  {
    background: none;
    text-shadow: none;
    border: none;
    box-shadow: none;
}
.navbar .btn-navbar:hover .icon-bar, .navbar .btn-navbar:focus .icon-bar, .navbar .btn-navbar:active .icon-bar{
    background:#B1D5FF;
}

.dropdown-menu {
    border: none;
    border-radius: 0;
    background: #B1D5FF;
    padding: 0;
}
header .dropdown-menu>li>a {
    padding: 6px 12px 8px;
}
.dropdown-menu>li>a {
    padding: 6px 12px 6px;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
    background: #c7e1ff;
    color: #3B3B3B;
}

.navbar .nav li.dropdown.open>.dropdown-toggle, 
.navbar .nav li.dropdown.active>.dropdown-toggle, 
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
    background: none;
}

.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus,
.navbar .nav>li>a:focus, .navbar .nav>li>a:hover, .navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle {
    background:  none;
    text-shadow: none;
    color: #B1D5FF;
    box-shadow: none;
}
.home .ct_header_row {
    padding: 0px 0px;
}
.navbar .brand {
    text-shadow: none;
}
header .navbar-inner {
    display: flex;
    justify-content: center;
}
.navbar .nav .dropdown-toggle .caret {
    margin-top: 12px;
    border-top-color: #FFF !important;
    border-bottom-color: #FFF !important;
}
.navbar .nav li.dropdown.open>.dropdown-toggle .caret, .navbar .nav li.dropdown.active>.dropdown-toggle .caret, .navbar .nav li.dropdown.open.active>.dropdown-toggle .caret, .navbar .nav li.dropdown>a:hover .caret, .navbar .nav li.dropdown>a:focus .caret {
    border-top-color: #B1D5FF !important;
    border-bottom-color: #B1D5FF !important;
}

.home #logo {
    position: relative;
    z-index: 1;
}

#opening-status,
#opening-status-mobile {
    font-size: 18px;
    /*padding: 8px 22px;*/
    padding: 7px 22px 9px;
    text-transform: Capitalize;
}
.status-OPEN {
    color: #2AB562 !important;
    border: 2px solid #2AB562;
}

.status-CLOSED {
    color: #f14747 !important;
    border: 2px solid #f14747;
}

/*CAROUSEL / BANNER */

/*new*/
.column_slideshow.span8 {
    width: 100%;
}

.offer_bg {
    background: #B1D5FF;
    padding: 1px 0px 0px 0px;
    margin-top: 20px;
    margin-bottom: 20px;
}


.carousel-caption small {
    color: #808080;
    font-size: 15px;
    font-family: 'Quicksand';
    font-weight: 100;
}
.carousel-caption h2 {
    font-weight: normal;
    padding-bottom: 0px;
}
.carousel-caption .p_large,
.carousel-caption p{ 
    padding-bottom: 11px !important;
    color: #000;
}
.carousel-control {
    top: auto;
    left: 0px;
    color: #FFFFFF;
    border: none;
    background: none;
    opacity: 0.8;
    font-size: 40px;
    font-family: 'Quicksand';
    font-weight: 700;
    bottom: 5px;
}
.carousel-control.right {
    right: auto;
    left: 50px
}
.carousel-control:hover, .carousel-control:focus {
    color: #FFFFFF;
    opacity: 1;
}
.banner_text h2 {
    font-size: 7rem;
    margin: 0;
}
.banner_text .h2_size {
    font-size: 5rem;
}
.banner_text p.p_large {
    font-size: 30px;
    color: #000000;
    line-height:120%

}

.ct_details_bar {
    padding: 17px 0px 14px 0px;
    color: #E2E2E2;
    font-size: 15px;
    font-family: 'Quicksand';
    font-weight: 300;
    line-height: 100%;
}
body:not(.home) .ct_details_wrapper {
    margin-bottom: 25px;
}

.ct_user_status a {
    color: #B1D5FF;
    text-decoration: underline;
}
.ct_user_status a:hover,
.ct_user_status a:focus {
    /*color: #c9e0fa;*/
    color: #a9c1dd;
}


/*POSTCODE BOX*/
.order .row-fluid {
    display: flex;
    align-items: center;
}
.order .postcode_col {
    text-align: right;
}
.mod_postcode_box .btn .caret {
    margin-top: 11px;
}
.mod_postcode_box .btn {
    padding: 13px 25px 14px 25px
}

#mod_postcode_box_pc {
    min-height: 39px;
    border: none;
    color: #000;
    font-family: 'Alata';
    font-size: 20px;
    margin-right: 10px;
    padding: 5px 60px 3px;
}
#mod_postcode_box_pc::placeholder {
    color: #808080;
}
.mod_postcode_box .btn-success {
    min-height: 39px;
    font-family: 'Alata';
    font-size: 20px;
}


/* HOME */
.first_section .row-fluid,
.second_section .row-fluid{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.bg_section {  
    background: url('/myimages/1282/zpos-bg-fish_and_chips.jpg');
    min-height: 550px;
    display: flex;
    align-items: center;
    background-size: cover;
}

body {
    background: url('/myimages/1282/zpos-bg-textured_bg_large.jpg');
}

/* FOOTER */
footer {
    padding: 30px 0px 30px 0px;
    background: #3B3B3B;
}
footer .label-copyright {
    color: #FFFFFF;
    font-family: 'Be Vietnam Pro';
}
#footer-link-information {
    color: #B1D5FF;
    text-decoration: underline;
}
#footer-link-information:hover,
#footer-link-information:focus {
    color: #c9e0fa;
}


section:not(.order) {
    margin: 50px 0px;
}

/* CONTACT */
.box-contact-information {
    text-align: center;
}
.box-contact-information h4 {
    font-weight: bold;
}
.contact-phone_numbers .number,
.contact-phone_numbers i,
.box-contact-information p {
    color: #000;
}
.contact-email a:hover,
.contact-email a:focus {
    color: #1E71D1;
}


.contact-us .table-delivery-information tr:nth-child(1) {
    background: #3B3B3B;
    color: #B1D5FF;
}
/* MEMBERS */
.nav-list>li>a {
    padding: 2px 15px 5px;
}
.members legend {
    padding-bottom: 10px;
    font-size: 25px;
}
.members .container-fluid {
    padding-left: 0;
    padding-right: 0;
}
.ui-datepicker .ui-widget-header .ui-icon {
    filter: invert(1);
}
.members .nav-header {
    font-size: 13px;
    margin-bottom: 3px;
}
body.members.user_guest legend {
    text-align: center;
}
.members .media-address:hover,
.members .media-address:focus{
    background:#ffffff1c;
}
.members a.btn-block.btn-large {
    padding: 14px 20px 14px 20px;
}
.members .navbar-inner {
    box-shadow: none !important;
}
.members thead.ui-widget-header,
.members #tbl_all_orders thead {
    background:#B1D5FF;
    color: #3B3B3B;
}
.members #tbl_all_orders tbody {
    background: #FFF;
    color: #000;
}
.members #body .navbar .brand {
    padding: 0px 20px 0px;
}
.span9.section-product-reports.well > table.table-condensed.table-bordered.table-hover tfoot,
#tbl_all_products tbody{
    background: #fff;
    color: #000
}
.frm_members_menutax_reports div {
    margin-bottom:5px;
}



#tbl_opening_time_overrides thead {
    background: #B1D5FF;
    color: #3B3B3B;
}
.span9.section-product-reports.well > table.table-condensed.table-bordered.table-hover thead,
#tbl_all_products thead {
    background: #B1D5FF;
    color: #3B3B3B;
}

.help-block, .help-inline {
    color: #9e9e9e;
}
.loyalty-card > div.col1 .loyalty-label {
    font-size: 45px !important;
    text-shadow: none !important;
    color: #000;
}
.loyalty-card > div.col3, .loyalty-card > div.col4 {
    border-radius: 0;
}
.loyalty-card > div .loyalty-value {
    font-size: 30px;
}
.members #body .dropdown-toggle {
    background: #FFF;
}
#body .dropdown-toggle:not(.mod_postcode_box .dropdown-toggle, #editProductModal .btn-option):hover,
#body .dropdown-toggle:not(.mod_postcode_box .dropdown-toggle, #editProductModal .btn-option):focus,
select:hover, select:focus{
background: #f5f5f5 !important;
}
.members .hero-unit {
    background: #B1D5FF;
    color: #000;
    padding: 30px;
    border-radius: 0;
}
.members .hero-unit p {
    color: #3B3B3B !important;
    padding-top: 10px;
}
.members .hero-unit a {
    color: #3B3B3B;
    text-decoration: underline;
}
.members .hero-unit a:hover,
.members .hero-unit a:focus{
    color: #000;
}
.members .loyalty-card {
    background: rgb(177,213,255);
    background: linear-gradient(90deg, rgba(177,213,255,1) 0%, rgba(30,113,209,1) 73%);
    border: 5px solid #D1B025
}
.members .section- p {
    color: #fff;
}

.members .sidebar-nav .nav-list>.active>a, 
.members .sidebar-nav .nav>li>a:hover, 
.members .sidebar-nav .nav>li>a:focus{
    background: #B1D5FF;
    color: #3B3B3B;
}
.members .sidebar-nav .nav>li:not(.active)>a:hover i, 
.members .sidebar-nav .nav>li:not(.active)>a:focus i{
    filter: invert(0) !important;
}
.members .sidebar-nav .nav>li>a {
    text-shadow: none !important;
    color: #fff;
}
.members .nav li+.nav-header, .members .nav-header {
    text-shadow: none !important;
    color: #B1D5FF;
}
.members .sidebar-nav .nav>li>a  [class^="icon-"] {
    filter: invert(1);
}
.members .nav-list [class^="icon-"], 
.members .nav-list [class*=" icon-"] {
    position: relative;
    top: 2px;
}
.members .section-sales-reports .form-inline .ctl-toggle-columns {
    white-space: normal;
}

/* MENU */
#responsive-food-menu {
    background: #3B3B3B;
    padding-top: 10px;
    padding-bottom: 10px;
}
.menu .name {
    font-size: 18px;
}
.menu .uk-nav-offcanvas>li>a {
    color: #FFF;
}
.menu .uk-nav-offcanvas>li>a:hover,
.menu .uk-nav-offcanvas>li>a:focus{
    color: #333333;
    background: #B1D5FF;
}
.menu h3.ui-widget-header  {
    font-size: 22px;
    font-weight: normal !important;
    padding-top: 9px !important;
}

.menu .row-variation .price, td.price, 
.menu th.price {
    margin-top: 3px;
}
#zp-offcanvas-basket i {
    position: relative;
    top: 1px;
}
#zp-off-canvas-basket .btn {
    padding: 6px 12px;
}
.menu #basket-container {
    margin-top: 20px;
}
.menu .product-container-panel > .alert {
    font-size: 16px;
    border-radius: 0;
}
#discount-banner .popover-content,
.carousel-caption .popover-content {
    padding:5px 10px 0px 10px;
    margin: 0;
}
#discount-banner .popover-content p {

    font-size: 13px;
    color: black;
    padding-bottom: 0;
    margin-bottom: 10px;
    font-weight: normal;
}
.menu .product-container-panel > .alert > strong {
    color: #000;
}
#menu-search-box {
    color: #000;
    width: 200px;
}
.menu .navbar .brand {
    color: #B1D5FF;
}
.menu .ui-state-default, 
.menu .ui-widget-content .ui-state-default, 
.menu .ui-widget-header .ui-state-default {
    background: #3b3b3b;
}
.ui-state-default a, .ui-state-default a:link {
    color: #fff !important;
}
.menu .how-im-ordering-menuname {
    color: #1E71D1;
}
.menu .cat-desc {
    background: #B1D5FF;
    border: none;
    border-radius: 0;
    font-size: 20px;
    padding: 10px 10px 12px 10px;
}
.menu body .navbar-inner {
    padding-top: 8px;
    padding-bottom: 8px;
}
.menu .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.menu .ui-tabs .ui-tabs-nav .ui-state-hover{
    background: #B1D5FF;
    transition: background 0.2s;
}
.ui-state-hover a > span, .ui-state-active a > span {
    color: #3b3b3b
}
.ui-tabs-vertical .ui-tabs-nav li a {
    text-align: left;
    padding-left: 15px !important;
    padding-top: 0.68em !important;
    padding-bottom: 0.6em !important;
}
#menu_lp p {
    color: #fff;
}
#editProductModal .type-choose-multiple .dropdown-menu {
    left: 0px;
    min-width: 70px;
}
#editProductModal .label {
    border-radius: 0;
}
#editProductModal a.dropdown-toggle.btn-info .caret {
    margin-top: 9px;
}
#editProductModal .modal-footer .btn {
    margin: 0;
}
#editProductModal .btn-option {
    padding: 3px 4px 2px 4px;
    background: #3B3B3B;
    color: #FFF;
}
#editProductModal .btn-option:hover,
#editProductModal .btn-option:focus {
    background: #5e5c5c !important;
    color: #FFF;
}

#editProductModal .btn-option .caret {
    border-top: 4px solid #fff;
}
#editProductModal .btn .caret {
    margin-top: 6px;
}
#editProductModal .type-choose-one {
    margin-top: 7px;
    margin-bottom: 14px;
}
#editProductModal .well {
    background: #eee;
    color: #000;
}
#basket-container, #discount-banner, #menu_lp {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}

/* CHECKOUT */
.checkout .loyaltypoints_box{
    background: #1E71D1
}
.checkout .loyaltypoints_box p {
    color: #FFF;
}
.checkout .well-basket {
    background: #000;
}
.checkout .btn-proceed-final {
    line-height: 130%;
}
.checkout .table-delivery-information tr:nth-child(1) {
    background: #B1D5FF;
    color: #3B3B3B;
}
.checkout #basket {
    background: #FFFFFF;
    color: #000000;
}
.checkout .basket_wrapper {
    padding: 1em;
    background: #FFFFFF;
}
#modalModLoyaltyPointsBox .loyalty-description > h2:first-child {
    margin-top: 0px;
}
#modalModLoyaltyPointsBox .loyalty-description > h2 {
 	margin-bottom: 10px;   
}

.loyaltypoints_box .row-credits .well {
    border: none !important;
    border-radius: 0px;
    color: #000;
}
.row-credits .lead {
    font-size: 25px !important;
}
.loyaltypoints_box .row-credits .col-equals div {
    color: #FFF;
}
.loyaltypoints_box .ui-widget-header {
    padding: 5px !important;
}
.loyaltypoints_box .btn-large {
    font-size: 19px !important;
    padding: 13px 20px 13px 20px;
}
/* T&C */
.cookie-policy-content table {
    background: #FFF;
}
.page_information .btn-large {
    padding: 15px 20px 16px 20px !important;
}
/*ORDER CONFIRMATION */
.jumbotron {
    margin: 40px 0px;
}
/* REVIEW PAGE */
.page-review-order {
    background: #f2f2f2 !important;
    margin: 30px 0px;
    border: 1px solid #ccc;
}
.page-review-order legend {
    color: #1E71D1;
}

/* discount banners */
#discount-banner {
    background: #488ede !important;
    color: #fff;
    padding: 20px 0px;
    margin-top: 5px;
    margin-bottom: 25px;
}
#discount-banner h3 {
    margin-top: 10px;
    font-size: 3rem;
    font-weight: 900;
}
#discount-banner .code-block {
    background: #3B3B3B;
    color: white;
    letter-spacing: 1px;
    padding: 20px 0px;
    margin: 10px 0px;
    font-weight: 700;
    font-size: 2rem;
}
#discount-banner small {
    color: #fff;
}
#discount-banner .discount-code {
    color:#B1D5FF;
}

@media (min-width: 1200px) {
    .carousel-caption {
        justify-content: center;
        align-items: center;
    }
    body:not(.home) #logo img {
        padding-top: 14px;
    }
    .home .left_column.span3 {
        background: #fff;
    }
    .home #logo {
        margin-top: 28px;
    }
    header {
        padding-bottom: 6px;
    }
    #opening-status{
        position: relative;
        top: 4px;
    }
}

@media (max-width: 1199px) {
    .page_information #body .btn {
        margin-bottom: 5px;
    }
    #mod_postcode_box_pc {
        padding: 5px 20px 3px;
    }
}
@media (min-width: 1200px) and (max-width: 1500px) {
    .banner_text h2, .banner_text .h2_size {
        font-size: 4rem;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .carousel-caption .p_large:not(.offer_bg p), .carousel-caption p:not(.offer_bg p)  {
        padding-bottom: 5px !important;
    }
    .carousel-caption {
        padding-bottom: 0 !important;
    }
}

@media (min-width: 979px) and (max-width: 1400px) {
    .bg_section {
        background-position-x: -552px;
    }
}


@media (min-width: 980px) and (max-width: 1199px) {
    .banner_text h2, .banner_text .h2_size {
        font-size: 4rem;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .banner_text p.p_large {
        font-size: 22px;
    }
    #opening-status,
    #opening-status-mobile {
        padding: 8px 15px;
    }
    .navbar .nav>li>a {
        padding: 10px;
    }
    header .navbar-inner {
        padding-left: 0px;
        padding-right: 0px;
    }
    .carousel-caption {
        padding-bottom: 20px !important;
    }
    .carousel-caption {
        padding-bottom: 0 !important;
    }
    .carousel-caption .p_large:not(.offer_bg p), .carousel-caption p:not(.offer_bg p)  {
        padding-bottom: 5px !important;
    }
    .home h1, .home .h1_size {
        font-size: 38px;
    }
}

@media(max-width: 979px) {
    .second_section .row-fluid,
    .order > .row-fluid{
        flex-direction: column;
        align-items: center;
    }
    .offer-bg {
            padding-top: 2px;
    }
    .members .sidebar-nav .nav-list>li>a {
        padding: 3px 15px 4px 15px;
    }
    #discount-banner h3 {
        font-size: 2.5rem;
    }
    #discount-banner .code-block {
        font-size: 1.5rem;
    }
    .members .ctl-toggle-columns .btn {
        margin: 5px 2px;
    }
    .menu-selection .btn-large {
        font-size: 20px !important
    }
    .menu-selection .well {
        padding: 5px;
    }
    p, h1, h2, h3, h4, h5, h6 {
        line-height: 120%;
    }
    .home .btn-group,
    .order .row-fluid {
        flex-direction: column;
    }
    .mod_postcode_box {
        text-align: center;
    }
    .members #loginSigninOrder { 
        display: block; 
        margin-top: 5px;
    }
    div.opening_status.span2 {
        margin-left:20px;
        width:40%}
    .loyalty-card > div.col3, .loyalty-card > div.col4 {
        width: 100%;
        margin-bottom: 10px;
    }
    .loyalty-card .span6 {
        width: 100%;
        text-align: center;
    }
    .well.type-choose-multiple {
        padding-bottom: 0;
        padding-top: 14px;
    }
    #discount-banner {
        padding: 20px 0px;
    }
    #menu_lp {
        padding: 20px 0px;
    }
    #menu_lp p {
        padding: 0px 20px;
    }
    #responsive-food-menu .btn-navbar.btn-primary {
        margin-right: 10px !important;
        padding: 0px 10px 0px !important;
        position: relative;
        top: 0px;
    }
    #responsive-food-menu .icon-search {
        position: relative;
        top: 2px;
    }

    #mod_postcode_box_pc {
        width: auto;
        margin: 0px 0px 10px 0px;
        padding-left: 0;
        padding-right: 0;
    }
    .carousel-caption span.btn-success.discount-code {
        padding: 2px 7px 2px 11px;
        margin-top: 5px !important;
    }

    .mod_postcode_box .btn-group {
        margin-bottom: 0;
        gap: 0px;
    }
    div.left_column.span3 {
        display: flex;
        justify-content: center;
    }
    .carousel-indicators li {
        background: #1E71D1;
        opacity: 0.5;
    }
    .carousel-indicators .active {
        opacity: 1;
        background: #1E71D1;
    }
    .carousel-control {
        display: none;
    }
    .carousel-caption .btn-large {
        font-size: 18px !important;
        padding: 9px 15px 11px 15px;
    }
    .carousel-caption {
        backdrop-filter: blur(1px);
        background: none;;
    }
    .carousel-inner {
        background: url('/myimages/1282/zpos-bg-textured_bg_large.jpg')
    }
    .nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a {
        color: #fff;
        font-size: 21px;
    }
    .nav-collapse .nav>li>a:hover, .nav-collapse .nav>li>a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
        background: none;
        color: #B1D5FF;
    }
    .ctrl-offcanvas_productmenu_toggle_bridge_mobile2_ {
        text-shadow: none !important;
        color: white !important;
        background: orange !important;
        padding: 1px 10px 5px 10px !important;
    }
    .ctrl-offcanvas_productmenu_toggle_bridge_mobile2_:hover,
    .ctrl-offcanvas_productmenu_toggle_bridge_mobile2_:focus {
        background: #fab638 !important;
    }
    .ctrl-offcanvas_productmenu_toggle_bridge_mobile2_ .text-info {
        color: #fff;
    }
    .icon-search {
        filter: invert(1);
    }
    .carousel-caption p {
        line-height: 130%;
    }
    .ct_user_status, .ct_local_branch_details, .order, .first_section, .home_right_text, .second_section, .home_left_img {
        text-align: center !important;
    }
    .banner_text h2, .banner_text .h2_size {
        font-size: 3rem;
    }
    .first_section .row-fluid {
        flex-direction: column-reverse;
        align-items: center;
    }
    .bg_section {
        min-height: 200px;
        background-position: center;
    }
    .home .btn-group {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .home .btn-group:not(.input-append .btn-group) {
        gap: 10px;
        margin-bottom: 15px;
    }
    .home_left_text {
        text-align: center !important;
        margin-bottom: 25px;
    }

    div.left_column.span3, div.right_column.span7 {
        width: 100% !important;
        background: none;
        margin-left: 0px;
    }
    header .navbar-inner {
        text-align: center;
        display: block;
    }
    .opening_status {
        width: 100%;
        position: relative;
        top: -40px;
    }
    .btn-navbar {
        position: relative;
        z-index: 2;
    }
    .carousel-caption {
        position: relative;
    }
    .carousel-inner>.item>img, .carousel-inner>.item>a>img {
        display: none;
    }
    /*.home_left_img  {
    margin-top: 20px;
}*/
    .home_right_text {
        margin: 20px 0px 30px;
    }
}


@media(min-width: 980px) {
    .ct_header_row {
        display: flex;
        align-items: center;
    }
    .well.type-choose-multiple {
        padding-bottom: 4px;
    }
    .home_left_img {
        text-align: left;
    }
    .home_right_img {
        text-align: right;
    }


    .carousel-caption {
        top: 50%;
        /*left: 19%;*/
        left: 0%;
        right: 0%;
        transform: translateY(-50%);
        background: #FFF;
        padding: 0px 25px;
        max-width: 600px;
        height: fit-content;
        padding-bottom: 30px;
    }
    .carousel_caption_container {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        height: 100%;
        top: 0px;
    }
    .carousel_control_container {
        position: absolute;
        left: 50%;
        height: 100px;
        top: auto;
        bottom: 0px;
        width: 100%;
        max-width: 1170px;
        transform: translateX(-50%);
    }

    .home .ct_header_row {
        padding: 0px 0px;
        max-height: 86px;
    }
    .home .logo-container {
        position: relative;
        top: 20px;
        z-index: 1;
    }
    .navbar .nav>li>a {
        position: relative;
    }
    header .nav>li.active>a::after, header .nav>li>a:focus::after, header .nav>li>a:hover::after {
        content: '';
        display: block;
        position: absolute;
        bottom: -2px;
        left: 7%;
        width: 86%;
        height: 3px;
        background-color: #B1D5FF;
    }
}

@media (min-width: 768px) {
    body:not(.home) #logo img{     
        max-height: 110px !important;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .ct_details_bar {
        padding:13px 0px 15px 0px;
    }
    .members select, .members input {
        max-width:190px;
    }
    .mobile_opening {
        left: 53% !important;
        margin-left: -70px !important;
        margin-top: 40px;
    }
    div.span5.home_left, div.span5.home_right {
        width: 50%;
    }
    .checkout div[class^="span"] {
        width: 100%;
        margin: 0;
    }
    .checkout .well:not(.well-small), .checkout div.marginbottom15{
        max-width: 450px;
        margin: 10px auto;
    }
    .checkout #discount-banner {
        margin-bottom: 0;
    }
    .checkout .voucher_box {
        text-align: center;
    }
    .copyright {
        text-align: left;
    }
    .carousel-caption {
        width: 50%;
        margin: 0 auto;
    }
    .carousel_caption_container {
        min-height: 453px;
    }
    header .navbar {
        margin-bottom: 15px !important;
        margin-top: 10px;
    }
}


@media (max-width: 767px) {
    .menu-selection .btn {
     	max-width: 400px;  
        margin-left: auto;
        margin-right: auto;
    }
    .copyright, .vendor {
        text-align: center !important;
    }
    .members tbody,
    .members tfoot {
    background: #3B3B3B;
    }
    .ct_details_bar {
        line-height: 130%;
        padding: 11px 0px 8px 0px;
    }
    .home #body p {
        line-height: 130%;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }
    .block-policies, .block-marketing {
        margin-top: 25px;
    }
    .members a.btn-block.btn-large {
        margin-bottom: 20px;
    }
    body:not(.home) #body {
        padding-left: 20px;
        padding-right: 20px;
    }
    #responsive-food-menu {
        padding-bottom: 12px;
    }
    .mobile_opening {
        left: 50% !important;
        margin-left: -70px !important;
        margin-top: 40px;
    }
    .ct_header_row {
        margin-bottom: -20px;
    }
    #logo img {
        max-height: 90px !important;
        margin-bottom: 20px;
    }
    .copyright, .cards, .vendor {
        margin: 10px 0px;
    }
    .offer_bg {
        margin-top: 0;
        padding-left: 5px;
        padding-right: 5px;
    }
    #myCarousel img {
        display: none;
    }
    .modal-footer .btn {
        margin: 10px 0px;
    }
    #mobile_food_menu_nav .btn-inverse {
        background: #3B3B3B;
        color: #B1D5FF;
    }
    #mobile_food_menu_nav .btn:hover,
    #mobile_food_menu_nav .btn:focus{
        background: #635c5c;
        color: #B1D5FF;
    }
    #mobile_food_menu_nav .zp-ctl-categories {
        color: #B1D5FF !important;
    }

    .banner_img {
        min-height: 466px;
        background-position: top;
    }

    .carousel-caption {
        margin: 0px 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 350px;
    }
    .banner_text h2 {
        font-size: 4rem;
    }
    .carousel-indicators {
        top: 28px;
    }
    .banner_text p.p_large {
        font-size: 21px;
    }

    .carousel-caption small {
        color: #000;
        font-size: 12px;
    }
    .carousel-control {
        display: none;
    }
    .ct_header_row {
        display: flex;
        flex-direction: column;
    }
    .first_section, .second_section {
        max-width: 400px !important;
        margin: 0 auto!important;
    } 
    header .navbar {
        margin-bottom: 30px !important;
        margin-top: 0px;
    }
    .row-variation {
        margin-bottom: 5px;
    }
}


@media (max-width: 480px) {
    #menu-search-box {
        margin-bottom: 10px;
    }
    #editProductModal .modal-footer .btn {
        margin-bottom: 5px;
    }
    .page-header h1 small {
        line-height: 30px;
    }
    .menu .row-variation .price, td.price, 
    .menu th.price {
        margin-top: 0px;
    }
}
@media (min-width: 480px) and (max-width: 768px) {
 	.ui-tabs-vertical .ui-tabs-panel {
     	width: 100% !important;   
    }
}

@media (max-width: 360px) {
    div.opening_status.span2 {
        width: 90%;
    }
}

@media (max-width: 1200px) {
    .carousel-control {
        display: none;
    }
}
@media (min-width: 2000px) {
    .home .main, .bg_section {
        max-width: 2000px;
        margin: 0 auto !important;
    }
}