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

body .visible-cambridge, body .visible-luton, body .visible-slough, body .visible-stevenage, body .visible-uxbridge, body .visible-walsall { display:none !important; } 
body .hidden-cambridge, body .hidden-luton, body .hidden-slough, body .hidden-stevenage, body .hidden-uxbridge, body .hidden-walsall { display:inherit !important; } 
body.shop_cambridge .hidden-cambridge, 
body.shop_luton .hidden-luton, 
body.shop_slough .hidden-slough, 
body.shop_stevenage .hidden-stevenage, 
body.shop_uxbridge .hidden-uxbridge, 
body.shop_walsall .hidden-walsall { display:none !important; }
body.shop_cambridge .visible-cambridge, 
body.shop_luton .visible-luton, 
body.shop_slough .visible-slough, 
body.shop_stevenage .visible-stevenage, 
body.shop_uxbridge .visible-uxbridge, 
body.shop_walsall .visible-walsall { 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: 'Raleway';
}
h1 {
	color: #ffffff;
	font-family: 'Francois One';
}
h2 {
	font-family: 'Francois One';
}
h3 {
	font-family: 'Francois One';
}
h4 {
	font-family: 'Francois One';
}
body {
	background-color: #5ba619;

	background-image:none;

	background-attachment: fixed;
}

header, #mobile-header {

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

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

.menu-container-home-delivery .collectoffer,
.orderfor-home-delivery .collectoffer,
.menu-container-collection .deloffer,
.orderfor-collection .deloffer {
    display: none;
}

/* --------- luton discount codes underbasket ---------- */
/* spend £26 monday and tuesday*/
.shop_luton.day_1 .spend26,
.shop_luton.day_2 .spend26 {
    display: block !important;
}

.shop_luton.day_3 .spend26,
.shop_luton.day_4 .spend26,
.shop_luton.day_5 .spend26,
.shop_luton.day_6 .spend26,
.shop_luton.day_0 .spend26 {
    display: none !important;
}

/* spend £27 wednesday thursday sunday */
.shop_luton.day_3 .spend27,
.shop_luton.day_4 .spend27,
.shop_luton.day_0 .spend27 {
    display: block !important;
}

.shop_luton.day_1 .spend27,
.shop_luton.day_2 .spend27,
.shop_luton.day_5 .spend27,
.shop_luton.day_6 .spend27 {
    display: none !important;
}

/* spend £28 friday saturday */
.shop_luton.day_5 .spend28,
.shop_luton.day_6 .spend28 {
    display: block !important;
}

.shop_luton.day_0 .spend28,
.shop_luton.day_1 .spend28,
.shop_luton.day_2 .spend28,
.shop_luton.day_3 .spend28,
.shop_luton.day_4 .spend28 {
    display: none !important;
}

.welcome .fivestar,
.navbar .thanks,
.thanks h1,
.ctrl-offcanvas_productmenu_canvas>p.text-center>img,
.pizzaimage,
.pull-left.ctrl-menutab,
.carousel-caption {
    display: none !important;
}

.page_menu #editSpecialDealModal .modal-body img.special-media-object {
    display: none !important;
}

.alert-offer-pm p {
    line-height: 120%;
}

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

.alert-offer-pm strong {
    font-size: 120%;
}

/*walsall discounts*/
.shop_walsall.day_1 .weekend,
.shop_walsall.day_2 .weekend,
.shop_walsall.day_3 .weekend,
.shop_walsall.day_4 .weekend {
    display: none;
}

.shop_walsall.day_5 .mon-thurs,
.shop_walsall.day_6 .mon-thurs,
.shop_walsall.day_5 .mon-thurs,
.shop_walsall.day_7 .mon-thurs {
    display: none;
}

.review-order h1,
.review-order {
    color: #333;
}

.text-error {
    color: #ffb7b6;
}

.text-warning {
    color: #FFF200;
}

