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

body .visible-bar, body .visible-cafe, body .visible-tableordering { display:none !important; } 
body .hidden-bar, body .hidden-cafe, body .hidden-tableordering { display:inherit !important; } 
body.shop_bar .hidden-bar, 
body.shop_cafe .hidden-cafe, 
body.shop_tableordering .hidden-tableordering { display:none !important; }
body.shop_bar .visible-bar, 
body.shop_cafe .visible-cafe, 
body.shop_tableordering .visible-tableordering { 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: #0d1121;
	font-family: 'Onest';
	font-size: 16px;
}
h1 {
	font-family: 'Alice';
	font-weight: normal;
}
h2 {
	font-family: 'Alice';
	font-weight: normal;
}
h3 {
	font-family: 'Alice';
	font-weight: normal;
}
h4 {
	font-family: 'Alice';
	font-weight: normal;
}
body {
	background-color: #e6eef1;

	background-image:none;

	background-attachment: scroll;
}

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

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

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

/**-- DISPLAY NONES --**/
.home h1, .home-about, #body-bottom-hr, 
.row_mods, .row_phones, 
.social_media_links small, .voucher_box .success span, 
#basket-container hr, #opening-status,
.mod_postcode_box .lead, .mod_postcode_box .col3,
#myCarousel .carousel-indicators,
.home_social,
.shop_bar .column_modules {
    display: none !important;
}

/* GLOBAL */
* {
    box-sizing: border-box;   
}
body {
    padding: 0;
}
#container {
    background: none;
    padding: 0;
    width: 100%;
    /*max-width: 2000px;*/
    box-shadow: none;
}
body:not(.home) #body {
 	padding-top: 50px;
    padding-bottom: 50px;
}
ol>li>ol, ol>li>ul, ul>li>ol, ul>li>ul {
    margin: 0 0 10px 25px;
}
a {
    color: #3A458F;
}
a:not(.btn, .carousel-control, .close, .uk-close) {
    text-decoration: underline;
}
a:hover, a:focus {
    color: #3f52ce;
}
em {
    color: #d08051;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #8F96C7;
    color: #FFFFFF;
    border: none;
}
p {
    letter-spacing: 1px;
    line-height: 125%;
}
.home p {
    line-height: 150%;
}
hr:not(.well hr) {
    border-top: 3px solid #6DBF9F;
    border-bottom: none;
}
.blue_bg {
 	   background: #3A458F;
}
.blue_bg h1,
.blue_bg h2,
.blue_bg h3,
.blue_bg h4,
.blue_bg p {
 	color: #F3F4F2;   
}
.container {
    width: 100%;   
}
.label, .badge {
    /*padding: 2px 4px 2px;*/
    text-shadow: none;
    border-radius: 0px;
    font-size: 11px;
}
.ui-dialog-titlebar {
    background: #3A458F;
    padding-top: 5px !important;
}
#dlgResetPassword .btn {
    font-size: 11px;
}
.table th, .table td {
    padding: 8px 8px 7px;
}
.alert {
 	padding: 11px 35px 10px 14px;
    border: none;
    border-radius: 10px;
    text-shadow: none;
}
body.shop_bar {
 	background: #0D1121;   
}
.ui-datepicker-prev,
.ui-datepicker-next {
 	background: #FFFFFF;   
}

.ui-datepicker .ui-datepicker-buttonpane {
    border: none;
}
.ui-datepicker .ui_tpicker_hour button,
.ui-datepicker .ui_tpicker_minute button {
    border: 1px solid #adadad;
}
.ui-datepicker .ui_tpicker_hour button:hover,
.ui-datepicker .ui_tpicker_minute button:hover,
.ui-datepicker .ui_tpicker_hour button:focus,
.ui-datepicker .ui_tpicker_minute button:focus {
    border: 1px solid #b9b9b9;
}
.ui-datepicker .ui-datepicker-title select {
    padding: 4px 6px 2px;
}

/* FONTS */
h5, h6,
#responsive-food-menu .brand,
legend, .nav-list .nav-header {
    font-family: 'Alice', 'Arial', sans-serif;
    line-height: 110%;
    font-weight: normal;
}
input, button, select, textarea {
    font-family: 'Onest';
}

h5 { font-size: 22px; }
h6 { font-size: 16px; }

.lead {
    text-transform: uppercase;
    font-size: 15px;
    line-height: 130%;
    font-weight: 600;
    margin-bottom: 10px;
}

/* SITE WIDTH */
.ct_details_bar, .ct_header_row, .navbar-inner .container, .home #body .container, .home footer .row-fluid {
    max-width: 1400px;
    margin: 0 auto;
}
body:not(.home) #body, #responsive-food-menu, body:not(.home) footer .row-fluid {
    max-width: 1170px;
    margin: 0 auto;
}

/* COLOURS */
.btn-success, 
#opening-status.status-OPEN, 
#editProductModal .btn-group>.dropdown-toggle.btn-success, 
#editSpecialDealModal.btn-group>.dropdown-toggle.btn-success {
    background: #6DBF9F !important;
    color: #FFFFFF !important;
}
.btn-success:hover, .btn-success:focus, 
#editProductModal .btn-group>.dropdown-toggle.btn-success:hover, 
#editProductModal .btn-group>.dropdown-toggle.btn-success:focus, 
#editSpecialDealModal.btn-group>.dropdown-toggle.btn-success:hover, 
#editSpecialDealModal.btn-group>.dropdown-toggle.btn-success:focus {
    background: #6AC9A4 !important;
    color: #FFFFFF !important;
}
.text-success, .loyalty-card>div .loyalty-value {
    color: #6DBF9F !important;
}
.alert-success,
.label-success, 
.badge-success{
 	background: #40bf4b;
    color: #FFFFFF;
}

.btn-primary {
    background: #6C97D8 !important;
    color: #FFFFFF !important;
}
.btn-primary:hover, .btn-primary:focus {
    background: #6D9EE9 !important;
    color: #FFFFFF !important;
}
.text-primary {
    color: #6C97D8 !important;
}

