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

body .visible-guildford { display:none !important; } 
body .hidden-guildford { display:inherit !important; } 
body.shop_guildford .hidden-guildford { display:none !important; }
body.shop_guildford .visible-guildford { 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: 'Gabarito';
	font-size: 16px;
}
h1 {
	font-family: 'Orbitron';
}
h2 {
	font-family: 'Orbitron';
}
h3 {
	font-family: 'Orbitron';
}
h4 {
	font-family: 'Orbitron';
}
body {


	background-attachment: scroll;
}

header, #mobile-header {

	background-attachment: scroll;
}

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

@media (min-width: 768px) {
    #mod_accepted_payment_icons_footer img {
        max-width: 37px;      
    }
}

/*GLOBALS*/
.theme_icons,
a.facebook_link,
a.instagram_link,
a.btn-facebook small,
a.btn-instagram small,
.fbicon, .igicon,
body.home #header-social > div > a:nth-child(3) > img,
body.home #header-social > div > a:nth-child(6) > img,
ol.carousel-indicators,
a.facebook_link > a > br,
.basket-hr-separator {
    display: none;
}

h1,h2,h3,h4,h5,h6,button,btn {
    letter-spacing: 1px;
}
a {
    color: #11d614;
}
.green {
    color: #11D710;
}
.orange {
    color: #FC7F00;
}

/*WELLS*/
.well {
    background: #464646;
    color: #ffffff;   
}
legend {
    border-bottom: none;
    color: #ffffff;
}
.ui-tabs-menu {
    border: none;
}


#basket-container {
    background: #FC7F00;
    margin-bottom: 10px;
}
#lp-box {
 	margin-bottom: 0px;   
}

#basket-container h3{
    text-align: center;
}

.menu #lp-box {
    background: #464646;
    padding: 15px 15px 35px 15px;
    text-align: center;
    margin-bottom: 5px;
}
#lp-box p {
    margin-bottom: 15px;
}
.popover .popover-title {
    padding-top: 6px;
}


/*MODALS*/
.modal-header {
    padding: 8px 15px 5px;
}
.modal-header,
.modal-footer {
    background: #FC7F00;
}

.modal-body .well {
    background: #272727
}

.modal-body{
    color: #272727;
}

.modal-header h3 {
    padding-bottom: 4px;
}
#editProductModal .modal-footer h3, 
#editSpecialDealModal .modal-footer h3 {
    line-height: 38px !important;
}



/*BUTTONS*/
.btn-success {
    background: #11D710;
    color: #272727;
}

.btn-success:hover, .btn-success:focus, .btn-success:active {
    background-color: #11e910;
    color: #272727;
}

.btn-orange {
    background: #FC7F00;
    border-bottom: none;
    color: #FFF;
}
.btn-orange:focus, 
.btn-orange:hover {
    background: #ff8f1e;
    color: #FFF;
}
.btn-large {
    font-size: 20px !important;
    padding: 20px 25px !important;
}
.btn, 
button {
    font-family: 'Gabarito';
    border: none;
} 
.btn:hover,
.btn:focus,
button:hover,
button:focus {
    border: none;
}

footer {
    background: #FC7F00;
}

footer .label-copyright,
footer .label-copyright a{
    color: #FFF !important;
}

/*NAV & HEADER*/
.socialtop img,
#opening-status img {
    max-width: 35px;
    max-height: 35px;
}
.socialtop h4.follow,
.status-OPEN h4 {
    color: #11D710;
}

header .navbar a.btn {
    line-height: 28px !important;
}
.status-CLOSED h4 {
    color: #DF3042;
}

.socialtop a.btn-primary {
    background: none !important;
}

#logo {
    max-height: 96px
}

#header-social a {
    margin: 0 2px;
}

.socialtop .btn {
    padding: 0px;
}

#opening-status h4 small,
header h4.follow small {
    color: #FFF;
    font-family: 'Gabarito',sans-serif;
}

header .navbar .nav > li > a {
    font-family: 'Gabarito',sans-serif;
}