body {
    background: rgb(56, 107, 2);
    background: -moz-linear-gradient(top, rgba(56, 107, 2, 1) 0%, rgba(144, 195, 46, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(56, 107, 2, 1)), color-stop(100%, rgba(144, 195, 46, 1)));
    background: -webkit-linear-gradient(top, rgba(56, 107, 2, 1) 0%, rgba(144, 195, 46, 1) 100%);
    background: -o-linear-gradient(top, rgba(56, 107, 2, 1) 0%, rgba(144, 195, 46, 1) 100%);
    background: -ms-linear-gradient(top, rgba(56, 107, 2, 1) 0%, rgba(144, 195, 46, 1) 100%);
    background: linear-gradient(to bottom, rgba(56, 107, 2, 1) 0%, rgba(144, 195, 46, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#386b02', endColorstr='#90c32e', GradientType=0);
}

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

.carousel-control {
    text-align: center;
    background: #f75a25;
}

.website-image.img-rounded img {
    border: solid 1px #fff;
    color: #fff;
    border-radius: 0;
}

header #logo {
    min-height: none;
    position: absolute;
}

header #logo img {
    margin-top: -34px;
}

#logo img {
    max-height: 155px;
}

header #logo {}

.home header #logo {
    margin-top: 30px;
}

header .navbar .brand {
    padding: 0px;
    margin-left: 0px;
    text-shadow: none;
}

#container header .ct_header_row .right_column .halalicon {
    float: right;
    margin: -45px 0 5px;

    img {
        height: 50px;
    }
}

#body {
    margin-top: 30px;
}

.home #body {
    margin-top: 50px;
}

/* Global */

/*.text-info {
    color: #0f3a4f;
}*/

em {
    color: #830032;
}

a:not(.btn),
footer .label-copyright a,
.toptopdetails a {
    color: #2a4f01;
    font-weight: 900;
    text-decoration: none;

    &:hover, &:focus {
        text-decoration: underline;
    }
}

a:is(.navbar .nav):hover, a:is(.navbar .nav):focus {
    text-decoration: none;
}

body {
    padding-bottom: 0px;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a,
.modal-footer,
.modal-header,
.popover-title {
    background: #121560;
    background: -moz-linear-gradient(top, rgba(18, 21, 96, 1) 2%, rgba(18, 21, 96, 1) 55%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, rgba(18, 21, 96, 1)), color-stop(55%, rgba(18, 21, 96, 1)));
    background: -webkit-linear-gradient(top, rgba(18, 21, 96, 1) 2%, rgba(18, 21, 96, 1) 55%);
    background: -o-linear-gradient(top, rgba(18, 21, 96, 1) 2%, rgba(18, 21, 96, 1) 55%);
    background: -ms-linear-gradient(top, rgba(18, 21, 96, 1) 2%, rgba(18, 21, 96, 1) 55%);
    background: linear-gradient(to bottom, rgba(18, 21, 96, 1) 2%, rgba(18, 21, 96, 1) 55%);
    color: #fff;
}

.modal-body h3,
.modal-body .lead,
.modal-body h4 {
    color: rgb(18, 21, 96);
}

.lead {
    line-height: 130%;
}

.modal-body {
    color: #000;
}

.modal-header .close {
    color: #fff;
    opacity: 0.5;
}

.gm-style-iw,
.popover {
    color: #1d1d1d;
}

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

.well {
    background: #f75a25;
    border: solid 1px #fff;
    color: #fff;
    border-radius: 0;
}

.well legend {
    color: #fff;
}

.ui-widget-content {
    border-color: #fff;
}

.contact-us .ui-widget-header {
    background: #f75a25;
}

.ctrl-offcanvas_productmenu_canvas a>h4,
.ctrl-offcanvas_productmenu_canvas a:hover {
    color: #ff6633 !important;
}

/* *************** */
/* TOP BAR DETAILS */
/* *************** */

#topbar {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 9px 0;
}

.toptopdetails {
    background: #99CC33;
    color: #fff;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.75);
}

.ct_local_branch_details,
.ct_user_status {
    margin: 0px !important;
    padding: 0px;
    min-height: 0px !important;
}

.local_branch em {
    font-weight: 900;
}