.btn-info, .label-info, .badge-info, 
#editProductModal fieldset .btn-group>.dropdown-toggle.btn-info, 
#editSpecialDealModal fieldset .btn-group>.dropdown-toggle.btn-info {
    background: #2c7b7f !important;
    color: #FFFFFF !important;
}
.btn-info:hover, .btn-info:focus, .btn-group.open .btn-info.dropdown-toggle, 
#editProductModal fieldset .btn-group>.dropdown-toggle.btn-info:hover, 
#editProductModal fieldset .btn-group>.dropdown-toggle.btn-info:focus, 
#editSpecialDealModal fieldset .btn-group>.dropdown-toggle.btn-info:hover, 
#editSpecialDealModal fieldset .btn-group>.dropdown-toggle.btn-info:focus {
    background: #2d888d !important;
    color: #FFFFFF !important;
}
.text-info {
    color: #2c7b7f !important;
}
.alert-info {
    background: #90d3f5;
    color: #FFFFFF;
}

#editProductModal fieldset .btn-group>.dropdown-toggle:not(.btn-info):not(.btn-success):not(.btn-danger),
#editSpecialDealModal fieldset .btn-group>.dropdown-toggle:not(.btn-info):not(.btn-success):not(.btn-danger) {
    background: #000000;
    color: #FFFFFF;
}
#editProductModal fieldset .btn-group>.dropdown-toggle:not(.btn-info):not(.btn-success):not(.btn-danger):hover,
#editProductModal fieldset .btn-group>.dropdown-toggle:not(.btn-info):not(.btn-success):not(.btn-danger):focus,
#editSpecialDealModal fieldset .btn-group>.dropdown-toggle:not(.btn-info):not(.btn-success):not(.btn-danger):hover,
#editSpecialDealModal fieldset .btn-group>.dropdown-toggle:not(.btn-info):not(.btn-success):not(.btn-danger):focus {
    background: #4e4e4e;
    color: #FFFFFF;
}

.btn-danger, .modal-footer button:first-of-type, .label-danger, .badge-danger, .alert-error,
#opening-status.status-CLOSED, 
#editProductModal .btn-group>.dropdown-toggle.btn-danger, 
#editSpecialDealModal.btn-group>.dropdown-toggle.btn-danger {
    background: #c26565 !important;
    color: #FFFFFF !important;
}
.btn-danger:hover, .btn-danger:focus, .modal-footer button:first-of-type:hover, 
#editProductModal .btn-group>.dropdown-toggle.btn-danger:hover, 
#editProductModal .btn-group>.dropdown-toggle.btn-danger:focus, 
#editSpecialDealModal.btn-group>.dropdown-toggle.btn-danger:hover, 
#editSpecialDealModal.btn-group>.dropdown-toggle.btn-danger:focus {
    background: #b25b5b !important;
    color: #FFFFFF !important;
}
.text-danger, .text-error {
    color: #c26565 !important;
}
.alert-danger {
    background: #ec2e2e;
    color: #FFFFFF;
}

.btn-warning, .label-warning, .badge-warning {
    background: #ec8b14 !important;
    color: #FFFFFF !important;
}
.btn-warning:hover, .btn-warning:focus {
    background: #f59621 !important;
    color: #FFFFFF !important;
}
.text-warning {
    color: #ec8b14 !important;
}
.alert-warning {
    background: #d2b928;
    color: #FFFFFF;
}

.btn-inverse {
    background: #0D1121 !important;
    color: #FFFFFF !important;
}
.btn-inverse:hover, .btn-inverse:focus {
    background: #1e2644 !important;
    color: #FFFFFF !important;
}

.btn-white {
    background: #f3f4f2 !important;
    color: #0D1121 !important;
}
.btn-white:hover, .btn-white:focus {
    background: #e5e7e2 !important;
    color: #0D1121 !important;
}

.btn-border {
    color: #6C97D8 !important;
    border: 1px solid #6C97D8;
    background: transparent !important;
    transition: all 0.3s;
}
.btn-border:hover, .btn-border:focus {
    color: #FFFFFF !important;
    border: 1px solid #4E8FF1 !important;
    background: #4E8FF1 !important;
}

/* BUTTONS */
.btn {
    text-transform: uppercase;
    border-radius: 0px !important; 
    text-shadow: none;
    letter-spacing: 1px;
    padding: 9px 18px 7px;
    font-size: 13px;
}
.btn-large {
 	font-size: 15px !important;
}
.btn-small {
    padding: 3px 8px 2px;
    font-size: 11px !important;
}
.btn-small i {
    /*position: relative;
    top: 1px;*/
}
/*special padding might be needed for buttons with icons*/
#basket-container .btn {
    padding: 12px 22px 8px;
}
#zp-offcanvas-basket .btn-large {
    padding: 8px 22px 10px !important;
}
.btn-option {
 	line-height: 14px!important;  
    padding: 3.5px 4px 1.5px !important;
    font-size: 10px !important;
}
#basket .btn-tiny {
 	height: 17px;   
}
#basket-container .basket-buttons i {
    position: relative;
    top: 2px;
}
#basket-container > .ui-widget-content {
 	border: none;
    border-radius: 0px;
}

/* DROPDOWN MENU */
.dropdown-menu {
    background: #c2e1eb;
    border: 0;
    padding: 0px;
    border-radius: 0px;
}
.dropdown-menu>li {
    padding: 0px;
}
.dropdown-menu>li>a {
    font-size: 14px;
    padding: 10px;
    text-decoration: none;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background: #c6eefb;
    color: #0D1121;
}

/* INPUTS */
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"], .page_members .btn-group .btn.dropdown-toggle {
    box-sizing: border-box;
    border-radius: 0px;
    height: 36px;
    padding: 4px 6px 4px;
    border: none;
    background: #FFFFFF;
}

/* WELLS */
.well, .page-review-order, .ui-tabs-menu {
    border-radius: 0px;
    box-shadow: none;
    border: none;
}
.well h1, .well h2, .well h3, .well h4, .well h5, .well h6 {
    color: #3A458F;
}
.well, .page-review-order {
    background: #c2e1eb;
}
.ui-tabs-menu {
    background: #F6F6F6;
}
.well, .page-review-order {
    padding: 25px 15px;
}
.ui-tabs-menu {
    border-top-left-radius: 0px !important; 	
    border-top-right-radius: 0px !important;
}
.well hr {
    border-top: 3px solid #0D1121;
    border-bottom: none;
}
.well small {
 	color: #567fbb;   
}
.well table, .well tr, .well td, .well th,
.ui-widget-content table, .ui-widget-content tr, .ui-widget-content td, .ui-widget-content th,
.page-review-order .table tbody+tbody {
 	border-color: #0D1121;	   
}
.well .text-warning {
 	color: #d08051 !important;   
}
.well .well {
 	border-color: #0D1121;
}
.jumbotron .lead {
    font-size: 20px;
    line-height: 150%;
}

