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

body .visible-level1rinkside, body .visible-level2foodhub, body .visible-level3balcony { display:none !important; } 
body .hidden-level1rinkside, body .hidden-level2foodhub, body .hidden-level3balcony { display:inherit !important; } 
body.shop_level1rinkside .hidden-level1rinkside, 
body.shop_level2foodhub .hidden-level2foodhub, 
body.shop_level3balcony .hidden-level3balcony { display:none !important; }
body.shop_level1rinkside .visible-level1rinkside, 
body.shop_level2foodhub .visible-level2foodhub, 
body.shop_level3balcony .visible-level3balcony { 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: 'Jost';
}
h1 {
	color: #ffffff;
	font-family: 'Oswald';
}
h2 {
	color: #ffffff;
	font-family: 'Oswald';
}
h3 {
	color: #ffffff;
	font-family: 'Oswald';
}
h4 {
	color: #ffffff;
	font-family: 'Oswald';
}
body {


	background-attachment: scroll;
}

header, #mobile-header {

	background-attachment: scroll;
}

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

body.home {
    background: #070707;
}

/*FONTS*/
h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .h6_size, .lead, .meta), .h1_size, .hero-unit h1, .jumbotron h1, .page_error-404 #body h1 {
    font-weight: bold;
    font-size: 50px;
    line-height: 110%;
}
h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .h6_size, .lead, .meta), .h2_size {
    font-weight: bold;
    font-size: 40px;
    line-height: 110%;
}
h3:not(.h1_size, .h2_size, .h4_size, .h5_size, .h6_size, .lead, .meta), .h3_size {
    font-weight: bold;
    font-size: 30px;
    line-height: 110%;
}
h4:not(.h1_size, .h2_size, .h3_size, .h5_size, .h6_size, .lead, .meta), .h4_size {
    font-weight: bold;
    font-size: 25px;
    line-height: 110%; 
}
h5:not(.h1_size, .h2_size, .h3_size, .h4_size, .h6_size, .lead, .meta), .h5_size {
    font-weight: bold;
    font-size: 20px;
    line-height: 110%;  
}
.lead,
.lead:not(.sys-message .lead):not(.mod_postcode_box .lead), .jumbotron .lead {
    font-size: 25px;
    font-weight: normal;
}
h5, .h5_size,
h6, .h6_size,
#responsive-food-menu .navbar-inner .container .brand,
#container > .nav li a {
    font-family: 'Oswald';
    font-weight: bold;
    text-transform: uppercase;
}

/*GLOBAL*/
.bg-wrapper,
body:not(.home) {
    background: url('/myimages/1351/zpos-bg-bg_pattern.png') #070707 no-repeat;  
}
body.home .inner-wrapper {
    padding-bottom: 0;
}
.overlay-wrapper::after {
    display: none;
}
.social_media_links .btn-group a svg rect, .social_media_links .btn-group > .btn:last-child svg rect, .social_media_links .btn-group > .btn:first-child svg rect, .social_media_links .btn-group > .btn + .btn svg rect {
    fill: #EDEDED;
}
.social_media_links .btn-group a:hover svg rect, .social_media_links .btn-group a:focus svg rect, .social_media_links .btn-group > .btn:last-child:hover svg rect, .social_media_links .btn-group > .btn:last-child:focus svg rect, .social_media_links .btn-group > .btn:first-child:hover svg rect, .social_media_links .btn-group > .btn:first-child:focus svg rect, .social_media_links .btn-group > .btn + .btn:hover svg rect, .social_media_links .btn-group > .btn + .btn:focus svg rect {
    fill: #ED1C24;
}
.social_media_links .btn-group a:active svg rect {
fill: #c30b12 !important;
}

