@import url(https://fonts.googleapis.com/css?family=Barlow|Barlow|Barlow|Barlow|Barlow);

body .visible-hemelhempstead { display:none !important; } 
body .hidden-hemelhempstead { display:inherit !important; } 
body.shop_hemelhempstead .hidden-hemelhempstead { display:none !important; }
body.shop_hemelhempstead .visible-hemelhempstead { 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: 'Barlow';
}
h1 {
	font-family: 'Barlow';
	font-weight: bold;
}
h2 {
	font-family: 'Barlow';
	font-weight: bold;
}
h3 {
	font-family: 'Barlow';
	font-weight: bold;
}
h4 {
	font-family: 'Barlow';
	font-weight: bold;
}
body {
	background-color: #2263b9;

	background-image:none;

	background-attachment: scroll;
	background-size: cover;
}

header, #mobile-header {
	background-color: #0d448d;

	background-image:none;
	background-attachment: scroll;
}

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

*{
    text-shadow: none !important;
    border-radius: 0 !important;
}	

.inner-wrapper{
    width: 100%;
}	
/* DISPLAY NONES ----------------------------------------------- */
hr, .carousel-caption, #opening-status, .ct_details_bar > .ct_local_branch_details, .page_home h1, 
.home-about, .page_home .btn-success .caret, .mobileShow, .ct_phone {
 	display: none;   
}


/* GENERAL / WIDTHING ----------------------------------------------- */

[class^="icon-"], [class*=" icon-"] { /* icons */
    background-image: url(//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/img/glyphicons-halflings-white.png);  
}

h1, h2, h3, h4, h5, h6, p, #responsive-food-menu .navbar-inner .brand  {
 	color: white;   
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
}

.popover{
 	color: #000;   
}
body {
    z-index: -999;
    background: url(//cdn1.zfood.co.uk/712/images/zpos-bg-IstanKebab_Cityscape.png?auto=compress) 0 100% / auto fixed repeat-x, linear-gradient(to bottom, #0c4795 0%,#377fdd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
body.uk-offcanvas-page {
    background:  #377fdd url(//cdn1.zfood.co.uk/712/images/zpos-bg-IstanKebab_Cityscape.png?auto=compress) 0 100% / auto fixed repeat-x;
}
#container {
 	background: transparent;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}
.ct_user_status {
    font-size: 16px;
    line-height: 16px;
    text-align: right !important;
    padding: 11px 14px 11px 0;
    color: white;
}
a {
 	color: #fcf237;
}
a:hover, a:focus {
 	color: #fdd024;    
}
.well {
    border: none;
    box-shadow: none;
    border-radius: 0;
    
    background: #184a8c;
    color: white;
}

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

.uk-modal-dialog.uk-text-center {
    color: white;
 	background: #0d448d;   
}
em {
 	color: #f8cc28;   
}
input {
 	border-radius: 0 !important;   
}
.uk-offcanvas .btn {
 	max-width: 275px; 
}

.navbar .brand{
 	margin-left: 0;   
}
.menu h1 {
    text-align: center;
    font-size: 75px;
    line-height: 1.5;
    padding: 20px 10px;
}

/* ALERTS (so postcode box stylin will overwrite) ----------------------------------------------- */
.modal {
    background: #0c4795;
 	border-radius: 0;
    border: none;
    box-shadow: none;   
}
.modal-header  {
 	border-radius: 0;
 	background: #0d3d7d;
    color: white; 
    border: none;
}
.modal-footer {
    border-radius: 0;
 	background: #0d3d7d; 
    color: white;
    border: none;
    border-bottom: 3px solid #c82525;
    box-shadow: none;
}
.modal-body {
 	background: #1853a1;
    color: white;
}

.alert {
    color: white;
    background: #0d3d7d;
    text-shadow: none;
    border-radius: 0;
    border: none;
}y
.alert-error, .alert-danger {
    background-color: #cf3a3a;
}
.alert-warning {
    color: black;
    background-color: #dec751;
}
.alert-success {
    background-color: #5ec135;
}
.alert-info {
    background-color: #49b1e5;
}

.dropdown-menu {
    color: black;
    max-width: 200px;
    background: #fcf237;
}
.dropdown-menu>li>a {
    padding: 4px 0px;
    text-align: center;
}
.dropdown-submenu:hover>a, .dropdown-submenu:focus>a,
.nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus { /* hover highlight */
    color:  black;
    background: #c82525;
}
.nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus,
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
 	color: white;
    background: #c82525;
}

/* HEADER / NAV BAR ----------------------------------------------- */

#logo {
 	padding: 18px 0 18px 28px;   
}

