@import url(https://fonts.googleapis.com/css?family=Roboto|Alfa+Slab+One);

body .visible-malvern { display:none !important; } 
body .hidden-malvern { display:inherit !important; } 
body.shop_malvern .hidden-malvern { display:none !important; }
body.shop_malvern .visible-malvern { 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 {
	font-family: 'Alfa Slab One';
}
body {
	background-color: #ffffff;

	background-image:none;

	background-attachment: scroll;
}

header, #mobile-header {
	background-color: #197b30;

	/*background-image: url("/myimages/303/zpos-bg-Header_Background.jpg");*/
	background-image: url("//cdn1.zfood.co.uk/303/images/zpos-bg-Header_Background.jpg?auto=compress");
	background-attachment: scroll;
}

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

/*---------------------resets/ display nones/ global---------------------*/
*{
    text-shadow: none !important;
    box-shadow: none !important;
}
.home h1, .contact-us h1, .home-about, #body-bottom-hr, .ct_header_row{
    display: none;
}
.inner-wrapper{
    background-image: url("/myimages/303/zpos-bg-Body_Background.jpg");
 	background-color: #197b30;   
}
#container, body{
    padding: 0;
}
footer{
    margin-top: 0;
}

.alert-offer-pm small { 
    font-size:60%;
    opacity:0.8;
}

.worldcup.website-image {
    text-align:center;
}
.worldcup.website-image img{
    border: 4px solid #fff;
    margin: 30px 0px;
}
/*---------------------fonts---------------------*/
a{
    color: rgba(255,255,255,0.5);
}
a:hover, a:focus{
    color: rgba(255,255,255,1);
}
h4{
 	font-family: 'Roboto', sans-serif;   
}
.navbar .brand, legend, .ctrl-offcanvas_productmenu_toggle .text-info,
.help-block, .section-.well .muted, .alert-info.well-login, em{
    color: #fff;
}
.popover,.gm-style-iw, .trigger-paymentmethod .muted{
    color: #000;
}
.menu h1{
 	font-size: 72pt;
    line-height: 100%;
    text-align: center;
}
.sys-alert {
    margin-bottom: 0px !important;
    border: none;
    text-align: center;
}
/*---------------------containers---------------------*/
#body, #responsive-food-menu{
    max-width: 1170px;
    margin: 0 auto;
}
#container, .details-wrap, .home #body, .home .main, footer{
    width: 100% !important;
    max-width: initial;
}
header .navbar-inner, .ct_details_bar, .column_slideshow .row-fluid, #myCarousel, footer .row-fluid{
    max-width: 1920px;
    margin: 0 auto;
}
#logo{
 	float: left;   
}
header{
 	min-height: 190px;
    padding-top: 25px;
}
.well{
    background: #c52116;
    border-radius: 10px;
    border: 2px solid #fff;
}
.hero-unit{
    background: #197b30;
    border: 3px solid #fff;
}
.home .main{
    overflow: hidden;
}
/*---------------------nav styles---------------------*/
.navbar{
    margin-bottom: 0  !important;
    padding: 10px 0;
}
.navbar-inner{
    background: none;
    border: none;
}
.navbar .nav{
    float: right;
}
.navbar .nav>li>a{
    background: none;
    color: rgba(255,255,255,0.5);
    line-height: 31px; 
    text-transform: uppercase;
    font-size: 23px;
}
.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: rgba(255,255,255,1);
    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{
    display: none;
}
/*---------------------nav list---------------------*/
.nav-list>li>a:hover, .nav-list>li>a:focus{
    background: #c52116;
}
.nav-list>.active>a, .nav-list>.active>a:hover, .nav-list>.active>a:focus{
    color: rgba(255,255,255,1);
    background: #c52116;
}
/*---------------------menu page navbar---------------------*/
#responsive-food-menu{
 	background: #c52116;  
    border: 2px solid #fff;
    border-radius: 10px 10px 0 0;
}
#responsive-food-menu.affix{
 	left: initial;   
}
/*---------------------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: #c52116;
}
/*---------------------dropdown menu---------------------*/
.navbar .nav>li>.dropdown-menu{
 	background: rgba(255,255,255,0.5);   
    border: 2px solid white;
}
header .navbar .nav>li>.dropdown-menu{
    left: -75px;    
}
.dropdown-menu{
    background: #197b30;
    border: 2px solid #fff;
}
header .dropdown-menu>li>a{
    color: #c52116;
}
header .dropdown-menu>li>a:hover{
    color: #fff;
}
.dropdown-menu>li>a{
    color: #fff;
    font-size: 20px;
    text-align: center;
}
.dropdown-menu>li>a:hover{
    background: #c52116;
}
/*---------------------details bar---------------------*/
.details-wrap{
    background: #197b30;
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
    box-sizing: border-box;
    padding: 5px 30px;
    line-height: 30px;
    margin-bottom: 20px;
}
.home .details-wrap{
 	margin-bottom: 0;   
}
/*---------------------opening status---------------------*/
#opening-status{
	margin-left: 0;
}
.status-CLOSED{
    color: #c52116 !important;
}
.status-OPEN{
    color: #57ea50 !important;
}
/*---------------------slider---------------------*/
#myCarousel{
 	margin-bottom: 0;   
}
#myCarousel img{
    width: 100%;
}
.carousel-indicators{
 	display: none;   
}
.column_slideshow, .column_slideshow .row-fluid .span4{
 	margin-left: 0 !important;   
}
.column_slideshow .row-fluid .span4{
    width: 33.33% !important;
    text-align: center !important;
}
.carousel-control, .carousel-control:hover, .carousel-control:focus{
 	background: none;
    border: none;
    font-size: 180px;
    width: 60px;
}
/*---------------------postcode box---------------------*/
.mod_postcode_box{
    background: #c52116;
    border: none;
    border-bottom: 4px solid #fff;
    text-transform: uppercase;
    border-radius: 0;
}
.mod_postcode_box .lead{
    font-size: 40px;
    line-height: 100%;
	font-family: 'Alfa Slab One', sans-serif;
    margin-bottom: 40px;
    
}
.mod_postcode_box .lead, .mod_postcode_box .col3 small{
    color: #fff;
    text-shadow: 1px 1px 2px #000 !important;
}
.mod_postcode_box .col3{
 	margin-top: 30px;   
    font-size: 18px;
}
.mod_postcode_box input{
    padding: 0;
    border-radius: 10px 0 0 10px;
    line-height: 1.5;
}
.mod_postcode_box .btn-group, .mod_postcode_box input, .mod_postcode_box .btn{
    height: 40px
}
.mod_postcode_box input, .mod_postcode_box .btn{
    border: none;
    font-size: 24px;
}
.mod_postcode_box .btn{
 	width: 140px;   
    border-radius: 0 10px 10px 0 !important;
    border: 2px solid #fff;  
}
/*---------------------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{
    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: #c52116;
    color: #fff;
}
.well-basket{
    background: #fff;
    color: #000;
}
/*---------------------menu page popovers---------------------*/
.popover .popover-title{
    background: #197b30;
    color: #fff;
}
/*---------------------modal---------------------*/
.modal-header{
    background: #197b30;
    color: #fff;
}
.modal-body{
    background: #fff;
    color: #000;
}
.modal-footer{
    background: #c52116;
    color: #fff;
}
.modal fieldset{
    background: #fff;
    border: none;
}
/*---------------------alerts & buttons---------------------*/
.btn{
    background-image: none;
}