.social_media_links .btn-group a:hover svg path:not(#Path_2848):not(#Path_2849),
.social_media_links .btn-group a:focus svg path:not(#Path_2848):not(#Path_2849),
.social_media_links .btn-group > .btn:first-child:hover svg path:not(#Path_2848):not(#Path_2849),
.social_media_links .btn-group > .btn:first-child:focus svg path:not(#Path_2848):not(#Path_2849),
.social_media_links .btn-group > .btn:last-child:hover svg path:not(#Path_2848):not(#Path_2849),
.social_media_links .btn-group > .btn:last-child:focus svg path:not(#Path_2848):not(#Path_2849),
.social_media_links .btn-group > .btn + .btn:hover svg path:not(#Path_2848):not(#Path_2849),
.social_media_links .btn-group > .btn + .btn:focus svg path:not(#Path_2848):not(#Path_2849) {
    fill: #FFFFFF;
}
.well:not(#basket-container):not(.checkout .loyaltypoints_box .row-credits .well-white), .page-review-order {
    background: #2F2F2F;
}
/*.dynamic-cont- a {
color: #ED1C24; 
}
.dynamic-cont- a:hover, .dynamic-cont- a:focus {
color: #f96066;
}*/
.muted {
    color: #e5dfd8;
}
.modal .modal-header {
    padding: 5px 15px 9px;
    background: #ED1C24;
}
.modal .modal-header h3 {
    padding-top: 0px;
}
.modal-body .muted {
    color: #a7a5a4;   
}
.modal .modal-footer {
    background: #f5f5f5;
}
.modal-footer h3 {
    color: #070707;
}
.modal-footer .muted {
    color: #7b7b7a;   
}
.modal .modal-body .well {
    background-color: #f5f5f5 !important;
}
.modal .modal-body .btn-block {
    border: 1px solid #000;
}
.dropdown-menu {
    background: #FFFFFF; 
}
.dropdown-menu > li > a {
    color: #ED1C24;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background: #ED1C24;
    color: #FFFFFF;
}
.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th {
    background: #494949;
}
#basket.table-hover tbody tr:hover > td, #basket.table-hover tbody tr:hover > th {
    background: #e9e9e9;   
}
#basket,
.checkout #basket {
    background: #FFFFFF;
}
a, .btn-link, .btn-link small, .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a, .ui-widget-content a {
    color: #FFFFFF;
}
a:hover, a:focus, .btn-link:hover, .btn-link:focus, .btn-link small:hover, .btn-link small:focus, .ui-state-highlight a:hover, .ui-state-highlight a:focus, .ui-widget-content .ui-state-highlight a:hover, .ui-widget-content .ui-state-highlight a:focus, .ui-widget-header .ui-state-highlight a:hover, .ui-widget-header .ui-state-highlight a:focus, .ui-widget-content a:hover, .ui-widget-content a:focus,
.checkout .loyaltypoints_box .ctl-pointsoptions .btn-link:hover, .checkout .loyaltypoints_box .ctl-pointsoptions .btn-link:focus {
    color: #ED1C24;   
}
.hero-unit {
    background: #494848;
}
.members #body .hero-unit {
    background: #ed1c24;
    font-weight: 400;
}
.members #body .hero-unit a:focus,
.members #body .hero-unit a:hover{
    color: #2F2F2F !important;
}

.well .btn-group.open .btn.dropdown-toggle {
    background: #d9d9d9;
}
.ui-widget .ui-widget-header, .ui-widget-header {
    background: #ed1c24  
}
.popover .popover-title {
    padding: 7px 14px 6px;
}
.popover .popover-content {
    color: #2F2F2F
}
body:not(.home) .container.alert_row_1.two_rows, body:not(.home) .container.alert_row_1.one_row {
    padding-left: 0px;
    padding-right: 0px;
}
#dlgResetPassword .well {
    background: #4f4b4b !important;  
}
#dlgResetPassword #ctl-resetPassBtnCancel {
 	margin-left: 10px;   
}

/*BUTTONS*/
.btn, .btn-group > .btn:last-child, .btn-group > .btn:first-child {
    text-transform: none;
    font-weight: 600;
}
.btn:not(.btn-link):not(.btn-success):not(.btn-danger):not(.btn-info):not(.btn-warning):not(.btn-primary):not(.btn-inverse):not(.btn-navbar):not(.modal-footer button):not(.trigger-paymentmethod .btn):not(.dropdown-toggle):not(.btn-primary-skin):not(.btn-secondary-skin):not(.background_btn):not(.social_media_links .btn):not(.null) {
    background: #FFFFFF;
    color: #070707;
}
.btn.btn-large:not(.trigger-paymentmethod .btn-large):not(#basket-container .btn-large):not(.btn-link)::before, .btn-group > .btn:last-child.btn-large:not(.trigger-paymentmethod .btn-large):not(#basket-container .btn-large):not(.btn-link)::before, .btn-group > .btn:first-child.btn-large:not(.trigger-paymentmethod .btn-large):not(#basket-container .btn-large):not(.btn-link)::before {
    border-color: #FFFFFF;
}
.btn:not(.btn-large):not(.btn-small):not(.btn-tiny):not(.input-append .btn):not(.social_media_links .btn):not(.trigger-paymentmethod .btn):not(.members .btn.dropdown-toggle):not(.btn-navbar):not(.ctl-pointsoptions .btn-link), .btn-group > .btn:last-child:not(.btn-large):not(.btn-small):not(.btn-tiny):not(.input-append .btn):not(.social_media_links .btn):not(.trigger-paymentmethod .btn):not(.members .btn.dropdown-toggle):not(.btn-navbar):not(.ctl-pointsoptions .btn-link), .btn-group > .btn:first-child:not(.btn-large):not(.btn-small):not(.btn-tiny):not(.input-append .btn):not(.social_media_links .btn):not(.trigger-paymentmethod .btn):not(.members .btn.dropdown-toggle):not(.btn-navbar):not(.ctl-pointsoptions .btn-link) {
    padding: 10px 16px 10px;
}
.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle {
    padding:8px 10px 8px;
}
.btn.background_btn {
    background: #fff;
}
.text-info {
    color: #62999d;
}
.btn.btn-primary-skin:hover, .btn.btn-primary-skin:focus, .btn.btn-primary-skin.active {
    background: #CE0F16
}
.btn.btn-small, .btn-group > .btn:last-child.btn-small, .btn-group > .btn:first-child.btn-small,
.btn.btn-large:not(.trigger-paymentmethod .btn-large):not(#basket-container .btn-large):not(.btn-link), .btn-group > .btn:last-child.btn-large:not(.trigger-paymentmethod .btn-large):not(#basket-container .btn-large):not(.btn-link), .btn-group > .btn:first-child.btn-large:not(.trigger-paymentmethod .btn-large):not(#basket-container .btn-large):not(.btn-link),
.btn-large,
.btn:not(.btn-large):not(.btn-small):not(.btn-tiny):not(.input-append .btn):not(.social_media_links .btn):not(.trigger-paymentmethod .btn):not(.members .btn.dropdown-toggle):not(.btn-navbar):not(.ctl-pointsoptions .btn-link), .btn-group > .btn:last-child:not(.btn-large):not(.btn-small):not(.btn-tiny):not(.input-append .btn):not(.social_media_links .btn):not(.trigger-paymentmethod .btn):not(.members .btn.dropdown-toggle):not(.btn-navbar):not(.ctl-pointsoptions .btn-link), .btn-group > .btn:first-child:not(.btn-large):not(.btn-small):not(.btn-tiny):not(.input-append .btn):not(.social_media_links .btn):not(.trigger-paymentmethod .btn):not(.members .btn.dropdown-toggle):not(.btn-navbar):not(.ctl-pointsoptions .btn-link) {
 	border-radius: 3px;   
}

.btn-tiny::before {
 	display: none;   
}


/*ALERTS*/
/*.alert:not(.alert-success):not(.alert-danger):not(.alert-error):not(.alert-warning):not(.alert-info):not(.alert-primary):not(.menu-selection .alert) {
background: #EDEDED;
color: #070707;
}*/
/*.alert.dynamic-desc a {
color: #ED1C24;
&:hover, &:focus {
color: #ED1C24;
text-decoration: underline;
}
}*/
.alert {
    font-weight: 600;
    border-radius: 10px;
}
.alert a:not(.btn) {
    color: #070707;   
    text-decoration: underline;
}
.alert a:not(.btn):hover, .alert a:not(.btn):focus {
    color: #ed1c24;   
}
.alert-success, .alert-info, .alert-warning, .alert-danger {
    color: #070707;
    border: none;
}
.sys-message, .sys-message .lead {
    font-size: 18px;
    font-weight: 600;
}
.alert-success .close,
.alert-info .close,
.alert-warning .close,
.alert-danger .close,
.well.sys-message .close {
    color: #070707;
}
.alert-success {
    background: #B3D05F;
}
.alert-info {
    background: #8CC4C7;
}
.alert-warning {
    background: #F5914D;
}
.alert-danger {
    background: #ED7253;
}
.well.sys-message {
    background: #F1DECA !important;
    color: #070707 !important;
    border-radius: 10px !important;
    border: none !important;
    padding: 9px 14px 7px 10px;
}
.alert.repositioned_home .close {
    top: 1px;
    right: 3px;
}
.well.sys-message .close {
    top: -8px;
    right: -11px;

}
/*HEADER*/
#container > .nav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    background: #000000;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 110%;
    gap: 30px;
    z-index: 100000000;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.05);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
    padding-left: 20px;
    padding-right: 20px;
}
#container > .nav.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0s;
}
#container > .nav li.active  > a {
    color: #ED1C24;
}
#container > .nav li.active  > a .caret {
    border-top-color: #ED1C24;
}
#container > .nav li a {
    color: #FFFFFF;
    font-size: 35px;
    line-height: 110%;
}
#container > .nav li a:hover,
#container > .nav li a:focus {
    background: transparent;
    color: #ED1C24;
}
#container > .nav li a:hover .caret,
#container > .nav li a:focus .caret,
#container > .nav li a.caret:hover,
#container > .nav li a.caret:focus{
    border-top-color: #ED1C24;
}
#container > .nav li a .caret {
    margin-top: 19px;
    border-top-color: #FFFFFF;

}
#container > .nav li .dropdown-menu {
    position: static;
    background: transparent;
    text-align: center;
    border: none;
    float: none;
    margin-top: 30px;
    box-shadow: none;
}
#container > .nav li .dropdown-menu > .active > a,
#container > .nav li .dropdown-menu > .active > a:hover,
#container > .nav li .dropdown-menu > .active > a:focus {
    background: transparent;
}
#container > .nav li .dropdown-menu a {
    font-size: 28px;
}
#container > .nav .close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 28px;
    color: #FFFFFF;
    cursor: pointer;
    transition: transform 0.3s ease;
    opacity: 1;
}
#container > .nav .close i {
    display: inline-block;
    opacity: 0.8;
}
#container > .nav .close:hover,
#container > .nav .close:focus {
    i {
        opacity: 1;
    }
}
#header_right_controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #FFFFFF;
    gap: 30px;
    position: absolute;
    right: 0px;
    top: 52px;
    z-index: 10;
}
#header_right_controls  a {
    color: #FFFFFF;
}
#header_right_controls a .icon-bar {
    display: block;
    width: 32px;
    height: 4px;
    background-color: #FFFFFF;
    margin: 6px auto;
    border-radius: 5px;
}
#header_right_controls a:hover,
#header_right_controls a:focus {
    color: #ED1C24;
}
#header_right_controls a:hover .icon-bar,
#header_right_controls a:focus .icon-bar {
    background: #ED1C24;
}
.navbar-container .navbar,
.navbar-container .no_social {
    display: none !important;
}
#ct_details_bar_wrapper {
    display: none;
}
header .navbar-container {
    display: block;
    position: relative;
}
.home header #logo,
body:not(.home) header #logo {
    text-align: center;
}
.home header #logo img,
body:not(.home) header #logo img {
    max-height: unset;
}
body.home header .navbar-container {
    border: none;
}
header .social_media_links {
    display: none !important;  
}

