@import url(https://fonts.googleapis.com/css?family=Manrope|Playfair+Display|Playfair+Display|Playfair+Display|Playfair+Display);

body .visible-hoopersplace, body .visible-theatre-square { display:none !important; } 
body .hidden-hoopersplace, body .hidden-theatre-square { display:inherit !important; } 
body.shop_hoopersplace .hidden-hoopersplace, 
body.shop_theatre-square .hidden-theatre-square { display:none !important; }
body.shop_hoopersplace .visible-hoopersplace, 
body.shop_theatre-square .visible-theatre-square { 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: #cccccc;
	font-family: 'Manrope';
}
h1 {
	color: #dedede;
	font-family: 'Playfair Display';
}
h2 {
	color: #dedede;
	font-family: 'Playfair Display';
}
h3 {
	color: #dedede;
	font-family: 'Playfair Display';
}
h4 {
	color: #dedede;
	font-family: 'Playfair Display';
}
body {
	background-color: #000000;

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

	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
	background-size: cover;
}

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

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

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

.extra-page {
    margin: 40px auto 40px;   
}
.extra-content {
    text-align: center;
}
.extra-content h2 {
    font-size: 50px;
    line-height: 110%;
}
.extra-content h3 {
    font-size: 30px;
    line-height: 110%;
}
.extra-content h4 {
    color: #C81431;
    padding-bottom:0px;
    font-size:20px;
}
.extra-content p {
    line-height: 22px;
    max-width: 60%;
    margin: 0 auto;
}
.extra-btns {
    margin-top: 20px;
}
.extra-btns .btn-text {
    color: #000;
}
.extra-page .span3 {
    margin-left: 30px;
    margin-top: 30px;
    text-align: center;
}
.page_online-restaurant-menu h1 {
    display:none;
}
.extra-page .well {
    background:#000;
}
.buttonsection {
    margin:10px 0px 30px;
}
.buttonsection .btn-primary{
    margin-left:20px;
}
.buttonsection .btn-danger{
    border: 3px solid #C81431;
    color: #C81431;
}
.buttonsection .btn-danger:hover,
.buttonsection .btn-danger:focus,
.buttonsection .btn-primary:hover,
.buttonsection .btn-primary:focus{
    border: 3px solid #fff;
    color: #fff;
}

/* Elements to remove */
#body-bottom-hr, .home-about, .basket-hr-separator, .basket-buttons .icon-white, .well-security {
	display:none;
}
/**/

.alert-offer-pm p { 
    line-height:120%;
}
.alert-offer-pm small { 
    font-size:60%;
    opacity:0.8;
}
.alert-offer-pm strong { 
    font-size:120%;
}
.alert {
    background: #c1002f;
}
.alert,
.alert h3 {
    color: #a89a62;
    text-shadow: none;
}
.alert h3 {
 	padding-top: 0px;
    padding-bottom: 5px;
}

/* Page */
body {
    padding-bottom:0;
    padding-top: 20px;
}
@media (max-width: 767px) {
	body {
    	padding-left:0;
        padding-right:0;
	}
    #container .inner-wrapper > * {
    	padding-left:20px;
        padding-right:20px;
        box-sizing:border-box;
    }
}
#container {
    background:none;
    box-shadow:none;
    border-radius:0;
    width:100%;
    padding:0;
}

#container .inner-wrapper > * {
    max-width:1170px;
    margin-left: auto;
    margin-right: auto;
}

#container .inner-wrapper > footer {
    max-width:100%;
    padding-bottom: 30px;
}
.row-fluid.ct_header_row {
    padding-top: 30px;
}
#responsive-food-menu .navbar-inner {
    background: url(https://cdn1.zfood.co.uk/860/images/SwindonRendezvousIcon.png?auto=compress) 10px center no-repeat #AF8841;
    background-size: auto 80%;
    border:none;
    padding-right:3px;
}
#responsive-food-menu .navbar-inner .brand {
    padding: 18px 20px 10px 75px;
    /*font-size: 24px;*/
    font-size: 20px;
    color: #eee;
    line-height: normal;
    text-shadow: none;
}

#checkoutVouchercode {
    max-width:120px;
}

::selection {
    background-color: #c7092f;
    color: #eee;
}

/**/
.home h1 {
	text-shadow:0px 0px 25px #000, 0px 0px 50px #000;
}

