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

body .visible-corsham, body .visible-marlborough, body .visible-wanborough { display:none !important; } 
body .hidden-corsham, body .hidden-marlborough, body .hidden-wanborough { display:inherit !important; } 
body.shop_corsham .hidden-corsham, 
body.shop_marlborough .hidden-marlborough, 
body.shop_wanborough .hidden-wanborough { display:none !important; }
body.shop_corsham .visible-corsham, 
body.shop_marlborough .visible-marlborough, 
body.shop_wanborough .visible-wanborough { 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: 'Lato';
}
h1 {
	font-family: 'Cinzel';
}
h2 {
	font-family: 'Cinzel';
}
h3 {
	font-family: 'Cinzel';
}
h4 {
	font-family: 'Cinzel';
}
body {
	background-color: #5b0b04;

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

	background-repeat: repeat;
	background-attachment: fixed;
	background-size: contain;
}

header, #mobile-header {
	background-color: #590b04;

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

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

/**-------------------- GOOGLE PLUS --------------------------**/
.social_media_links  { 
    margin:0 auto; 
    padding:10px 0; 
    text-align:center; 
} 
.social_media_links img,
.social_media_links img:hover { 
    max-width:45px;
} 
.social_media_links small {
    display:none;
} 
.social_media_links a { 
    background-color: transparent; 
    background: none !important; 
    border: none !important; 
    box-shadow: none; 
    padding:0px; 
    width:55px !important; 
}
.social_media_links .btn:hover {
    background:none !important;
}

.loyaltypoints_box {
    background:#ff6a00 !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;
}
.loyaltypoints_box .ui-widget-header {
    border: 1px solid #494949;
    background: #494949;
    color: #ffffff;
}
.home_social {
    display: none;   
}
.orderfor-home-delivery .collectionBanner, .menu-container-home-delivery .collectionBanner, 
.menu-container-collection .deliveryBanner, .orderfor-collection .deliveryBanner, .carousel-caption {
    display: none;
}
/**-------------------- GLOBAL --------------------------**/
*, .btn-group>.btn:first-child, select, 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, .well{
    border-radius: 0;   
}
body {
    padding-bottom:0;
}
html, body.members.user_member{
    height: 100%;   
}
#container {
    background: none;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
}

.well {
    background-color:#590b04;
    color:#fff;
    border:none;
    box-shadow:none;
}
legend {
    color:#fff;
}

a, a:hover{
    color:#F9AD64;
    text-decoration:none;
}
.gm-style-iw{
    color: #111;   
}
.book h1, .mod_table_reservation_v1{
    display: none;   
}
.book .mod_table_reservation_v1{
    display: block;
}
/**-------------------- FONTS --------------------------**/
#opening-status,
.span12.ct_local_branch_details, .nav,
.ct_user_status,
.ct_local_branch_details{
    font-family:'Cinzel',sans-serif;
}
.container-fluid.menu-builder {
    margin-top:10px;
}
/**-------------------- DISPLAY NONE --------------------------**/
.ct_phone,
.home h1,
#body-bottom-hr,
.home .well-small, 
.home-about, 
.home .bgbar,
.bgsmall, .menu-selection h1,
.contact-us h1, .checkout h2,
.information .page-header,
.home .row-fluid.ct_details_bar{
    display:none !important;
}

/**---------------------HEADER--------------------**/
.span6.left_column {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

#logo img {
    padding: 15px 0px;
}