/*FOOTER*/
footer {
    background: #FFFFFF;
}
footer .copyright .label-copyright {
    color: #070707;
    font-size: 14px;
}
footer .copyright .label-copyright a {
    color: #070707; 
}
footer .copyright .label-copyright a:hover,
footer .copyright .label-copyright a:focus {
    color: #ED1C24;
}

body:not(.home, .welcome) footer {
    border-top: 4px solid #ED1C24;
}

/*HOME PAGE*/
#home_top_buttons .btn {
    width: 100%;
}
#home_grid_imgs img {
    filter: brightness(0.6);
}
#home_top_buttons {
    text-align: center;   
}
#home_top_buttons p,
.welcome_btn_desc {
    color: #BBBBBB;
    font-weight: bold;
}
#home_top_buttons p {
    margin-top: 15px;
}
.welcome_btn_desc {
    margin-top: 10px;
    margin-bottom: 10px;
}
.nav .welcome_btn_desc {
    margin-top: 2px;
    margin-bottom: 15px;
}
#home_page_grid {
    background: #FFFFFF;
    padding: 35px;
    position: relative;
}
#home_page_grid .square {
    height: 42px;
    width: 42px;
    position: absolute;
    border: 7px solid #ED1C24;
}
#home_page_grid .square.one {
    left: 0px;
    top: 0px;
    border-top: none;
    border-left: none;
}
#home_page_grid .square.two {
    left: auto;
    right: 0px;
    top: 0px;
    border-top: none;
    border-right: none;
}
#home_page_grid .square.three {
    left: 0px;
    top: auto;
    bottom: 0px;
    border-bottom: none;
    border-left: none;
}
#home_page_grid .square.four {
    left: auto;
    right: 0px;
    top: auto;
    bottom: 0px;
    border-bottom: none;
    border-right: none;
}
#home_page_grid_inner {
    border: 7px solid #ED1C24;
    padding: 60px 20px;
}
#home_page_grid_inner .container {
    position: relative;
}
.home_grid_img {
    position: relative;
}
.home_grid_img .caption {
    position: absolute;
    text-align: right;
}
.home_grid_img a:hover .caption,
.home_grid_img a:focus .caption {
    color: #FFFFFF;
}

