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

body .visible-poole { display:none !important; } 
body .hidden-poole { display:inherit !important; } 
body.shop_poole .hidden-poole { display:none !important; }
body.shop_poole .visible-poole { 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: #4d4d4d;
	font-family: 'Montserrat';
	font-size: 16px;
	font-weight: normal;
}
h1 {
	font-family: 'Quicksand';
}
h2 {
}
h3 {
}
h4 {
}
body {
	background-color: #ffffff;

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

	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center bottom;
	background-size: cover;
}

header, #mobile-header {
	background-color: #ffffff;

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

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

/* ------ FIXES ------ */

* {
    text-shadow: none !important;
}

.caret {
	margin-top: 0 !important;
	vertical-align: middle !important;
}

/* ------ GLOBAL ------ */
.container{
    width: 100%;
}	
#container{
    max-width: 1170px;
    margin: auto;
}
.home #container{
     max-width: 1920px;
}	
/* --- Header and Navigation --- */
.dropdown-menu{
    border-radius: 0;
    min-width: initial;
}	

header .dropdown-menu {
    background: #44318d;
    border-radius: 0;
    border-bottom: 3px solid #7a5e9e;
}
header .dropdown-menu>li>a{
    color: #aa90ca;
    text-transform: uppercase;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
    background: none;
    color: #d93f87;
    transition: 0.15s all ease;
}
header .navbar {
 	margin-bottom: 20px !important;
    border-bottom: 5px solid #7a5e9e;
}
.home header .navbar {
 	margin-bottom: 0 !important;
}
header .navbar .nav {
    float: none;
    margin: 0 auto;
    text-align: center;
}

header .navbar .nav>li {
    float: none;
    display: inline-block;
}

header .navbar .nav>li>a {
	color: #aa90ca;
    text-transform: uppercase;
    line-height: 3em;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    transition: 0.15s all ease;
    padding: 10px 23px;
}

header .navbar .nav>li>a .caret, #body-bottom-hr, .slide-img {
    display: none !important;
}

header .navbar .navbar-inner {
    background: #44318d;
    border: none;
    box-shadow: none;
}

header .navbar .nav>.active>a, header .navbar .nav>.active>a:hover, header .navbar .nav>.active>a:focus, header .navbar .nav>li>a:focus, header .navbar .nav>li>a:hover, 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 {
	color: #d93f87;
	background: none;
	box-shadow: none;
    transition: 0.15s all ease;
}

header .navbar .nav li.dropdown.open>.dropdown-toggle .caret, header .navbar .nav li.dropdown.active>.dropdown-toggle .caret, header .navbar .nav li.dropdown.open.active>.dropdown-toggle .caret, header .navbar .nav li.dropdown>a:hover .caret, header .navbar .nav li.dropdown>a:focus .caret {
	border-top-color: lime;
	border-bottom-color: lime;
}

header #opening-status {

}
header .navbar-inner .container{
    padding-top: 3px;
}	
.navbar .btn-navbar {
    background: none;
    text-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 0;
    margin-top: 0;
}
.navbar .btn-navbar .icon-bar{
    background:  #fff;
    width: 29px;
    height: 3px;
	border-radius: 0;
}
.zp-inverted .navbar .btn-navbar .icon-bar{
    background:  #fff;
}
.btn-navbar .icon-bar+.icon-bar {
    margin-top: 5px;
}
.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: none;
}

#logo {
    text-align: center;
    padding: 20px;
}

/* --- Containers --- */

.well {
    border-radius: 0;
    box-shadow: none;
    border: none;
}

.ui-corner-all {
    border-radius: 0;
}
#container{
    background: none;
    box-shadow: none; 
	box-sizing: border-box;
}
.home #container, .three-products {
    width: 100%;
    max-width: 1585px;
    margin: 0 auto;
}