/* LEGEND, UI-WIDGET */
legend {
	color: #0D1121;
    font-size: 24px;
    border-color: #0D1121;
    text-align: center;
    padding-bottom: 10px;
}
.ui-widget-header {
    background: #3A458F;
    color: #FFFFFF;
}

/*--SYSTEM ALERTS**/
.well.sys-alert {
    text-align: center;
    color: #FFFFFF;
    background: grey;
}
.well-small.sys-alert .lead {
    color: #FFFFFF;
}
.sys-message {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    text-align: center;
    border-radius: 0px !important;
}
.alert-danger a {
 	color: #FFFFFF;
    text-decoration: underline;
}
.alert-danger a:hover, .alert-danger a:focus {
    color: #e2e1e1;
}

/* MODALS */
.modal-header {
    background: #3A458F;
    color: #FFFFFF;
}
.modal-header h3 {
 	font-size: 24px !important;   
}
.modal-body {
    background: #FFFFFF;
    color: #000000;
}
.modal-footer {
    background: #2b2828;
    color: #fff;
    opacity: 1;
    border-radius: 0px;
}
.modal-footer h3,
.modal-footer h3 span {
    font-size: 22px !important;
    line-height: 110%;
}
.modal-body .well {
    background: #f5f5f5 !important;
    color: #000000;
}

/* CARETS */
header .navbar .caret {
    border-top-color: #0D1121 !important;
    transition: transform 0.3s;
    margin-top: 5px !important;
}
header .navbar .nav li.dropdown.open>.dropdown-toggle .caret {
    transform: rotate(180deg);
}
.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: #6C97D8 !important;
}
#editProductModal .btn-info .caret, #editSpecialDealModal .btn-info .caret {
    margin-top: 6px;
    border-top-color: #FFFFFF;
}
#editProductModal .btn-option .caret, #editSpecialDealModal .btn-option .caret {
    margin-top: 4px;
    border-top-color: #FFFFFF;
}
#editProductModal .label-default {
    padding: 2.5px 4px;
}

/* HEADER SECTION */
header .navbar-inner {
    min-height: 0px; 
    padding-left: 0px;
    padding-right: 0px;
}
#ct_details_bar_wrapper {
    padding: 11px 0px 11px;
}
.shop_cafe #ct_details_bar_wrapper,
.shop_tableordering #ct_details_bar_wrapper {
    background: #C0E1EB;
}
.shop_bar #ct_details_bar_wrapper {
    background: #3A458F;
    color: #FFFFFF;
}
.shop_bar #ct_details_bar_wrapper a {
 	color: #C0E1EB;   
}
.shop_bar #ct_details_bar_wrapper a:hover, .shop_bar #ct_details_bar_wrapper a:focus {
 	color: #e0ecef;
}
.shop_cafe header,
.shop_tableordering header,
.welcome header{
    background: url('https://static.zfood.co.uk/finchescafeandbar.co.uk/images/header_pattern_cafe.png') right -580px bottom -20px no-repeat #E6EEF1 !important;
}
.shop_bar header,
.shop_bar #home_taste,
.shop_bar #home_story {
    background: #0D1121;
}

/* NAV SECTION */
header .navbar .nav>li>a:not(.btn) {
    text-shadow: none !important;
    /*padding: 0px !important;*/
    /*padding: 21px 0px 9px !important;*/
    padding: 14px 0px 2px !important;
}
header .navbar .nav>li>a:not(.btn) {
    border-bottom: 1px solid transparent;   
}
header .navbar .nav>li>a, header .nav-collapse .nav>li>a, header .dropdown-menu a {
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: none;
}
.shop_cafe header .navbar .nav>li>a, .shop_tableordering header .navbar .nav>li>a, header .nav-collapse .nav>li>a, header .dropdown-menu a {
    color: #0D1121;
}
.shop_bar header .navbar .nav>li>a, header .nav-collapse .nav>li>a, header .dropdown-menu a {
    color: #FFFFFF;
}
header .navbar .nav>.active>a:not(.btn), header .navbar .nav>.active>a:not(.btn):focus, header .navbar .nav>.active>a:not(.btn):hover, header .navbar .nav>li>a:not(.btn):focus, header .navbar .nav>li>a:not(.btn):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: #6C97D8;
    background-color: transparent;
    box-shadow: none;
}
header .dropdown-menu a {
    padding: 12px 15px 7px; 
}



/* FOOTER SECTION */
.label-copyright {
    color: #F3F4F2;
}
.label-copyright a {
    color: #C0E1EB;
}
.label-copyright a:hover, .label-copyright a:focus {
 	 color: #e0ecef;  
}
footer {
    background: #3A458F;
    margin-top: 0px;
    padding: 40px 0px;
}