/* **** */
/* FONT */
/* **** */

.mod_postcode_box .lead,
.members legend,
.members .nav-header,
.main-menu li a,
#responsive-food-menu .brand,
.checkout h5,
button.btn-proceed-final,
.how-im-ordering {
    font-family: 'Francois One' !important;
}

/* ******** */
/* CHECKOUT */
/* ******** */

button.btn-proceed-final {
    font-size: 24px !important;
    padding: 15px;
    line-height: 105%;
    margin: 10px 0;
}

.checkout h5 {
    font-size: 17px !important;
    margin-bottom: 15px;
}

.checkout .btn-proceed-final+.muted {
    color: #fff;
}
.trigger-paymentmethod .muted {
    color: #8F8F8F !important;
}

.muted { color: #bdbdbd; }

.checkout .success {
    display: flex;
}
.checkout #checkoutVouchercode {
    flex-grow: 1;
}

.checkout #frmProceed .span4 .well:nth-child(1) {
    background: #fff;
    color: #1d1d1d;
}

.checkout .well .muted {}

.contact-us .ui-widget-content {
    background: #fff;
    color: #1d1d1d;
}

/* ************* */
/* DISPLAY NONEs */
/* ************* */

.home h1,
.home-about,
#body-bottom-hr,
.ct_phone,
.contact-us h1,
.checkout h2,
.page_welcome .halalicon,
.underfooter small,
.checkout .voucher_box span:nth-child(1),
.underfooter,
.welcome .toptopdetails,
.social_media_links {
    display: none;
}

/* ************ */
/* NAV (HEADER) */
/* ************ */

header {
    margin-top: 70px;
}

header .navbar-inner {
    background: #99CC33;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.4);
    border: none;
}

#opening-status,
header .nav.main-menu {
    float: right;
}

header .navbar-inner .caret {
    border-top-color: #fff !important;
    border-bottom-color: #fff !important;
}

header .navbar-inner .main-menu>li>a {
    color: #fff;
    text-transform: uppercase;
    text-shadow: 2px 1px 1px rgba(78, 129, 13, 1) !important;
    line-height: 42px;
    font-size: 24px;
    font-weight: normal !important;
}

.nav-collapse .dropdown-menu a {
    font-weight: normal !important;
}

.navbar .nav .dropdown-toggle .caret {
    margin-top: 18px;
}

header .navbar-inner .main-menu li a {}

header .navbar-inner .main-menu ul.dropdown-menu {}