/*HOME*/
.mod_postcode_box .muted {
    color: #FFF;
}

body.delivers_0 .mod_postcode_box {
    color: #FFF;
}

body.delivers_0 .mod_postcode_box p {
    font-size: 18px;
    margin: 20px 10px;    
}

body.delivers_0 .mod_postcode_box .btn {
    height: unset;
    width: 200px;
    padding: 10px 15px;
    font-family: "Orbitron";
    font-weight: bold;
}

body.delivers_0 .box-delivery-information {
    display: none;
}

.mod_postcode_box {
    /*background: #FC7F00 !important;*/
    background: #272727 !important;
    border: none;
    margin-right: -10px;
    margin-top: 50px;
}

.mod_postcode_box h3 {
    font-size: 40px;
}

.mod_postcode_box .dropdown-menu {
    background: #FFF;

}
.mod_postcode_box .dropdown-menu:hover {
    background: #f3f3f3;
}

.mod_postcode_box .dropdown-menu > li > a:hover {
    background: none;
}

.mod_postcode_box .dropdown-menu > li > a {
    color: #272727;
}

.home_bottom_content h2 {
    text-transform: capitalize;
    line-height: unset;
}

.home_bottom_content p {
    max-width: 90%;
}

.catering-section {
    margin-bottom: 20px;
    
    img {
        width: 100%;
    }
}

.home_promotional_grid div.span4 {
    position: relative;
}

.home_promotional_grid .promo-btn {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    background: #FFF;
    font-family: 'Orbitron';
    font-weight: 600;
    width: 70%;
    font-size: 17px;
    text-transform: Capitalize;
    padding: 10px 15px;
}

.home_promotional_grid .promo-btn:hover {
    background: #f3f3f3;
}

.ct_details_bar {
    margin-bottom 0px !important;
    padding-top: 12px !important;
    border-bottom: none;
}

.ct_details_bar small {
    font-size: 14px;
}

.ct_details_bar a {
    text-decoration: underline;
}

.ct_details_bar a:hover,
.ct_details_bar a:focus {
    color: #BFFDBF;
}

footer .label-copyright a:hover,
footer .label-copyright a:focus {
    color: #e5e5e5 !important;
}

/*CAROUSEL*/
.carousel-control {
    background: #FC7F00;
    color: #FFF;
    opacity: 0.85;
}

.carousel-control:hover, 
.carousel-control:focus {
    color: #FFF;
    opacity: 1;
}

.carousel-inner {
    border: 3px solid #575757;
}

a.left.carousel-control,
a.right.carousel-control {
    font-size: 40px;
}

.column_slideshow {
    margin-top: 25px;
}

/*MEMBERS*/
.section-my-orders table {
 	border-left: none;
}

.page_members #frmRegister legend, 
.page_members #frmLogin legend {
    background: #FC7F00;
    font-family: 'Orbitron';
}
.page_members .btn-group .btn.dropdown-toggle {
    border: 1px solid #ccc;
    height: 35px !important;
    line-height: 27px !important;
    padding: 4px 6px !important;
    box-sizing: border-box;
    min-height: 35px !important;
}
.page_members .btn-group .btn.dropdown-toggle .caret {
    margin-top: 11px !important;
    margin-left: 0px !important;
}

.page_members .nav.nav-list li a {
    line-height: 29px;
    display: flex;
    align-items: center;
}
.page_members .nav.nav-list li i {
    margin-top: -3px;
}
.sidebar-nav small {
    margin-left: 3px;
}

.page_members div.btn-group.ctl-toggle-columns {
    white-space: unset;
}

.page_members div.btn-group.ctl-toggle-columns button {
    margin-bottom: 3px;
}

.page_members table th {
    background: #FC7F00;
    color: #000;
}
.page_members table td {
    background: #FFF;
    color: #272727;
}
.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th {
    background: #FFF;
    color: #272727;
}
.page_members .sidebar-nav.well {
    background: #464646 !important;
    border: none;
}

