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

body .visible-burnage { display:none !important; } 
body .hidden-burnage { display:inherit !important; } 
body.shop_burnage .hidden-burnage { display:none !important; }
body.shop_burnage .visible-burnage { 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: 'Open Sans';
}
h1 {
	font-family: 'Alegreya Sans';
}
h2 {
	font-family: 'Alegreya Sans';
}
h3 {
	font-family: 'Alegreya Sans';
}
h4 {
	font-family: 'Open Sans';
}
body {
	background-color: #941e1a;

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

	background-attachment: fixed;
	background-position: center center;
}

header, #mobile-header {

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

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

/* DISPLAY NONES */

.checkout h2,
.home-about,
#body-bottom-hr,
.ct_phone,
.home h1,
.contact-us h1,
.ct_header_row,
.order,
.social_media_links small {
    display: none;
}

/* Carousel Caption Text Test */
#myCarousel {
    border: 2px solid #fff;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
}
#myCarousel .carousel-caption {
    background: #931D1B;
    font-family: "Qhytsdakx" !important;
    text-align: center;
    padding: 7px 60px 15px;
    color: #fff;
    
    h2, h3, h4 {
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);

        font-family: inherit;
        text-transform: uppercase;
        line-height: 100%;
        font-weight: normal;
    }
    
    h2 {
        font-size: 54px;
    }
    
    h3 {
        font-size: 36px;
    }
    
    p {
        font-size: 24px;
        line-height: 100%;
    }
}

/*.home .sys-alert.sys-message {
    margin: 20px 0px;
    text-align: center;
    background: #2cb456;
    color: #fff;
    text-shadow: none;
    border: 2px solid #fff;
}*/

/* TYPOGRAPHY / FONT */

.menu h1 {
    color: #fff;
    text-align: center;
    margin-top: 20px;
}

a:not(.btn, .nav-list>li>a, .ui-tabs a, .dynamic-desc a, .navbar .brand, .uk-close, .carousel-control), .label-copyright a, .ui-widget-content:not(.ui-tabs) a {
    color: #efe907 !important;
    
    &:hover, &:focus {
        text-decoration: underline;
    }
}

/* HEADER / FOOTER */
#topbar {
    width: 100%;
    height: 25px;
    max-width: 1170px;
    margin: 0 auto;
}

.toptopdetails {
    background-color: rgba(122, 10, 7, 0.8);
    color: #fff;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    height: 40px;
    margin-bottom: 20px;
}

.ct_local_branch_details,
.ct_user_status {
    margin: 0px !important;
    line-height: 35px !important;
}

#container {
    background: none;
    padding: 0px;
    box-shadow: none;
    border-radius: none;
}

#body {
    margin-top: 25px;
}

.home #body {
    background: #7a0907;
    padding: 15px;
    /*margin-top: 0px !important;*/
}

.navbar .btn-navbar {
    text-shadow: unset;
}

header .navbar .nav>li:hover,
header .navbar .nav>li:focus,
header .navbar .nav>.active>a,
header .navbar .nav>.active>a:hover,
header .navbar .nav>.active>a:focus {
    text-decoration: underline;
}

header .navbar .nav>li:hover,
header .navbar .nav>li:focus,
header .navbar .nav>.active>a,
header .navbar .nav>.active>a:hover,
header .navbar .nav>.active>a:focus {
    background: transparent;
    color: #fff !important;
    box-shadow: none;
}

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

header .nav li a .caret {
    border-top-color: #fff !important;
    border-bottom-color: #fff !important;
}

header ul.nav.main-menu {
    width: 100%;
}

.logohere img {
    position: absolute;
    top: -69px;
    z-index: 1000;
}


header ul li.menu ul.dropdown-menu {
    background: #6f0505;
    color: #fff;
}

header ul li.menu ul.dropdown-menu li a {
    padding: 10px 20px !important;
}

li.home-delivery:hover a,
li.collection:hover a {
    background-color: #990d13 !important;
    background: #990d13 !important;
}


header .navbar-inner {
    background: #6f0505;
    border: 7px solid rgba(122, 10, 7, 0.8);
    padding: 0;
}

header .navbar-inner .nav>li a {
    text-shadow: none !important;
    color: #fff !important;
    font-weight: bold;
    font-size: 21px;
    text-transform: uppercase;
}

li#logo {
    max-height: 20px;
}

li#logo a {
    position: relative;
    top: -60px;
    z-index: 100;
}

.nav-list>.active>a,
.nav-list>.active>a:hover,
.nav-list>.active>a:focus,
.nav.nav-list>li>a:hover,
.nav.nav-list>li>a:focus {
    background: #5e0c0d;
    color: #fff;
}

footer {
    margin-top: 35px;
}

.label-copyright {
    color: #fff;
}

