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

body .visible-handsworth { display:none !important; } 
body .hidden-handsworth { display:inherit !important; } 
body.shop_handsworth .hidden-handsworth { display:none !important; }
body.shop_handsworth .visible-handsworth { 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: 'PT Sans';
	font-weight: normal;
}
h1 {
	font-family: 'Anton';
}
h2 {
	font-family: 'Anton';
	font-weight: normal;
}
h3 {
	font-family: 'Anton';
	font-weight: normal;
}
h4 {
}
body {
	background-color: #5a0210;

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

	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: left top;
	background-size: auto;
}

header, #mobile-header {

	/*background-image: url("/myimages/176/zpos-bg-header2_amend2.png");*/
	background-image: url("//cdn1.zfood.co.uk/176/images/zpos-bg-header2_amend2.png?auto=compress");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right top;
	background-size: auto;
}

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

.page_menu-flyer h1,
.page_menu-flyer .sys-alert {
    display: none;
}

.reviews-summary .page-header,
.reviews-summary #body h4,
.reviews-summary #body blockquote,
.reviews-summary #body i {
    color: #FFFFFF;   
}
@media (max-width: 480px) {
    .reviews-summary #body {
        text-align: center; 
    }
}

.onebranch {
    position:absolute;
    left:20px;
    top: 20px;
    max-width:160px;
}
.alert {
    text-shadow:none;
}
/* alergy */
.allergen-information h1 { color:#fff; margin-bottom:15px;  }
.allergy.media-list li img { width:60px; }
.allergy.media-list li .media-body .media { margin-top:5px !important; }
.allergy.media-list li .media-body { margin-top:5px; }
.allergy.media-list li { margin:17px 0; }

.footermenu { margin-top:10px; }
.footermenu li a { text-align:center; color:#999999; font-size:12px;  }
.footermenu li a:hover { background:none !important; color:#fff; }

/* ************* */
/* OPEN & CLOSED */
/* ************* */
.status-CLOSED,
.status-OPEN {
position:absolute;
top:0px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
font-size: 11px !important;
padding: 3px 12px 5px 12px !important;
    margin-left:-60px !important;
}
.status-CLOSED {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}
.status-OPEN {
color: #1C8B07 !important;
background-color: #d6e9c6;
border-color: #dff0d8;
}






page_menu .ui-tabs-vertical .tb-nav-tabs { 
    border: none;
}
/*Style the category description*/
.page_menu .cat-desc { 
    background: #4e4d4d; 
    border: none; 
    color: #848484; 
    padding: 20px;
}
.page_menu .row-product .description, .page_menu .row-product .price { 
    font-size: 16px;
}
.page_menu .row-product small{
    font-size:14px;
}
.page_menu .row-product .name{
    font-size:18px;
}

.page_menu .ui-tabs {
    border: none !important;
}

.page_menu .ui-tabs .ui-tabs-nav li.ui-tabs-active a, 
.page_menu .ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
.page_menu .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    background: #ba201e;
    color: #fff !important;
    border-right-width: none !important;
}
.page_menu .ui-tabs .ui-tabs-nav li {
    background: #515252;
    border: none;
}
.page_menu .ui-tabs .ui-tabs-nav li:hover,
.page_menu .ui-tabs .ui-tabs-nav li:focus {
    background: #ba201e;
}
.page_menu .ui-tabs .ui-tabs-nav li a,
.text-center.uk-text-center.alert.alert-error.well-large h1.text-error{
    color: #FFFFFF;
}
.page_menu .ui-widget-header {
    background: none;   
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #ba201e; 
    color: #FFFFFF;
    border-right-width: none !important;
}
.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th {
    background:transparent;
}
.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th,
.row-product:hover, .table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th,
.row-odd,.row-odd:hover{
    background:none;
}
.navbar .brand {
    color: #ffffff;
    text-shadow: none;
}
.jumbotron .lead,
.text-center.p-last-minute{
    color: #fff;
}

h1, h2, h3 { text-transform:uppercase; font-weight:normal; }
#container { background:none; box-shadow:none; }
#body-bottom-hr { display:none; }
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .inner-wrapper { max-width:980px; }

/*.well {
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #d7d7d7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d7d7d7));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d7d7d7 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#d7d7d7 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#d7d7d7 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#d7d7d7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d7d7',GradientType=0 );
    border-radius:9px;
}*/
.navbar-inner, .well, .popover-title, .contact-us .ui-widget-header, .alert{
    background: #1d1d1d;
	background: -moz-linear-gradient(to bottom,  #585858 0%,#1d1d1d 96%);
	background: -webkit-linear-gradient(to bottom,  #585858 0%,#1d1d1d 96%);
	background: -o-linear-gradient(to bottom,  #585858 0%,#1d1d1d 96%);
	background: -ms-linear-gradient(to bottom,  #585858 0%,#1d1d1d 96%);
	background: linear-gradient(to bottom,  #585858 0%,#1d1d1d 96%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79ce66', endColorstr='#349224',GradientType=0 );
    border:1px solid #000;
    border-radius:9px !important;
    color:#fff;
}

.popover {color:#000;}
.checkout .text-error {
    color: #ff7977;
}
.checkout .text-info {
    color: #a0e0ff;
}
.checkout .text-success {
    color: #85fb87;
}
.checkout em, .checkout h2, .members legend{
    color:#fff;
}
.checkout .modal h2 {
    color:#000;
}
.checkout a{
    text-shadow:none !Important;
}
.checkout .btn-link {
    border-color: transparent;
    cursor: pointer;
    color: #ffffff;
    text-shadow: none;
    font-weight: normal;
}
.loyaltypoints_box {
    background:#c20009  !important;
}
.loyaltypoints_box .well-white {
    background: #fff;
    color: #494949 !important;
}
.loyaltypoints_box .row-credits .well {
    border: 0px !important;
}
.loyalty-card {
    background: #191919;
}
.loyaltypoints_box .lead {
    font-size: 28px;
    line-height: 32px;
    color: #fff;
}
.loyaltypoints_box p {
    color:#fff;
}

.loyaltypoints_box .btn-link {
    color: #fff;
}
.checkout .btn-large {
    padding: 11px 19px;
    font-size: 13.5px;
}
.loyaltypoints_box .btn {
    font-size: 13px;
}
    .contact-us .ui-widget-header {
        border: 0px;
        color: #ffffff;
        border-radius: 0px !important;
        font-weight: normal;
    }
    .ui-widget-content a {
        color: #b81f1e;
    }
    .ui-widget.box-opening-hours {
        margin-top:20px !important;
    }
.ui-widget.box-opening-hours p {
    FONT-FAMILY: 'Anton';
    text-transform: uppercase;
    font-size: 25.5px;
    line-height: 120%;
    background-color: #FDCB00 !important;
    padding: 10px;
    text-align: center;
}
.hero-unit a {
    color:#000;
}
.members .sidebar-nav .nav-header {
    font-size:16px;
    line-height:25px;
    font-weight: normal;
    color:#fff;
}
.members .sidebar-nav a {
    color:#fff;
    font-size:14px;
}
.members .sidebar-nav .muted {
    font-size:12px;
}
.members .muted {
    color:#fff;
}
.members .nav-list>li>a:hover,
.nav-list>.active>a, 
.nav-list>.active>a:hover, 
.nav-list>.active>a:focus{
    background-color:#d60202;
    color:#fff;
}

.modal-body .well{
    background:#fff;
}
.menu-selection h1 {color:#fff;}
.navbar .nav > li > a {
	color:#fff;
    line-height:70px;
    font-size:30px;
    font-family:'Anton';
    text-shadow:1px 1px 0px #1B4E1F, -1px -1px 0px #1B4E1F, -1px 1px 0px #1B4E1F, 1px -1px 0px #1B4E1F, 0px 1px 0px #1B4E1F, 0px -1px 0px #1B4E1F, 1px 0px 0px #1B4E1F, -1px 0px 0px #1B4E1F;
    padding-top:0;
    padding-bottom:0;
    text-transform:uppercase;
}
.navbar .nav>.active>a, .navbar .nav>.active>a:hover, 
.navbar .nav>.active>a:focus, .navbar .nav li.dropdown.open>.dropdown-toggle, 
.navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle,
.modal-header, .modal-footer, .mod_postcode_box.well{
	background: #c62320;
	background: -moz-linear-gradient(top,  #c62320 0%, #850f16 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c62320), color-stop(100%,#850f16));
	background: -webkit-linear-gradient(top,  #c62320 0%,#850f16 100%);
	background: -o-linear-gradient(top,  #c62320 0%,#850f16 100%);
	background: -ms-linear-gradient(top,  #c62320 0%,#850f16 100%);
	background: linear-gradient(to bottom,  #c62320 0%,#850f16 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c62320', endColorstr='#850f16',GradientType=0 );
    color:#fff;
}
.alert.alert-info.how-im-ordering{border:0px;}
.navbar .nav>.active>a, .navbar .nav>.active>a:hover, 
.navbar .nav>.active>a:focus, .navbar .nav li.dropdown.open>.dropdown-toggle, 
.navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle{
    text-shadow:1px 1px 0px #000, -1px -1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, 1px 0px 0px #000, -1px 0px 0px #000;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
    background:#000;
}
.dropdown-menu>li>a {
    font-size:20px;
    text-transform:uppercase;
	color:#fff;
    font-family:'Anton';
	line-height:26px;
    text-shadow:1px 1px 0px #1B4E1F, -1px -1px 0px #1B4E1F, -1px 1px 0px #1B4E1F, 1px -1px 0px #1B4E1F, 0px 1px 0px #1B4E1F, 0px -1px 0px #1B4E1F, 1px 0px 0px #1B4E1F, -1px 0px 0px #1B4E1F;


}

.navbar .nav>li>a:focus, .navbar .nav>li>a:hover {
	color:#CA2520;
    text-shadow:1px 1px 0px #FFF, -1px -1px 0px #FFF, -1px 1px 0px #FFF, 1px -1px 0px #FFF, 0px 1px 0px #FFF, 0px -1px 0px #FFF, 1px 0px 0px #FFF, -1px 0px 0px #FFF;
}

#logo { padding-top:22px; }


header .right_column { display:none !important; }
b.caret { display:none; }
.carousel-control { display:none; }
.home h1 { display:none; }
/*header .navbar .brand { display:none; }*/

header {
    background-size:71% auto;
    color:#f9f9f9;
}
header a, header em { color:#f37875; }
header a:hover, header a:focus{ color:#f37875; }

.dropdown-menu {
	background: #1d1d1d;
	background: -moz-linear-gradient(to bottom,  #585858 0%,#1d1d1d 96%);
	background: -webkit-linear-gradient(to bottom,  #585858 0%,#1d1d1d 96%);
	background: -o-linear-gradient(to bottom,  #585858 0%,#1d1d1d 96%);
	background: -ms-linear-gradient(to bottom,  #585858 0%,#1d1d1d 96%);
	background: linear-gradient(to bottom,  #585858 0%,#1d1d1d 96%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79ce66', endColorstr='#349224',GradientType=0 );
    border:1px solid #000;
    border-radius:0 0 9px 9px;
}


.mod_postcode_box p.lead,
.home .mod_postcode_box .btn-success,
.home .mod_postcode_box input {
    font-family:'Anton';
    text-transform:uppercase;

}
.mod_postcode_box p.lead {
    color: #fff;
    font-size:46px;
    line-height:46px;
}
.home .mod_postcode_box input {
    font-size:30px;
    line-height:50px;
    border-radius:9px;
    height:50px;
}

.home .mod_postcode_box input::-webkit-input-placeholder { color: #ddd; font-size:20px; }
.home .mod_postcode_box input:-moz-placeholder { color: #ddd; }
.home .mod_postcode_box input::-moz-placeholder { color: #ddd; }
.home .mod_postcode_box input:-ms-input-placeholder { color: #ddd; }


.home .mod_postcode_box .btn-success {
    float: none;
    margin:0 auto 12px;
    background: #83d95a;
    background: -moz-linear-gradient(top,  #83d95a 0%, #60c42f 45%, #4aae18 53%, #66bb3c 94%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#83d95a), color-stop(45%,#60c42f), color-stop(53%,#4aae18), color-stop(94%,#66bb3c));
    background: -webkit-linear-gradient(top,  #83d95a 0%,#60c42f 45%,#4aae18 53%,#66bb3c 94%);
    background: -o-linear-gradient(top,  #83d95a 0%,#60c42f 45%,#4aae18 53%,#66bb3c 94%);
    background: -ms-linear-gradient(top,  #83d95a 0%,#60c42f 45%,#4aae18 53%,#66bb3c 94%);
	background: linear-gradient(to bottom,  #83d95a 0%,#60c42f 45%,#4aae18 53%,#66bb3c 94%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83d95a', endColorstr='#66bb3c',GradientType=0 );
    font-size:36px;
    line-height:50px;
    border-radius:9px;
}
.home .mod_postcode_box .btn .caret {
    display:none;
}

footer a {
    color:#ccc;
}
footer a:hover {
    color:#fff;
}

#allergenpdf {
}

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


/* Styling for the app select popup */

.appSelect .modal-footer .btn { display: none !important; }
.appSelect .btn { margin-right: 10px !important; }


/* Large desktop */
@media (min-width: 980px) {
    header .navbar { padding-top:75px; }
}

@media (max-width: 979px) {
    .onebranch {
        position:absolute;
        max-width:120px;
    }
    .mod_postcode_box p.lead {
        font-size: 35px;
        line-height: 37px;
    }
    .home .mod_postcode_box .btn-success {
        font-size: 29px;
    }
}

 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	header .navbar { padding-top:55px; }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .ct_details_bar { display:none !important; }
	#logo { text-align:center; }
    .span6.row1 img,.span6.row2 img {
        width:100%;
    }
    .span6.row1 {
        padding-bottom:20px;
    }
    .navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus, .navbar .nav li.dropdown.open>.dropdown-toggle, 
    .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle,
    .navbar .nav > li > a, .dropdown-menu>li>a
    {
        font-weight:normal;
        text-shadow:none;
    }
    .nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a {
        padding: 9px 15px;
        font-weight: bold;
        color: #f7f7f7;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        font-weight: normal;
        text-align: center;
    }
    .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-color: #000000;
    }
    #zp-offcanvas-basket .btn {
        margin-bottom: 20px;
    }
    .btn-option .caret {
        margin-top: 5px;   
    }
    #zp-offcanvas-basket .text-success {
     	color: #6fe571 !important;   
    }
    #zp-offcanvas-basket .text-info {
     	color: #83ccf0 !important;   
    }
    #zp-offcanvas-basket .text-error,
    #zp-offcanvas-basket .text-danger {
    	color: #fa8a8a !important;
    }
    .loyaltypoints_box .row-credits .well {
     	border-radius: 0px !important;   
    }
    .trigger-paymentmethod .tick {
        color: #3db64b !important;   
    }
    #logo {
        padding-top: 50px;
    }
    header .btn-navbar {
     	background: #f6b020 !important;   
    }
    .members .loyalty-card > .span3 {
     	border-radius: 5px;
        margin-bottom: 10px;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    #logo {
        padding-top: 27px;
    }
}



/* PAULS EDITS */


@media (max-width: 767px) {
footer, .vendor { text-align:center !important;  }
footer .span4 { padding:10px 0; }
    #header, #mobile-header {
        background-position: center !important;
    }
    .status-CLOSED,
	.status-OPEN {
        display:none !important;
    }
    .onebranch {
        position: absolute;
        max-width: 90px;
    }
}

#responsive-food-menu .navbar .brand {
    text-shadow:none;
    color:#fff !important;
}

.contact-us h1 { display:none; }
#body { padding-top:10px; }


/* css */ 
.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;
}

.img-rounded img{
 	border-radius: 8px;   
}

.menu .btn-primary,
.menu .btn-primary:hover,
.menu .btn-primary:focus{
    background: #66030a !important;
}
.menu .btn-primary .text-info {
    color: #ffffff;
}


.btn{
background-image: none; 
    box-shadow:none;
    text-shadow:none;
}
.btn-success,
.btn-info,
.btn-danger,
.btn-warning, .btn-inverse, .btn-primary{
    border:0px;
}
.btn-danger, .alert.alert-danger, .alert.alert-error {
    background:#ec131a !important;
}
.btn-danger:hover, .btn-danger:focus {
    background:#ee2b31 !important;
}
.btn-success, .alert.alert-success {
    background:#3cb64b !important;
}
.btn-success:hover, .btn-success:focus {
    background:#52c661 !important;
}

.btn-info, .alert.alert-info {
    background:#35a4c5 !important;
    border: 1px solid #35a4c5;
}
.btn-info:hover, .btn-info:focus {
    background:#4ab0ce !important;
    border: 1px solid #4ab0ce;
}
.btn-inverse{
    background:#191919 !important;
}
.btn-inverse:hover, .btn-inverse:focus{
    background:#333333 !important;
}
.btn-primary {
    background:#004de6 !important;
}

.btn-primary:hover, .btn-primary:focus {
    background-color:#0055ff !important;
}
.btn-warning, .alert.alert-warning {
    background:#f87806 !important;
}

.btn-warning:hover, .btn-warning:focus {
    background-color:#f89406 !important;
}
.alert.alert-info.how-im-ordering, .hero-unit{
	background: #c62320 !important;
	background: -moz-linear-gradient(top,  #c62320 0%, #850f16 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c62320), color-stop(100%,#850f16) !important;
	background: -webkit-linear-gradient(top,  #c62320 0%,#850f16 100%) !important;
	background: -o-linear-gradient(top,  #c62320 0%,#850f16 100%) !important;
	background: -ms-linear-gradient(top,  #c62320 0%,#850f16 100%) !important;
	background: linear-gradient(to bottom,  #c62320 0%,#850f16 100%) !important;
}


/*.menu #mobile_food_menu_nav { z-index:9999999999999999 !important; }*/