.page_members .hero-unit h1 {
    margin-bottom:20px;
    letter-spacing: 2px;
}


.nav-list [class^="icon-"] {
    background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/img/glyphicons-halflings-white.png") !important;
}



/* Select all input types but exclude those inside .input-append */
input[type="text"]:not(.input-append input),
input[type="password"]:not(.input-append input),
input[type="datetime"]:not(.input-append input),
input[type="datetime-local"]:not(.input-append input),
input[type="date"]:not(.input-append input),
input[type="month"]:not(.input-append input),
input[type="time"]:not(.input-append input),
input[type="week"]:not(.input-append input),
input[type="number"]:not(.input-append input),
input[type="email"]:not(.input-append input),
input[type="url"]:not(.input-append input),
input[type="search"]:not(.input-append input),
input[type="tel"]:not(.input-append input),
input[type="color"]:not(.input-append input) {
    min-height: 35px !important;
    line-height: 20px !important;
    box-sizing: border-box;
}

.input-append input {
    min-height: 37px !important;
}
.input-append .btn-info {
    line-height: 29px !important;
}

/*select, 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 {
 	height: 39px !important;   
}*/


/*CONTACT*/
.contact-us .ui-widget-header {
    background: #FC7F00;
}

.contact-us .ui-state-highlight, 
.contact-us .ui-widget-content .ui-state-highlight, 
.contact-us .ui-widget-header .ui-state-highlight {
    background: #FC7F00;
}
.contact-us .ui-widget-content {
    background: #fff;
}

.contact-us .ui-widget-header {
    text-align: center;
    padding: 4px 10px 6px;
    color: #FFF;
}

.table-regular-opening-times tr {
    background: #FFF;
}

/*MENU*/
#responsive-food-menu {
    background: #FC7F00 !important
}
.ctrl-mob-nav-search .icon-search {
    margin-top: 15px;
}
.uk-offcanvas-bar {
    background: #FC7F00;
}

#mobile_food_menu_nav .zp-ctl-categories {
    color: #FC7F00 !important;
}

header .btn-navbar {
    color: #FC7F00;
}
header .navbar .btn-navbar:hover, 
header .navbar .btn-navbar:focus {
    background: #333333 !important;
}

.uk-nav-offcanvas>li>a {
    color: #FFF;
}
.page_menu .ui-tabs-menu div.price {
    margin-top: 3px;
}
#responsive-food-menu .btn-navbar {
    background: none;
}
.dropdown-menu > li > a:hover:hover, .dropdown-menu > li > a:hover:focus, .dropdown-menu > li > a:focus:hover, .dropdown-menu > li > a:focus:focus, .dropdown-menu > li > a .dropdown-submenu:hover, .dropdown-menu > li > a .dropdown-submenu:focus {
    background:#f3f3f3;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
    color: #000;
}
.menu .row-variation .btn.btn-small.btn-success {
    padding-top: 4px;
    font-family: 'Gabarito';;
    
}
.menu .btn-order {
    font-size: 10px
}
.menu .btn-order {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}
.menu #container-dynamic-popular .ui-widget-header,
.menu #container-dynamic-favourites .ui-widget-header,
.menu #container-dynamic-lastorder .ui-widget-header {
    background: #FC7F00;
}
.menu #container-dynamic-popular .ui-state-highlight,
.menu #container-dynamic-favourites .ui-state-highlight,
.menu #container-dynamic-lastorder .ui-state-highlight {
    background: #000 !important;
}
.menu #container-dynamic-popular .ui-state-highlight a,
.menu #container-dynamic-favourites .ui-state-highlight a,
.menu #container-dynamic-lastorder .ui-state-highlight a {
    color: #FFF;
    text-decoration: underline;
}
.menu .icon-shopping-cart {
    background-position: -360px -119px;
}
.menu .icon-trash {
    background-position: -456px 1px
}