.table-bordered, .table-bordered thead:first-child tr:first-child>th:first-child, .table-bordered tbody:first-child tr:first-child>td:first-child, .table-bordered tbody:first-child tr:first-child>th:first-child {
    border-radius: 0 !important;
}
.ui-tabs-vertical .ui-tabs-nav{
 	padding: 5px !important;   
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active{
 	padding-right: 0 !important;   
}
/* --- Links --- */

a {
	color: #d93f87;
}

a:hover, a:focus {
	color: #d93f87;
	text-decoration: underline;
}

/* --- Buttons --- */
.alert {
    color: #343740;
    background: #fff;
    border: none;
    padding: 8px;
}
.alert h2{
    color: #fff;
}
.btn {
    background-image: none;
    border-radius: 0 !important;
    border: none;
    font-family: 'Montserrat';
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
}
.btn-large{
 	font-size: 15px;   
}
/*--------success--------*/

.btn-success, .alert.alert-success {
    background: #437440;
}
.btn-success:hover, .btn-success:focus, .btn-group.open .btn-success.dropdown-toggle {
    background: #10410D;
}

/*--------primary--------*/

.btn-primary {
    background: #2357ce;
}
.btn-primary:hover, .btn-primary:focus {
    background: #00249B;
}

/*--------info--------*/

.btn-info,.alert.alert-info {
    background: #4992ff;
}
.btn-info:hover, .btn-info:focus {
    background: #3079E6;
}

/*--------danger--------*/

.btn-danger, .alert.alert-danger {
    background: #FF170D;
}
.btn-danger:hover, .btn-danger:focus {
    background: #E60000;
}
.alert {
    color:#fff;
}

/*--------warning--------*/

.btn-warning, 
.alert.alert-warning {
    background: #FF871A;
}
.btn-warning:hover, .btn-warning:focus {
    background: #CC5400;
}

.menu h1 {
    font-size:62px;
    line-height:110%;
    padding-top:30px;
}
.menu-selection .btn-primary, #responsive-food-menu .btn-navbar {
    background: #d93f87;
    color: #fff !important;
}
.menu-selection .btn-primary:hover,#responsive-food-menu .btn-navbar:hover {
    background: #C0266E;
    color: #fff;
}
/* --- Alerts ------ */

.alert{
	border-radius: 0;
}

/* --- Text Input --- */

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	box-shadow: none;
	border-radius: 0;
	border: none;
    text-shadow: none;
    border-left: 2px solid #d93f87;
}

input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
	box-shadow: none;
	border: none;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	box-shadow: none;
	border: none;
    border-left: 2px solid #44318d !important;
}
.mod_postcode_box input,.mod_postcode_box input:focus, .mod_postcode_box input:active{
 	border-left: none !important;   
}
select {
    border-radius: 0;
    border: none; 
}

.control-group .input-append .btn {
    line-height: 22px;
}

/* --- Footer --- */

footer .muted {
    font-family: 'Montserrat', sans-serif;
    color: #515151;
}

footer .muted a {
    color: #515151;
    font-weight: bold;
}

/* ------ HOME PAGE ------ */

.home .main,
.home-about,
#body-bottom-hr,
.home h1 {
    display: none;
}

.ct_details_bar {
    display: none;
}

/* --- Slideshow --- */

#myCarousel {
    margin-bottom: 0;
}
.carousel .item{
     height: 635px;
}
.carousel .item:nth-child(1){
    background: url(/myimages/476/zpos-bg-Khybar_Slide1.jpg) no-repeat;
    background-position: 50% 50%;
}
.carousel .item:nth-child(2){
    background: url(/myimages/476/zpos-bg-Khybar_Slide2.1.jpg) no-repeat;
    background-position: 50% 50%;
}
.day_2 .carousel .item:nth-child(1){
    background: url(/myimages/476/zpos-bg-khybarTuesdaysV2.jpg) no-repeat;
    background-position: 50% 50%;
}
/*DISCOUNT CAPTION TO BE REMOVED ON TUESDAYS*/
.day_2 .discountCaption {
    display: none;
}
.day_2 .carousel .item:nth-child(1) .carousel-caption {
    display: none;
}
/*MENU BANNER ON TUESDAYS*/
body:not(.day_2) .TuesdayBannerMenu {
    display: none !important;
}
.carousel-control {
    background: none;
    border: none;
    font-size: 10em;   
}
.carousel-caption {
    max-width: 660px;
    text-align: center;
    background: url(/myimages/476/Khybar_CaptionBg.png) no-repeat;
    height: auto;
    bottom: 50px !important;
    right: 160px;
    left: initial;
    padding: 40px 75px;
    box-sizing: border-box;
}
.carousel-caption h2{
    color: #2a1b3c;
    font-weight: bold;
    font-size: 50px;
    letter-spacing: 3px;
}
.carousel-caption p {
    font-size: 20px;
    line-height: 1.5;
    color: #7a5e9e;
    font-family: 'Quicksand';
    letter-spacing: 1px;
    margin: 15px 0 ;
}


/* --- Postcode Box --- */

.mod_postcode_box {
    background: #d93f87;
    border: none;
    padding: 60px 10px;
    margin-bottom: 0;
    box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.17);
}

.mod_postcode_box .lead {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    line-height: 1.2;
}

