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

body .visible-swindon { display:none !important; } 
body .hidden-swindon { display:inherit !important; } 
body.shop_swindon .hidden-swindon { display:none !important; }
body.shop_swindon .visible-swindon { 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: 'Montserrat';
}
h1 {
	font-family: 'Montserrat';
}
h2 {
}
h3 {
}
h4 {
}
body {


	background-attachment: scroll;
}

header, #mobile-header {

	background-attachment: scroll;
}

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

#preorderBanner,
.well-special-requests,
.preorderBanner{
    display:none !important;
}



/*---------------------fonts---------------------*/
a, a:hover, a:focus, .well-basket h4, .well-basket .muted, em, .text-emphasis, .jumbotron .text-warning {
    color: #27314a;
}

/*---------------------caret colour---------------------*/

.navbar .nav li.dropdown>.dropdown-toggle .caret,
.navbar .nav li.dropdown.open>.dropdown-toggle .caret,
.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,
.navbar .nav li.dropdown.open.active>.dropdown-toggle:hover .caret,
.navbar .nav li.dropdown.active>.dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret,
.navbar .nav li.dropdown.active>.dropdown-toggle:hover .caret{
    border-top-color: #fff;
}

.navbar .nav li.dropdown.open>.dropdown-toggle .caret,

.navbar .nav li.dropdown.open>.dropdown-toggle:hover .caret,
.navbar .nav li.dropdown>.dropdown-toggle:hover>.caret,
.navbar .nav li.dropdown>a:hover .caret,
.navbar .nav li.dropdown>a:focus .caret,
.navbar .nav>.active>a .caret, 
.navbar .nav>.active>a:hover .caret,
.navbar .nav>.active>a:focus .caret,
.navbar .nav>li>a:focus .caret,
.navbar .nav>li>a:hover .caret {
    border-top-color: #e64141;
}   

/*---------------------nav list---------------------*/
.nav-header,
.nav-list>li>a {
    color: #687480;
}

.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: #27314a;
    color: #fff;
}

/* ****************************************** */


.alert.alert-info .label {
    background: #555c67;
}

.cat-desc,
.menu-selection .alert {
    background:#07323d !important;
}
.checkout #basket .text-info { color: #b1c9ee !important; }
.checkout .well .text-info {
    color: #b4c8cd;
}
.checkout #basket .text-success {
    color: #079a07;
}



/* how im ordering */
.how-im-ordering a {
    color: #27314a !important;
    background:#07323d !important;
}


.btn-order {
    padding: 6px 8px !important;
}

/* ********************** */
/* PRIMARY COLOR - 27314a */
/* ********************** */
.p-last-minute,
#responsive-food-menu .navbar-inner .brand,
.jumbotron .lead,
.jumbotron .lead a,
.well-basket table,
.well-basket .table-striped tbody>tr:nth-child(odd)>td,
.well-basket .table-striped tbody>tr:nth-child(odd)>th,
.well-basket .table-hover tbody tr:hover>td,
.well-basket .table-hover tbody tr:hover>th,
.well-basket table .muted,
.page_menu.delivers_0 li.menu a,
.checkout li.menu a,
.menu #basket-container .text-info,
.checkout #basket .text-info,
.ui-widget-content h4,
.ui-widget-content h3 {
    color:#292929 !important;
}
.popover .popover-title,
.ui-state-highlight:hover th,
.ui-state-highlight:hover td{ 
    background:#292929 !important;
    color:#fff !important;
}

.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
	color: #303030; 
}

.checkout .btn.btn-warning.btn-block {
    background: #ff9c07 !important
}

.checkout .btn.btn-warning.btn-block:hover,
.checkout .btn.btn-warning.btn-block:focus {
	background: #d86e00 !important;	
}

.contact-us .ui-state-highlight:hover th,
.contact-us .ui-state-highlight:hover td {
 	background: #e64141 !important;	   
}

#basket-container {
 	position: relative;
    z-index: 2;
}

.popover {
	z-index: 9999;
}

header,
.uk-nav-offcanvas>.uk-open>a,
html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus,
html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover,
.checkout.user_member .well.well-login {
    background:#292929 !important;
}
@media (max-width: 979px) {
    .nav-collapse {
        background: #292929;
    }
}
/*basket subtle contrast for primary */
.checkout .well-basket td,
.checkout .well-basket th {
	border-top: 1px solid #76b1b7;
}
.checkout .well-basket th { font-weight:bold; }

.website-image {
 	box-shadow: none;
    border: none;
}

/* ********************************** */
/* CONTRASTING COLOUR AGAINST PRIMARY */
/* ********************************** */
#loyaltyBanner { background:#f9a825; margin-bottom: 20px;}
#loyaltyBanner a { background:#ffd95a; }
#loyaltyBanner a:hover,
#loyaltyBanner a:focus {
	background: #f5cc45;
}

#preorderTitle h3{
    font-size: 38px;
    line-height: 100%;
    font-weight: 900;
    padding-bottom: 20px;
}
#preorderBanner {
    padding: 20px 25px;
    background: #440380;
    margin:20px 4%;
    text-align: center;
}