/* HOME PAGE */
body.home {
    overflow-x: hidden;   
}
.home section.small_padding_top {
    padding-top: 60px;  
}
#mod_postcode_box_pc {
    line-height: normal !important;
    vertical-align: middle !important;
    width: 100%;
    height: 51px;
    border: none;
    font-size: 15px;
    padding: 7px 6px 5px !important;
    margin-bottom: 7px;
    color: #0D1121;
    background: #F3F4F2;
}
#mod_postcode_box_pc::placeholder {
    color: #ababaa;
}
.mod_postcode_box {
    background: #FFFFFF;
    border: 4px solid #6DBF9F;
}
.mod_postcode_box .col2 {
    width: 100%;
    margin-bottom: 0px;
}
.mod_postcode_box .btn {
    display: block;
    width: 100%;
    margin: 0px auto 7px;
    border-radius: 0px;
}
.mod_postcode_box .btn-group {
    display: block;
    width: 100%;
    margin: 0px !important;
}
.mod_postcode_box p {
    margin: 25px 0px;   
}
.mod_postcode_box hr {
    max-width: 200px;
    margin: 20px auto;
}
.home .main {
    position: relative;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    margin: 0px auto;
}
.carousel-caption {
    background: transparent;
    padding: 0px;
    right: 0px;
    left: auto;
    max-width: 400px;
}
.shop_bar .carousel-caption {
    color: #F3F4F2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    bottom: 10%;
}
.carousel_caption_container {
 	position: absolute;
    height: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    max-width: 1170px;
    display: flex;
}
.carousel-control {
    background: transparent;
    top: auto;
    opacity: 1;
    line-height: 42px;
    font-size: 40px;
    transition: all 0.3s;
    border: none;
    margin-top: 0px;
    bottom: 20px;
    z-index: 10;
}
.carousel-control svg path {
 	stroke: #6C97D8;   
}
.carousel-control:hover, .carousel-control:focus {
    opacity: 1;
}
.carousel-control:hover svg path , .carousel-control:focus svg path  {
    stroke: #448AF3;
}
#carousel_control_container {
    
}
.column_slideshow {
    position: relative;   
}
#home_welcome {
 	/*background: linear-gradient( to bottom, #3A4BC1 0%, #3A4BC1 50%, #3A458F 50%, #3A458F 100%);   */
    background: #3A458F;
}
#home_welcome .left {
    position: relative;   
}
.circle_border_bottom {
    background: url('/myimages/1283/circle_border_bottom.png') repeat-x;
    background-size: contain;
    margin-top: -1px;
}
.shop_cafe .circle_border_bottom,
.shop_tableordering .circle_border_bottom{
    background-color: #E6EEF1;
}
.shop_bar .circle_border_bottom {
    background-color: #0D1121;
}
.middle_img {
    margin-bottom: 50px;   
}
#home_text {
    text-align: center;   
    position: relative;
}
#home_text .container {
    position: relative;   
}
.leaf_icon {
    position: absolute;
    top: -220px;
    right: 0px;
}
#home_story_inner {
    position: relative;
    margin: 0px auto;
}
.shop_cafe #home_taste,
.shop_tableordering #home_taste {
    background: url('/myimages/1283/home_tastes_pattern_cafe.png') left center no-repeat #E6EEF1;
}
#home_taste h2,
#home_taste h3 {
    color: #3A458F;
}
#reviews_slider {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
#reviews_slider .carousel-indicators {
 	top: auto;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
}
#reviews_slider .carousel-indicators li:first-child {
    margin-left: 0px;
}
#reviews_slider .carousel-indicators li:not(.active):hover {
 	background: rgba(255,255,255,0.5);
    cursor: pointer;
}
.shop_cafe #home_story,
.shop_tableordering #home_story {
    background: url('/myimages/1283/home_tastes_pattern_cafe.png') right -600px center no-repeat #E6EEF1;
}
.shop_bar #home_taste h3{
    color: #C0E1EB;
}
.shop_bar #home_taste p {
 	color: #F3F4F2;   
}
.shop_tableordering .well-login,
.shop_tableordering .loyaltypoints_box,
.shop_tableordering .loyalty_well,
.shop_tableordering .how-im-ordering a {
 	display: none;   
}


/* MENU PAGE */
.page_menu .ui-tabs .ui-tabs-nav li {
    padding-right: 0px !important;
}
.growlUI h1 {
    font-size: 20px !important;
}
.growlUI h2 {
    font-size: 16px !important;
}
.dynamic-desc,
.search-desc {
    border-radius: 0px;
}
.row-product .name {
    color: #3A458F;
}
.btn-order {
 	position: relative;
    top: -5px;
}
.row-product {
    border-color: #0D1121;
}
#responsive-food-menu {
	background: #3A458F;
}
#responsive-food-menu .brand {
	color: #FFFFFF;
    padding: 12px 20px 12px;
}
.how-im-ordering small {
	color: #F5AA7D;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    background: #6C97D8;
    color: #FFFFFF;
}
.ui-tabs .ui-tabs-nav li {
    background: #FFFFFF;
    padding-right: 0px !important;
}
.page_menu .ui-tabs .ui-tabs-nav li:hover, .page_menu .ui-tabs .ui-tabs-nav li:focus {
    background: #d6e5ff;
}
.page_menu .ui-tabs .ui-tabs-nav li a {
    padding: 10px 10px 9px !important;
}
#menu-search-box {
    width: 200px;
    border-radius: 0px;
    padding: 6px 10px 4px;
    font-size: 12px;
}
#zp-offcanvas-menu .uk-offcanvas-bar {
    background: #3A458F;
}
#zp-offcanvas-menu .uk-offcanvas-bar a {
    color: #FFFFFF;
}
#zp-offcanvas-menu .uk-offcanvas-bar a:hover,
#zp-offcanvas-menu .uk-offcanvas-bar a:focus {
    background: #555fac;
}

.popover .popover-title {
    background: #3A458F;
    color: #FFFFFF !important;
    font-size: 20px !important;
}
.popover .popover-content {
    color: #0D1121;
}
.alert_menu_delivery {
    padding: 20px;
}
.alert_menu_delivery * {
    color: #fff !important;
}
.type-choose-one > .row-fluid > .control-group {
 	width: 100% !important;
    margin: 0px !important;
}
.modal-body .type-choose-one .dropdown-toggle {
 	max-widtH: 100%;   
}
.modal-body .type-choose-one .control-label {
    padding-top: 0px;
}
#responsive-food-menu .btn-navbar.btn-warning {
    font-size: 12px;
    text-shadow: none;
    line-height: 34px;
    position: relative;
    top: 5px;
    padding: 2px 10px 0px !important;
}
#responsive-food-menu .ctrl-mob-nav-search {
    position: relative;
    top: 7px;
}
.menu #basket-container .blockUI {
 	font-size: 16px !important;   
}
.product-container-panel .ui-widget-header {
    border: none;
    margin-top: 10px;
    font-size: 24px;
    padding: 4px 10px 3px;
}
.row-variation .name {
 	font-size: 15px; 
    position: relative;
    top: -3px;
}
.row-variation .price {
 	position: relative;
    top: -3px;
    font-size: 14px;
}
.shop_cafe .how-im-ordering h2,
.shop_tableordering .how-im-ordering h2{
 	color: #3A458F;   
}
.shop_cafe .how-im-ordering small,
.shop_tableordering .how-im-ordering small{
 	color: #6C97D8;
}
.how-im-ordering a {
    text-decoration: none;
}
.shop_bar .how-im-ordering h2,
.shop_bar.checkout h2,
.shop_bar.contact-us h1 {
 	color: #C0E1EB;   
}
.shop_bar .how-im-ordering small {
 	color: #6C97D8;   
}
#basket-container {
    background: #C0E1EB;
}
#basket-container h3 {
    color: #3A458F;
}
.loyalty_well {
    text-align: center;
    background: #FFFFFF;
}
.loyalty_well h2,
.loyalty_well h3,
.loyalty_well p {
    color: #3A458F;
}
.loyalty_well .btn-group {
    margin-top: 10px;
}
.page_menu .tb-nav-tabs {
    background: #ECECEC;
}