#home_page_grid .grid_scratch {
    position: absolute;
    right: 0px;
    bottom: -50px;
}
#body #home_page_grid .btn-group:not(.mod_postcode_box .btn-group) {
    margin-top: 20px;
}
.home #body .main,
#home_menu_grid,
#home_loyalty .flags {
    display: none;   
}
#body section:not(#home_menu_grid):not(#home_slide) .column_slideshow #myCarousel .carousel-caption {
    background: url('/myimages/1351/slideshow_caption_red.png') no-repeat;
    background-size: contain;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#carousel_control_container {
    position: absolute;   
}
#home_food_grid {
    margin-top: 50px;
    margin-bottom: 50px;   
}
#home_food_grid .box {
    position: relative;
    overflow: hidden;
    padding: 20px;
}
#home_food_grid .box h3 {
    margin-top: 0px;   
}
#home_food_grid .box.burger,
#home_food_grid .box.drink {
    background: url('/myimages/1351/box_burger_bg.jpg') no-repeat;
    background-size: cover;
}
#home_food_grid .box.pizza {
    background: url('/myimages/1351/box_pizza_bg.jpg') no-repeat;
    background-size: cover;
}
#home_food_grid .box.preorder {
    background: url('/myimages/1351/wildcats_players_v2.png') no-repeat;
    background-size: cover;
}
#home_food_grid .box .btn {
    margin-top: 5px;   
    /*padding-bottom: 8px;*/
}
#home_food_grid .box.burger .caption p {
    max-width: 260px;
}
#home_food_grid .box.pizza .caption p {
    max-width: 170px;
}
#home_food_grid .box.preorder .caption p {
    max-width: 220px;
}
#home_food_grid .box.drink .caption p {
    max-width: 200px;
}
#home_food_grid .caption {
    position: absolute;
    z-index: 10;
}
#home_food_grid .caption.bottom_right {
    bottom: 15px;
    right: 15px;
    left: auto;
    text-align: right;
}
#home_food_grid .caption.top_right {
    top: 15px;
    right: 15px;
    left: auto;
    text-align: right;
}
#home_food_grid .caption.top_left {
    left: 15px;
    top: 15px;
    text-align: left;
}
#home_food_grid .grid_row {
    display: grid;
    grid-template-columns: 100%;
    gap: 20px;
}
#home_food_grid .right_grid_row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    height: 100%;
    gap: 20px;   
}
#myCarousel.carousel {
    margin-bottom: 0px;
}
.box .burger_cutout {
    position: absolute;
    animation: burger_move 2s infinite ease-in-out;
}
.box .pizza_cutout {
    position: absolute;
    animation: pizza_move 2s infinite ease-in-out;
    animation-delay: 0.5s;
}
.box .beer_cutout {
    position: absolute;
    animation: drink_move 2s infinite ease-in-out;
    animation-delay: 1s;
}
@keyframes burger_move {
    0%, 60% {
        transform: none;   
    }
    30% {
        transform: translate(-5px, -5px);
    }
}
@keyframes pizza_move {
    0%, 60% {
        transform: none;   
    }
    30% {
        transform: translate(10px, 10px);
    }
}
@keyframes drink_move {
    0%, 60% {
        transform: none;   
    }
    30% {
        transform: translate(-10px, 5px);
    }
}

#body section:not(#home_menu_grid):not(#home_slide) .column_slideshow #myCarousel #carousel_control_container .carousel-control {
    background: transparent;
    border: none;
}
#arrow-right {
    margin-left: 10px;   
}
#arrow-left {
    margin-right: 10px;   
}
.carousel-control svg path {
    fill: #FFFFFF;
}
.carousel-caption .btn {
    margin: 20px auto;   
}
.carousel-caption * {
    text-align: center;
}
.overlay-wrapper {
    padding-bottom: 0px;   
}
#home_loyalty .container {
    margin: 0px auto;
    padding-top: 120px;
    padding-bottom: 120px;
}
#home_loyalty {
    background: url('/myimages/1351/zpos-bg-loyalty_background.jpg') no-repeat;
    background-size: cover;   
}
#home_slide {
    background: #ed1c24;
    padding-top: 13px;
    color: #fff;
}
#home_slide .marquee {
    text-transform: uppercase;   
}


/*MENU PAGE*/
#zp-offcanvas-basket .order-checkout {
 	margin-top: 15px;   
}
.ub_food {
    text-align: center;
}
#basket,
#basket.table thead th,
.checkout .well-basket table th {
    color: #070707;
}
.menu .ui-tabs-menu .tb-nav-tabs li a, .menu .ui-tabs-menu .tb-nav-tabs li.ui-tabs-active a {
    color: #fff;
}
.bootbox, .blockUI {
    color: #000;
    a {
        color: #ED1C24
    }
    h3 {
        color: #000;
    }
}
.menu .ui-tabs-menu .ui-tabs-panel .product-container-panel .cat-desc {
    border-radius: 5px;
    font-weight: normal;
}
#responsive-food-menu,
.ui-tabs-menu,
.menu .ui-tabs-menu .tb-nav-tabs,
.ui-widget .ui-widget-content,
#basket-container {
    background: #2F2F2F;
}
#basket-container .ui-widget-content {
    background: #FFFFFF;
}
.menu .ui-tabs-menu .tb-nav-tabs li a:not(.ui-tabs-active a), 
.menu .ui-tabs-menu .tb-nav-tabs li.ui-tabs-active a:not(.ui-tabs-active a) {
    background: #6C0004;
}
.menu .ui-tabs-menu .tb-nav-tabs li a:is(.ui-tabs-active a), 
.menu .ui-tabs-menu .tb-nav-tabs li.ui-tabs-active a:is(.ui-tabs-active a),
.menu .ui-tabs-menu .tb-nav-tabs li a:not(.ui-tabs-active a):hover, 
.menu .ui-tabs-menu .tb-nav-tabs li a:not(.ui-tabs-active a):focus, 
.menu .ui-tabs-menu .tb-nav-tabs li.ui-tabs-active a:not(.ui-tabs-active a):hover, 
.menu .ui-tabs-menu .tb-nav-tabs li.ui-tabs-active a:not(.ui-tabs-active a):focus {
    background: #ED1C24;
}
.menu .ui-tabs-menu .tb-nav-tabs,
.menu .ui-tabs-menu .ui-tabs-panel {
    padding-top: 0px !important;   
}
.loyalty_well {
    background: transparent !important;
    border: 4px solid #ED1C24 !important;
}
.menu .ui-tabs-menu .ui-tabs-panel .product-container-panel .ui-widget-header {
    background: #ED1C24;
    font-size: 20px;
    padding: 12px 20px 15px 20px;
}
#responsive-food-menu .navbar-inner .container .brand {
    font-weight: bold;
}
#responsive-food-menu .navbar-inner .container .navbar-search {
    margin: 6px 0px 4px;
}
#editProductModal .type-choose-multiple > .row-fluid small .btn-option .caret {
    margin-top: 4px;
}
.ctrl-offcanvas_productmenu_toggle_bridge_mobile2_ {
    margin: 20px auto 30px;
}
#zp-offcanvas-menu li a:hover {
    background: #454545;   
}
/*.alert_next_break {
    padding: 8px 14px;
    line-height: 130%;
    margin-bottom: 20px !important; 
    border-radius: 10px !important;
}*/
.menu-container > .row-fluid > div > .alert {
 	margin-bottom: 20px !important;   
}

.menu .ui-tabs-menu .ui-tabs-panel .product-container-panel .row-product h5 {
    font-weight: normal;   
}
.menu-selection .btn-large {
    margin-bottom: 15px;
}
.menu-selection .ordering_method_closed {
    opacity: 0.5;
    pointer-events: none;
}
.menu-selection .span12 {
    margin-left: 0;
}

/*hide unavailable categories*/