/* Hover & Active */

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>a:focus,
header .navbar .nav>li>a:hover,
header .navbar .nav>.active>a,
header .navbar .nav>.active>a:hover,
header .navbar .nav>.active>a:focus {
    background: rgb(117, 168, 33);
    background: -moz-linear-gradient(top, rgba(117, 168, 33, 1) 0%, rgba(70, 121, 9, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(117, 168, 33, 1)), color-stop(100%, rgba(70, 121, 9, 1)));
    background: -webkit-linear-gradient(top, rgba(117, 168, 33, 1) 0%, rgba(70, 121, 9, 1) 100%);
    background: -o-linear-gradient(top, rgba(117, 168, 33, 1) 0%, rgba(70, 121, 9, 1) 100%);
    background: -ms-linear-gradient(top, rgba(117, 168, 33, 1) 0%, rgba(70, 121, 9, 1) 100%);
    background: linear-gradient(to bottom, rgba(117, 168, 33, 1) 0%, rgba(70, 121, 9, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#75a821', endColorstr='#467909', GradientType=0);
    color: #fff;

}

/* Hover Caret */

header .navbar .nav li.active.dropdown>a .caret,
header .navbar .nav li.dropdown>a:hover .caret,
header .navbar .nav li.dropdown>a:focus .caret {
    border-top-color: #fff !important;
    border-bottom-color: #fff !important;
}

/* Dropdown */

header .nav-collapse .nav>li>a:hover,
header .nav-collapse .nav>li>a:focus,
header .nav-collapse .dropdown-menu a:hover,
header .nav-collapse .dropdown-menu a:focus,
header .dropdown-menu>li>a:hover,
header .dropdown-menu>li>a:focus,
header .dropdown-submenu:hover>a,
header .dropdown-submenu:focus>a {
    background: rgb(117, 168, 33);
    background: -moz-linear-gradient(top, rgba(117, 168, 33, 1) 0%, rgba(70, 121, 9, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(117, 168, 33, 1)), color-stop(100%, rgba(70, 121, 9, 1)));
    background: -webkit-linear-gradient(top, rgba(117, 168, 33, 1) 0%, rgba(70, 121, 9, 1) 100%);
    background: -o-linear-gradient(top, rgba(117, 168, 33, 1) 0%, rgba(70, 121, 9, 1) 100%);
    background: -ms-linear-gradient(top, rgba(117, 168, 33, 1) 0%, rgba(70, 121, 9, 1) 100%);
    background: linear-gradient(to bottom, rgba(117, 168, 33, 1) 0%, rgba(70, 121, 9, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#75a821', endColorstr='#467909', GradientType=0);
    color: #fff;
    font-weight: 400;
    border: none;
}

header .navbar .btn-navbar {
    background: none;
    border: 0;
    box-shadow: none;
    padding-right: 0;
    
    &:hover, &:focus {
        background: none;
        
        .icon-bar {
            background-color: #121560;
        }
    }
}

.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: #f75a25;
}

li.menu .dropdown-menu {
    background: #99CC33;
}

li.menu .dropdown-menu>li>a {
    color: #fff;
    font-size: 19px;
}

.menu .tb-nav>li>a {
    color: #fff;
    line-height: 100%;
    text-transform: uppercase;
    font-family: 'Francois One' !important;
    font-size: 22px;
    text-shadow: 2px 1px 1px rgba(49, 50, 49, 0.49);
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    padding-right: 0 !important;
}

.btn.btn-option .caret {
    margin-top: 5px;
}

.ui-tabs-vertical.ui-tabs-menu li .ui-icon-close {
        margin: -2.15em 0.5em 0 0 !important;
}
/* *************** */
/* NAV (MENU PAGE) */
/* *************** */

#responsive-food-menu.affix {
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
}

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

.icon-search {
    filter: brightness(100);
    position: relative;
    top: 2px;
}

#responsive-food-menu .navbar-inner {
    background: rgba(153, 204, 51, 1) !important;
    color: #fff;
    border: rgba(0, 0, 0, 0.9) !important;
}

.menu .ui-tabs-menu.ui-tabs.ui-widget.ui-widget-content.ui-corner-all {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-color: rgba(153, 204, 51, 1) !important;
    border-top: none;
}

.halalunderbasket {
    width: 100%;
    text-align: center;

    img {
        width: 25%;
    }
}

/* ******** */
/* POSTCODE /*
/* ******** */

.mod_postcode_box {
    background: rgb(209, 53, 49);
    border: solid 1px rgba(134, 190, 64, 1) !important;
    background: -moz-linear-gradient(top, rgba(209, 53, 49, 1) 0%, rgba(174, 26, 21, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(209, 53, 49, 1)), color-stop(100%, rgba(174, 26, 21, 1)));
    background: -webkit-linear-gradient(top, rgba(209, 53, 49, 1) 0%, rgba(174, 26, 21, 1) 100%);
    background: -o-linear-gradient(top, rgba(209, 53, 49, 1) 0%, rgba(174, 26, 21, 1) 100%);
    background: -ms-linear-gradient(top, rgba(209, 53, 49, 1) 0%, rgba(174, 26, 21, 1) 100%);
    background: linear-gradient(to bottom, rgba(209, 53, 49, 1) 0%, rgba(174, 26, 21, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d13531', endColorstr='#ae1a15', GradientType=0);
    color: #fff;
}

.mod_postcode_box .muted {
    color: #fff;
}

.mod_postcode_box ul.dropdown-menu {
    background: #51a351;
    color: #fff;
}

.mod_postcode_box ul.dropdown-menu a {
    color: #fff;
}

.mod_postcode_box ul.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a {
    background: #fff;
    color: #51a351;
    font-weight: bold;
    text-shadow: none;
}

.mod_postcode_box .lead {
    text-transform: uppercase;
    font-size: 36px;
    line-height: 100%;
    text-shadow: 1px 1px 1px rgba(121, 1, 29, 1);
    margin-bottom: 13px;
}

/* ************* */
/* OPEN & CLOSED */
/* ************* */

.status-CLOSED,
.status-OPEN {}

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

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

/* ********** */
/* BOTTOM ROW */
/* ********** */

.bottomrow {
    background: #f75a25;
    text-align: center;
    border-top: solid 2px #f75a25;
    color: #fff;
    font-size: 21px;
    line-height: 120%;
    font-weight: 200;
    padding: 32px 0;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.4);
}

.imagetab {
    background: url('/myimages/250/zpos-bg-ChickenWings.jpg') no-repeat;
    background-size: cover;
}

.imagetab>p {
    font-size: 35px;
    color: #fff;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 1);
    line-height: 110%;
    max-width: 1100px;
    text-align: center;
    margin: 0 auto;
    padding: 30px 0;
}

/* ****** */
/* FOOTER */
/* ****** */

footer .label-copyright {
    color: #3A6D03;
}

footer,
.bottomrow .slides,
.underfooter div {
    max-width: 1170px;
    margin: 0 auto;
}

.footerwrap {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
    margin-top: 30px;
}

.home .footerwrap {
    margin-top: 0px;
}

footer {
    padding: 20px;
}

/* ************ */
/* UNDER FOOTER */
/* ************ */

.underfooter {
    padding: 10px 0;
    background: #fff;
    text-align: center;
}

.underfooter img {
    max-width: 32px;
}

.underfooter a {
    background-color: transparent;
    background: none;
    border: none;
    box-shadow: none;
}

/* ***          *** */
/* *** MEMBERS  *** */
/* ***          *** */
/* ***          *** */

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



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

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

.members .span9,
.members .sidebar-nav {
    color: #fff;
}

.members .section-my-profile h1 {
    padding: 20px 0px;
}

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

.members .well .muted {
    color: #fff;
}

.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: #000066;
}

.members .hero-unit a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}