.span12.ct_local_branch_details {
    color:#fff;
    margin: 0px;
    margin-bottom: 10px;
    padding: 12px 0px;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    background: -moz-linear-gradient(left,  rgba(69,9,3,0) 0%, rgba(69,9,3,1) 36%, rgba(69,9,3,1) 37%, rgba(69,9,3,1) 59%, rgba(69,9,3,0.98) 60%, rgba(69,9,3,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(69,9,3,0) 0%,rgba(69,9,3,1) 36%,rgba(69,9,3,1) 37%,rgba(69,9,3,1) 59%,rgba(69,9,3,0.98) 60%,rgba(69,9,3,0) 100%);
    background: linear-gradient(to right,  rgba(69,9,3,0) 0%,rgba(69,9,3,1) 36%,rgba(69,9,3,1) 37%,rgba(69,9,3,1) 59%,rgba(69,9,3,0.98) 60%,rgba(69,9,3,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00450903', endColorstr='#00450903',GradientType=1 );
}

/**------------ STATUS -----------------**/
.span6.right_column {
    position:absolute;
}

#opening-status {
    margin-left:10px;
    color:#fff !important;
    padding:8px 15px;
    font-size: 18px;
    line-height: 40px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.status-CLOSED {
    color:# !important;
    background:#cc0000;      
}
.status-OPEN {
    color:# !important;
    background:#006600;
}

/**-------------------- NAV --------------------------**/
.navbar .nav li.dropdown>.dropdown-toggle .caret {
    border-top-color: #FFFFFF;
}
.navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle {
    background: transparent !important;  
    color: #F9AD64 !important;
}

.navbar {
    margin-bottom:0 !important;
    padding-bottom:10px;
}

.navbar .nav {
    width:100% !important;
}

header .navbar .nav {
    font-size:22px;
}

.navbar-inner {
    background: #590b04;
    box-shadow:none;
    padding:0;
    border:0;
}

.navbar .nav>li>a {
    color:#fff;
    text-shadow: none;
}
/*normal color on hover*/
.navbar .nav>li>a:focus, 
.navbar .nav>li>a:hover,
header .navbar .nav>.active>a:hover,
header .navbar .nav>.active>a:focus,
.menu .navbar .nav li.dropdown.active>.dropdown-toggle,
header .navbar .nav>.active>a,
.menu .navbar .nav>li.menu.coll{
    color:#F9AD64;
    background:none;
    box-shadow:none;
}
.navbar .btn-navbar {
    background: none;
    text-shadow: none;
    border-color: white;
    border-radius: 0;
    border: none;
    box-shadow: none;
}
.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;
}
.navbar .btn-navbar .icon-bar{
    background-color: #d6c3a2;
    width: 28px;
    height: 3px;
}
.navbar .btn-navbar:hover .icon-bar{
    background-color: #F9AD64;
}

.navbar .nav li.dropdown>.dropdown-toggle:hover>.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>.dropdown-toggle .caret, .navbar .nav li.dropdown.open.active>.dropdown-toggle .caret {
    border-top-color: #F9AD64 !important;
}

/**------------------------- HOME -------------------------------**/
.ct_details_bar {
    text-align:center;
    background:#3c0001;
    color:#fff !important;
    font-size: 18px;
    line-height: 25px;
    text-transform:uppercase;
}
.home .ct_user_status {
    text-align:center;
    background:#3c0001;
    color:#fff !important;
    padding:5px;
    font-size: 18px;
    line-height: 40px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    width: 400px;
    margin: 0 auto;
}

.leftbanner img,
.middlebanner img,
.rightbanner img {
    width:100%;
}

#myCarousel {
    background-image:url('/myimages/377/zpos-bg-burj_carouselBG_oneline.jpg');
}
.shop_marlborough #myCarousel {
    background-image:url('/myimages/377/zpos-bg-burj_inside.jpg');
}
#myCarousel.carousel.slide img {
    margin: 0 auto;
}
.carousel {
    margin-bottom:0px;
}
.column_slideshow.span12 {
    background:#540b04;
    padding:0px 30px 10px;
}
.carousel-control{
    background: none;
    border: none;
    color: #decaa7;
    font-size: 120px;
    opacity: 1;
    left: 15%;
}
.carousel-control.right{
    right: 15%;   
}
.carousel-control:hover, .carousel-control:focus{
    color: #decaa7;   
}
.span12.welcomesect {
    margin:20px 0px;
}
.column_modules .website-image {
    text-align:center;
}

.home .website-image {margin-bottom:10px;}
.welcometxt {
    text-align:right;
    color:#fff;
}
.welcometxt h2 {
    font-size: 45px;
    padding: 0px 0px 5px;
    font-weight:normal;
}
.welcometxt p {
    line-height: 22px;
    font-size:18px;
}

.left_text, .middle_text {
    color:#E5DCC5;
    text-align:center;
}
.left_text h2,
.middle_text h2{
    font-size:22px;
    font-weight:normal;
    margin: 0px;
}
.bottombanner {
    text-align:center;
    width:100%;
}

