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

body .visible-christchurch { display:none !important; } 
body .hidden-christchurch { display:inherit !important; } 
body.shop_christchurch .hidden-christchurch { display:none !important; }
body.shop_christchurch .visible-christchurch { 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: 'Kumbh Sans';
}
h1 {
	font-family: 'Racing Sans One';
}
h2 {
	font-family: 'Racing Sans One';
}
h3 {
	font-family: 'Racing Sans One';
}
h4 {
	font-family: 'Racing Sans One';
}
body {

	background-image:none;

	background-attachment: scroll;
}

header, #mobile-header {

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

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

/*FIXES*/
.top_border_pattern {
    display: none;
}
.home #body #postcode_box {
    background: url('/myimages/219/zpos-bg-BG_pattern.jpg') !important;
    background-size: cover;
}
.span7.slideshow_right {
    display: none;
}
.home #body, #carousel {
    padding-top: 0px !important;
}
body.home #myCarousel {
    padding: 0px !important;
}
#carousel img.pattern_left {
    display: none !important;
}
body.home #myCarousel img {
    width: 100%;
}
.home #myCarousel .carousel-caption {
    height: 100%;
    background: none;
    padding-top: 0px;
    padding-left: 0px;
}
.btn-brand {
    background:#FFFAFE !important;
    color: #EB6701 !important;
    border: 0px !important;
}
.btn-brand:hover,
.btn-brand:focus {
    background: #8E3200 !important;
    color: #EB6701 !important;
    border: 0px !important;
}
.btn.btn-outline:hover, .btn.btn-outline:focus, .btn.btn-outline.active {
    background: #ffffff1c;
}


a:hover, a:focus, .btn-link:not(.how-im-ordering .btn-link):hover, .btn-link:not(.how-im-ordering .btn-link):focus, .btn-link small:hover, .btn-link small:focus, .ui-state-highlight a:hover, .ui-state-highlight a:focus, .ui-widget-content .ui-state-highlight a:hover, .ui-widget-content .ui-state-highlight a:focus, .ui-widget-header .ui-state-highlight a:hover, .ui-widget-header .ui-state-highlight a:focus, .ui-widget-content a:hover, .ui-widget-content a:focus,#ct_header_section .ct_details_bar a:hover, #ct_header_section .ct_details_bar a:focus {
    color: #DE3400;
}
header .nav > .active > a:not(.dropdown-menu a)::before,
header .nav li:not(.active) > a:not(.dropdown-menu a):hover::before, header .nav li:not(.active) > a:not(.dropdown-menu a):focus::before{
    background: #EB6701 !important;
}
header .navbar .navbar-inner .container .nav > li .dropdown-menu a:focus, header .navbar .navbar-inner .container .nav > li .dropdown-menu a:hover {
    background: #EB6701 
}
.discount_code {
    color: #EB6701;
}
.home #body #menu p.lead {
    max-width: 605px;
}
.home #body #carousel {
    padding: 0px !important;
    margin: 0px !important;
}
body.home #myCarousel {
    margin: 0px !important;
} 
.home #myCarousel .carousel-control.right {
    right: -1% !important;
} 
.home #myCarousel .carousel-control.left {
    left: -1% !important;
} 
header .navbar .navbar-inner .container .nav > li > a:is(.nav > li > a) {
    font-weight: bold;
}
.navbar .nav .dropdown-toggle .caret {
    margin-top: 10px;
}

/*MENU PAGE*/
.well.loyalty_well h3 {
    color: #FFFAFE !important
}
.well.loyalty_well p {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
}

/*MEMBERS PAGE*/
.loyalty_scheme_1.user_guest.members #frmLogin + .website-image, .loyalty_scheme_0.user_guest.members #frmLogin + .website-image {
    img {
    filter: brightness(0.7);
    }
}

/*CHECKOUT PAGE*/
.checkout .loyaltypoints_box .ctl-pointsoptions .btn-link:hover, .checkout .loyaltypoints_box .ctl-pointsoptions .btn-link:focus {
color: #fff;
    text-decoration: underline;
}
.well-how-pay em {
 	color: #FFFFFF;   
}

/*MEDIA QUERIES*/
@media (max-width: 480px) {
    header #logo img {
    max-width: 200px;
    top: 6px !important;
    max-height: revert !important;
    }
}

@media (min-width: 980px) {
    body.home .container.alert_row_1.visible-desktop {
        width: 40%;
        position: absolute;
        top: 50%;
        right: 10%;
        margin-right: auto;
        transform: translateY(-50%);
    }
 
    .home #myCarousel .carousel-caption .lead {
    margin-top: 0px;
    margin-bottom: 5px;
    }
    .home .row_2 {
        margin-top: -25px;
        margin-bottom: 20px;
        position: relative;
        z-index: 2;
    }
    .home .carousel-inner .carousel-caption {
        width: 30%;
        background: none;
        padding-top: 0px;
        padding-left: 0px;
        position: absolute;
        top: 50%;
        left: 10%;
        margin-right: auto;
        height: revert;
        transform: translateY(-50%);
        flex-direction: column;
        justify-content: center;
        display: flex;
    }
    .carousel_control_container {
        margin-top: 0px;
        position: absolute;
        width:30%;
        left: 10%;
        bottom: 10%;
    }
    .carousel_control_container {
        margin-top: 0px !important;
    }
}