/**/
.uk-offcanvas-bar {
	background: url(https://cdn1.zfood.co.uk/860/images/zpos-bg-backdrop.jpg?auto=compress) no-repeat;
    background-size:cover;
}
.ctrl-mobile_food_menu_nav_closecanvas {
    margin:0 15px;
    width:auto;
}

.well {
	background:#440107;
    border:none;
    border-radius:0;
}

.alert-info.how-im-ordering {
    background:none;
    border:none;
    color:#fff;
    text-shadow:none;
}
#basket-container {
    background:none;
    padding:0 0 0 20px;
}
#basket-container > h3 {
	margin-top:86px !important;
}


h1, h2 {
    line-height: 110%;

}
h3, h4 {
	padding-top: 10px;
	padding-bottom: 20px;
}
h5 {
    font-family: "Playfair SC";
    font-size:20px;
    font-weight:normal;
}
legend {
	font-size: 30px;
    font-family: "Playfair SC";
    line-height: 70px;
    color: #ddd;
    border: 0;
    margin-bottom:30px;
}
.hero-unit {
    background: #f89406;
    color: #fff;
    padding: 50px;
}

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 {
    background:#200;
    border:2px solid transparent;
    border-left:3px solid #AF8841;
    border-radius:0 !important;
    box-shadow:none;
    height:50px !important;
    color:#fff;
    padding:5px 20px;
}


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, 
select,
.navbar-search .search-query,
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 {
    font-size:18px;
    line-height:normal !important;
}

.btn, .btn:hover {
	background:none;
    border-radius:0 !important;
    box-shadow:none;
    text-transform:uppercase;
	text-shadow:none;
    padding:12px;
}

.btn-small, .btn-small:hover {
    padding:0 5px;
}

.btn, .btn-primary {
    border: 3px solid #AF8841;
    color:#AF8841;
}
.btn-success {
	border-color:#61af41;
    color:#61af41;
}
#basket .actions .btn-success {
	background:#61af41;
}

.btn-info {
	border-color:#4186af;
    color:#4186af;
}
.btn-inverse {
	border-color:#ccc;
    color:#ccc;
}
.btn-warning {
	border-color:#b5582b;
    color:#b5582b;
}

.btn-error, .btn-danger {
	border-color:#af4141;
    color:#af4141;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
    color: #fff;
    background-color: #bd362f !important;
}

#basket .actions .btn-danger,
#basket .actions .btn-error {
	background:#af4141;
}



a {
    color:#AF8841;
    text-shadow:none;
}
a:hover {
	color:#fff;
}

/*LOYALTY POINTS*/
.loyaltypoints_box {
    background: #f89406 !important;
}
.loyaltypoints_box .lead, .loyaltypoints_box p {
    color: #fff;
}
.loyaltypoints_box .row-credits .well {
    color: #000;
}
.loyaltypoints_box h5, .loyaltypoints_box .ctl-redeempoints {
    color: #fff !important;
    border: none;
}
.ctl-pointsoptions .btn-link {
    color: #fff !important;
    border: none;
}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

footer {
    background:#000;
    padding-top: 20px;
}
#footer-full-image {
    width:100%;
    margin-top:0px;
    margin-bottom:80px;
    padding-top: 50px;
}
footer > .row-fluid {
    max-width:1170px;
    margin:0 auto;
}
.reserve-btn {
 	margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 430px;
    font-size: 30px;
    line-heighT: 110%;
}
.reserve-btn, .reserve-btn:hover, .reserve-btn:focus {
    padding: 20px;
}
/* Header */

/**/

#mobile_food_menu_nav .btn {
    border:none;
    border-top:3px solid #AF8841;
}
.btn.btn-inverse.zp-ctl-myorder {
    color:#f99;
}
.btn.btn-inverse.zp-ctl-checkout { color:#62da7c;
}

/* Navbar */
header .navbar {
    margin-top:20px !important;
    margin-bottom:20px !important;
}
header .navbar-inner, .navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus {
    background:none;
    box-shadow:none;
    border:none;
}