/* CHECKOUT PAGE */
.checkout .well-basket {
    background: #C0E1EB !important;
}
.checkout .well-basket #basket {
    background: #FFFFFF;
}
.checkout .loyalty-description h2 {

}
.checkout .well-basket .blockUI .muted {
    color: #0D1121 !important;
}
.checkout .box-delivery-information .table th, 
.checkout .box-delivery-information .table td {
    padding: 8px 6px 3px;
}
.well-login .lead {
    text-transform: none;
    font-weight: normal;
}
.checkout #body .span5 .marginbottom15 {
    text-align: center;
}
.shop_bar.checkout #body .span5 .marginbottom15 .muted a {
    color: #6e96da;
}
.shop_bar.checkout #body .span5 .marginbottom15 .muted a:hover,
.shop_bar.checkout #body .span5 .marginbottom15 .muted a:focus {
    color: #99bfff;
}
.btn-proceed-final {
    margin-bottom: 10px;
}

/*LP*/
.loyaltypoints_box {
    background: #d3c9f1 !important;
}
.loyaltypoints_box .ui-widget-header {
    background: #394391 !important;
    color: #FFFFFF !important;
    border: none;
    padding: 3px 5px 2px;
    font-size: 13px;
}
.loyaltypoints_box .row-credits .well-white {
    color: #384193;
    border: none !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    padding: 15px 10px 10px!important;
}
.loyaltypoints_box .row-credits .col-equals .well {
    color: #FFFFFF;
}
.loyaltypoints_box .btn-link {
    padding: 2px 10px 4px;
    color: #3A458F;
}

/* MEMBERS PAGE */
#members_intro {
    text-align: center;
    margin-bottom: 30px;
    background: #faa2bf;
}
.members .loyalty-caption h3 {
    color: #FFFFFF;
}
.nav-list>li>a {
    text-shadow: none;
    color: #0D1121;
    padding: 3px 15px 2.5px;
    text-decoration: none;
}
.nav-list .nav-header{
    color: #0D1121;
    text-shadow: none;
    font-size: 18px;
}
.nav-list>li>a small {
 	font-size: 10px;   
}
.nav-list>.active>a>[class^="icon-"], .nav-list>.active>a>[class*=" icon-"],
.nav-list a:hover>[class^="icon-"], .nav-list a:focus>[class^="icon-"] {
    background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/img/glyphicons-halflings-white.png");
}
.nav-list>.active>a, .nav-list>.active>a:hover, .nav-list>.active>a:focus, .nav-list a:hover, .nav-list a:focus  {
    background: #3A458F !important;
    color: #FFFFFF !important;
}
.nav-list .divider {
 	border-color: #212121;   
}
.nav-list>li>a i {
    position: relative;
    top: 1px;
}
.hero-unit {
    background: #9ec5d2;
    border-radius: 0px;
}
.hero-unit a {
    color: #0D1121; 
    text-decoration: underline;
}
.members .btn-group .btn.dropdown-toggle {
    background: #FFFFFF;
    text-transform: none;
    color: #555555;
    font-weight: normal;
    padding: 10px 10px 2px;
    box-shadow: none;
   
}
.members .btn-group .btn.dropdown-toggle .caret {
    margin-top: 8px;
}

.section-sales-reports .ctl-toggle-columns .btn-primary:not(.active) {
    background: #c5c5c5 !important;
}
.section-sales-reports .btn-primary {
 	padding: 9px 10px 8px;   
    font-size: 10.5px;
}
li.my-statistics-orders {
 	margin-top: 5px;   
}
.section-sales-reports table,
.section-product-reports table,
.section-tax-report table {
 	background: #f6f6f6;   
}

/* CONTACT PAGE */
.contact-us .ui-widget-content {
 	background: #F6F6F6; 
    border: none;
}
.contact-us .ui-widget-header {
    border: none;
    padding: 9px 15px 12px;
    font-size: 24px;
}
.contact-us .box-address-line,
.contact-phone_numbers,
.contact-email {
    font-size: 14px;
}

/* REVIEW ORDER PAGE */
.page-review-order .rating-row small.muted {
    color: #524c4c;
}
.page-review-order .page-header{
	border-color: #0D1121;
}

/* 404 PAGE */
.page_error-404 h2, .page_error-404 h3, .page_error-404 #body p {
	color: #0D1121;
}
.shop_bar.page_error-404 h2,
.shop_bar.page_error-404 h3,
.shop_bar.page_error-404 p {
    color: #FFFFFF !important;
}

/* ORDER CONFIRMATION PAGE */
.shop_bar .jumbotron-order-complete,
.shop_bar .p-last-minute {
 	color: #FFFFFF;   
}

/* MENU SELECTION PAGE */
.menu-selection h1,
.menu-selection h3 {
    text-align: center;
}
.shop_bar .menu-selection h1 {
    color: #FFFFFF;
}

/* TERMS AND CONDITIONS PAGE */
.cookie-policy-content table {
 	background: #FFFFFF;   
}

/* SOCIAL MEDIA */
.social_media_links {
    max-width: 190px;
    margin: 0px auto 50px;
}
.social_media_links .btn {
 	background: none !important;
    box-shadow: none;
    padding: 0px;
    margin: 0px 3px;
    transition: all 0.3s;
}
.social_media_links .btn:hover,
.social_media_links .btn:focus {
    transform: translateY(-1px);
}
.social_media_links .btn:last-child {
    margin-right: 0px;
}

/**-- RESERVATIONS/BOOKING --**/
body:not(.book) .mod_table_reservation_v1 {
    display: none;
}
.mod_table_reservation_v1 {
    width: 100%;
    max-width: 370px;
}
.mod_table_reservation_v1 h3 {
    display: none;
}
.mod_table_reservation_v1 input,
.mod_table_reservation_v1  select,
.mod_table_reservation_v1 .btn {
    width: 100%;
}
.mod_table_reservation_v1 .btn {
    margin-top: 10px;
}
.shop_bar .booking_content .lead,
.shop_bar .booking_content h1 {
    color: #FFFFFF;
}

/*MENUS PAGE*/
.menus_content {
    text-align: center;
}
.menus_content .btn-group {
    margin-top: 20px;
}
.menus_content .btn {
    margin: 0px 10px;
}
.menus_content .lead,
.booking_content .lead {
    text-transform: none;
    font-weight: normal;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}