/*.shop_level2foodhub .ui-tabs-menu #container-category-29845,*/
.shop_level1rinkside .ui-tabs-menu #container-category-29844,
.shop_level3balcony .ui-tabs-menu #container-category-29844 {
    display: none;
}




.menu-selection .menu-option-pre-game .well {
    /*background: none !important;*/
}
.menu-selection .well {
    padding: 15px;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
}
.menu-selection {
    text-align: center;   
}
.menu-selection .badge {
    margin-bottom: 20px;
    padding: 3px 12px 5px 12px;
    text-wrap: auto;

}
.menu-selection .h5_size {
    font-weight: normal !important;
}

.menu-selection .badge a {
    color: #4c8895;   
}
.menu-selection .badge a:hover,
.menu-selection .badge a:focus {
    color: #67a4b1;   
}
#website-image-20685 {
    margin-top: 30px;   
}

/*WELCOME PAGE*/
.welcome #footer-link-information {
 	display: none;   
}
.welcome .branch-select a {
 	text-transform: capitalize;   
}
.welcome #body h2 {
    margin: 0px auto 20px;
}
.welcome .branches_map {
    position: absolute;
    left: -10000px;
}
.welcome #header_right_controls,
.welcome .branch_finder_box,
#welcome-row-fluid-outer h1,
#welcome-row-fluid-outer h2{
    display: none;   
}
.welcome #body #list_branches {
    max-width: 100%;
}
.welcome #body #list_branches.one_branch {
    max-width: 350px;
}
.welcome .container {
    max-width: 1600px;
}
.welcome #home_loyalty .container h2.h1_size {
    margin-bottom: 10px;
    margin-top: 0;
}
.welcome #home_loyalty .container h2.h3_size {
    margin-bottom: 0;
    margin-top: 0px;
}
.welcome .website-image {
    margin-bottom: 0;
}
.welcome #home_loyalty p {
    margin-bottom: 20px;
}
.welcome #home_loyalty .container {
    max-width: 600px;
    margin: 80px auto 80px auto;
}
body.welcome p:not(.h1_size, .h2_size, .h3_size, .h4_size, .h5_size, .h6_size, .lead, .meta) {
    line-height: 145%;
    font-size: 18px;
}
.welcome #home_slide {
    background: #ed1c24;
    color: #fff6ed;
    width: 100vw;
    position: relative;
    padding-top: 10px;
    padding-bottom: 13px;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
}
body.welcome .inner-wrapper {
    padding-bottom: 0;
}

/*CHECKOUT PAGE*/
.checkout .well-basket {
    font-weight: bold;   
}
.checkout .well-basket h4 {
 	font-weight: bold;   
}
.checkout #body > .container > .row-fluid > .span9 > h2 {
    margin-bottom: 20px;   
}
.checkout .loyaltypoints_box .row-credits .ui-widget-header {
    background: #ED1C24;   
}
.checkout .loyaltypoints_box .row-credits .well-white {
    background: #FFFFFF;
    color: #070707;
}
.checkout .loyaltypoints_box .row-credits .col-equals div {
    background: transparent;   
}
.orderfor-asap,
.orderfor-second-break,
.orderfor-pre-game,
.orderfor-first-break {
    .note-delivery {
        visibility: hidden;
        height: 10px;
    }
    padding-left: 0px;
    padding-right: 0px;
}

.menu #klarna_promo_banners_3771 *, #klarna_promo_banners_7070 {
    font-family: 'Oswald' !important;
}
#klarna_promo_banners_3771 {
    border-radius: 10px !important;   
}


.checkout:not(.user_guest) .well-login .btn-danger {
 	margin-left: 5px;   
}

/*MEMBERS PAGE*/
.nav-list .nav-header {
    color: #ed1c24;   
}
.nav-list > li > a {
    color: #FFFFFF;   
}
.nav-list [class^="icon-"], .nav-list [class*=" icon-"] {
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(0%) hue-rotate(162deg) brightness(104%) contrast(103%);
}
.nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus,
.nav-list > li > a:hover, .nav-list > li > a:focus {
    background: #494848;
    color: #FFFFFF;
}
.members #body .hero-unit a:hover, .members #body .hero-unit a :focus {
    color: #ED1C24;
}
.members .loyalty-card > div .loyalty-label {
    color: #070707;   
}
.user_guest.members .well:not(.well.sys-message) .muted {
    color: #d7d7d7 !important;
}
.members #body .text-primary {
    color: #919fff;
}
.members #body p.brand {
    color: #fff;
}

/*CONTACT PAGE*/
.contact-us .ui-widget .ui-widget-header {
    padding: 8px 20px 11px 20px;
}
.contact-us .span4 .well,
.box-delivery-information {
    display: none;   
}
.contact-us .box-opening-hours {
    margin-top: 0px;   
}
.contact-us .ui-widget .ui-widget-content h4 {
    font-weight: bold;   
}
.contact-us .ui-widget.box-opening-hours {
    padding-bottom: 0px;   
}
.contact-us .contact-phone_numbers {
 	display: none;   
}

/*OTHER PAGES*/
.page-review-order {
    h1, legend, p {
        color: #333;
    }
}
.page_error-404 #body .btn {
    margin: 0px 5px 10px !important;
}