.mod_postcode_box .lead {
    font-family: 'Cinzel';
    color:rgb(229, 220, 197);
    font-size:28px;
}
.mod_postcode_box small {
    color:rgb(229, 220, 197);
}
.mod_postcode_box .btn .caret{
    display: none;   
}
.mod_postcode_box input, .mod_postcode_box .btn {
    height: 40px;
    border: none;
    border-radius: 0 !important;
    box-sizing: border-box;
    font-size: 20px;
    font-family: 'Cinzel';
}
.mod_postcode_box .btn-success{
    background: #097305;
}	
.mod_postcode_box input{
    background: #e4dcc5;
    color: #411105;
    border: 2px solid #d0914e;
    border-right: none;
    font-weight: bold;
}
.mod_postcode_box input::-webkit-input-placeholder {
    color: #411105;
}

.mod_postcode_box input:-moz-placeholder { /* Firefox 18- */
    color: #411105;  
}

.mod_postcode_box input::-moz-placeholder {  /* Firefox 19+ */
    color: #411105;  
}

.mod_postcode_box input:-ms-input-placeholder {  
    color: #411105;  
}
.copyright .muted {
    color: #d6c3a2;
}

/**------------------------- CHECKOUT -------------------------------**/

.branchchecker {
    text-align: center;
}

.text-branch-checkout {
    letter-spacing: 2px;
    font-weight: bold;    
}

.please_check {
    letter-spacing: 3px;
    font-weight: bolder;
    text-transform: uppercase;
    margin: 12px 0;
    color: #ff7777;
}
.well-special-requests,
.voucher_box {
    background: white;
    color: black;
}
.well-special-requests h5,
.voucher_box h5 {
    font-size: 20px;
    line-height: 30px;
}

/**------------------------- MENU -------------------------------**/
.shop_wanborough #container-category-7388 .cat-desc {
    display: none;   
}
.how-im-ordering.alert-info {
    background: #d6c3a2;
    border: none;
    color: #3c0001;
    text-shadow: none;
    border-radius: 0;
}
.how-im-ordering h2 small{
    color: #590b04;
}
#responsive-food-menu{
    padding-bottom: 0;   
}
#responsive-food-menu .navbar-inner{
    padding: 0 10px;   
}
#responsive-food-menu .brand{
    text-shadow: none;   
    color: #d6c3a2;
}
.menu [class^="icon-"], .members [class^="icon-"]{
    background-image: url(http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/img/glyphicons-halflings-white.png);
}	
.navbar-search .search-query{
    border-radius: 0;   
}
#basket-container .btn{
    margin-bottom: 10px;   
}
.popover{
    background: #3c0001;
    color:  #d6c3a2;
}
.popover .popover-title{
    background:  #590b04; 
    color: #d6c3a2;
    font-weight: bold;
}
.ui-tabs .ui-tabs-nav{
    padding: .5em .5em 0 !important;  
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active{
    padding-right: 0 !important;   
}
.ui-tabs-vertical .ui-tabs-nav li{
    margin: 0 0 .4em 0 !important;   
    text-align: center;
}
.product .text-info{
    color: #F9AD64;
}	
.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, #basket-container .ui-widget-content{
    background: none;   
}
#basket-container .ui-widget-content{
    border: none;
    color: #fff;
}
/**------------------------- MEMBERS -------------------------------**/
.hero-unit{
    background: #3c0001;
}
.members .nav-list>li>a, .members .nav-list .nav-header{
    text-shadow: none;   
}
.nav-list>.active>a, .nav-list>.active>a:hover, .nav-list>.active>a:focus,
.nav>li>a:hover, .nav>li>a:focus{
    background: #3c0001;
}
.btn-success{
    background: #21a00a;
}
.btn-success:hover, .btn-success:active, .btn-success:focus{
    background: #088700;
}
.btn-danger{
    background: #c00;	
}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus{
    background: #B30000;	
}
/**------------------------- RESERVATON -------------------------------**/
.controls-row [class*="span"], .row-fluid .controls-row [class*="span"]{
    float: none;
}
.ctl-modTableReservationV1{
    margin-bottom: 10px;   
}
.input-append .btn{
    height: 30px;
}
.home .input-append .btn{
    height: 40px;   
}
.btn{
    border: none;
    text-shadow: none;
    background-image: none;
    border-radius: 0;
}
.btn-parimary {
    background: #F9AD64; 
    border: none;
    color: #fff;
    text-shadow: none;
    height: 30px;
}
.btn-parimary:hover, .btn-parimary:focus, .btn-parimary:active{
    background: #E0944B;   
    color: #fff;
}
.modal-header{
    color: #d6c59b;   
}
.modal-body{
    background: #590b04;
    color: #fff;
}
.modal-header, .modal-footer{
    background: #3c0001
}
.top-btns {
    margin-top: 15px;
    margin-bottom: 5px;
}
.top-btns a {
    border: 1px solid #fff;
    padding: 5px 10px;
    margin: 5px;
    transition: all 0.2s ease-in-out;
}