#editProductModal .btn-option .caret, #editSpecialDealModal .btn-option .caret {
    border-top: 4px solid #000;
}
div.navbar-affix-container #responsive-food-menu.affix {
    left: 0 !important;
}
#responsive-food-menu.navbar {
    padding: 10px 0px 10px 0px;
}
.page_menu .ui-tabs .ui-tabs-nav li {
    background: #272727
}

.page_menu div.website-image img {
    margin: 5px 0px;
}

.page_menu .website-image {
margin: 0;
}

.ui-state-highlight, 
.ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight {
    background: #6e6e6e
}

/*CHECKOUT*/
.page_checkout .marginbottom15 small {
 	line-height: 110%;   
}
.page_checkout .well-basket {
    padding: 19px;
}
.page_checkout .well-basket h4 {
 	 padding: 0px;  
    color: #272727;
}
.checkout h2, .contact-us h1 {
    color: unset;
}
.checkout em {
    color: #ff2d7e;
}
.btn-proceed-final {
    margin-bottom: 10px;
}
.checkout .marginbottom15 a {
    color: #35a4c5;
    text-decoration: underline !important;
}
select {
    min-height: 35px !important;
}
.checkout .well.loyaltypoints_box .lead,
.checkout h3, 
.checkout h4{
    font-family: 'Gabarito';
}
.checkout .voucher_box.well {
    background: #308936;
}
.well-basket .note-delivery small {
    color: #999 !important;
}
.trigger-paymentmethod small {
    font-size: 60%;
}

.well.loyaltypoints_box .ui-widget-header {
    background: #272727
}

.row-credits .well-small {
    box-shadow: none !important;
}

.well.loyaltypoints_box .btn-link {
    text-decoration: underline;
}

.ctl-pointsoptions a {
    padding: 5px;
    font-size: 14px
}
.ctl-pointsoptions a:hover,
.ctl-pointsoptions a:focus {
    #e5e5e5 !important
}
.ctl-pointsoptions {
    display: flex;
    justify-content: center;
    align-items: center;
}

.well.loyaltypoints_box .btn-link:hover, 
.well.loyaltypoints_box .btn-link:focus {
    color: #f3f3f3 !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    margin: -12px 0 0 0;
}

/*ADDITIONAL PAGES*/
.jumbotron h1 {
    font-size: 50px;
    margin-bottom: 25px;
}

.order-complete .jumbotron {
    margin: 20px 0px;
}

.page-review-order {
    color: #272727
}

.page_error-404 .alert {
    background: #ff00007a
}
.page_error-404 #body h1 {
    font-size: 40px;
}
.page_error-404 h2 {
    font-size: 25px;
}
.page_error-404 h3 {
    font-size: 20px;
}
/*ALERTS*/
.alert h2, .alert p {
color: #fff;
}


/*SLICK SLIDE*/
.slick-dotted.slick-slider {
    margin: 30px 0px 50px 0px;
}
.slick-list {
    margin: 30px 0px 35px 0px;
}

.reviews437 .slickReview {
    color: #000;
    background: #fff;
    margin: 5px;
    padding: 20px 0px;
    border: 3px solid #FC7F00;
    color: #272727;
}

.reviews437 .slickReview h4 {
    margin-bottom: 0;
    padding-bottom: 0;

}

.reviews437 .slickReview p {
    padding: 0px 10px 10px 10px;
}

.reviews437 .page-header {
    margin-top: 25px;
    display: none;
}

.reviews437 .uk-margin-large-top {
    display: none;
}

.reviews437 .page-header h1 {
    margin-bottom: 20px;
}

.reviews437 .page-header h2 {
    font-size: 25px;
}

.review-header {
    margin-bottom: 20px;

}
.slick-dots li.slick-active button:before {
    color: #FC7F00
}

.slick-dots li button:before {
    color: #FC7F00;
}