/* ****** */
/* ALERTS */
/* ****** */

.menu-selection .alert,
.how-im-ordering {
    background-color: #F15922;
    border-color: #fff;
    color: #FFFFFF;
    text-shadow: none;
}

.alert.how-im-ordering {
    text-align: left;
    background: #D60D0D !important;
    border-color: #fff !important;
}

.alert-success,
.alert {
    background-color: #d60d0d;
    border-color: #d60d0d;
    color: #ffffff;
}

.alert {
    text-align: center;
    background: #6D6D6D;
    border: 1px solid #333;
    
    .lead {
        font-size: 18px;
    }

    .close {
        color: #fff !important;
        opacity: 0.5;
        
        &:hover, &:focus {
            opacity: 0.75;
        }
    }

    &.alert-success {
        background: #0b510b;
    }

    &.alert-warning {
        background: #F75A25;
    }

    &.alert-danger {
        background: #D60D0D;
    }

    &.alert-info {
        background: #1B64A8;
    }
}

.well.sys-message {
    text-align: center;
    background: #6D6D6D;
    color: #fff;
    border: 1px solid #333;

    .close {
        color: #fff;
        opacity: 0.5;
    }
}

.how-im-ordering h2 {
    color: #fff;
}

.how-im-ordering a {
    color: #121560;
    
    small {
        color: #121560;
    }
}

.how-im-ordering h3,
.how-im-ordering small {
    text-shadow: none;
}

.order-complete-title.text-success {
    color: #99CC33;
}

/* ******* */
/* BUTTONS */
/* ******* */
/* ********** */
/* CONTACT US */
/* ********** */
/* MENU STYLEING */
/* ***** */
/* FIXES */
/* ***** */