.t-menu-btn, .t-book-btn {
    color: #fff;
}

.t-menu-btn:hover, .t-menu-btn:focus, .t-book-btn:hover, .t-menu-btn:focus {
    color: #000;
    background: #fff;
}

/**--WELCOME PAGE--**/
#welcome-row-fluid-outer {
    color: #FFFFFF;    
}
#welcome-row-fluid-outer h1 {
    font-size: 34px;
    line-height: 110%;
}
#welcome-row-fluid-outer h2 {
    font-size: 20px;
    line-height: 110%;
}
.branch-select {
    margin-bottom: 10px;   
}
.welcome .navbar {
    display: none;   
}
@media (max-width: 1200px) {
    #welcome-row-fluid-outer {
        margin-top: 20px;   
    }
}
@media (max-width: 767px) {
    #welcome-row-fluid-outer {
        text-align: center;   
    }
    #welcome-row-fluid-outer > .span4 {
        max-width: 400px;
        margin: 0px auto;   
    }
    .social_media_links {
        padding: 20px 0 0px;
    }
    .span4.tr.vendor img {
        padding-right: 0px;
    }
}

/**------------------------- MEDIA QUERIES -------------------------------**/
@media (min-width: 1200px) {
    footer, .container{ 
        width:100%;
    } 
    .home footer .row-fluid, .home .ct_details_bar,.home .navbar-inner, .home .row-fluid.ct_header_row, .home #body,  .home header{ 
        max-width:1000px;
        margin:0 auto; 
    }
    footer .row-fluid, .ct_details_bar,  .navbar-inner, .row-fluid.ct_header_row, #body, header{ 
        max-width:1200px;
        margin:0 auto; 
    }
    #body {
        margin-top:20px;
    }
}


@media (max-width:1200px){
    .ct_local_branch_details, .span4.tr.vendor img {
        padding-right: 10px;
    } 
    #basket-container.ui-widget {
        margin-top:20px;
    }
    .carousel-control{
        font-size: 60px;
        left: 0;
    }
    .carousel-control.right{
        right: 0;   
    }
    .ct_details_bar {
        font-size: 16px;   
    }
}


/* Desktop */
@media (min-width: 979px) {
    .navbar .nav, .navbar .nav > li {
        float: none !important;
        display: inline-block;
        vertical-align: top;
    }
    .navbar-inner {
        text-align: center;
    }
    .ct_local_branch_details {
        padding-right:10px;
    }
    .ct_user_status {
        padding-left:10px;
    }
    footer { margin:20px 0 10px;
    }
}