@media (max-width: 1400px) {
    .home .lead {
        font-size: 18px !important;
    }
}
@media (max-width: 1200px) {
    .home .carousel-inner .carousel-caption .h1_size_carousel {
        font-size: 4rem;
    }
}
@media (min-width: 980px) and (max-width: 1200px) {
    .home .carousel-inner .carousel-caption {
        width: 40% !important;
    }
}
@media (max-width: 979px) {
    header #logo img {
        top: -5px;
    }
    .top_social #opening-status {
    border-radius: 0;
    }
    header .navbar .navbar-inner .container .btn-navbar {
    margin-top: 7px;
    }
    #zp-offcanvas-menu .uk-offcanvas-bar {
    padding-bottom: 75px;
    }
        body:not(.home) .alert_row_1 {
    margin-bottom: 10px;
    }
    .mob-alerts {
    margin-top: 25px;
    }
    .carousel_control_container {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%);
    }
    .home #myCarousel .carousel-control.left {
        left: -5% !important;
    }
    .home #myCarousel .carousel-control.right {
        right: -5% !important;
    }
    .home #myCarousel .carousel-caption {
        padding: 0px !important;
    }
    .home #body section:not(#carousel) h2 {
        font-size: 3rem !important;
    }
    body.home #myCarousel .carousel-caption {
        padding: 40px 40px 60px 40px !important;

        height: 450px !important;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center !important;
    }
    .column_slideshow {
        height: 450px !important;
    }
    .carousel_control_container {
        padding-bottom: 20px;
    }
    #myCarousel img:not(.chopsticks) {
        height: 450px !important;
        object-fit: cover;
        display: block !important;
        position: absolute;
        z-index: -1;
    }
    .carousel-caption::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.67);
        z-index: -1;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .home #myCarousel .carousel-inner {
        min-height: 400px;
    }
    .home #postcode_box #mod_postcode_box_pc, .home #postcode_box .mod_postcode_box .lead, body.home #body .mod_postcode_box h2.h1_size {
    margin-bottom: 5px !important;
    }
}
@media (max-width: 767px) {
    .home .lead {
        font-size: 16px !important;
    }
    #carousel {
        padding: 0px !important;
    }
    .home #myCarousel .carousel-inner {
        min-height: 310px;
    }
}
@media (max-width: 480px) {
    header #logo img {
        max-height: 20px;
    }
    #ct_header_section .ct_details_bar small, #ct_header_section .ct_details_bar span {
        font-size: 0.7rem;
    }
}
.hygiene, .halal {
    display: none !important;
}
.navbar-affix-container {
    height: auto !important;
    min-height: 43px !important;
}
#responsive-food-menu .navbar-inner .container .brand {
    font-size: 26px !important;
}
@media (min-width: 980px) and (max-width: 1100px) {
    .carousel_control_container {
            bottom: 3%;
    }
}

@media(min-width: 1200px) and (max-width: 1400px) {
    .home .carousel-inner .carousel-caption .h1_size_carousel {
            font-size: 3.5rem;
    }
}


@media (min-width: 1600px) {
   .carousel_control_container {
    bottom: 20% !important;
    }
}

/*DISCOUNT CODE*/
#discount-banner {
    border-top: 2px solid #EB6701;
    border-bottom: 2px solid #EB6701;
    background: #000000;
    background-image: url('/myimages/219/pattern_left.png'), url('/myimages/219/pattern_right.png');
    background-position: left center, right center;
    background-repeat: no-repeat, no-repeat;
    background-size: contain, contain;
}
.terms {
    max-width: 65%;
    margin: 0 auto;
}
@media (min-width: 1350px) {
    body:not(.home) {
        background-image: url('/myimages/219/pattern_left.png'), url('/myimages/219/pattern_right.png');
        background-position: left 0 top 200px, right 0 bottom 200px;
        background-repeat: no-repeat, no-repeat;
        background-size: auto, auto; 
    }
}

.carousel_control_container >a,
.btn {
  border-radius: 3px !important;            /* subtle rounded corners */
  box-shadow: 0 2px 3px rgba(0,0,0,0.1) !important; /* light shadow for depth */
  border: none;                  /* cleaner look */
  transition: all 0.2s ease-in-out !important; /* smooth hover effect */
}

#opening-status {
  padding: 4px 10px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 10px;
  color: #fff;
}
#opening-status.SHOP-OPEN {
  background: #28a745; /* green */
}

#opening-status.SHOP-CLOSED {
  background: #dc3545; /* red */
}

.ui-tabs-menu .tb-nav-tabs li a { font-size:16px !important; }
.btn.btn-link { box-shadow:none !important; }

.controls > button {
   text-transform: capitalize; 
}