.menus .other_menu_type_link {
 	max-width: 400px;
    margin: 20px auto;
}
.shop_bar.menus .other_menu_type_link a {
    color: #bbd8e6;
}
.shop_bar.menus .other_menu_type_link a:hover,
.shop_bar.menus .other_menu_type_link a:focus {
 	color: #cbe5f2;
}
.pdf_grid {
    max-width: 500px;
    margin: 40px auto 20px;
}
.pdf_grid .well {
    background: #FFFFFF;
    margin-bottom: 0px;
}
.pdf_grid a {
    text-decoration: none;
}
.pdf_grid .well .pdf_icon {
    width: 50px;
    margin-bottom: 20px;
}
.pdf_grid h3 {
    color: #3A458F;
     text-decoration: none;
}
.shop_bar .booking_content .lead,
.shop_bar .menus_content .intro_text,
.shop_bar .menus_content h1 {
    color: #FFFFFF;
}
.shop_bar .pdf_grid .well {
    background: #253082;
}
.shop_bar .pdf_grid .well h3,
.shop_bar .pdf_grid .well h3 a {
    color: #FFFFFF;
}

/*WELCOME PAGE*/
.welcome h1 {
    display: none;
}
.welcome h2 {
    max-width: 310px;
    margin: 0px auto 20px;   
}
.welcome:not(.home) #body {
    padding-top: 90px;
    padding-bottom: 100px;
}
.welcome header {
    background: url('https://static.zfood.co.uk/finchescafeandbar.co.uk/images/header_pattern_cafe.png') right -100px bottom -50px no-repeat #E6EEF1 !important;
}
.welcome h2 {
    margin-bottom: 20px;
}
#welcome-row-fluid-outer {
 	background: #3A458F;
    color: #FFFFFF;
    padding: 80px 20px 60px;
    text-align: center;
}
#welcome-row-fluid-outer > div {
 	max-width: 500px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#welcome-row-fluid-outer .btn {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.welcome .circle_border_bottom {
 	background-color: #E6EEF1;
}
body.welcome {
 	background: #E6EEF1;   
}
.welcome .ct_header_row .right_column {
    display: none;
}
.welcome .ct_header_row .left_column {
    width: 100%;
}
.welcome #logo {
    text-align: center;
}
.welcome #logo img {
    max-width: 350px;
    width: 100%;
}
.welcome #list_branches .branch-select:not(:last-child) {
    margin-bottom: 10px;
}
.welcome h1 {
    font-size: 40px !important;
}
.welcome h2 {
    font-size: 25px !important;
    line-heighT: 110%;
}
.welcome .well {
    background: #394391;
    color: #FFFFFF;
}
.welcome {
    overflow-x:hidden;
}
.welcome .branches_map,
.welcome .branch_finder_box{
 	position: absolute;
    left: -10000px;
}
.welcome .list_branches {
    display: flex;
    gap: 10px;
    justify-content: center;
}

/* ALLERGEN */
.allergen-information #body .popover {
 	   top: 0px !important;
}

/* MEDIA QUERIES */
@media (max-width: 1500px) and (min-width: 980px) {
 	.carousel-control.left {
        left: 20px;
    }
    .carousel-control.right {
        left: 80px;
        right: auto;
    }
}
@media (min-width: 1401px) {
    header .navbar .nav>li {
        padding: 0px 12px; 
    }
    header .navbar .nav>li>a:not(.btn) {
     	font-size: 14px;   
    }
    .mod_postcode_box {
        padding: 40px 50px;
    }
    .sidebar_img {
        margin-top: 250px;
    }
    #home_story_inner {
        height: 554px;
        width: 1402px;
        padding: 90px;
    }
    header .btn-large {
        padding: 15px 20px 12px !important;   
    }
    .column_modules {
        width: 430px;
    }
}
@media (max-width: 1400px) {
    header,
    .home #body .container:not(.main .container),
    #ct_details_bar_wrapper,
    .home footer .row-fluid {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    #home_welcome .btn-group .btn {
        display: block;
        margin: 0px 0px 10px !important;
    }
    .hideAt1400 {
        display: none !important;   
    }
}
@media (max-width: 1400px) and (min-width: 1201px) {
    header .navbar .nav>li>a:not(.btn) {
     	font-size: 12px;   
    }
    header .navbar .nav>li {
        padding: 0px 8px; 
    }
    header .btn-large {
    	padding: 11px 19px 9px !important;
        font-size: 12px !important;
    }
    .mod_postcode_box {
        padding: 15px;
    }
    .home #body .mod_postcode_box p:not(.lead) {
        margin: 5px 0 10px;
    }
    .column_modules {
        width: 370px;
    }
    .welcome_img {
        max-width: 490px;
    }
    #home_story_inner {
        height: 454px;
        width: 1150px;
        padding: 70px;
    }
    .bottom_img {
        max-width: 580px;
    }
    .sidebar_img {
        margin-top: 140px;
    }
    .home #body #home_story p:not(.lead) {
        margin: 14px 0;
    }
    
}
@media (max-width: 1400px) and (min-width: 980px) {
 	 .hidden_1400_to_980 {
     	display: none !important;   
    }   
}
@media (max-width: 1400px) and (min-width: 768px) {
    .column_modules {
        margin-right: 20px;
    }
}
@media (min-width: 1201px) {
    .welcome_img  {
        position: absolute;
        padding-left: 20px;
    }
    .bottom_img {
        position: absolute;
        top: -140px;
        right: 35px;
    }
    #home_story {
        padding: 200px 0px 70px;   
    }
    .sidebar_img {
        position: absolute;
    }
    
}
@media (max-width: 1200px) {
    #responsive-food-menu.affix {
        left: 0;
    }
    .page_contact-us .row-fluid .span8 .well {
        margin-bottom: 20px;
    }
    .members #frmRegister #ctl-lookupAddress {
        display: block;
    }
    .members #frmRegister #registerPostcode {
        width: 206px;
    }
    .members #frmLogin #ctl-forgotPassword {
        display: block;
    }
    .members #frmLogin #loginPassword {
        width: 206px;
    }
    body:not(.home) #body,
    body:not(.home) footer {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}