/*MEDIA QUERIES*/
@media (max-width: 400px) {
    .column_slideshow {
        max-width: 360px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    #body section:not(#home_menu_grid):not(#home_slide) .column_slideshow #myCarousel .carousel-caption {
        /*top: -263px;*/
        background: url('/myimages/1351/slideshow_caption_red_mobile_v2.png') no-repeat;
        /*background-size: contain;*/
        /*max-width: 360px;*/
        background-size: cover;
        background-position: center bottom;
        width: 100%;
        height: 320px;
        padding: 30px 10px 20px;
        /*position: absolute !important;*/
        position: relative !important;
    }

    .carousel-inner>.item>img, .carousel-inner>.item>a>img {
        /*margin-top: 263px; */
        margin-top: -30px; 
    }
    .carousel-caption img {
        height: 40px;
        display: none;
    }
    .carousel-caption h2 {
        font-size: 28px;
        margin-top: -45px;
    }
    .carousel-caption h3 {
        font-size: 24px;
    }
}
@media (min-width: 400px) and (max-width: 767px) {
    .column_slideshow {
        /*max-width: 360px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;*/
    }
    #body section:not(#home_menu_grid):not(#home_slide) .column_slideshow #myCarousel .carousel-caption {
        /*top: -298px;*/
        background: url('/myimages/1351/slideshow_caption_red_mobile_v2.png') no-repeat;
        /*background-size: contain;*/
        /*max-width: 360px;*/
        background-size: cover;
        background-position: center bottom;
        width: 100%;
        height: 340px;
        padding: 10px 10px 40px;
        /*position: absolute !important;*/
        position: relative !important;
    }
    .carousel-inner>.item>img, .carousel-inner>.item>a>img {
        /*margin-top: 298px;   */
        margin-top: -30px;
    }

}
@media (max-width: 480px) {
    .home header #logo img, body:not(.home) header #logo img {
        width: 200px;   
    }   
    #header_right_controls {
        top: 20px;   
    }
    #home_food_grid .right_grid_row {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 1fr);
    }
    .box .burger_cutout {
        left: 0px;
        width: 260px;
        top: 0px;
    }
    .box .pizza_cutout {
        width: 350px;
        bottom: -30px;
        left: -50px;
    }
    .box .beer_cutout {
        left: 0px;
        width: 190px;
        top: 0px;
    }
    .home_grid_img .caption {
        position: initial;
        background: #070707;
        text-align: center;
        padding: 15px;
    }
    .home_grid_img h2 {
        margin-top: 0px;   
    }
    .home_grid_img .btn-group {
        margin: 0px auto !important;
        text-align: Center !important;
    }
    .home_grid_img a {
        text-decoration: none !important;    
    }
}
@media (min-width: 481px) {
    .box .pizza_cutout {
        width: 339px;
        top: 90px;
        left: -120px;
    }
    .box .burger_cutout {
        width: 180px;
        top: 10px;
        left: 0px;
    }
    .box .beer_cutout {
        top: 0px;
        left: 0px;
        width: 120px;
    }   
}
@media (min-width: 481px) and (max-width: 767px) {
    .home header #logo img, body:not(.home) header #logo img {
        width: 300px;   
    }
    #header_right_controls {
        top: 33px;   
    }
    .checkout .well-basket {
        margin-top: 25px;
    }
}
@media (min-width: 481px) and (max-width: 979px) {
    .home_grid_img .btn-group {
        margin: 10px 0px 0px auto !important;
        text-align: right !important;
    }   
}
@media (min-width: 575px) {
    .box .pizza_cutout {
        width: 409px;
        top: 60px;
        left: -120px;
    }
    .box .burger_cutout {
        width: 230px;
        top: 0px;
        left: 0px;
    }
    .box .beer_cutout {
        top: 0px;
        left: 0px;
        width: 160px;
    }   
}
@media (max-width: 767px) {
    #home_slide {
        padding-bottom: 14px;
    }
    .carousel-indicators {
        bottom: revert;
        top: 3%;
    }
    .how-im-ordering h2 {
        font-size: 35px;
    }
    .menu .ui-tabs-menu .ui-tabs-panel .product-container-panel .image_top {
        margin-bottom: 0px;   
    }
    footer .row-fluid {
        gap: 15px;
    }
    footer .row-fluid > [class*="span"]:is(:nth-child(2)) {
        margin: 10px 0px;
    }
    .how-im-ordering-menuname {
        display: block;   
    }
    .how-im-ordering h2 a {
        position: relative;
        top: -5px;
    }
    #mobile_food_menu_nav .btn {
        color: #070707 !important;
    }
    .visible-phone.alert_container {
        margin-top: 0px; 
        margin-bottom: 0px;
    }
    #home_top_buttons p {
        margin-top: 10px;
        margin-bottom: 25px;
    }
    #home_food_grid .box {
        height: 280px;   
    }
    #home_food_grid {
        margin-bottom: 20px;   
    }
    body:not(.home) header .navbar-container {
        padding-bottom: 0px;
    }
    .home .mobile_alerts, .welcome .mobile_alerts {
        margin-bottom: 20px;   
    }
    .carousel-caption h2 {
        margin-bottom: -15px;
    }
    .carousel-caption p.lead {
        font-weight: bold !important;
        font-size: 16px !important;
    }
    .carousel-caption .btn {
        font-size: 16px !important;
        margin: 15px auto 5px !important;
    }
    .carousel-caption .btn::before {
        display: none;   
    }
    .carousel-caption img {
        margin-top: -30px;   
    }
    .home h1, .home h1 small, .home .h1_size, .home .h1_size small,
    .welcome h1, .welcome h1 small, .welcome .h1_size, .welcome .h1_size small,
    h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .h6_size, .lead, .meta), .h1_size, .hero-unit h1, .jumbotron h1, .page_error-404 #body h1 {
        font-weight: bold;
        font-size: 40px;
        line-height: 110%;
    }
    h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .h6_size, .lead, .meta), .h2_size {
        font-weight: bold;
        font-size: 30px;
        line-height: 110%;
    }
    h3:not(.h1_size, .h2_size, .h4_size, .h5_size, .h6_size, .lead, .meta), .h3_size {
        font-weight: bold;
        font-size: 25px;
        line-height: 110%;
    }
    h4:not(.h1_size, .h2_size, .h3_size, .h5_size, .h6_size, .lead, .meta), .h4_size {
        font-weight: bold;
        font-size: 22px;
        line-height: 110%; 
    }
    #responsive-food-menu {
        background: #ED1C24;
    }
    #responsive-food-menu .navbar-inner .container .brand {
        padding: 10px 7px 4px;
    }
    .ui-tabs-menu {
        padding-top: 18px;
    }
    .menu-selection .welcome_btn_desc {
        margin-bottom: 30px;   
    }
    .contact-us .box-contact-information {
        margin-top: 0px;
    }
    .contact-us .box-contact-information,
    .contact-us .box-opening-hours {
        margin-bottom: 30px;   
    }
    #home_page_grid_inner {
        padding: 20px;
    }
    #home_page_grid .grid_scratch {
        bottom: -20px;
        max-width: 100px;
    }
    #home_page_grid {
        padding: 20px;   
    }
    #home_page_grid .square {
        height: 27px;
        width: 27px;
    }
    #home_page_grid_inner {
        padding: 0px;
    }
}
@media (min-width: 768px) {

    #body section:not(#home_menu_grid):not(#home_slide) .column_slideshow #myCarousel .carousel-caption img {
        height: auto;
        margin-bottom: 10px;
    }
    #body section:not(#home_menu_grid):not(#home_slide) .column_slideshow #myCarousel .carousel-caption p {
        margin: 0px auto 0px;
    }
    #body #home_grid_imgs .btn-group:not(.mod_postcode_box .btn-group) {
        text-align: right;
    }
    #body #home_page_grid {
        margin-bottom: 0px !important;
    }
    .home .alert_row_1 {
        position: initial;
        width: 100%;
        margin-top: -30px;
        margin-bottom: 30px;
    }
    #home_food_grid .grid_row .left {
        margin-right: 10px;
    }
    #home_food_grid .grid_row .right {
        margin-left: 10px;
    }
    .box .burger_cutout {
        width: 250px;
        top: 0px;
        left: -20px;
    }
    .box .beer_cutout {
        top: 0px;
        left: 0px;
        width: 140px;
    }
    #home_food_grid .grid_row {
        grid-template-columns: 50% 50%;
        gap: 0px;
    }
    #body .main .column_slideshow #myCarousel .carousel-inner > .item > img, 
    #body .main .column_slideshow #myCarousel .carousel-inner > .item > a > img, 
    #body section:not(#home_menu_grid):not(#home_slide) .column_slideshow #myCarousel .carousel-inner > .item > img, 
    #body section:not(#home_menu_grid):not(#home_slide) .column_slideshow #myCarousel .carousel-inner > .item > a > img, 
    #body #home_page_grid .column_slideshow #myCarousel .carousel-inner > .item > img, 
    #body #home_page_grid .column_slideshow #myCarousel .carousel-inner > .item > a > img {
        max-height: 650px;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .home .visible-phone.alert_container {
        margin-top: -50px;    
    }
    #body section:not(#home_menu_grid):not(#home_slide) .column_slideshow #myCarousel .carousel-caption {
        width: 240px !important;
        height: 384px;
        padding-right: 40px;
        background-repeat: repeat-y;
        padding-top: 80px;
    }
    .carousel-inner, .carousel-inner img {
        height: 384px;
    }
    #body section:not(#home_menu_grid):not(#home_slide) .column_slideshow #myCarousel .carousel-caption img {
        display: none;   
    }
    #myCarousel .carousel-caption h2 {
        font-size: 35px !important;  
    }
    #myCarousel .carousel-caption h3 {
        font-size: 30px !important;
    }
    #myCarousel p {
        font-size: 14px;   
        text-align: center;
    }
    #home_grid_imgs > div {
        width: 100%;
        float: none;
        margin-left: 0px;
    }
    #home_slide .marquee p {
        padding-bottom: 6px;
    }
}
@media (min-width: 768px) and (max-width: 1200px) {
    #home_food_grid .box.pizza,
    #home_food_grid .box.preorder {
        display: none;   
    }
    #home_food_grid .right_grid_row {
        grid-template-rows: repeat(1, 1fr);
    }
    #myCarousel #carousel_control_container {
        display: none;
    }
    .carousel-indicators {
        display: block !important;
        left: 0;
    }
    #home_food_grid .caption.bottom_right {
        left: 15px;
    }
    #home_food_grid .box.burger .caption p,
    #home_food_grid .box.drink .caption p {
        max-width: 100%;
    }
    .claws {
        display: none;
    }
}
@media (max-width: 979px) {
    footer {
        padding-bottom: 0px;   
    }
    .home .one_row.hidden-desktop,
    .home .visible-phone.alert_container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .members .website-image {
        text-align: center;   
    }
    #home_page_grid .row-fluid:nth-child(1) {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }
    .home_grid_img .caption {
        right: 25px;
        padding-left: 15px;
        top: 15px;
        max-width: 400px;
    }
    .home_grid_img .btn {
        display: inline-block !important;
    }
}
@media (min-width: 980px) {
    #home_slide .marquee p {
        padding: 0px 70px;
    }
    #arrow-left, #arrow-right {
        max-width: 20px;
        max-height: 40px;
    }
    .box .burger_cutout {
        width: 320px;
        top: 40px;
        left: -30px;
    }
    .box .beer_cutout {
        top: 0px;
        left: 0px;
        width: 220px;
    }
    /*#basket-container + .alert_next_break {
        padding: 8px 80px;
    }*/
    .home_grid_img .caption {
        right: 25px;
        top: 15px;
        max-width: 330px;
    }

}
@media (min-width: 980px) and (max-width: 1200px) {
    #body section:not(#home_menu_grid):not(#home_slide) .column_slideshow #myCarousel .carousel-caption {
        width: 300px !important;
        height: 482px;
        padding-right: 40px;
        background-repeat: repeat-y;
    }
    .carousel-inner, .carousel-inner img {
        height: 482px;
    }
    #myCarousel .carousel-caption h2 {
        font-size: 40px !important;  
    }
    #myCarousel p {
        font-size: 14px;
        text-align: center;
    }
    #body section:not(#home_menu_grid):not(#home_slide) .column_slideshow #myCarousel .carousel-caption img {
        margin-top: 50px;
    }
    #home_grid_imgs h2 {
        font-size: 30px;
    }
}
@media (max-width: 1200px) {
    body.home p:not(.h1_size, .h2_size, .h3_size, .h4_size, .h5_size, .h6_size, .lead, .meta),
    body.welcome p:not(.h1_size, .h2_size, .h3_size, .h4_size, .h5_size, .h6_size, .lead, .meta) {
        line-height: 135%;
        font-size: 16px;
    }   
    #carousel_control_container {
        bottom: 2% ;
    }
}
@media (min-width: 1201px) {
    .box .pizza_cutout {
        width: 409px;
        top: 30px;
        left: -160px;
    }


    #carousel_control_container {
        width: 100%;
        bottom: 5%;
        .left {
            left: 20%;
        }
        .right {
            left: 25%;
        }
    }
    .box .burger_cutout {
        width: 230px;
        top: -20px;
        left: -10px;
    }
    .box .beer_cutout {
        top: 0px;
        left: 0px;
        width: 120px;
    }
    #body section:not(#home_menu_grid):not(#home_slide) .column_slideshow #myCarousel .carousel-caption {
        width: 335px;
        height: 532px;
        padding-right: 40px;
        background-repeat: repeat-y;
    }
    .carousel-inner, .carousel-inner img {
        height: 532px;
    }
    .home_grid_img .caption {
        right: 25px;
        top: 15px;
        max-width: 400px;
    }
}
@media (min-width: 1351px) {
    .box .pizza_cutout {
        width: 455px;
        top: 37px;
        left: -130px;
    }
    .box .burger_cutout {
        width: 240px;
        top: -10px;
        left: -20px;
    }
    .box .beer_cutout {
        top: 0px;
        left: 0px;
        width: 190px;
    }
    #body section:not(#home_menu_grid):not(#home_slide) .column_slideshow #myCarousel .carousel-caption {
        width: 335px;
        height: 612px;
        padding-right: 40px;
        background-repeat: round;
    }

}
@media (min-width: 1501px) {
    .box .beer_cutout {
        top: 0px;
        left: -70px;
        width: 100%;
    }

    .box .pizza_cutout {
        width: 535px;
        top: -13px;
        left: -145px;
    }
    .box .burger_cutout {
        width: 100%;
        top: 0px;
        left: -50px;
    }

    #body section:not(#home_menu_grid):not(#home_slide) .column_slideshow #myCarousel .carousel-caption {
        width: 425px;
        height: 672px;
        padding-right: 40px;

    }
    .carousel-inner, .carousel-inner img {
        height: 652px;
    }
    .home_grid_img .caption {
        right: 40px;
        top: 40px;
        max-width: 400px;
    }
}
@media (min-width: 1601px) {
    .home .alert_row_1 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.alert_menu_closed {
    color: #FFFFFF;   
}
.mod_menuSelect .modal-footer { display: none !important; }
.mod_menuSelect .btn { margin-right: 10px; }

@media (max-width: 767px) {
    .mod_menuSelect .btn {
        display: block;
        margin: 0px auto 20px;
        max-width: 200px;
    }
}


td.delivery_distance_note {
    padding: 0px;
}
td.delivery_distance_note .alert {
    margin-bottom: 0px !important;
}
#checkout_chosen_date_time {
    display: none;
}
#checkout_chosen_date_time .value {
    font-weight: bold;
}
.well-delivery-time .fields {
    display: flex;
    gap: 20px;
    align-items: center;
}
.well-delivery-time .fields select {
    display: block !important;
}
.well-delivery-time .fields .btn-group {
    display: none !important;
}

