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

body .visible-loughborough { display:none !important; } 
body .hidden-loughborough { display:inherit !important; } 
body.shop_loughborough .hidden-loughborough { display:none !important; }
body.shop_loughborough .visible-loughborough { display:inherit !important; }

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

body {
	color: #ffffff;
	font-family: 'Roboto';
}
h1 {
}
h2 {
}
h3 {
}
h4 {
	color: #ffffff;
	font-family: 'Anton';
}
body {
	background-color: #222222;

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

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

header, #mobile-header {
	background-color: #000b23;

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

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

/*---------------------resets/ display nones/ global---------------------*/

* {
    text-shadow: none !important;
    box-shadow: none !important;
    font-weight: normal !important;
    border-radius: 0 !important;
}

.menu-container-collection .delveryUnderbasket ,
.menu-container-home-delivery .collectionUnderbasket ,
.home h1, .contact-us h1, .home-about, #body-bottom-hr {
    display: none;
}
#container, body {
    padding: 0;
}
footer {
    margin-top: 0;
}

/*---------------------fonts---------------------*/
a, a:hover, a:focus {
    color: #eee008;
}
.navbar .brand, legend, .ctrl-offcanvas_productmenu_toggle .text-info,
.help-block, .section-.well .muted, .alert-info.well-login, .checkout .btn-link,
.voucher_box h5, .voucher_box .success span, .ctrl-offcanvas_productmenu_canvas h4,
.information h4{
    color: #fff;
}
.popover, .gm-style-iw, .trigger-paymentmethod .muted, h4 {
    color: #000;
}
.menu h1 {
    text-align: center;
    font-size: 80px;
    text-transform: uppercase;
    line-height: 150%;
}
.ui-widget-header, .alert, h1, h2, h3, header .dropdown-menu>li>a {
    font-family: 'Anton', 'Robot', sans-serif;
    text-transform: uppercase;
}
/*---------------------containers---------------------*/
header{
    background: #233761;
    background: -moz-radial-gradient(center, ellipse cover, #233761 1%, #000b23 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #233761 1%,#000b23 100%);
    background: radial-gradient(ellipse at center, #233761 1%,#000b23 100%);   
    padding-top: 40px;
}
#container {
    border-radius: 0;
    width: 100%;
    background: none;
}
#body, #responsive-food-menu {
    max-width: 1170px;
    margin: 0 auto;
}
.home #body, .ct_details_bar, footer .row-fluid {
    max-width: 1520px;
    margin: 0 auto;
}
#body {
    margin: 20px auto !important;
}
#logo, .right-column, .left_column, .prefooter .span3{
    text-align: center;
}	
.well {
    background: #233761;
    background: -moz-linear-gradient(top, #233761 0%, #000b23 100%);
    background: -webkit-linear-gradient(top, #233761 0%,#000b23 100%);
    background: linear-gradient(to bottom, #233761 0%,#000b23 100%);
    border-radius: 0;
    border: 2px solid #fff;
}
.ct_details_bar {
    line-height: 30px;
}
.hero-unit {
    background: #e60808;
    background: -moz-linear-gradient(top, #e60808 0%, #b70202 100%);
    background: -webkit-linear-gradient(top, #e60808 0%,#b70202 100%);
    background: linear-gradient(to bottom, #e60808 0%,#b70202 100%);
}
.prefooter .span3 img{
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.prefooter .span3 img:hover{
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    transform: scale(1.02);
}
#responsive-food-menu .brand{
    font-family: 'Anton', 'Robot', sans-serif;
    text-transform: uppercase;
}
/*---------------------nav styles---------------------*/

.navbar {
    margin-bottom: 0 !important;
}
.navbar-inner {
    background: #e60808;
    background: -moz-linear-gradient(top, #e60808 0%, #b70202 100%);
    background: -webkit-linear-gradient(top, #e60808 0%,#b70202 100%);
    background: linear-gradient(to bottom, #e60808 0%,#b70202 100%);
    border: none;
}
.navbar .nav {
    float: right;
}
.navbar .nav>li>a {
    background: none;
    color: #fff;
    font-family: 'Anton', 'Robot', sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 50px;
    padding: 10px 28px 10px;
}
.home .navbar .nav>li>a{
    padding: 10px 45px 10px;
}
.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 {
    color: #eee008;
    background: none;
}

/*---------------------caret colour---------------------*/

.navbar .nav li.dropdown > .dropdown-toggle .caret, .navbar .nav li.dropdown.open>.dropdown-toggle .caret, 
.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret {
    border-top: 6px solid #fff;
    margin-top: 20px;
}
.navbar .nav li.dropdown > .dropdown-toggle:hover > .caret, .navbar .nav li.dropdown.open > .dropdown-toggle .caret, 
.navbar .nav li.dropdown>a:hover .caret, .navbar .nav li.dropdown>a:focus .caret, 
.navbar .nav li.dropdown.active>.dropdown-toggle .caret {
    border-top: 6px solid #eee008;
}

/*---------------------nav list---------------------*/
.nav-header, .nav-list>li>a{
    color: #fff;
}
.nav-list>li>a:hover, .nav-list>li>a:focus,
.nav-list>.active>a, .nav-list>.active>a:hover,
.nav-list>.active>a:focus{
    background: #e60808;
    color: #fff;
}

/*---------------------nav button---------------------*/

.navbar .btn-navbar {
    background: none;
    text-shadow: none;
    border-color: white;
}
.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: #e60808;
}

/*---------------------dropdown menu---------------------*/

.dropdown-menu {
    background: #fff;
    border-radius: 0;
    min-width: initial;
}
.dropdown-menu>li>a {
    color: #222;
    text-transform: uppercase;
    text-align: center;
}
.dropdown-menu>li>a:hover {
    background: #D60606;
}
header .dropdown-menu{
    background: #e60808;
    left: 25px;
}
header .dropdown-menu>li>a{
 	font-size: 18px;   
    color: #fff;
}
header .dropdown-menu>li>a:hover {
    color: #eee008;
    background: #e60808;
}
/*---------------------opening status---------------------*/
#opening-status {
    font-family: 'ostrich_sans_inlineregular';
}
#opening-status:hover{
 	text-decoration: none;   
}
.status-CLOSED {
    color: #111 !important;
    background: none;
}
.status-OPEN {
    color: #0f0 !important;
    background: none;
} 
.status-OPEN span{
    text-shadow: 0 0 10px #fff, 0 0 20px #0f0, 0 0 30px #0f0 !important;
}
.status-CLOSED span{
    text-shadow: 0 0 10px #fff, 0 0 20px #f00, 0 0 30px #f00 !important;
}
#opening-status span {
    color: #fff;
    line-height: 70px;
    display: block;
}
.status-OPEN  span.out {
    -moz-animation: blinkOpen 10s infinite;
    -ms-animation: blinkOpen 10s infinite;
    -webkit-animation: blinkOpen 10s infinite;
    font-size: 60px !important;
}
.status-CLOSED  span.out {
    -moz-animation: blinkClosed 10s infinite;
    -ms-animation: blinkClosed 10s infinite;
    -webkit-animation: blinkClosed 10s infinite;
    font-size: 60px !important;
}
#opening-status span.out.large {
    font-size: 120px !important;
}
/*---------------------details bar---------------------*/
.details-wrapper{
 	background: #253a68;   
}
.ct_details_bar{
	padding: 0 10px;
    box-sizing: border-box;
}

/*---------------------slider---------------------*/
#myCarousel{
    margin-bottom: 20px;
}
#myCarousel img {
    width: 100%;
}
.carousel-control{
 	border: none;
    background: none;
    font-size: 120px;
}
.carousel-indicators li{
 	border-radius: 5px !important;   
}
/*---------------------postcode box---------------------*/

.mod_postcode_box {
    background: #233761;
    background: -moz-radial-gradient(center, ellipse cover, #233761 1%, #000b23 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #233761 1%,#000b23 100%);
    background: radial-gradient(ellipse at center, #233761 1%,#000b23 100%);  
    border: none;
    color: #fff;
    padding: 72px 19px;
    margin-bottom: 0;
}
.mod_postcode_box .lead {
    font-size: 32px;
    line-height: 100%;
    text-transform: uppercase;
    font-family: 'Anton', 'Roboto', sans-serif;
}
.mod_postcode_box input, .mod_postcode_box .btn {
    height: 40px;
    border: none;
    border-radius: 0 !important;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.mod_postcode_box > .input-append {
    max-width: 100%;
    width: 85%;
}
.mod_postcode_box .btn-success{
    background: #;
}
.btn-group.open .btn-success.dropdown-toggle, .mod_postcode_box .btn-group.open .btn-success.dropdown-toggle,
.mod_postcode_box .dropdown-menu, .mod_postcode_box .btn-success:hover{
    background: #;
}
.mod_postcode_box .dropdown-menu>li>a {
    color: #;
}
.mod_postcode_box .dropdown-menu>li>a:hover {
    background: #;
}

/*---------------------table stripped fix---------------------*/

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, .well-basket{
    background: #fff;
    color: #000;
}
.box-delivery-information table, .box-delivery-information .table-striped tbody>tr:nth-child(odd)>td,
.box-delivery-information .table-striped tbody>tr:nth-child(odd)>th, .box-delivery-information .table-hover tbody tr:hover>td,
.box-delivery-information .table-hover tbody tr:hover>th {
    background: none;
    color: #fff;
}
.contact-us .box-delivery-information table, .contact-us .box-delivery-information .table-striped tbody>tr:nth-child(odd)>td,
.contact-us .box-delivery-information .table-striped tbody>tr:nth-child(odd)>th, .contact-us .box-delivery-information .table-hover tbody tr:hover>td,
.contact-us .box-delivery-information .table-hover tbody tr:hover>th {
    background: none;
    color: #000;
}

/*---------------------menu page popovers---------------------*/

.popover .popover-title {
    background: #e60808;
    color: #fff;
}

/*---------------------modal---------------------*/

.modal-header {
    background: #e60808;
    color: #fff;
}
.modal-body {
    background: #fff;
    color: #000 !important;
}
.modal-footer {
    background: #253a68;
    color: #fff;
}
.modal fieldset {
    background: #fff;
    border: none;
}
.modal .dropdown-menu>li>a{
    text-transform: initial;
    font-size: 14px;
    line-height: 100%;
}
.modal .dropdown-menu>li>a:hover{
    background: #253a68;
}
/*---------------------alerts & buttons---------------------*/

.btn {
    background-image: none;
}
.alert {
    color: #fff;
    background: #000B23;
    border: none;
}

/*--------success--------*/

.btn-success {
    background: #12BB12;
}
.btn-success:hover, .btn-success:focus, .btn-group.open .btn-success.dropdown-toggle {
    background: #008800;
}

/*--------primary--------*/

.btn-primary {
    background: #2357ce;
}
.btn-primary:hover, .btn-primary:focus {
    background: #00249B;
}

/*--------info--------*/

.btn-info {
    background: #70afeb;
}
.btn-info:hover, .btn-info:focus {
    background: #5796D2;
}

/*--------danger--------*/

.btn-danger {
    background: #b30000;
}
.btn-danger:hover, .btn-danger:focus {
    background: #800000;
}

/*--------warning--------*/

.btn-warning {
    background: #FF871A;
}
.btn-warning:hover, .btn-warning:focus {
    background: #CC5400;
}
.menu-selection .btn-primary{
 	background: #e60808;
}
.menu-selection .btn-primary:hover{
 	background: #CD0000;
}
/*---------------------footer---------------------*/

footer {
    background: #000b23;
    padding: 10px 20px;
    box-sizing: border-box;
}
.cards, .vendor {
    padding-top: 5px;
}

/*---------------------fixes---------------------*/
.row-product:hover {
    background: none;
}
.ui-tabs-menu.ui-tabs.ui-widget.ui-widget-content.ui-corner-all {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
#responsive-food-menu.affix {
    left: initial;
}
.nav-list>li>a [class^="icon-"], .nav-list>li>a:hover [class^="icon-"], .nav-list>li>a:hover[class*=" icon-"], .nav-list>li>a:focus [class^="icon-"], .nav-list>li>a:focus[class*=" icon-"],
#responsive-food-menu [class^="icon-"], #responsive-food-menu [class*=" icon-"]  {
    background-image: url("http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/img/glyphicons-halflings-white.png");
}
.box-opening-hours{
    margin-top: 20px;
}
.span6.banner-holder{
 	margin-left: 0;   
}
.contact-us .ui-widget-header{
 	background: #253a68;  
    border-color: #253a68;
    color: #fff;
}
.ui-state-default {
 	box-sizing: border-box;   
    font-family: 'Anton', 'Robot', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
}
/*---------------------social media buttons---------------------*/
.social_mod{
 	background: #000013;   
}
.social_media_links {
    max-width: 1000px;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
}
.social_media_links img {
    max-width: 32px;
}
.social_media_links img:hover {
    max-width: 32px;
}
.social_media_links small {
    display: none;
}
.social_media_links a {
    background-color: transparent;
    background: none !important;
    border: none !important;
    box-shadow: none;
    padding: 0px;
    width: 45px !important;
}

.loyaltypoints_box {
 	background: linear-gradient(to bottom, #e60808 0%,#b70202 100%) !important;    
}
.loyaltypoints_box .row-credits .well {
 	color: #000;   
}
.loyaltypoints_box .row-credits .col-equals div {
 	color: #fff;   
}


/*---------------------Animations---------------------*/
@-moz-keyframes blinkOpen {
    21%, 39%, 45%, 47%, 53% {
        color: #000;
        text-shadow: none;
    }
    26%, 38%, 40%, 44%, 46%, 48% {
        color: #fff;
        text-shadow: 0 0 10px #fff, 0 0 20px #0f0, 0 0 30px #0f0;
    }
}
@-ms-keyframes blinkOpen {
    21%, 39%, 45%, 47%, 53% {
        color: #000;
        text-shadow: none;
    }
    26%, 38%, 40%, 44%, 46%, 48% {
        color: #fff;
        text-shadow: 0 0 10px #fff, 0 0 20px #0f0, 0 0 30px #0f0;
    }
}
@-webkit-keyframes blinkOpen {
    21%, 39%, 45%, 47%, 53% {
        color: #000;
        text-shadow: none;
    }
    26%, 38%, 40%, 44%, 46%, 48% {
        color: #fff;
        text-shadow: 0 0 10px #fff, 0 0 20px #0f0, 0 0 30px #0f0;
    }
}
@-moz-keyframes blinkClosed {
    21%, 39%, 45%, 47%, 53% {
        color: #000;
        text-shadow: none;
    }
    26%, 38%, 40%, 44%, 46%, 48% {
        color: #fff;
        text-shadow: 0 0 10px #fff, 0 0 20px #f00, 0 0 30px #f00;
    }
}
@-ms-keyframes blinkClosed {
    21%, 39%, 45%, 47%, 53% {
        color: #000;
        text-shadow: none;
    }
    26%, 38%, 40%, 44%, 46%, 48% {
        color: #fff;
        text-shadow: 0 0 10px #fff, 0 0 20px #f00, 0 0 30px #f00;
    }
}
@-webkit-keyframes blinkClosed {
    21%, 39%, 45%, 47%, 53% {
        color: #000;
        text-shadow: none;
    }
    26%, 38%, 40%, 44%, 46%, 48% {
        color: #fff;
        text-shadow: 0 0 10px #fff, 0 0 20px #f00, 0 0 30px #f00;
    }
}
/*---------------------media queries---------------------*/


/*---------------------large desktop---------------------*/
@media (max-width: 1519px) {
    .home #body{
        margin: 10px !important;
    }	
}
@media (max-width: 1200px) {
    .mod_postcode_box .lead {
        font-size: 27px;
    }
    .mod_postcode_box {
    padding: 19px 19px;
    }
    .website-image {
        text-align: center;
    }
}
@media (min-width: 979px) {
  .navbar .nav, .navbar .nav > li {
    float: none !important;
    display: inline-block;
    vertical-align: top;
  }
  .navbar-inner {
    text-align: center;
  }
}
/*---------------------portrait table and landscape desktop---------------------*/

@media (min-width: 768px) and (max-width: 979px) {
    .menu h1 {
        font-size: 45px;
        line-height: 100%;
    }
    .navbar .nav {
        float: none;
        text-align: center;
    }
    .nav-collapse .dropdown-menu a {
        color: #fff;
    }
    .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
        color: #eee008;
        background: none;
    }
    .banner-holder.span6{
     	display: none;   
    }
    .column_modules.span6{
        width: 100%;
        margin-left: 0;
    }
    .home #opening-status span {
        font-size: 80px;
        line-height: 50px;
    }
    .home .status-CLOSED span.out {
    font-size: 43px !important;
    }
}

/*---------------------landscape phone and portrait tablet---------------------*/

@media (max-width: 767px) {
    #body {
        margin: 0 10px;
    }
    #logo{
     	padding: 20px;   
    }
    .right-column.span4{
        display: none;
    }	
    span.out{
     	margin-right: 5px;   
    }
    #opening-status span, span.out {
        font-size: 50px !important;
        display: inline-block !important;
    }
    .menu h1 {
        font-size: 45px;
        line-height: 100%;
    }
    .navbar .nav {
        float: none;
        text-align: center;
    }
    .nav-collapse .dropdown-menu a {
        color: #fff;
    }
    .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
        color:: #eee008;
        background: none;
    }
    .carousel-control{
        font-size: 50px;
    }
    .mod_postcode_box > .input-append {
        width: 100%;
    }
    .tl, .tr, .copyright {
        text-align: center !important;
    }
    footer .tl, footer .tr, .copyright {
        text-align: center !important;
        padding: 10px 0;
    }
    .how-im-ordering h2 {
        font-size: 21px;
    }
}

/*---------------------landscape phone and down---------------------*/

@media (max-width: 480px) {}