/*CATERING*/
.event-intro {
    margin-bottom: 25px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

body.catering h1 {
    text-align: center;
}

/*WELCOME*/
.menu-selection .well.tc {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
.menu-selection h1 {
    font-size: 34px;
}
.menu-selection h3 {
    font-size: 24.5px;
} 
/*SALAD FUNCTION*/
.selected-no-salad {
    display: none;
}

#editProductModal .modal-body .alert-19893 {
    margin-bottom: 15px !important;
    margin-top: 15px !important;
}

#editProductModal .btn-info .caret, #editSpecialDealModal .btn-info .caret {
    margin-top: 11px;
}

.modal-body .type-choose-one .dropdown-toggle {
    max-width: 82%;
}

/*CONTACT PAGE MAP*/
.gm-style .gm-style-iw-c {
color: #000;
}

/*START: ACCORDION CSS*/
/**ACCORDION****/
.menu #menu-accordion {
    margin-bottom: 0px;   
}
.tb-nav.tb-nav-tabs ,
.menu #body brand, .ctrl-offcanvas_productmenu_toggle_bridge_mobile2_ { display:none !important; }
.ui-tabs-vertical .ui-tabs-panel { width:100% !important; }
.menu .accordion-inner { padding: 15px 30px; }
.menu .accordion-inner .row-product { padding-top:10px; padding-bottom:10px; }
#menu-accordion .ui-widget-header { background:none; border:none; color:#FC7F00; font-weight:900;}
.menu .accordion-body { background:#fff; }
.accordion-group { border:none; margin-bottom:0px; }
.menu .accordion-toggle {
    border-radius: 2px !important;
    background-color: #FFF;
    text-align:center;
    color: #FFF;
    padding: 20px;
    border: 1px solid #000000 !important;
}
.menu .accordion-body {
    border-radius: 0px !important;
    background-color: #fff;
}
.menu .accordion-toggle:hover,
.menu .accordion-toggle:focus,
.menu .accordion-toggle:hover .menu .ui-widget-header,
.menu .accordion-toggle:focus .menu .ui-widget-header,
.menu .active-toggle,
.menu .accordion-toggle:active,
.menu .active-toggle .ui-widget-header,
.menu .accordion-toggle:active .ui-widget-header {
    background:#FC7F00 !important;
    color:#FFFFFF !important;
}
.active-toggle h3,
.accordion-toggle:hover h3,
.accordion-toggle:active h3,
.accordion-toggle:focus h3 {
    color:#fff !important;
}
.accordion-toggle .fa { display:none !important; }
.ui-tabs-vertical .ui-tabs-panel,
.ui-tabs-menu,
#ui-tabs-1 { padding:0px !important; border:none;}
.ui-tabs-menu { background: none !important; border: none !important; }
.ui-tabs-menu h3 { font-size:20px; font-weight: normal; line-height: normal; }
.loading { text-align:center; }
.loader {
    color: #FC7F00 !important;
    font-size:65px;
    margin:0 auto;
    padding:35px;
    text-align:center;
}
#responsive-food-menu
.ui-tabs-menu { opacity:0; }
.minus,.plus { line-height:40px;float:right; color:#fff; font-weight:bold; }
.accordion-heading h3 .fa { float: right; line-height: 40px; }
#responsive-food-menu {
    border-radius: 10px !important;
}
.navbar-affix-container {
    margin-bottom: 10px !important;
}
#responsive-food-menu.navbar {
    padding-bottom: 7px !important;
}
#menu-accordion .cat-desc {
    border: 1px solid #fff;
    background: #272727;
    color: #FFF;
    padding: 10px 20px;
}
.menu .accordion-inner {
    padding: 30px;
}

#mobile_food_menu_nav .zp-ctl-categories {
    display: none !important;
}
/*END: ACCORDION CSS*/

/*MEDIA QUERIES*/
@media (max-width: 1200px) {
     #basket-container {
        max-width: 500px;
        margin: 15px auto 15px auto !important;
    }
    .menu-selection h1 {
        line-height: 70px;
    }
    #loginSignin, #loginSigninOrder {
        margin-bottom: 5px;
    }
    #lp-box {
        max-width: 500px;
        margin: 15px auto 5px auto !important
    }
}