.mod_postcode_box .btn .caret {
    display: none;
}
.mod_postcode_box .btn {
    width: 230px;
    color: #4d4d4d;
    font-weight: bold;
    background: #d8c3a5;
    text-transform: uppercase;
}
.mod_postcode_box .input-append{
    margin: 40px 0;
}	
.mod_postcode_box input, .mod_postcode_box .btn {
    height: 60px;
    border: none;
    border-radius: 0 !important;
    margin-bottom: 0;
    font-size: 20px;	
}
.mod_postcode_box input{
    background: #fff;
    color: #777676;
    border: none;
    max-width: 480px;
    box-sizing: border-box;
}
.mod_postcode_box .col3 .muted {
    color: #fff;
}
.mod_postcode_box .btn:hover,.btn-group.open .btn-success.dropdown-toggle,
.mod_postcode_box .btn-group.open .btn-success.dropdown-toggle,
.mod_postcode_box .dropdown-menu, .mod_postcode_box .btn:focus {
    background: #BFAA8C;
}
.mod_postcode_box .dropdown-menu>li>a {
    color: #fff;
}
.mod_postcode_box .dropdown-menu>li:hover{
    background: none;
}
.mod_postcode_box .dropdown-menu>li>a:hover {
    background: none;
    color: #fff;
    font-weight: bold;
}
/* --- Three Products --- */
.three-products {
 	padding: 90px 0;
}
.three-products .span4 {
    text-align: center;
    padding: 30px 0;
}

.three-products .span4>img {
    margin: 0 auto 30px;
}

.three-products .span4>p {
    max-width: 370px;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    font-family: 'Quicksand';
    line-height: 1.5;
}

/* ------ MENU PAGE ------ */
.row-product{
 	padding: 5px; 
    box-sizing: border-box;
}
.row-product:hover{
    background: none;
}	
#responsive-food-menu .navbar-inner {
    background: #4d3465;
    border: none;
    border-radius: 0;
}

#menu-search-box {
    border-radius: 0;
}

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

.modal-header, .modal-footer {
	border-radius: 0;
	background: #44318d;
	color: #fff;
	border: none;
}

.modal-footer .muted {
    color: #fff;
}

.modal {
	border-radius: 0;
}

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

.modal .name {
    font-size: 2em;
    line-height: 1.2em;
}

.ctrl-offcanvas_productmenu_toggle_bridge_mobile2_ {
	background: #2da035 !important;
	text-shadow: none !important;
}

.ctrl-offcanvas_productmenu_toggle_bridge_mobile2_ .text-info {
	color: #fff;
}

.row-variation {
	margin-top: 8px;
}

.label {
    text-shadow: none;
    border-radius: 0;
    box-shadow: none;
}

#basket-container {
    box-shadow: none;
    border: none;
}

.popover {
    border-radius: 0;
}

.popover-title {
    background: #44318d;
    border-radius: 0;
    color: #fff;
}

.how-im-ordering {
    background: #d93f87;
    color: #fff;
    border: none;
    font-weight: 300;
    text-shadow: none !important;
}

.how-im-ordering small {
    color: #fff;
    opacity: 0.9;
}

.btn-option {
    line-height: 12px !important;
    height: auto !important;
    padding: 3px 5px !important;
}

/* ------ MENU SELECTION PAGE ------ */

.menu-selection {
	text-align: center;
}

.menu-selection .alert {
    background: none;
    border: none;
    color: #444;
}

/* ------ MEMBERS PAGE ------ */

.box-delivery-information, .box-contact-information {
	margin-bottom: 20px;
}

.nav-header,.nav-list>li>a{
    color: #4d4d4d;
}
.nav-list>li>a:hover, .nav-list>li>a:focus,
.nav-list>.active>a, .nav-list>.active>a:hover, .nav-list>.active>a:focus {
    color: #fff;
    background: #d93f87;
}

.nav-list>li>a:hover [class^="icon-"]{
    background-image: url(http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/img/glyphicons-halflings-white.png);   
}
/* ------ CHECKOUT ------ */

.voucher_box .success>span {
	display: none;
}

.checkout .img-polaroid {
    display: none;
}

#checkoutTitle {
    border-radius: 0;
    border: none;
}

/* ------ ORDER COMPLETE ------ */

.text-warning {
    color: #d93f87;
}

#order-confirmation {
    background: #222;
    border: none;
    color: #fff;
    text-shadow: none;
}

.badge {
    background: #fc3b27;
}
.error-404 .alert {
    color: #ffffff;
    background: #44318d;
    padding: 50px;
}
.error-404 h1.text-error{
 	color: #aa90ca;   
}

.social_media_links .btn-group.extended.extended2 .btn{
    margin: 0 5px;   
}
.home_social {
 	display: none;   
}
/* ------ MEDIA QUIERIES */

@media (min-width: 1200px) {

}

@media (max-width: 1200px) {
	.shop-address{
     	left: 20px !important;   
    }
    .header-status{
     	right: 20px !important;   
    }
}