#preorderBanner.preorder_v1.checkout{
    padding:10px;
    margin:10px 0px;
}

/* ************************** */
/* SET DARK GREY COLOR ON BGs */
/* ************************** */
.members h1,
.page-header h1,
.how-im-ordering h2, .uk-offcanvas-bar h3,
.menu-selection h1,
.ui-dialog .ui-dialog-titlebar-close,
.checkout .span9 h2,
.media-heading .name,
.home .loading,
#basket-container>  h3,
a.ctrl-mobile_food_menu_nav_closecanvas { color:#777777 !important; }
.members h1 { padding:10px 0; line-height:120%; color:#333 !important; }
.hero-unit h1, .hero-unit h2 { color:#fff !important; }


.checkout li.menu,
.nav.main-menu > li.active { 
    background:#303030;
    border-bottom: 5px solid #e64141;
}
.checkout li.menu a,
.nav.main-menu > li.active > a {
    color:#fff !important;
}
/* ************************ */
/* SECONDARY COLOR - e64141 */
/* ************************ */
.well-basket,
/*.checkout li.menu,*/
.contact-us .span8 .well,
.page_menu.delivers_0 li.menu,
/*.nav.main-menu li.active,*/
.modal-header, .menu-selection .alert, .label-info, .badge-info{
    background: #e64141;
}
.btn-group.open .btn.dropdown-toggle {
    color: #383838;
    background:#e64141;
}
.user_member .fa-user { color:#bbb375; font-size: 2.1em; }
.btn-group.open .btn.dropdown-toggle.btn-info { color:#fff;  }
   
.ui-state-highlight th,
.ui-state-highlight td { 
    background:#e64141;
    color:#fff;
}
.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: #e64141;
}
.hero-unit {
    background: #e64141;
    color: #fff;
}
.hero-unit a { color: #000; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border-left: 5px solid #e64141;
    background: #e64141;
}
/* hover active */
.ui-state-hover, .ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover, .ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus{
    background: #e64141;    
}

@media (max-width: 979px) {
    .ct_details_bar {
        background:#e64141;
    }
    
    header {
        margin-top: -5px !important;
    }
}


@media (max-width: 767px) {
    .menu .row-product .row-variation { margin-top:5px; }
}


.badge.badge-info.badge-large{
    padding: 9px;
    font-size: 18px;
        background: #440380!important;
}
.basket-delivery-table .badge.badge-info{
        background: #440380!important;
}

/* ***************** */
/* CUSTOM FONT SIZES */
/* ***************** */
.menu-selection h3 {
    font-weight: normal;
}
.welcome .btn-large {
 	font-size: 22px;   
}
.menu h5 .name {
 	font-size: 18px;   
}

.checkout .loyaltypoints_box h5,
.checkout .well-login h5,
.checkout .voucher_box  h5,
.checkout h3.preorderTitle,
.checkout .well-basket h4 {
    font-size: 20px !important;
    text-align: center !important;
    text-transform: none !important;
}
.members li.nav-header {
 	font-size: 16px;   
}
.cat-desc {
 	font-size: 19px;   
}

/* ************************ */
/* LOYALTY POINTS BOX / CARD*/
/* ************************ */

.loyalty-card {
    background: #e4cd77;
}

.loyalty-description h2 {
 	font-size: 24px;
}

.loyalty-caption .text-warning {
    color: #d1b025;
}

.loyaltypoints_box {
 	background: #e4cd77 !important;	   
}

.loyalty-card>div.col1 .loyalty-label {
	color: #27314a;
}


.well-basket { 
    background:#f7f7f7;
}

/*********************************/
/* HIDE DINE IN TABLES ONLY CODE */
/*********************************/
.container-fluid.menu-selection .row-fluid > div {
    width:100% !important;
    margin:0px !important;
}
.menu div[class*="menu-container-collection"] .cat-header,
.menu div[class*="menu-container-home-delivery"] .cat-header,
header .navbar ul.dropdown-menu li[class^="table"],
.menu-selection > .row-fluid > div[class*="menu-option-table"],
.mod_postcode_box ul.dropdown-menu li[class^="order-table"] {
 	display: none !important;
}


.ath-container * {
 	color: #000;   
}

.members .section-my-profile .dropdown-toggle {
	background: #fff;
    border: 1px solid #d4d4d4;
}

.members .btn-primary.active {
   background: #084994 !important; 
}

.error-500 #body {
    color: #000;
}

.page_error-404 .text-error {
 	color: #fff;   
}

.user_admin #header-basket .members-icon .fa-user,
.user_members #header-basket .members-icon .fa-user {
    color: #43a143 !important;
}


.alert.menu-table-alert {
    background: #ffffff !important;
    padding: 30px 0;
    color: #1d1d1d;
}
.menu-table-alert h2 { color:#292929;}
.menu-table-alert p { margin-bottom:15px;}
.menu-table-alert .btn-large {
    padding: 20px 30px;
    font-size: 22px;
}

.delivers_0 .box-delivery-information {display:none;}