.modal-footer .btn.null {
    background: #E53609;
    color: #ffffff;
    margin-right: 10px;
}
.modal-footer .btn.null:hover,
.modal-footer .btn.null:focus {
    background: #bf2d08;
}
.modal-footer .btn.null 
.btn.btn-primary:hover, .btn.btn-primary:focus {
    background: #212d7d;
}

.modal-footer button:not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-primary):not(.btn-inverse) {
    margin-right: 5px;
}

/*Add border effect to all buttons*/
.btn:not(.btn-link, .trigger-paymentmethod .btn, .btn-inverse, .social_media_links .btn, .type-choose-multiple .btn, .ctrl-mob-nav-search)::before, 
.btn-group > .btn:last-child.btn:not(.btn-link, .trigger-paymentmethod .btn, .btn-inverse, .social_media_links .btn,  .type-choose-multiple .btn, .ctrl-mob-nav-search)::before, 
.btn-group > .btn:first-child.btn:not(.btn-link, .trigger-paymentmethod .btn, .btn-inverse, .social_media_links .btn,  .type-choose-multiple .btn, .ctrl-mob-nav-search)::before {
    content: "";
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border: 1px solid;
    border-radius: 5px;
}
.background_btn::before {
    border-color: #fff6ed !important;
}
.btn.btn-success::before {
    border-color: #92BC1B !important;
}
.btn.btn-danger::before,
.modal-footer .btn.null::before,
.modal-footer button:not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-primary):not(.btn-inverse)::before {
    border-color: #E53609 !important;
}
.btn.btn-warning::before {
    border-color: #F27521 !important;
}
.btn.btn-primary::before {
    border-color: #1F32B4 !important;
}
.btn.btn-info::before {
    border-color: #4A7D80 !important;
}
.input-append .btn::before {
    display: none;
}