@media (max-width: 1200px) and (min-width: 980px) {
    header .navbar .nav>li {
        padding: 0px 10px; 
    }  
    header .navbar .nav>li>a, header .nav-collapse .nav>li>a {
        font-size: 13px !important;   
    }
    header .btn-large {
    	padding: 10px 10px 8px !important;
    }
     #home_story_inner {
        height: 375px;
        width: 950px;
        padding: 25px 40px;
    }
    #home_story_inner .left {
        width: 57.44680851063829% !important;   
    }
    #home_story_inner .right {
        width: 40.42553191489362% !important;   	
    }
    .trigger-paymentmethod .btn {
        padding: 18px 16px 12px !important;
        font-size: 13px !important;   
    }
    .mod_postcode_box hr {
        margin: 5px auto;
    }
    .home #body #home_story p:not(.lead) {
        margin: 10px 0;
    }
}
@media (max-width: 1200px) and (min-width: 768px) {
    .mod_postcode_box {
        padding: 20px;
        max-width: 350px;
    }
    #home_story {
        padding: 90px 0px 70px;   
    }
    .sidebar_img {
        margin-top: 50px;
    }
    .mod_postcode_box h3 {
        font-size: 30px !important;
        margin-top: 0px;
    }
}
@media (max-width: 1182px) {
    #basket-container {
        margin-top: 20px;
    }
}
@media (min-width: 980px) {
    header .navbar .nav>li:first-child {
        padding-left: 0px;   
    }
    header .navbar .nav>li:last-child {
        padding-right: 0px;   
    }   
    header .navbar .container {
        display: flex;
        justify-content: flex-end;
    }
    .ct_header_row,
    header .nav {
        display: flex !important;
        align-items: center;
    }
    header .nav {
        margin-right: 0px !important;   
    }
    header .navbar .nav>.active>a:not(.btn), header .navbar .nav>.active>a:not(.btn):focus, header .navbar .nav>.active>a:not(.btn):hover, header .navbar .nav>li>a:not(.btn):focus, header .navbar .nav>li>a:not(.btn):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: #6C97D8;
        background-color: transparent;
        box-shadow: none;
        border-bottom: 1px solid #6C97D8;
    }
    .home section:not(#home_story, #home_text) {
        padding: 100px 0px;   
    }
    #home_text {
     	padding: 70px 0px;   
    }
    .showAt979 {
    	display: none !important;
    }
    body:not(.home) .ct_details_bar * {
        font-size: 15px;
    }
    header {
        padding: 50px 0px;   
    }
    #home_text h3 {
        line-height: 160%;   
    }
    .home #body p:not(.lead) {
        margin: 17px 0;
    }
    
}
@media (max-width: 979px) {
    .page_contact-us .row-fluid .span8 .well {
        margin-bottom: 22px;
    }
    .trigger-paymentmethod .btn {
        width: 100% !important;
        display: block;
    }
    header .navbar .btn-navbar {
        background: #3A458F;
        margin-right: 0px;
        position: relative;
    }
    header .navbar .btn-navbar:hover, header .navbar .btn-navbar:focus {
        background: #3e4bac;
    }
    header .btn-navbar .icon-bar {
        background: #FFFFFF;   
    }
    header a {
        text-align: center;   
    }   
    header .dropdown-menu a {
        font-size: 15px;
        color: #0D1121 !important;
    }
    header .dropdown-menu a:hover, header .dropdown-menu a:focus {
        color: #6C97D8 !important;
        background: transparent !important;
    }
    .home section:not(#home_story) {
        padding: 50px 0px;   
    }
    #home_welcome .left,
    .hideAt979 {
        display: none !important;   
    }
    .bottom_img {
        max-width: 500px;
        width: 100%;
        margin: 0px auto 40px;
        display: block;
    }
    header .navbar .nav>li>a, header .nav-collapse .nav>li>a, header .dropdown-menu a {
        border: none !important;   
    }
    .home #body p:not(.lead) {
        margin: 10px 0;
    }
    .welcome h1,
    .welcome h2{
        text-align: center;
    }
    .welcome #list_branches .branch-select,
    .welcome .branch_finder_box {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }
    .carousel_caption_container,
    .carousel-caption {
        position: static;
    }
    .carousel-caption {
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
        width: 100%;
        margin: 0px auto;
        padding: 20px;
    }
    .carousel-caption > *:first-child {
        margin-top: 0px;
    }
    .carousel-caption {
        max-width: 600px;
    }
}
@media (max-width: 979px) and (min-width: 768px) {
    header .navbar {
        margin-top: 10px;   
    }
    #home_welcome .middle {
        width: 57.18232044198895% !important;
        margin-left: 0px !important;
    }
    #home_taste_food_2_mobile {
        margin-top: 40px;
    }
    #home_story_inner {
        width: 750px;
        height: 296px;
        padding: 20px 40px;
    }
    #home_story_inner .left {
        width: 100% !important;   
    }
    #home_story_inner h2 {
        font-size: 40px;   
        margin: 0px;
    }
    #home_story_inner p {
        margin: 8px 0;
        font-size: 14px;
    }
    #responsive-food-menu .brand {
        padding: 12px 20px 12px 5px;
    }
    body:not(.home) .ct_details_bar * {
        font-size: 14px;
    }
    header {
        padding: 20px 0px;   
    }
    #home_text h3 {
        line-height: 120%;
        font-size: 35px;   
    }
    .ct_details_bar>[class*=span] {
        width: 100%;
        text-align: center;
        margin-left: 0px;
    }
    .mod_postcode_box p {
        display: none;
    }
    .mod_postcode_box hr {
        margin: 5px auto 15px;
    }
    .booking_content .middle,
    .booking_content .left {
        width: 48.61878453038674%;
    }
    .carousel-caption {
     	min-height: 275px;
    }
    body:not(.shop_bar) .carousel-control.left {
        left: 20px;
    }
    body:not(.shop_bar) .carousel-control.right {
        left: 80px;
        right: auto;
    }
    #home_story .third_p {
        display: none;
    }
    header .navbar .btn-navbar {
        top: -2px;
    }
}
@media (min-width: 768px) {
    .home #body .btn-group .btn:not(:last-child) {
        margin-right: 10px;    
    }
    #home_welcome > .container > .row-fluid {
        display: flex; 
    }
    #home_story_inner > .row-fluid {
        display: flex;  
        height: 100%;
        align-items: center;
    }
    .btn-large {
        padding: 16px 31px 15px !important;
    }    
    #home_story_inner {
        background: url('/myimages/1283/zpos-bg-home_story_bg.png') no-repeat;
        background-size: contain !important;
    }
    .circle_border {
        height: 41px;
    }
    #home_taste .right {
        padding-left: 40px; 
    }
    .ct_details_bar i {
        margin-right: 10px; 
    }
    .home h2 { font-size: 49px; line-height: 110%; }
    .home h3 { font-size: 39px; line-height: 110%; }
    .home h4 { font-size: 32px; line-height: 110%; }
    body:not(.home) h1 { font-size: 40px; line-height: 110%; }
    body:not(.home) h2 { font-size: 34px; line-height: 110%; }
    body:not(.home) h3 { font-size: 28px; line-height: 110%; }
    body:not(.home) h4 { font-size: 24px; line-height: 110%; }
    .ct_local_branch_details {
     	text-align: right;   
    }
    .home .main > .container {
        position: absolute;
        top: 0px;
        left: 50%;
        transform: translateX(-50%);
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    /*.menus .inner-wrapper {
        min-height: 100vh;   
    }
    .menus footer {
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;   
    }*/
    .menus .intro_text {
     	display: flex;
        align-items: center;
    }
}
@media (max-width: 767px) {
    header .social_media_links {
        margin: 0px;
        float: right;
        position: relative;
        top: -1px;
        left: -10px;
    }
    header .social_media_links img {
        max-width: 30px;
    }
    header .social_media_links a {
     	
    }
    header .btn-navbar {
     	margin-left: 10px !important;   
    }
    .welcome:not(.home) #body {
        padding-top: 60px;
        padding-bottom: 40px;
    }
    #home_story .btn-group .btn {
        display: block;
        margin: 10px auto;    
    }
    .menu-container .ui-tabs-vertical .ui-tabs-panel {
        width: 100% !important;
    }
    .contact-us .box-contact-information {
        margin-top: 22px !important;
    }
    .checkout .well h4, 
    .checkout .well h5,
    .contact-us .ui-widget-header,
    .ui-widget:not(.ui-tabs-menu),
    .how-im-ordering,
    .checkout h2, .contact-us h1,
    #logo,
    #home_welcome,
    #home_taste,
    #home_story_inner {
        text-align: center;
    }
    .copyright, .cards, .vendor-zpos {
        text-align: center;
        display: block;
    }
    .copyright, .cards {
        margin-bottom: 30px;
    }
    .row-variation {
        margin-bottom: 5px;
    }
    #responsive-food-menu .brand {
        width: 100%;
        text-align: center;
        font-size: 26px;
    }
    #responsive-food-menu .btn-navbar:not(.ctrl-mob-nav-search) {
        float: left;
    }
    .menu-selection .btn {
        max-width: 500px;
        margin: 10px auto;
    }
    .lead {
        font-size: 13px;
        line-height: 150%;
    }
    .btn-large {
        padding: 14px 23px 11px !important;
    }
    header,
    .mod_postcode_box,
    .row-order-complete- .span12 {
        padding: 20px;   
    }
    .middle_img {
        display: none;
    }
    .welcome_img {
        margin-top: 20px;   
    }
    .leaf_icon {
        top: -130px;
        max-width: 150px;
    }
    h1 {
     	font-size: 45px !important;   
    }
    h2 {
     	font-size: 40px;   
    }
    h3 {
        font-size: 30px;
    }
    .circle_border {
        height: 25px;
    }
    #home_story {
        padding: 50px 0px;   
    }
    #home_story_inner {
     	padding: 20px;
        background: #FFFFFF;
    }
    #home_story {
        padding: 0px;
    }
    .type-choose-one > .row-fluid > .control-group, .modal-body .form-horizontal.type-choose-one .control-label {
		text-align: center;
	}
	.modal-body .form-horizontal.type-choose-one .control-label {
		width: 100% !important;
	}
	.modal-body .form-horizontal.type-choose-one .controls {
		margin-left: 0px !important;
	}
	#editProductModal .modal-body h4, #editSpecialDealModal .modal-body h4, #editProductModal .modal-body h3, #editSpecialDealModal .modal-body h3 {
        text-align: center;   
    }
    .ct_user_status, .ct_local_branch_details {
     	text-align: center;   
    }
	body:not(.home) .ct_details_bar * {
        font-size: 14px;
    }
    .book #content_intro > .left {
        display: none;
    }
    .ct_details_bar i {
        margin-right: 2px; 
    }
    .information .block-terms-conditions,
    .information .block-website-help {
        margin-bottom: 30px;
    }
    .information #body {
     	text-align: center;   
    }
    .allergen-information-table .col-icon img {
        width: 30px;
        height: auto !important;
    }
    .shop_cafe .column_slideshow,
    .shop_tableordering .column_slideshow {
        display: none;
    }
    #mod_postcode_box_pc,
    .mod_postcode_box .btn {
     	max-width: 300px;   
    }
    .booking_content img {
        display: block;
        margin: 20px auto;
        text-align: center;
    }
    .booking_content .left h1,
    .booking_content .left p {
        max-width: 400px;
        text-align: center;
        margin: 0px auto 20px;
    }
    .mod_table_reservation_v1 {
        margin: 0px auto;
    }
    .pdf_grid .well {
        max-width: 200px;
    }
    #header_buttons_home_mobile {
        padding: 10px;
        text-align: center;
    }
    #header_buttons_home_mobile .btn {
        margin: 0px 5px;
    }
    .carousel-caption {
        min-height: 290px;
    }
    .social_media_links {
        margin: 30px auto 30px;
    }
    .sidebar_img {
     	margin-top: 20px;
    }
    .menus .intro_text .btn-group {
     	margin-bottom: 20px;   
    }
    .welcome_img_grid {
     	text-align: center;
    }
    .welcome_img_grid img {
        margin-bottom: 20px; 
    }
    .checkout .well h4 {
        font-size: 22px;
    }
}
@media (max-width: 767px) and (min-width: 481px) {
    .pdf_grid .item {
        width: 48.61878453038674%;
        float: left;
        text-align: center;
    }
    .pdf_grid .item:nth-child(even) {
        margin-left: 2.7624309392265194%;
    }
    .pdf_grid .well {
        max-width: 200px;
        margin: 0px auto;
    }
}

@media (min-width: 481px) {
    .showAt480 {
        display: none !important;   
    }
}
@media (max-width: 480px) {
    .hideAt480 {
        display: none !important;   
    }
    .pdf_grid .item .well {
        margin: 0px auto 20px;
    }
}
@media (max-width: 400px) {
    .mod_postcode_box .btn {
     	font-size: 13px !important;   
    }
    .hide_at_400 {
     	display: none !important;   
    }
}

.branch-select[data-idx="1660"] {
    display: none;
}
.shop_tableordering header .right_column,
.shop_tableordering #ct_details_bar_wrapper {
    display: none;
}
.shop_tableordering header .left_column {
    width: 100%;
    text-align: center;
}

.modal-body select {
    border: 1px solid #ccc;
}
.food_modal .btn-group  .btn {
    margin: 0px 5px;       
}
.food_modal .modal-footer {
    display: none;
}

@media (max-width: 767px) {
    .food_modal .btn-group  .btn {
        display: block;
        margin: 5px 0px;       
    }   
}