.nav-basket{
    float: right;
    padding: 30px 20px 0;
}	
.nav-basket .fa{
    margin-left: -14px;
    font-size: 40px;
    color: white;
}
.nav-basket > a:hover, .nav-basket > a:focus {
    color: white;
    text-decoration: none;
}

.nav-basket .badge{
    position: relative;
    border-radius: 50% !important;
    font-size: 11px;
    width: 16px;
    height: 16px;
    text-align: center;
    padding: 0;
}
.badge-important {
 	background: #df2b2b;   
}
.priceTag {
    display: block;
 	font-weight: bold;
    font-size: 16px;
    margin-top: 3px;
}

#zp-offcanvas-basket .span6.btn{
    width: 100%;
    float: none;
    margin: 0 0 10px 0 ;
}

.navbar { 
    text-align: center;
    float: none;
}   

.navbar-inner { /* style nav bar */
    background-image: none;
    background: #0d3d7d;
    padding: 0;
    border: none;
}

.navbar .nav>li>a /*style nav links*/ {
    background: none;
    text-shadow: none;
    box-shadow: none;
    color: white;
    
    text-transform: uppercase;
    font-weight: bold;
    font-size: 26px;
    padding: 20px 18px;
    
    border-top: 1px solid #5678a4;
    border-right: 1px solid #5678a4;
}

.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus, 
.navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle:hover, .navbar .nav li.dropdown.active>.dropdown-toggle:focus { /* remove default active link box-shadow */
	box-shadow: none; 
    background: #0d3d7d;
    color: #fcf237;
}
.navbar .nav>li>a:focus, .navbar .nav>li>a:hover, .navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle {
    color: #fdf88f;
    background: #0d3d7d;
}
.nav.main-menu .deals a {
 	background: #c82525;	   
}
.nav.main-menu .deals a:focus, .nav.main-menu .deals a:hover,
.nav-collapse .nav>li>a:hover, .nav-collapse .nav>li>a:focus {
 	background: #b01616;
}

.navbar .btn-navbar { /*mobile navbar burger*/
    text-shadow: none;
    box-shadow: none;
    padding: 10px;
    margin-bottom: 5px;
}
.navbar .btn-navbar:hover, .navbar .btn-navbar:focus  {
    background: 
}
.nav-collapse .nav>li>a {
    color: white;
}

.uk-nav-offcanvas>.uk-open>a, html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus, html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover {
    background: #c82525;
}
.navbar .nav li.dropdown>.dropdown-toggle .caret {
    border-top-color: white;
    border-bottom-color: white;
}
.navbar .nav li.dropdown>a:hover .caret, .navbar .nav li.dropdown>a:focus .caret, .navbar .nav li.dropdown.open>.dropdown-toggle .caret {
    border-top-color: #fdf88f;
    border-bottom-color: #fdf88f;
}
.navbar .nav li.dropdown.active>.dropdown-toggle .caret, .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 {
 	border-top-color: #fcf237;
    border-bottom-color: #fcf237;   
}


/* SLIDESHOW  ----------------------------------------------- */
.carousel {
 	margin-bottom: 30px;   
}
.column_slideshow {
    padding-top: 20px;   
}
.carousel-control {
    background: none;
	border: none;
    font-size: 85px;
    opacity: 0.75;
    top: 50%;
}


/* POSTCODE BOX  ----------------------------------------------- */
.mod_postcode_box {
 	border-radius: 0;
    box-shadow: none;
    border: none;
    background: #0c4795;
    border-bottom: 5px solid #c82525;
    margin-bottom: 0;
}
.mod_postcode_box .lead {
 	font-size: 35px;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    margin: 11px 0 20px 0 ;
}
.mod_postcode_box .col.col3 .muted {
 	font-size: 13px;
    color: white;
    width: 302px;
}
.mod_postcode_box > .input-append {
    max-width: 100%;
    width: 100%;
}
#mod_postcode_box_pc {
    color: #636363;
 	font-family: "Barlow", sans-serif;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 0;
    border: none;
    
    height: 40px;
  	max-width: 267px;
    width: 100%;
    line-height: 41px;
}
.input-append .btn-group {
 	max-width: 120px;
    width: 100% !important;
}
.page_home .input-append .add-on:last-child, .page_home .input-append .btn:last-child, .page_home .input-append .btn-group:last-child>.dropdown-toggle {
    height: 40px;
 	max-width: 120px; 
    width: 100%;
    background: #fcf237;
    
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    color: black;
    border-radius: 0;
}

