/*
===================================================
== CSS Amendments / Update History:
---------------------------------------------------
== Created using Vennersys CSS Helper. 
== Version: 1.0.0.4
== 
== 
===================================================
*/

/* PRIMARY COLOURS, SET THESE BELOW AS VARIABLES INSTEAD OF SETTING EACH OBJECT TO A SPECIFIC COLOR. */
/* YOU CAN CALL THIS BY SAYING 
.Something {
	color: var(--your-root-name);
	OR for background:
	background-color: var(--your-root-name);
}
 */
 
:root {
			--primary-Button: #7F110C; /*#c55112;  */
     --secondary-Button: #FCC673;
     --nav-bar: #7F110C;
			--footer-color: #7F110C;
			--font-color: #fff;
			--background-color: #f0f0f0;
     --ticket-selector: #FCC673;
     --header-color: #ffff;
     --button-normal: #A9CE00;
     --button-hover: #ffff;
	 --font-color-black: #000;
}

@media (max-width: 100%) {
.nav-container {
    z-index: 2;
    max-width: 100px !important;
}

.title, .title-sub {
	text-align: center;
	max-width: 250px !important;
}

.footer {
    margin-top: 1rem;
    padding: 2.5rem 0px 2rem;
    background-color: var(--color-brown-dark);
    color: var(--font-color);
    font-size: 0.93rem;
    max-width: 10px;
    position: fixed;
    bottom: 0px;
}

.page-description {
    margin-top: 0.7rem;
    font-size: 1.03rem;
    color: var(--color-brown-dark);
    max-width: 250px !important;
}

.main-container, .nav-content {
    display: inline-grid;
    max-width: 138px !important;
}

.nav-container > .nav-content.nav-content-padding {
    height: 1rem;
    max-width: 1px;
}

.footer .footer-logo {
    display: inline-block;
    height: 5rem;
    width: 6rem;
    padding: 0.5rem;
    margin-top: 1rem;
    vertical-align: top;
    border-radius: 5rem;
    overflow: hidden;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.background-yellow {
    max-width: 10px;
}

.tile-container > .tile {
    width: 240px;
    padding: 1rem;
    float: left;
    text-decoration: none;
}
/*.nav-basket-container .basket-button {
    display: flex;
    border-radius: 0.3rem;
    border: 1px solid var(--font-color);
    cursor: pointer;
}*/
.tile-container > .tile {
    padding: 0rem;
    float: left;
    display: block;
    text-decoration: none;
    max-width: 150px !important;
}
}
@media (max-width: 800px) {
  
html, body {
   margin: 0px;
   padding: 0px;
   height: 100%;
   overflow-x: hidden !important;
   max-width: 100% !important;
}
}

.nav-menu-container .menu-container span:hover {
    background-color: var(--font-color);
    display: block;
    color: black;
}

.background-yellow {
    background-color: var(--nav-Bar);
}

#nav-basket-container .header, #nav-basket-container .header-sub {
    color: rgb(69, 69, 69);
}

.background-yellow .header, .background-yellow .header-sub, #nav-basket-container .basket-price {
    color: rgb(69, 69, 69);
}

.web-sale-items-container .tab-container .tab.selected {
    color: var(--font-color) !important;
}
 .tile-container > .tile > .tile-content > .tile-details > button::before {
    content: "Book Now";
	 font-weight:bold !important;
}

.nav-container > .nav-content .nav-logo {
    height: 1rem;
    width: 1rem;
}

.tile-container > .tile > .tile-content > .tile-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: var(--color-grey-light);
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
	height: 500px;
	width: 345px !important;
}

.tile-container > .tile {
    width: 375px;
    padding: 1rem;
    float: left;
    text-decoration: none;
}

.font-color-white {
    color: var(--font-color);
}

.button-container .button.orange {
    color: var(--font-color);
    background-color: var(--primary-Button);
}

.button-container .button.orange:hover {
    background-color: var(--secondary-Button);
}

.button-container .button.orange:disabled {
    background-color: var(--primary-Button);
}

.button-container .button.grey {
    color: var(--font-color);
    background-color: var(--primary-Button);
}

.button-container .button.grey:hover {
    background-color: var(--secondary-Button) !important;
}

.button-container .button.grey:disabled {
    background-color: var(--primary-Button);
}

.time-selector__time--selected .time-selector__select:before {
    content: "Selected";
    background-color: var(--secondary-Button)!important;
}

.time-selector__select:before {
    content: "Select";
    background-color: var(--primary-Button) !important;
    color: var(--color-white);
    padding: 0.2rem 0.6rem 0.3rem;
    border-radius: 0.3rem;
    font-size: 1.05rem;
    font-weight: normal;
    cursor: pointer;
}