.navbar .brand, .navbar .nav>li>a  {
    text-shadow:none;
    text-transform:uppercase;
}
.navbar .nav>li>a {
	color:#fff;
}
.navbar .nav>li>a:focus, .navbar .nav>li>a:hover {
	color:#fff;
}
.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus,
.navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle {
    color:#AF8841;
    background:none;
}
.navbar .nav>li>a {
    position: relative;
    padding-bottom: 8px;
}
.navbar .nav>li>a:before, .navbar .nav>li>a:after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #AF8841;
}
.navbar .nav>li>a:before {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-transition: opacity 0s, -webkit-transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: opacity 0s, -webkit-transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s;
    transition: transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s, -webkit-transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.navbar .nav>li>a:after {
    opacity: 0;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.navbar .nav>li>a:hover:before, .navbar .nav>li>a:hover:after, .navbar .nav>li>a:focus:before, .navbar .nav>li>a:focus:after {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.navbar .nav>li>a:hover:before, .navbar .nav>li>a:focus:before {
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.navbar .nav>li>a:hover:after, .navbar .nav>li>a:focus:after {
    -webkit-transition: opacity 0s 0.2s, -webkit-transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: opacity 0s 0.2s, -webkit-transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s 0.2s;
    transition: transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s 0.2s, -webkit-transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
/**/


.dropdown-menu {
   	background: url(https://cdn1.zfood.co.uk/860/images/zpos-bg-backdrop.jpg?auto=compress&h=400&w=300&fit=crop) no-repeat;
    background-size:cover;
	padding-top: 10px;
	padding-bottom: 10px;
}
.dropdown-menu>li>a {
    color:#ffffff !important;
    line-height:18px;
    font-size:16px;
    padding-left:68px !important;
    padding-right:20px !important;
    padding-top:20px;
    padding-bottom:20px;
    background-image:url(https://cdn1.zfood.co.uk/860/images/SwindonRendezvousIcon.png?auto=compress) !important;
    background-position: 10px center !important;
    background-repeat:no-repeat !important;
    background-size: auto 80% !important;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
    background-color: rgba(0,0,0,0.3);
}



.mod_postcode_box {
    margin-bottom:20px;
}

.popover {
	background:url(https://cdn1.zfood.co.uk/860/images/zpos-bg-backdrop.jpg?sat=-100&h=300) no-repeat;
    background-size:cover;
    border:2px solid #AF8841;
    box-shadow: 0 0 30px 10px #202020;
}
.alert, .popover, .popover-title, .popover-content, .ui-widget, .ui-widget-title, .navbar-inner, .ui-widget-content {
    border-radius:0;
}
.popover-title {
    background:#440107;
}
.popover.top .arrow:after {
    border-top-color:#AF8841;
}

.basket-buttons {
    margin-top:30px;
}
.text-info {
    color: #D05;
}
.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th {
    background-color: transparent;
}
.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th {
    background-color: #404040;
}
 
.table-hover tbody tr:hover>td, 
.table-hover tbody tr:hover>th {
    color:#cccccc;
}




.row-odd {
	background: rgba(255,255,255,.1);
}
.row-product {
    box-sizing:border-box;
    border-bottom:none;
    color:#f3f3f3;
    padding:16px;
}
.row-product:hover {
	background: rgba(68,1,7,.6);
}

.ui-widget-content {
	border: 3px solid #AF8841;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    cursor:pointer;
}
.ui-tabs-menu {
    background: url(https://cdn1.zfood.co.uk/860/images/zpos-bg-backdrop.jpg?auto=compress&sat=-100) left top no-repeat #161616;
	background-size: 100% auto;
}
.ui-tabs-menu.ui-widget-content.ui-tabs-vertical {
    border-top:none;
    padding:0;
}
.ui-widget-header {
    background: url(https://cdn1.zfood.co.uk/860/images/zpos-bg-backdrop.jpg?auto=compress) left top no-repeat #161616;
    background-size:cover;
    border:none;
    color:#fff;
}
.ui-widget>.ui-widget-header {
	padding:10px;
}

.ui-widget>.ui-widget-header a, 
.ui-widget>.ui-widget-header a:link, 
.ui-widget>.ui-widget-header a:visited {
    color:#f3f3f3;
}
.ui-tabs-vertical .ui-tabs-nav li a {
    padding:12px 10px !important;
}

.ui-tabs-vertical .ui-tabs-nav {
    padding:12px 0px !important;

}

.ui-widget>.ui-widget-header a:hover {
    background:rgba(64, 64, 64, 0.8);
}

.ui-widget>.ui-widget-header .ui-state-active a, 
.ui-widget>.ui-widget-header .ui-state-active a:link, 
.ui-widget>.ui-widget-header .ui-state-active a:visited {
    color:#AF8841;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border:none;
    background:none;
}
.ui-tabs-vertical .ui-tabs-panel {
    padding: 0 !important;
}

.dropdown-menu .divider {
    display:none;
}
.product-container-panel > p {
    padding:16px;
}

#checkoutComments { height:100px !important; }
.modal { background: #202020; }
.modal-footer, .modal-header {
    background: #404040;
    border:none;
}


/* White background sticking out
.blockMsg {
    transition:all 0.4s ease;
    width: 400px !important;
    border: 1px solid #fc0 !important;
    opacity: 0.9 !important;
    margin: 0 !important;
    right: 0;
    box-sizing: border-box;
    border-radius: 0 !important;
    top: 50px !important;
    background: #016f00 !important;
}
*/
.blockMsg {
    transition: all 0.4s ease;    
    width: 400px !important;
    border: 1px solid #fc0 !important;
    margin: auto !important;    
    border-radius: 0 !important;    
    background: #016f00 !important;
}
.checkout .blockMsg {
 	background: #FFFFFF !important;   
    right: 0;    
    left: 0 !important;
    width: fit-content !important;
}

.mod_postcode_box .alert-success {
    color:#eec54f;
}
.mod_postcode_box .lead {
    color:#eec54f;
    font-family: 'Playfair Display';
    font-size:30px
}
header .row_phones {
    display:none;
}

.ct_details_bar {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    max-width:100% !important;
    background:#8b0000d4;
    line-height:30px;
    padding:0 !important;
}
.ct_details_bar > .span6 {
    padding:0 20px;
}

/* HOMEPAGE OPENING */
#heading-restaurant-opening {
    font-size: 20px;
    padding: 0 7px;
}
@media (max-width: 979px) and (min-width: 768px) {
 	#responsive-food-menu .navbar-inner .brand {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
	#container .inner-wrapper #body {
        padding-left:0;
        padding-right:0;
    }
    #basket-container {
        padding:10px;
    }
    .dropdown-menu>li>a {
    	color:#ffffff !important;
        line-height:18px;
        font-size:16px;
        padding-left:50px !important;
        padding-right:10px !important;
        padding-top:10px;
        padding-bottom:10px;
    }
    .table-times {
    	margin:10px;
	}
    .copyright,
	.cards,
	.vendor-zpos {
		text-align: center;
		display: block !important;
		margin-bottom: 30px;
	}
    header .btn-navbar,
    header .btn-navbar:hover,
    header .btn-navbar:focus {
        padding: 7px 10px;
        background: #a99a64 !important;
    }
    .right_column {
     	display: none !important;   
    }
    header .navbar {
     	padding-bottom: 10px;   
    }
    .home h1,
    .checkout h2,
    .contact-us h1 {
     	text-align: center;   
    }
    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 {
     	background: transparent;   
    }
    header .navbar .nav>li>a:focus, 
    header .navbar .nav>li>a:hover {
        color: #AF8841;
    }
    .checkout #ctl-lookupAddress,
    .members #ctl-lookupAddress,
    .members #ctl-forgotPassword {
     	display: block;   
    }
    .extra-page {
        margin: 0px auto 0px;
    }
    .extra-content p {
        line-height: 22px;
        max-width: 90%;
        margin: 0 auto 10px;
    }
    .buttonsection .btn-primary {
        margin-left: 0px;
        margin-top: 12px;
    }
    #responsive-food-menu .btn-navbar {
     	height: 62px !important;   
    }
}

/* Opening hours widget */
.box-opening-hours, .box-opening-hours-restaurant{
    margin-top: 20px;
}

@media (max-width: 480px) {
    
    #mod_postcode_box_pc,
    .mod_postcode_box .btn {
     	display: block;
        width: 200px;
    }
    #responsive-food-menu .navbar-inner .brand {
        font-size: 18px;
    }
    .menu .row-product .row-variation {
     	margin-bottom: 5px;   
    }
    .trigger-paymentmethod .btn {
     	display: block;   
        width: 100% !important;
    }
    
}

.table-times table {
        background: #440107;
}

.table-times .table-hover tbody tr:hover>td,
.table-times .table-hover tbody tr:hover>th {
    background-color: #432929 !important;
}

.menu #mobile_food_menu_nav { z-index:9999999999999999 !important; }

.app-alert h2 {
 	color: #FFFFFF;
    font-weight: bold;
    padding: 0px;
}
.app-alert p {
 	max-width: 1170px;
    margin: 10px auto;
    color: #FFFFFF;
}
.app-alert { 
    text-align:center; 
    padding: 15px 0px;
    margin: 0px auto !important;
    background: #61af41;
}
.sys-message {
    text-align: center;
    margin: 0px;
    margin-bottom: 0px !important;
}
.sys-message h3 {
    color: #000;
}

.menu-selection {
    margin-top: 20px;
}

.alert.alert-error h2,
.alert.alert-error h3{
    color:#b94a48;
}

.page_online-restaurant-menu header,
.page_online-restaurant-menu .ct_details_bar,
.page_online-restaurant-menu footer{
    display:none;
}
.navbar-affix-container {
	height: auto !important;
}

/*Hide empty subcategories*/
#container-category-23728,
#container-category-23729,
#container-category-23730,
#container-category-23738,
#container-category-23740 {
 	display: none;   
}

.contact-us .box-contact-information .ui-widget-content {
 	h4 {
        color: #000000;
    }
}