/* WEBSITE BUTTONS / LABELS  ----------------------------------------------- */
.btn, .btn-group, .btn-group>.btn:first-child, .btn-group>.btn:last-child {
    font-family: "Barlow", sans-serif;
    text-shadow: none;
    background-image: none;
    border: none;
    box-shadow: none;
    border-radius: 0;
}
.btn-success {
    background-color: #5ec135;
}
.btn-success:hover, .btn-success:focus, .btn-group.open .btn-success.dropdown-toggle {
    background-color: #4ba724; 
}
.text-success {
    color: #8ae366;
}
.btn-danger {
    background-color: #c82525;
}
.btn-danger:hover, .btn-danger:focus {
    background-color: #a51818;
}
.text-error {
    color: #ff5551;
}
.btn-warning {
    background-color: 
}
.btn-warning:hover, .btn-warning:focus {
    background-color:  
}
.text-warning {
    color: #ffbe00;
}
.btn-info {
    background-color: #49b1e5;
}
.btn-info:hover, .btn-info:focus {
    background-color: #3695c5;
}
.text-info {
    color: #4cbcf4;
}
.text-muted, .muted {
    color: #b0b0b0;
}
.btn-link {
 	color: #fcf237;   
}
.btn-link:hover, .btn-link:focus {
 	color: #fdd024;   
}
.btn-inverse {
    background: #2474e7;
}
.btn-inverse:hover, .btn-inverse:focus {
    background: #165ec6;
}

/* CHECKOUT MODAL STYLING  ----------------------------------------------- */
.marginbottom15 .muted,
.well table .text-info{
    color: #fff;
}	
.well table .text-error{
    color: #fcf237;
}	

/*LOYALTY POINTS BOX ----------------------------------------------- */
.loyaltypoints_box {
	background: #c82525 !important;
}
.loyaltypoints_box .lead {
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
}
.loyaltypoints_box .row-credits .well { /* border around counters */
    color: black;
    background: white;
    font-weight: bold;
    border: none !important;
}
.loyaltypoints_box .row-credits { /*points counter */
    color: #51b428; 
}
.loyaltypoints_box .ui-widget-header {
    border: none;
    background: #1f60b6;
}
.col-equals .ui-widget-header, .col-equals .well {
    background: transparent !important;
    color: white !important;
    font-size: 48px;
}

/* MENU PAGE  ----------------------------------------------- */
h5 .name{
    font-size: 20px;
}	
.ui-tabs-anchor{
 	font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
.row-odd,
.row-product:hover {
    background: none;
}

table,
.table-striped tbody>tr:nth-child(odd)>td,
.table-striped tbody>tr:nth-child(odd)>th,
.table-hover tbody tr:hover>td,
.table-hover tbody tr:hover>th,
table .muted{
    background:none;
    color: #fff;
}

.official-document table,
.official-document .table-striped tbody>tr:nth-child(odd)>td,
.official-document .table-striped tbody>tr:nth-child(odd)>th,
.official-document .table-hover tbody tr:hover>td,
.official-document .table-hover tbody tr:hover>th {
    background: none;
    color: #000;
}

.popover .popover-title {
    background: #fef677;
    color: #000;
}

.uk-offcanvas-bar {
 	background: #0f3870; 
}

#editProductModal.modal, #editSpecialDealModal.modal {
    border-radius: 30px;  
}
#editProductModal .media-body {
    text-align: center;
    margin: 20px 0;

}
#editProductModal .media-body .name {
    font-size:32px;
}
#editProductModal .media-body ul {
    text-align: center;
    list-style: none;
    margin: 0;
}
#editSpecialDealModal ul {
    text-align: center;
    list-style: none;
    margin: 0 0 30px 0;
}
#editSpecialDealModal small, #editProductModal small, .media-body ul li {
    font-size: 15px;
}

.menu-option-home-delivery .well, .menu-option-collection .well {
 	background: #dcdcdc;   
}
.how-im-ordering {
 	background: #c82525;   
}
#basket-container .ui-widget-content.ui-corner-all {
    margin-bottom: 15px;
}
#menu-search-box {
 	margin-right: 5px;   
}
#responsive-food-menu .btn-navbar {
    background: #c82525;
}

#responsive-food-menu .btn-navbar .text-info {
    color: #fff;
}

/* MEMBERS  ----------------------------------------------- */

.hero-unit {
 	background: #c82525; 
}
.hero-unit h1 {
 	color: white;
}

.sidebar-nav li a {
 	color: #ffffff;
    text-shadow: none;
}
.sidebar-nav .nav>li>a:hover, .sidebar-nav .nav>li>a:focus {
    background: #2161b4;
}
.sidebar-nav .nav-list>.active>a, .sidebar-nav .nav-list>.active>a:hover, .sidebar-nav .nav-list>.active>a:focus {
 	background: #c82525;    
}
.nav-header {
    color: white;
 	text-shadow: none;   
}