@media (min-width: 979px) and (max-width: 1200px) {
    .ct_details_bar {
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 979px) {
    .mod_postcode_box {
        margin-right: 0px;
    }
    .page_members .section-.well {
        margin-top: 20px !important;
    }
    .sidebar-nav .nav-header {
        font-size: 15px !important;
    }
    .loyalty-card>div .loyalty-value {
        font-size: 29px;
    }
    #responsive-food-menu.navbar {
        padding: 0px;
    }
    .dropdown-menu > li > a:hover:hover, .dropdown-menu > li > a:hover:focus, .dropdown-menu > li > a:focus:hover, .dropdown-menu > li > a:focus:focus, .dropdown-menu > li > a .dropdown-submenu:hover, .dropdown-menu > li > a .dropdown-submenu:focus {
    background: none;
        color: #FC7F00 !important;
    }
    header  .dropdown-menu > li > a {
    color: white !important;
    }
}

@media (min-width: 979px) {
    .socialtop h4.follow,
    .status-OPEN h4 {
        color: #11D710;
        font-size: 25px;
    }
    .status-CLOSED h4 {
        color: #DF3042;
        font-size: 25px; 
    }
}

@media (max-width: 767px) {
    .checkout .well, .checkout #frmProceed .marginbottom15 {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .page_members a.btn.btn-block.btn-large.btn-success {
        margin-bottom: 20px; 
    }
    body.home .ct_details_bar {
        margin-bottom: 0px !important;
        padding-top: 3px !important;
    }
    .home_bottom_content .btn {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }
    ol.carousel-indicators {
        display: block;
    }
    #logo img {
        max-width: 255px;
        margin: 0px auto 29px;
    }
    #responsive-food-menu .navbar-search input {
        width: 195px;
    }
    .basket-buttons {
        display: flex;
        flex-direction: column-reverse;
    }
    .basket-buttons  a {
        margin-bottom: 5px;
    }
    .well-hero {
        padding: 40px;
    }
    .information a.btn-info {
        margin-top: 5px;
    }
    .carousel-control {
     	top: auto;
        bottom: 10px;
    }
    .mod_postcode_box {
     	margin-top: 10px;   
    }
    .catering #body .well {
        text-align: center;
    }
    .uk-offcanvas-bar.uk-offcanvas-bar-flip.well {
        background: #444444 !important;
   }
}
@media (max-width: 480px) {
    #responsive-food-menu .navbar-search input {
        width: 171px;
    }
    #responsive-food-menu .brand {
        padding: 14px 20px 10px 17px;
    }
    
    .home .catering-section h2 {
        font-size: 24.5px;
    }
    
    .home .catering-section p {
        font-size: 18px;
    }
}

@media (min-width: 767px) and (max-width: 800px) {
    .page_checkout .well-basket .table-condensed th,
    .page_checkout .well-basket .table-condensed td{
        padding: 3px 4px;
    }
    .well.loyaltypoints_box .ui-widget-header {
        font-size: 10px;
    }
}

@media (min-width: 767px) and (max-width: 1200px) {

    #body {
        padding-right: 10px;
        padding-left: 10px;
    }
    body.page_checkout #body {
        padding-right: 0px;
        padding-left: 0px;
    }
    .input-append button {
        padding: 4px 6px
    }

}

@media (max-width: 425px) {
    .modal-footer button {
        margin-bottom: 3px;
    }
}
/*SAMS TWEAKS*/
.ui-widget-content {
    border: none;
}
.basket-buttons {
    margin-top: 15px;
}
.page_members .section-.well h2, .page_members .section-.well p, .page_members .section-.well .muted {
    color: #fff;
}
.loyalty-description h2 {
    color: #fc7f00;
}
.btn-my-account {
    background: #464646 !important;
    color: #fff;
}
#catering-booking {
    text-align: center;
}
.catering-images {
    text-align: center;
}
.home .ct_details_bar {
    margin-bottom: 0px !important;
}
.column_slideshow {
    margin-top: 0px;
}