.time-selector__time--good .time-selector__availability {
  color: var(--secondary-Button) !important;
}
.time-selector__time--spaces-available .time-selector__availability {
  color: var(--secondary-Button) !important;
}
.time-selector__time--sold-out {
  opacity: 0.4;
}
.time-selector__time--sold-out .time-selector__selection-container .time-selector__select:before {
  display: none;
}
.time-selector__time--limited .time-selector__availability {
  color: var(--primary-Button) !important;
}

.nav-menu-container .menu-container span {
    color: var(--font-color);
}

.footer {
    margin-top: 5rem;
    padding: 0.5rem 1rem 0.5rem 10px;
	background-image: url('');
    background-color: var(--footer-color);
    color: var(--font-color);
    font-size: 0.93rem;
	padding-top: 20px;
}

.footer .footer-logo {
    display: none;
    width: 26rem;
    padding: 0 0 0 0;
    vertical-align: top;
    border-radius: 5rem;
    overflow: hidden;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.quantity-control .quantity-down, .quantity-control .quantity-up {
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 1.4rem;
	margin: 0.3rem;
	background-color: var(--ticket-selector);
	cursor: pointer;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	border-block: 0.4rem solid var(--ticket-selector);
	transition-duration: 0.2s;
}

.quantity-control .quantity-down{
	background-color: var(--primary-Button);
	border-block: 0.4rem solid var(--primary-Button);
}

.quantity-control .quantity-up{
	background-color: var(--primary-Button);
	border-block: 0.4rem solid var(--primary-Button);
}

.quantity-control:hover .quantity-down:hover, .quantity-control:hover .quantity-up:hover {
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 1.4rem;
	margin: 0.3rem;
	background-color: var(--secondary-Button) !important;
	cursor: pointer;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	border-block: 0.4rem solid  var(--secondary-Button) !important;
	transition-duration: 0.2s;
}

.web-sale-items-container .web-sale-item .web-sale-item-header {
    padding: 0.5rem 0.7rem;
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
    background-color: var(--primary-Button);
    color: var(--font-color);
    font-weight: 500;
}

.web-sale-items-container .tab-container .tab:last-child {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.font-color-orange-dark {
    color: #000;
}

.font-color-blue {
    color: black !important;
}

.nav-basket-container .basket-button {
	display: inline-block;
    padding: 0.15rem 0.5rem 0.15rem 0.25rem;
    border-radius: 0.3rem;
    border: 1px solid #000 !important;
    cursor: pointer;
    background-color: #FCC673;
	width: 90px
}

.background-yellow .header, .background-yellow .header-sub, #nav-basket-container .basket-price {
    color: var(--font-color-black);
}

.background-yellow {
    background-color: #FCC673;
}

.tile-details {
    background-color: var(--primary-Button);
    color: var(--font-color);
    min-height: 253px;
}

.tile-container > .tile > .tile-content > .tile-details > .tile-description {
     margin-bottom: 1.5rem;
     color: var(--font-color);
     min-height: 1px;
}

.tile-container > .tile > .tile-content > .tile-details {
padding: 1rem;
width: 345px !important;
min-height: 253px;
border-bottom-left-radius: 0.3rem !important;
border-bottom-right-radius: 0.3rem !important;
}

.tile-container > .tile > .tile-content > .tile-details > .tile-title {
    margin: 1rem 0px;
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
    min-height: 62px;
	white-space: normal;
}

.tile-container > .tile > .tile-content > .tile-details > button {
    background-color: #FCC673;
}

.tile-container > .tile:hover > .tile-content:hover > .tile-details > button {
    background-color: #fff;
}

.list-container > .general-container .list-item .list-header img {
    width: 200px !important;
    height: auto;
}

.main-container .upsell-splash-container .upsell-splash .img-container {
    height: 35px;
    margin: 0px auto;
    background-size: cover;
    background-repeat: no-repeat;
    color: #000 !important;
    background-position: center center;
    max-width: none !important;
}


.nav-menu-container .menu-button {
    display: none !important;
    padding: 0.15rem 0.5rem 0.15rem 0.15rem !important;
    border-radius: 0.3rem !important;
    border: 1px solid rgba(255, 255, 255, 0) !important;
    cursor: pointer !important;
}

.nav-menu-container {
    float: right;
    position: relative;
    margin-top: -0.35rem;
}

.nav-menu-container:not(menu-icon) {
    display: inline-block !important;
}

body {
    background-color: var(--bs-body-bg);
    background-attachment: fixed;
    background-position: left bottom;
    overflow-x: hidden !important;
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.2), transparent), url("") !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