.contact-us .ui-widget-content a {
    color: #1d1d1d;
}

#ctl-forgotPassword {
    text-shadow: none;
    font-size: 12px;
    /*color:#fff;*/
}

#editProductModal .modal-body .well {
    background: transparent !important;
    background-color: transparent !important;
    color: #1d1d1d;
}

.navbar.affix .navbar-inner {
    border-left: none !important;
    border-right: none !important;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
}

.row-odd,
.row-product:hover {
    background: transparent;
}

.table-hover tbody tr:hover>td,
.table-hover tbody tr:not(.ui-state-highlight):hover>th {
    background: #ffcab8;
}

.table-hover tbody tr:is(.ui-state-highlight):hover>th, .table-hover tbody tr:is(.ui-state-highlight):hover>td {
    background: transparent;
}

.table-striped tbody>tr:nth-child(odd)>td,
.table-striped tbody>tr:nth-child(odd)>th {
    /*background:#3b89ca;*/

    background: none;
}

.menu h1 {
    font-size: 72px;
    text-align: center;
    padding: 30px;
    line-height: 100%;
    color: #fff;
}

.navbar .brand {
    padding: 11px 20px 10px;
}

.cat-desc {
    text-shadow: none;
}

.cat-desc.lead small.muted {
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    display: block;
    line-height: 1.4;
}

/* *** Discount Banners*** */
.menu-container-home-delivery .collectoffer,
.orderfor-home-delivery .collectoffer,
.menu-container-collection .deloffer,
.orderfor-collection .deloffer {
    display: none;
}

/* ***              *** */
/* ***              *** */
/* *** MEDIA QUERYS *** */
/* ***              *** */
/* ***              *** */
/* Large desktop */

@media (min-width: 1200px) {
    ...
}

@media (max-width: 1200px) {
    .page_menu .website-image {
        text-align: center;
    }
}

@media (max-width: 979px) and (min-width: 767px) {
    .members select {
    	width: 196px;
	}
    
    #loginSigninOrder {
        margin-top: 5px;
    }
}

/* Desktop */

@media (min-width: 979px) {
    .pizzaimage {
        display: none;
        position: absolute;
        margin-top: -310px;
        margin-left: 300px !important;
        z-index: -1;
        display: inherit !important;
    }
}

/* Not Desktop */

@media (max-width: 979px) {
    .home .website-image {
        text-align: center;
    }

    header #logo {
        position: inherit;
        text-align: center;
    }

    .home header #logo {
        margin-top: 0px;
    }

    header #logo>img {
        margin-top: 0px;
    }

    header .navbar-inner .main-menu>li>a,
    .nav-collapse .dropdown-menu a {
        text-shadow: none !important;
        text-align: center;
    }

    #opening-status,
    header .nav.main-menu {
        float: none;
    }
    
    .menu #basket-container .order-checkout {
        margin-top: 10px;
    }

    .ct_local_branch_details.span6,
    .ct_user_status.span6 {
        text-align: center !important;
        width: 100%;
    }

    body {
        padding-left: 0px;
        padding-right: 0px;
    }

    .imagetab {
        border-top: solid 1px #fff;
    }

    .column_modules {
        padding: 0 20px;
    }

    .home #body {
        margin-top: 0;
    }

    .home .fivestar {
        text-align: center;
        /* clear: both; */
        float: none;
        margin: 0px auto 10px;
        max-width: 100px;
    }

    .visible-desktop {
        display: none !important;
    }
    
    /* Checkout page layout fix */
    checkout #body > .container > .row-fluid {
        width: 100%;
        max-width: 600px;
        margin: 0px auto;
    }
    
    .checkout #body > .container > .row-fluid > [class*="span"], .checkout #frmProceed > [class*="span"] {
        width: 100% !important;
        margin-left: 0px;
    }
    
    .checkout .website-image {
        text-align: center;
    }
}

/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) {
    .home .row-fluid [class*="span"] {
        width: 100%;
        margin-left: 0;
        text-align: center !important;
    }

    .home footer .span4 {
        padding: 10px 0;
    }
}