/*--------success--------*/
.btn-success, .btn.btn-success.dropdown-toggle, .alert.alert-success{
    background: #197b30;
    color:#fff;
}
.btn-success:hover, .btn-success:focus, .btn-group.open .btn-success.dropdown-toggle{
    background: #006217;
}
/*--------primary--------*/
.btn-primary{
    background: #2357ce;
}
.btn-primary:hover, .btn-primary:focus{
    background: #00249B;
}
/*--------info--------*/
.btn-info, .alert.alert-info{
    background: #70afeb;
    color:#fff;
}
.btn-info:hover, .btn-info:focus{
    background: #5796D2;
}
/*--------danger--------*/
.btn-danger, .alert.alert-danger{
    background: #AC0800;
    color:#fff;
}
.btn-danger:hover, .btn-danger:focus{
    background: #920000;
}
/*--------warning--------*/
.btn-warning, .alert.alert-warning{
    background: #FF871A;
        color:#fff;
}
.btn-warning:hover, .btn-warning:focus{
    background: #CC5400;
}
.alert.alert-info.how-im-ordering{
    color: #fff;
    background: #000 !important;
    border: 2px solid #fff;
    border-radius: 10px;
}
.alert-danger {
    background: #ff8684 !important;
    border: 5px solid #a12f2d;
}
.text-warning {
    color: #fffc11;
}
.sys-alert.alert-warning {
    background: #faf22f;
    color: #000000 !important;
}
/*---------------------footer---------------------*/
footer{
    background: #197b30;
    padding: 10px 30px;
    border-top: 4px solid #fff;
    margin-top: 20px;
    box-sizing: border-box;
}
.cards, .vendor{
    padding-top: 5px;
}
/*---------------------fixes---------------------*/
.ui-tabs-menu.ui-tabs.ui-widget.ui-widget-content.ui-corner-all {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.img-rounded img{
 	border-radius: 10px;
    border: 2px solid white;
}
.loyaltypoints_box {
    background: #fff !important;
}
.marginbottom15 .muted {
    color: #fff !Important;
}
.marginbottom15 a {
    color: #ffe71f;
}
.column_slideshow .span12{
    text-align: center;
}
/*---------------------media queries---------------------*/
/*---------------------large desktop---------------------*/
@media (max-width: 1200px) {
    .website-image{
        text-align: center;
    }
    #logo{
        float: none;
        text-align: center;
        padding-bottom: 20px;
    }
    .navbar .nav,
    .navbar .nav > li {
        float:none !important;
        display:inline-block;
        vertical-align: top;
    }
    .navbar-inner {
        text-align:center;
    }
    .mod_postcode_box .lead{
        margin-bottom: 20px;
    }
    .mod_postcode_box .col3{
        margin-top: 10px;   
    }
}