/* Not Desktop */
@media (max-width:979px){
    .navbar .nav>li>a{
        border: none;   
        text-align: center;
    }
    .ct_details_bar {
		font-size: 16px;header
        line-height: 126%;
        padding: 11px 0 5px;
    }
    
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) {
    .ct_details_bar {
        display: flex;
        padding: 10px 0 5px;
        align-items: center;
        margin-bottom:10px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    body {
        padding:0px;
    }
    footer {
        height:100%;
        text-align:center;
        padding-top:8px;
        padding-bottom:8px;
        margin-top:0;
    }
    .copyright, .cards, .tr.vendor a.vendor-zpos img {
        padding-top:8px;
        padding-bottom:8px;
    }
    .tr, .tl {
        text-align: center !important;
    }
    .menu .alert h2 {
        font-size: 18px;
        line-height: 30px;
    }
    .alert h2 small {
        font-size:16px;
    }
    .home .leftbanner, .home .middlebanner, .home .column_modules,
    .home .rightbanner img{
        display: none;   
    }
    .welcometxt p{
        text-align: left;
        line-height: 30px;
        opacity: 0.8;
    }	
    .home .welcome_text h2{
        text-align: center;   
        font-size: 40px;
        line-height: 110%;
    }
    .mod_postcode_box .lead {
        color: #fb8d23;
        font-size: 44px;
        line-height: 110%;
    }
    .mod_postcode_box small {
        font-size: 15px;
    }
    .home .ct_user_status{
        width: 100%;   
    }
    .ui-tabs-vertical .ui-tabs-panel{
        float: none;
        width: 100% !important;
    }
    #myCarousel {
        background-size: cover;
    }
    .span12.ct_local_branch_details {
        display: none;
    }
    .preheader .span6 {
        text-align: center;
    }
    .preheader .right {
        float: none !important;
        margin: 0 auto !important;
        text-align: center !important;
        max-width: fit-content !important;
        border-radius: 15px !important;
        margin-top: 5px !important;
    }
    
    .ct_local_branch_details { padding-bottom:10px; }
        .ct_details_bar .ct_local_branch_details { display:none !important; }

}

@media (max-width: 480px) {
    .top-btns a {
        display: block;
        width: 160px;
        height: 26px;
        line-height: 26px;
        margin: 10px auto;
    }
}

.shop_marlborough #logo {
    background: #590b04;   
}
.shop_marlborough .span12.ct_local_branch_details {
    background: #fbf2e3 !important;
    color: #540b04 !important;  
    font-weight: 700;
}
.ct_local_branch_details  {
    color: #fff;
}

.alert-mondays {
    max-width: 600px;
    margin: 0px auto;
}
.btn-default {
    background: none;
    border: 1px solid #fff;
    border-radius: 0px !important;
    text-transform: uppercase;
    color: #fff;
}
.btn-default:hover, .btn-default:focus {
    background: #fff;
}
.welcome .headerButtons {
    display: none !important;
}
.headerButtons {
    margin-bottom: 10px;
}
.preheader .right {
    text-align: right;
    background: #d6c3a2;
    padding: 8px 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    width: auto;
    float: right;
    margin-right: 10px;
}
.preheader .right p {
    font-size: 16px;
    color: #3c0001;
}
.page_welcome .preheader {
    display: none !important;
}

.xmas_2023 {
    text-align: center;   
}
.book .well {
    text-align: center;
}
.deal_modal .modal-footer {
    display: none;
}
.flex-column {
    display: flex;
    flex-direction: column;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
}
.flex-column a:not(:last-child) {
    margin-bottom: 10px !important;
}

.menu_delivery_notice{
    padding: 10px;
    margin: 10px 0;

}
.menu_delivery_notice a{
     color: #468847;
    font-weight: bold;   
}



#list_branches{
    display: flex;
    justify-content: center;
    margin: 40px 0;
    
}
#list_branches .btn{
        margin-top: 15px;
    }
.welcome .span12{
 	margin-left: 0;   
}


@media (max-width: 767px) {
    #list_branches{
        display: block;
    }
    .welcome_img_container{
		width: 100%;
        height: 200px;
            
    }
    #list_branches .btn{
        margin-top: 10px;
    }
    #list_branches .btn{
        margin-bottom: 40px;
    }
    
	.welcome_img_container img{
        object-fit: cover;
        width: 100%;
        height: 100%;   
    } 
}


/* see PM - can be removed */
/* hide menu */
/*.welcome-notice { font-size:18px; line-height:120%; }
.shop_corsham.menu .container-fluid.menu-builder .how-im-ordering,
.shop_corsham.menu .container-fluid.menu-builder .tb-nav-tabs,
.shop_corsham.menu .ui-tabs.menu,
.shop_corsham.menu .container-fluid.menu-builder > .row-fluid > div,
.shop_corsham.menu .container-fluid.menu-builder .span4,
.shop_corsham.menu .container-fluid.menu-builder .span8 { display:none !important; opacity:0; }*/

/* pm tidy up */
.home .sys-alert { margin-top:10px; }
.page_menu .container-fluid.menu-selection { padding-left:0px; padding-right:0px;}
.contact-us .box-opening-hours { margin-top: 30px; }