.checkout #ctl-forgotPassword {
 	padding-left: 0px;
    display: block;
}
#tbl_opening_time_overrides .btn-danger {
    margin-left: 10px;   
}

.mod_menuSelect .btn-group {
    display: flex;
    justify-content: center;
    gap: 5px;
}
.mod_menuSelect .btn-group .btn {
 	display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

@media (max-width: 480px) {
    #btn-submit-download-report-csv {
        display: block;
        margin-top: 15px; 
    }
    .home_grid_img .btn {
     	margin-top: 20px;   
    }
    .welcome #logo img {
     	width: 300px !important;   
    }
}
@media (min-width: 481px) {
    #btn-submit-download-report-csv {
        margin-left: 10px; 
    }
}
@media (max-width: 767px) {
 	#myCarousel #carousel_control_container {
        display: none;
    }
    #home_page_grid_inner {
     	padding-top: 20px;
        padding-bottom: 20px;
    }
    .home_grid_img.right {
     	margin-top: 20px;   
    }
    #home_slide .marquee p {
        font-size: 30px;
    }
    #home_food_grid {
        margin-top: 20px;
    }
    .mod_menuSelect .btn-group {
        flex-direction: column;   
    }
    .mod_menuSelect .btn-group .btn {
        margin: 0px auto 15px;  
    }
}
@media (min-width: 600px) and (max-width: 979px) {
    .members #loginSigninOrder {
        margin-left: 10px;   
    }   
}
@media (min-width: 768px) and (max-width: 979px) {
    .home_grid_img.right {
     	margin-top: 50px;   
    }
}
@media (max-width: 979px) {
    .welcome #home_loyalty .container {
        margin: 0px auto 0px auto;
    }
}
@media (min-width: 980px) and (max-width: 1200px) {
    .members #loginSigninOrder {
        margin-top: 15px !important;   
    }
}
@media (min-width: 1201px) {
    .members #loginSigninOrder {
        margin-left: 10px;   
    }   
}
@media (min-width: 1201px) and (max-width: 1500px) {
    #carousel_control_container {
        width: 335px;   
    }
    .carousel-inner, .carousel-inner img {
        height: 612px;
    }
    #carousel_control_container .left {
        left: 30%;
    }
    #carousel_control_container .right {
        right: 36%;
        left: auto;
    }
    #body section:not(#home_menu_grid):not(#home_slide) .column_slideshow #myCarousel .carousel-caption {
        height: 612px;
    }
}
@media (min-width: 1183px) {
    .menu .basket-buttons a {
        width: 47%;
    }
    .menu .basket-buttons a:first-child {
        margin-right: 2.5%;
    }
}
@media (max-width: 767px) {
    #basket-container .basket-buttons .btn {
        margin-bottom: 15px;
    }  
}

/*TEMP*/
a.disabled {
    pointer-events: none;
    opacity: 0.3;
}