/* GLOBALS */
.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: transparent;
}

.social_media_links {
    max-width: 1000px;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    
    img {
        max-width: 32px;
        &:hover {
            max-width: 32px;
        }
    }
}

.social_media_links a {
    background-color: transparent;
    background: none !important;
    border: none !important;
    box-shadow: none;
    padding: 0px;
    width: 45px !important;
}

.text-info {
    color: #5bc0de;
}

.muted {
    color: #b9b9b9;
}

.help-block, .help-inline {
    color: #ffffff;
}

.media-address:hover {
    background: #ffffff3d !important;
    
    .fa-times {
        color: #7b2827;
    }
}

em {
    color: #fff;
}

select {
    max-width: 206px;
    width: unset;
}

.ui-dialog .ui-dialog-titlebar-close {
    top: 45%;
}

#dlgResetPassword .form-group {
    color: #000;
}

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

.loyaltypoints_box .btn-link:hover,
.loyaltypoints_box .btn-link:focus {
    color: #ffe428;
}

.tablogo {
    text-align: center;
}

/* OPEN / CLOSED STATUS */
.status-CLOSED,
.status-OPEN {
    position: absolute;
    top: 0px;
    right: 10px;
    -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: 6px 16px 8px 16px !important;
}

.status-CLOSED {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.status-OPEN {
    color: #dff0d8;
    background-color: #d6e9c6;
    border-color: #dff0d8;
}

/* HOME PAGE */
.home .order {
    position: relative;
    display: block;
}

.order a {
    position: absolute;
    top: -480px;
    left: -30px;
}

.mod_postcode_box .lead {
    color: #1d1d1d;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 26px;
}

.mod_postcode_box {
    background: rgb(180, 227, 145);
    background: -moz-linear-gradient(-45deg, rgba(180, 227, 145, 1) 0%, rgba(97, 196, 25, 1) 50%, rgba(180, 227, 145, 1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(180, 227, 145, 1)), color-stop(50%, rgba(97, 196, 25, 1)), color-stop(100%, rgba(180, 227, 145, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(180, 227, 145, 1) 0%, rgba(97, 196, 25, 1) 50%, rgba(180, 227, 145, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(180, 227, 145, 1) 0%, rgba(97, 196, 25, 1) 50%, rgba(180, 227, 145, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(180, 227, 145, 1) 0%, rgba(97, 196, 25, 1) 50%, rgba(180, 227, 145, 1) 100%);
    background: linear-gradient(135deg, rgba(180, 227, 145, 1) 0%, rgba(97, 196, 25, 1) 50%, rgba(180, 227, 145, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4e391', endColorstr='#b4e391', GradientType=1);
    border: solid 2px #fff;
    background-size: cover;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    margin-bottom: 0px;
    border-radius: 0px;
}

.mod_postcode_box .muted {
    color: #1d1d1d;
}

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

.homead img {
    width: 100%;
}

.contact-us .gm-style-iw {
    color: #1d1d1d;
}

#myCarousel {
    margin-bottom: 0px;
}

.menu .alert:not(.sys-message),
.menu .span8 .alert.alert-info:not(.sys-message) {
    background: #fff;
    color: rgb(157, 16, 22);
}

/* MEMBERS PAGE */

#frmLogin legend,
#frmRegister legend {
    color: #fff;
    font-size: 26px;
}

.members .well:not(.sys-message) {
    background: transparent;
}

.members .sidebar-nav,
.members .sidebar-nav a {
    text-shadow: none;
    color: #fff;
}

.members .nav-header {
    color: #fff;
}

.members [class^="icon-"], .members [class*=" icon-"], .contact-us [class^="icon-"], .contact-us [class*=" icon-"], .icon-search {
    filter: brightness(100);
}

.members .span9 {
    border: solid 1px #fff;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.members .span9 legend {
    color: #fff;
}

.members .hero-unit {
    background-color: #480709;
}

/* MENU PAGE */
.ctrl-offcanvas_productmenu_toggle_bridge_mobile2_ {
    float: right;
    margin-right: 7px;
}

#responsive-food-menu .caret {
    border-top-color: #fff !important;
    border-bottom-color: #fff !important;
}

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

.menu #basket-container .ui-widget-content {
    background: #fff;
    color: #000;
}

#basket-container~.website-image, .checkout .well-basket~.website-image {
    text-align: center;
}

.btn-proceed-final+.muted {
    color: #fff;
}

.checkout .well-how-pay em {
    color: #000;
}

.checkout .inner-wrapper {
    padding: 20px;
}

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

.contact-us .span8 .well,
.box-opening-hours h3,
.box-contact-information h3,
#basket-container,
.members #frmRegister,
.members #frmLogin,
.members .span9,
.members .sidebar-nav {
    color: #fff;
    background: rgb(157, 16, 22);
    background: -moz-linear-gradient(-45deg, rgba(157, 16, 22, 1) 1%, rgba(157, 16, 22, 1) 54%, rgba(120, 20, 20, 1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(1%, rgba(157, 16, 22, 1)), color-stop(54%, rgba(157, 16, 22, 1)), color-stop(100%, rgba(120, 20, 20, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(157, 16, 22, 1) 1%, rgba(157, 16, 22, 1) 54%, rgba(120, 20, 20, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(157, 16, 22, 1) 1%, rgba(157, 16, 22, 1) 54%, rgba(120, 20, 20, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(157, 16, 22, 1) 1%, rgba(157, 16, 22, 1) 54%, rgba(120, 20, 20, 1) 100%);
    background: linear-gradient(135deg, rgba(157, 16, 22, 1) 1%, rgba(157, 16, 22, 1) 54%, rgba(120, 20, 20, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d1016', endColorstr='#781414', GradientType=1);
}

.ui-tabs-menu.ui-tabs.ui-widget.ui-widget-content.ui-corner-all .ui-tabs-panel.ui-widget-content.ui-corner-bottom .row-product {
    background: transparent !important;
}

.popover,
.popover-title {
    color: #1d1d1d !important;
}

.popover-title {
    font-size: 22px;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a,
#responsive-food-menu.navbar .nav li.dropdown.open>.dropdown-toggle,
#responsive-food-menu.navbar .nav li.dropdown.active>.dropdown-toggle,
#responsive-food-menu.navbar .nav li.dropdown.open.active>.dropdown-toggle {
    background-color: #990d13 !important;
    background: #990d13 !important;
    color: #fff;
}

#responsive-food-menu .navbar-inner .container a.dropdown-toggle {
    color: #fff;
    text-shadow: none;
}

#responsive-food-menu .navbar-inner {
    background: #6f0505 !important;
    color: #fff;
}

/* OTHER PAGES */
.order-complete .jumbotron .lead {
    color: #fff;
}

.order-complete .p-last-minute {
    color: #fff;
}

/* MEDIA QUERIES */
@media (max-width: 480px) {
    .carousel-caption h2 {
        font-size: 38px !important;
    }
    .carousel-caption h3 {
        font-size: 28px !important;
    }
    #myCarousel .carousel-caption {
        height: 180px;
    	align-content: center;
    }
}

@media (max-width: 767px) {
    .mod_postcode_box {
        margin-top: 20px;
    }

    footer,
    .vendor {
        margin: 15px 0;
        text-align: center !important;
    }
    
    .menu .basket-buttons .btn:first-child {
        margin-bottom: 10px;
    }
}

@media (max-width: 979px) {
    li#logo {
        display: none !important;
    }

    .mod_postcode_box {
        clear: both;
    }
    
    #myCarousel .carousel-caption {
        padding-left: 40px;
        padding-right: 40px;
    }

    .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: #990d13;
        color: #fff;
    }

    .navbar .btn-navbar:not(.ctrl-offcanvas_productmenu_toggle_bridge_mobile2_) {
        background: unset;
        text-shadow: none;
        border: 0;
        box-shadow: unset;
        
        &:hover, &:focus {
            background-color: unset;
            
            .icon-bar {
                background-color: #efe907;
            }
        }
    }
}

@media (min-width: 980px) {
    header .navbar {
        margin-bottom: 20px !important;
    }

    header .navbar-inner .nav>li a {
        text-shadow: none !important;
        float: none;
        display: inline-block;
        padding: 0px !important;
        color: #fff !important;
        text-align: center;
        font-weight: bold;
        font-size: 21px;
        text-transform: uppercase;
    }

    .navbar .nav {
        margin-right: 0;
        text-align: center;
    }

    header ul.nav.main-menu li {
        width: 19%;
        margin: 0;
        line-height: 39px;
    }

    .home .container,
    .home .navbar-static-top .container,
    .home .navbar-fixed-top .container,
    .home .navbar-fixed-bottom .container {
        width: 942px;
    }

    .mod_postcode_box {
        border: none !important;
        background: url("/myimages/159/postbg.png") no-repeat !important;
        background-size: cover !important;
        height: 140px;
        padding: 0px !important;
        margin: 20px 0 !important;
    }

    .mod_postcode_box .input-append {
        margin-bottom: 5px;
    }

    .mod_postcode_box .lead {
        margin-bottom: 0px;
        color: #282726 !important;
        padding: 12px 0;
    }
    
    .ctrl-offcanvas_productmenu_toggle_bridge_mobile2_ {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .checkout .row-fluid .span4, .checkout .row-fluid .span5, .checkout .row-fluid .span3 {
        width: 100%;
    	margin-left: 0;
    }
}