/* Landscape phone to portrait tablet */

@media (max-width: 767px) {

    footer,
    .vendor {
        text-align: center !important;
    }
    
    .alert .lead {
        font-size: 14px;
    }

    footer .span4 {
        padding: 10px 0;
    }

    .pm-mobile-center img {
        text-align: center;
        margin: 0 auto;
    }

    .ad {
        text-align: center;
    }

    .bottomrow,
    .carousel-control {
        display: none;
    }

    .imagetab>p {
        font-size: 21px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .welcome h1,
    .welcome h2 {
        text-align: center;
    }

    #welcome-row-fluid-outer {
        max-width: 90%;
        margin: 0 auto;
    }

    /*.ct_header_row .right_column {
        margin-top: 50px;
    }*/

}

/* Landscape phones and down */

@media (max-width: 480px) {
    .mod_postcode_box>.input-append {
        width: 70%;
        margin-left: -70px;
    }
}

#basket-container .ui-widget-content {
    background: #fff;
    color: #1d1d1d;
}

/* BTN SUCCESS */

.btn-success {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #31BD0E;
    background-image: -moz-linear-gradient(top, #31BD0E, #25920B);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#31BD0E), to(#25920B));
    background-image: -webkit-linear-gradient(top, #31BD0E, #25920B);
    background-image: -o-linear-gradient(top, #31BD0E, #25920B);
    background-image: linear-gradient(to bottom, #31BD0E, #25920B);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#31BD0E', endColorstr='#25920B', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn[disabled] {
    background-color: #31BD0E;
    background-image: none;
}

/*BTN DANGER */

.btn-danger {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #FE2626;
    background-image: -moz-linear-gradient(top, #FE2626, #B70303);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FE2626), to(#B70303));
    background-image: -webkit-linear-gradient(top, #FE2626, #B70303);
    background-image: -o-linear-gradient(top, #FE2626, #B70303);
    background-image: linear-gradient(to bottom, #FE2626, #B70303);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
    border-color: #0000001a #0000001a #00000040;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FE2626', endColorstr='#B70303', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
}

.menu-selection .btn {
    font-weight: 900;
    font-family: "Francois One";
    font-size: 24px;
}


.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn[disabled] {
    background-color: #FE2626;
    background-image: none;
}

.openingstatusMobile div {
    text-align: center;
    padding: 10px 0;
    text-transform: uppercase;
}

.openingstatusMobile .status-CLOSED,
#opening-status.status-CLOSED,
#opening-status.status-CLOSED:hover,
#opening-status.status-CLOSED:focus {
    background: rgb(169, 3, 41);
    background: -moz-linear-gradient(top, rgba(169, 3, 41, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(169, 3, 41, 1)), color-stop(44%, rgba(143, 2, 34, 1)), color-stop(100%, rgba(109, 0, 25, 1)));
    background: -webkit-linear-gradient(top, rgba(169, 3, 41, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%);
    background: -o-linear-gradient(top, rgba(169, 3, 41, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%);
    background: -ms-linear-gradient(top, rgba(169, 3, 41, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%);
    background: linear-gradient(to bottom, rgba(169, 3, 41, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a90329', endColorstr='#6d0019', GradientType=0);
    color: #fff !important;
    text-shadow: none !important;
}

.openingstatusMobile .status-OPEN,
w #opening-status.status-OPEN {
    background: rgb(255, 124, 81);
    background: -moz-linear-gradient(top, rgba(255, 124, 81, 1) 0%, rgba(255, 102, 51, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 124, 81, 1) 0%, rgba(255, 102, 51, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 124, 81, 1) 0%, rgba(255, 102, 51, 1) 100%);
    color: #fff !important;
    text-shadow: none !important;
}

#opening-status.status-OPEN:hover, #opening-status.status-OPEN:focus {
    background: #d6e9c6;
    border-color: #dff0d8;
}

.btn-group,
textarea,
input,
.btn,
.alert,
button {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.fivestar {
    max-width: 160px;
    float: right;
    /* margin-bottom: 20px; */
    /* display: none; */

    margin: -59px 0 5px;
    margin-right: 10px !important;
}

/**CHANGES COL OF LOYALTY POINTS BOX**/

.loyaltypoints_box .lead {
    color: #121560;
    font-size: 30px !important;
}

.loyaltypoints_box p {
    color: #121560;
}

.loyaltypoints_box .ui-widget-header {
    border: 1px solid #090;
    border-bottom: 0;
}

.loyaltypoints_box label.checkbox.text-left {
    color: #121560;
}

/*read more*/

.loyaltypoints_box .ctl-pointsoptions a {
    color: #121560;
    font-weight: bold;
    text-shadow: none;
}

/* WELCOME */
.welcome {}

.welcome h1 {
    font-size: 62px;
    line-height: 110%;
    margin-top: 20px;
}

.welcome h2 {
    font-size: 22px;
}

.carousel-control {
    top: 90%;
}

.welcome .openingstatusMobile {
    display: none !important;
}

.ui-widget-content .blockUI a {
    color: #f75a25;
}

/*WELCOME PAGE REWORK 12/2024*/
body.welcome {
    background: #f1f1f1;
}

.welcome h1 {
    color: #000066;
}

.welcome h2 {
    color: #FF6633
}

.welcome .footerwrap {
    background: #000066;
    box-shadow: none;
    padding: 11px 0px 22px 0px;
}

.welcome footer .label-copyright,
.welcome footer .label-copyright a {
    color: #FFF;
}

.welcome #list_branches .branch-select {
    margin: 5px 0px;
}

.welcome #list_branches .branch-select a {
    background: #99CC33;
    border: none;
}

.welcome .well {
    background: #f75a25;
    border: none;
}

.welcome #list_branches .branch-select a:hover,
.welcome #list_branches .branch-select a:focus {
    background: #a1db2c;
}



.shop_cambridge #container-category-6964,
.shop_slough #container-category-9633,
.shop_uxbridge #container-category-9633,
.shop_walsall #container-category-9633,
.shop_stevenage #container-category-9633,
.shop_slough #container-category-9278 img.thumbnail,
.shop_uxbridge #container-category-9278 img.thumbnail,
.shop_cambridge #container-category-9278 img.thumbnail {
    /*display:none !important; */
    display: none;
}

.shop_walsall .product-93218 img.thumbnail,
.shop_walsall .product-93216 img.thumbnail,
.shop_walsall .product-93231 img.thumbnail,
.shop_walsall .product-93228 img.thumbnail,
.shop_walsall .product-93238 img.thumbnail {
    display: block !important;
}

.menu .tb-nav>li>a#ui-id-9 {
    font-size: 22px;
}

#responsive-food-menu .ctrl-offcanvas_productmenu_toggle_bridge_mobile2_ {
    background: none;
    span {
        color: #2a4f01;
        font-family: 'Raleway';
        font-weight: 900;
        text-decoration: none;
    }
    
    &:hover, &:focus {
        background: none;
        
        span {
            color: #2a4f01;
            text-decoration: underline;
        }
    }
}

.navbar-affix-container {
    height: 41px;
}

.foodhygiene {
    margin: 0 auto;
    width: 280px;
    padding: 0px 0px 20px;
}

.btn-facebook {
    transition: all 0.3s;
}

.btn-facebook:hover,
.btn-facebook:focus {
    background: transparent;
}

.btn-facebook:hover {
    transform: translateY(2px);
}

.social_media_links {
    text-align: center;
}

.shop_walsall .social_media_links {
    display: block !important;
}

.home .underfooter {
    display: block;
}

.underfooter {
    background: none;
    padding: 20px;
    position: relative;
    top: -20px;
}

.btn-facebook {
    transform: none !important;
    transition: none !important;
}

.page_error-404 #bodywrapper,
.page_review-order #bodywrapper,
.page_menu #bodywrapper{
    min-height: 65vh;
}

.loyalty-card>div.col3,
.loyalty-card>div.col4 {
    background: #311207;
}