/* ORDER PAGE  ----------------------------------------------- */
.jumbotron-order-complete {
    color:  white;
    padding: 20px;
}

/* ADDITIONAL CHANGES  ----------------------------------------------- */
.table { 
    color: white;
    border-radius: 0;
}
.table-bordered, legend {
	color: white;
}
.table-bordered .ui-state-highlight {
   	background: #3468ad;
    color: white;
}
.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th { /*table row highlight colour*/
	background: transparent;
}
.table-bordered tbody:last-child tr:last-child>th:first-child {
	border-radius: 0;
}
footer .copyright .muted {
 	color: white;
}
footer {
 	margin-top: 30px;   
}

/* 404  ----------------------------------------------- */
.page_error-404 .text-error {
    color: white;
}

/* CONTACT PAGE  ----------------------------------------------- */
.well-login, .voucher_box {
 	 background: #184a8c;  
}

/* T&CS PAGE  ----------------------------------------------- */
.page_information .page-header, #info-company-information {
    text-align: center;
}
.page_information .page-header {
    border: none; 
    margin:15px 0;
}
.page_information .official-document {
    font-family: "Arial", sans-serif;
    background: white !important;
}
.page_information .official-document p, .page_information .official-document table {
    color: black;
}

/* REVIEW PAGE  ----------------------------------------------- */

.page-review-order {
    background: #0d448d !important;
}
.page-review-order .lead {
 	color: white !important;   
}
.page-review-order textarea.lead {
    color: #3f3f3f !important;   
}


@media (max-width: 1200px) {
    .mod_postcode_box {
        padding: 13px; 
        border-bottom: none;
    }
	.mod_postcode_box .lead {
     	font-size: 30px; 
        margin: 1px 0 15px 0;
    }
    .mod_postcode_box .col.col3 .muted {
       	line-height: 5px;
    }
    #mod_postcode_box_pc, .page_home .input-append .btn-group:last-child>.dropdown-toggle {
     	height: 35px; 
        font-size: 20px;
    }
    .ct_user_status {
        font-size: 13px;
        padding: 12px 14px 11px 0;
    }

}

/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
    .container{
        width: 95%;
    }	
    .ct_user_status {
        float: right;
        margin-top: -55px;
    } 
    .postcodeRight {
     	display: none !important;   
    }
    .mobileShow {
     	display: block; 
        text-align: center;
    }
    #responsive-food-menu .navbar-inner .brand{
        float: right;
    }	
    .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] {
     	float: left;
        margin: 10px;
        background: #1d5aaa;
    } 
	.row-fluid .column_modules.span6 {
     	width: 100%;
        margin-left: 0;
    }
    .nav-collapse li {
     	background: #0d3d7d;   
    }
    .nav-collapse .dropdown-menu a, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus  {
     	color: white;   
    }
    
    .postcodeRight.span6 {
     	width: 100%;
        text-align: center;
        margin-bottom: 30px;
    } 
    .mod_postcode_box {
        border-radius: 0;
        box-shadow: none;
        border: none;
        background: #0c4795;
        border-bottom: 5px solid #c82525;
        margin-bottom: 30px;
    }
    .mod_postcode_box .lead {
        font-size: 33px;
        text-transform: uppercase;
        color: white;
        font-weight: bold;
        margin: 11px 0 20px 0 ;
    }
    .mod_postcode_box .col.col3 .muted {
        font-size: 13px;
        color: white;
        width: 302px;
    }
    
    .page_home .website-image img {
     	width: 100%;   
    }
    
    footer .copyright .muted {
        font-size: 9px;
        line-height: 12px;
    }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .ui-tabs-vertical .ui-tabs-panel {
        width: 100% !important;
    }
    .menu h1 {
        font-size: 51px;
    }
     .nav-basket {
        margin-top: -120px;
    }
    header .navbar {
     	margin-top: -30px;   
    }
    
    footer {
     	margin-top: 0;   
    }
    footer .copyright, footer .tc, footer .tr {
        text-align: center !important;
        padding-top: 10px;
    }

}

/* Landscape phones and down */
@media (max-width: 480px) {
    #logo {
        max-width: 60%; 
    }
    
	.mod_postcode_box .lead {
		font-size: 25px;
    }
    
    #mod_postcode_box_pc, .page_home .input-append .btn-group:last-child>.dropdown-toggle, .input-append .btn-group {
        max-width: 100%;
        display: block;
        margin-bottom: 10px;
        height: 40px;
    }
    .nav-basket {
        margin-top: -110px;
    }
    .menu h1 {
        font-size: 41px;
    }
}