@media (max-width: 979px) {
    #logo {
        text-align: center;
        padding: 110px 20px 50px;
    }
    header .navbar .nav>li>a{
        line-height: 2em;   
    }
	#order-empty {
		margin-bottom: 10px;
	}
    
    header .navbar .nav>li {
        display: block;
    }
    
    .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: none;
        color: #222;
    }
    
    .three-products .span4 br{
        display: none;
    }
    .three-products .span4 p{
        margin-bottom: 15px;
    }
    .span12.visible-phone {
        text-align:center;
    }
}

@media (max-width: 767px) {
    body {
        padding-left: 0;
        padding-right: 0;
    }
	footer .span4 {
		text-align: center !important;
		margin: 10px 0;
	}
     .carousel-caption {
        display: none;
    }
    .mod_postcode_box .btn {
        width: 150px;
    }
    #responsive-food-menu .navbar-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    #responsive-food-menu .brand {
        margin-left: 0 !important;
    }
    
    .navbar-affix-container {
        height: auto !important;
    }
    
    #mobile_food_menu_nav .zp-ctl-categories {
        color: #fff !important;
    }.carousel .item {
        height: 235px;
    }
    .ui-tabs-vertical .ui-tabs-panel{
     	width: 100% !important;   
    }
    .carousel .item:nth-child(1) {
        background: url(/myimages/476/zpos-bg-Khybar_Slide1.jpg) no-repeat !important;
    	background-size: cover !important;
    }
     .carousel .item:nth-child(2) {
         background-size: cover !important;
     }
}

@media (max-width: 620px) {
    .header-status, .shop-address{
        display: none;   
    }
    #logo {
        padding: 30px 20px 50px;
    }
}
@media (max-width: 480px) {
    textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
        width: 100%;
        max-width: calc(100% - 15px);
    }

    
    .header-status {
        display: none;
    }

    .shop-address {
        position: relative !important;
    }
}


header{
    position: relative;   
}
.shop-address {
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    left: 160px;
    top: 40px;    
}
.shop-address img {
    float: left;
}

.shop-address .address-txt {
    font-size: 12px;
    margin-left: 10px;
}

.shop-address .address-town {
    color: #d93f87;
    margin-left: 10px;
}

.header-status {
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    right: 160px;
    top: 40px;
    text-align: right;
    width: 270px;
}

.header-status img {
	float: right;
}

.header-status .welcome-txt {
    font-size: 12px;
    margin-right: 10px;
    text-align: right;
}

.header-status .login-out {
    color: #d93f87;
    margin-right: 10px;
    text-align: right;
}
.header-status .login-out a{
    color: #d93f87;
}	
.signup-promo {
    text-align: center;
    font-size: 2em;
    color: #fff;
    background: #d93f87;
    line-height: 1.2em;
    padding: 20px;   
}
.hero-unit{
    background: #44318d;
    color: #fff;
    border-bottom: 5px solid #7a5e9e;
}
.hero-unit h1{
 	text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th,
.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th {
    background: none;
    color:#000;
}

.social_media_links .btn-group {
    text-align: center;
}

.social_media_links .btn-group .btn {
    max-width: 32px;
    padding: 0;
    background: none;
    padding-bottom: 30px;
}

.social_media_links .btn-group .btn small {
	display: none;	
}
.gold{
    color: #f57a20;
}	
.pink{
    color: #d93f87;
}
.three-products .span4>img{
    -webkit-transform: translate(0, 0) scale(0.97);
    -ms-transform:translate(0, 0)  scale(0.97);
    transform: translate(0, 0) scale(0.97);
 	-webkit-transition: all 300ms ease-in-out;   
    transition: all 300ms ease-in-out;   
}
.three-products .span4>img.floatMe{
    -webkit-filter: drop-shadow(0px 20px 7px rgba(0,0,0,0.15));
    filter: drop-shadow(0px 20px 7px rgba(0,0,0,0.15));
    -webkit-transform: translate(0, -20px) scale(1);
    -ms-transform: translate(0, -20px) scale(1);
    transform: translate(0, -20px) scale(1);
}	
.loyaltypoints_box, .loyaltypoints_box .row-credits .col-equals div{
    background: #44318d !important;
    color: #fff;
}
.loyaltypoints_box .ui-widget-header{
 	background: #d93f87;
}
.loyaltypoints_box .row-credits .well{
    border: 1px solid #d93f87 !important;
    color: #44318d;
}
.loyaltypoints_box .row-credits .col-equals div{
 	border: none !important;   
}
.uk-offcanvas-bar{
	background:   #332146;  
}
html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover{
 	background: #d93f87;   
}

.alert-applieddiscount {
    background: #48753d;
}