/*---------------------portrait table and landscape desktop---------------------*/
@media (min-width: 768px) and (max-width: 979px) {
    .navbar .nav,
    .navbar .nav > li {
        display:block;
    }
    .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{
        background: #c52116;
    }
    #logo{
     	float: none;
        text-align: center;
        padding-bottom: 20px;
    }
    .ct_details_bar{
        padding: 5px 10px;
    }
    .carousel-control, .carousel-control:hover, .carousel-control:focus{
        font-size: 100px;
    }
    .mod_postcode_box .lead{
        margin-bottom: 20px;
    }
    .mod_postcode_box .col3{
        margin-top: 10px;   
    }
}

/*---------------------landscape phone and portrait tablet---------------------*/
@media (max-width: 767px) {
    #body{
     	margin: 0 10px;   
    }
    .home #body{
     	margin: 0;   
    }
    .navbar .nav,
    .navbar .nav > li {
        display:block;
    }
    .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{
        background: #c52116;
    }
    #logo{
     	float: none;
        text-align: center;
        padding-bottom: 20px;
    }
    .how-im-ordering h2{
     	font-size: 25px;   
    }
    .tl, .tr, .copyright{
        text-align: center !important;
        padding: 10px 0;
    }
    .ct_details_bar .tl, .ct_details_bar .tr{
        padding:0;
    }
    .home .column_slideshow img{
        margin-bottom: 20px;
    }
    .carousel-control, .carousel-control:hover, .carousel-control:focus{
        font-size: 100px;
        width: 40px;
    }
    .column_slideshow .row-fluid .span4{
        width: 100% !important;
    }
    .menu h1{
        font-size: 42pt;
    }
    .mod_postcode_box .lead{
        margin-bottom: 20px;
    }
    .mod_postcode_box .col3{
        margin-top: 10px;   
    }
}


/*---------------------landscape phone and down---------------------*/
@media (max-width: 480px) {
    .how-im-ordering h2{
     	font-size: 18px;   
    }
	.mod_postcode_box{
     	padding: 19px 0;   
    }
    .mod_postcode_box input{
        width: 200px;
        font-size: 14px;
    }
    .mod_postcode_box .btn{
        font-size: 14px;
        width: 80px;
    }
    .mod_postcode_box .lead{
        font-size: 30px;
        margin-bottom: 15px;
    }
    .mod_postcode_box .col3{
        margin-top: 5px;   
    }
    
}

/**CHANGES COL OF LOYALTY POINTS BOX**/
.loyaltypoints_box .lead, 
.loyaltypoints_box .ctl-pointsoptions a, 
.loyaltypoints_box label.checkbox.text-left, 
.loyaltypoints_box p {
    color: #000;
}

.checkout h5, .checkout .alert-success {color:#fff;}

.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;
}

.li-cat-21718 {
 	background: #bfc135 !important;
}
.li-cat-21718 a {
 	color: #000000 !important;   
}

.ui-widget-content a:hover,
.ui-widget-content a:focus {
 	color: #363434;   
}

/*mothers day code
.deal_modal > .modal-body {
    border: 4px solid pink;
}

.mothers_day {
border-radius: 20px;

    max-height: 500px;
    margin-left: auto;
    margin-right: auto;
}
.mothers_code {
background: pink;
    color: #000;
    padding: 10px;
    border-radius: 20px;
    max-width: 230px;
    margin-left: auto;
    margin-right: auto;
    &:hover, &:focus {

        background: #fdb0bd;
    }
  

}
.deal_modal > .modal-body a {
 &:hover, &:focus {
        text-decoration: none !important;
    }
}
.mothers_code h3 {
    text-decoration: none !important;
}

.deal_modal > .modal-footer {
background: pink;
}
*/