#powered-by {
    margin-top: 30px;
}

.web-sale-items-container .tab-container .tab.selected {
    color: var(--font-color);
    cursor: default;
    background-color: var(--nav-bar) !important;
}

.web-sale-items-container .web-sale-item .web-sale-item-header {
    color: var(--font-color);
    background-color: var(--nav-bar) !important;
}



/* TWEAKS TO MAKE PAGE WIDER AND RESPONSIVE. */

.web-sale-item-details {
    margin-bottom: 0.5rem;
}

.web-sale-items-container {
    max-width: 50% !important;
}

.general-container {
     max-width: 500px !important;
	padding: 1.2rem 0.9rem;
}

.button.orange.pt-0.pb-1.mt-0 {
	display:none !important;
	visibility: hidden !important;
}

.basket-close {
top: -10px;
background-color:var(--primary-Button) !important;
border-color: var(--primary-Button) !important;
	
}

@media screen and (max-width: 769px){
.web-sale-items-container {
    max-width: 500px !important;
}

.general-container {
    max-width: 500px !important;
    padding: 1.2rem 0.9rem;
}
}


/* CUSTOM PER CUSTOMER */

@media screen and (max-width: 769px){
#header-logo img {
  padding: 0px 0px 0px 0px;
}
}

.customer-area-menu__button-icon {
    display: hidden !important;
    height: 1.5rem;
    width: 1.5rem;
    vertical-align: top;
    margin-top: 0.1rem;
    background-image: url('') !important;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.nav-basket-container .basket-button .basket-icon {
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem;
    vertical-align: top;
    margin-top: 0.1rem;
    background-image: url('https://uat.venpos.net/site/Styles/Bathurs827/images/basket.svg') !important;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.nav-basket-container .basket-button .basket-icon {
    background-image: url("https://dev.venpos.net/VenPosJourneyUI/images/basket.png") !important;
}

.nav-menu-container .menu-button .menu-icon {
   
	z-index: -1;
    display: hidden !important; 
    height: 2rem;
    width: 2rem ;
    vertical-align: top;
    margin-top: 13.1rem ;
    background-image: url('') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* CUSTOMER LOGO, LOGO SHOULD BE ADDED USING HTML IN THE HEADER TEXT. */
/* HEIGHT AND POSITIONING CAN BE CONFIGURED BELOW. */
.container img {
    height: 200px;
    visibility: visible;
    margin-top: -5rem;
}

/* MOBILE CONFIGURATION FOR LOGO */

@media screen and (max-width: 769px){
.container img {
    height: 200px;
    visibility: visible;
    margin-top: -3rem;
}
}

.footer-logo {
    background-image: url('');
	height: 30px;
}

body {
    overflow-x: hidden !important;
    background-image: url('') !important;
    background-color: var(--background-color);
    background-attachment: fixed;
    background-size: cover!important;
    background-position: bottom left;
    background-repeat: no-repeat!important;
	margin-top: -5px
}

.nav-container:not(.background-yellow) {
    background-color: #7F110C;
	padding-bottom: 10px !important;
    
}

span[data-bind="text: $parent.description"] {
  position: relative;
}

span[data-bind="text: $parent.description"]::after {
  content: '';
  position: absolute;
  top: 4px;
  width: 2em;  
  height: 1em;
  background: #f0f0f0; 
}

.nav-header {
    z-index: 0;
    background-image: url('');
    background-repeat: no-repeat;
    background-size: contain !important;
}
.main-container .upsell-splash-container .upsell-splash .splash-details .splash-main-text .splash-name {
    color: #000;
}
.main-container .upsell-splash-container .upsell-splash .splash-details .splash-main-text .splash-text {
    color: #000;
}

div#header-top .container {
    text-align: center;
}


.tile-container {
    display: inline-flex;
    width: 100%;
    align-content: flex-start;
    margin-top: 2rem;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}


table#payment-table {
    text-align: center;
}

.nav-container > .nav-content.nav-content-padding {
    padding: 1rem;
    height: 3.5rem;
}


.tile-container > .tile > .tile-content > .tile-details > .tile-description {
    white-space: normal;
}

.upsell-splash-container .text-center
 {
    color: black;
    font-weight: 500;
}

div.font-color-white.text-center.splash-text[data-bind="text: description"] {
  display: none !important;
}

.payment-methods .method:nth-child(3), .payment-methods .method:nth-child(3) {
display: none !important;
}