@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Rationale&display=swap');

/* TEXT */

body{
	font-size:18px;
	color: #777;
}

.dynamic-content{
	color:white;
}

.page-header > h1{
	font-size: 2.7em;
	text-shadow: 0 0 3px rgb(255 255 255 / 80%), 0 0 7px #0787ff, 0 0 10px #0787ff;
}

.item a.item-title, .item-title a{
	font-family:  "Rationale", sans-serif;
	font-size: 32px;
}


.panel-body > .row, #hosted-token-checkout{
	max-width: 100%;
	margin: 20px;
}

div.hosted-token, #token-iframe{
	max-width: 100% !important;
}

.payment-method .panel .panel-heading.active{
	background-color:#0787ff;
}

.panel{
	background-color:#0e0e0e;
}

/* dark gray text */

.dynamic-content .item .item-event-info strong{
	color:white;
}

/* light gray text */

.item .item-event-info{
	color:#0787ff;
}

/* light gray bg */

.dynamic-content .navbar-default .navbar-nav > .open > a{
	background-color:#002950 !important;
}

.input-group-addon{
	background-color: #002950;
}

@media(max-width:991px){
	.mobile-nav{
		background-color: transparent;
	}
}

/* LOGO */

.site-logo > img, .navbar-brand > img{
  display: none;
}

.site-logo, .navbar-brand{
  background: url(https://s3.amazonaws.com/production-webstore/f6cb3659-169b-4f2a-aadb-bc4a7512aefc/themes/assets/logo-header.png?638418027990000000);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
}

.site-logo{
width: 612px;
height:91px ;
}

.navbar-brand{
width:400px;
height: 60px;
}

/* HEADER */

.site-actions{
	padding-top: 60px;
	padding-bottom: 60px;
}

.site-actions > .container{
	display: flex;
	margin-left: 15px;
}

@media(max-width:767px){
	.navbar-header{
		height: 226px;
		display: flex;
		justify-content: center;
		flex-direction: column;
align-items:  flex-end;
	}
	
	.item-event > .col-md-6{
		margin-top: 55px;
	}
	
div.grid.grid-with-separator > div.col-3.item{
	min-width: 225px;
	}
	
	.navbar-brand{
		width: 100%;
		margin-bottom: 50px;
		
	}
	
	.container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse{
		margin: 0;
	}
	
	header.top-menu .navbar .navbar-nav > li > a > .icon{
		color: white;
	}
	
	li.menu-tab, .navbar-toggle{
		width:35px;
		padding: 0;
		margin-right: 10px;
		position: relative;
		top:-3px;
	}
	
.navbar-custom-wrap .navbar-custom{
		padding-right: 15px !important;
	}
	
	.navbar-default .navbar-toggle.collapsed .icon-bar{
		background-color:white !important;
		width: 35px;
		height: 2px;
position: relative;
	}
	
	.navbar-toggle.opened{
		height: 35px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		left: 5px;
		top: 3px;
	}
	
}


/* uncomment this if you want to center the logo. remove navbar-header to use original alignment for mobile

.container > .pull-left{
  float: none !important;
}

.site-actions > .container, .navbar-header{
  display: flex;
  justify-content: center;
}

*/

/* MODALS */

.modal-content, .ui-pnotify .ui-pnotify-container{
	background:#0e0e0e !important;
}

/* NAVIGATION */


/* main navigation links */

.widget-menu .main-nav li>a {
	font-family: "Rationale", sans-serif;
	white-space: normal;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 32px;
    line-height: 75px;
    text-shadow: 0 0 3px rgb(255 255 255 / 50%), 0 0 7px #0787ff, 0 0 10px #0787ff;
    transition-duration: .15s !important;
	padding:6px 15px;
}


/* main navigation active and hover */

.widget-menu .main-nav li>a:hover,
.widget-menu .main-nav li>a:focus,
.widget-menu .main-nav li.active>a,
.widget-menu .main-nav li.active>a:hover {
	
	text-shadow: 0 0 3px rgb(255 255 255 / 50%), 0 0 6px rgb(255 255 255 / 70%), 0 0 8px #0787ff, 0 0 12px #0787ff, 0 0 14px #0787ff, 0 0 15px #0787ff;
	color: white;

}





/* make main nav flex */

ul.main-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

@media(max-width:991px){

	
.widget-menu ul.main-nav li a, .mobile-nav .page-header.page-header-mobile h1{
		font-size: 24px;
	}
	
	
	.widget-menu ul.main-nav{
		padding:20px;
	}
	
	.widget-menu ul.main-nav li{
		width: auto;
	}
	
}

/* widget menu (main navigation bar) */


#widgets-collapse{
	background:#002950;
	border-bottom: 1px solid #0ff;
box-shadow: 0 10px 28px 1px rgb(121 201 251 / 38%), inset 0 -10px 15px 0 rgb(121 201 251 / 36%);
}

@media(min-width:991px){
	#widgets-collapse{
		height: 88px;
	}
}
/* Side menus */

.default-menu>.nav-pills>li>a{
  font-family: "Rationale", sans-serif;
	font-size: 22px;
}


/* overflow fixes */




@media(max-width:991px) {
	.widget-menu ul.main-nav li a {
		overflow: visible;
		white-space: normal;
		line-height: normal;
		text-align: left;
		width: auto;
	}
}


/* make phone nav expand accross width */

@media(max-width:767px) {
	.widget-menu ul.main-nav li {
		flex-basis: 100%;
	}
	.grid.event-grid{
		position: relative;
		left: 0;
		margin: 0;
		justify-content: center;
	}
	
	.grid.event-grid .col-3.item{
		width: unset;
	}
	
}


/* CONTENT */

/*tablet size only*/

@media(max-width:991px) and (min-width:767px){
	
	.grid.grid-with-separator{
		width: 100%;
	}
	
}

.mobile-nav ~ .container > .row{
	margin-left: unset;
	margin-right: unset;
}

/* Children */

.catalog-empty{
	padding-bottom: 35px;
}

.child-info{
	min-width: 250px;
}

#profile-children-list .grid.grid-with-separator{
justify-content: center;
}

.item-baby.col-4{
	width: unset;
	flex-basis: 50%;
}

/* Buttons */

.btn-primary, .btn-checkout, .btn-default{
	
	cursor: pointer;
padding: 14px 40px;
border-radius: 15px 0 15px 0;
color: #fff;
display: inline-block;
text-decoration: none;
font-family: 'Rationale', sans-serif;
font-size: 22px;
background-color: rgba(0,0,0,.85);
border: 1px solid #0ff;
box-shadow: 0 0 15px 7px rgb(121 201 251 / 38%), inset 0 0 15px 7px rgb(121 201 251 / 36%);
transition: all .15s ease 0s;
text-shadow: 0 0 3px rgb(255 255 255 / 50%), 0 0 8px #0787ff, 0 0 12px #0787ff;
	
}

.btn.btn-primary:hover, .btn.btn-checkout:hover, .btn.btn-primary:focus, .btn.btn-checkout:focus, .btn.btn-primary:active, .btn.btn-checkout:active{
background-color: rgba(0,0,0,.85);
border: 1px solid #b0ffff;
text-shadow: 0 0 3px rgb(255 255 255 / 50%), 0 0 6px rgb(255 255 255 / 70%), 0 0 8px #0787ff, 0 0 12px #0787ff, 0 0 14px #0787ff, 0 0 15px #0787ff;
box-shadow: 0 0 15px 7px rgb(121 201 251 / 38%), inset 0 0 15px 7px rgb(121 201 251 / 36%), 0 0 15px 7px rgb(121 201 251 / 38%), inset 0 0 15px 7px rgb(121 201 251 / 36%);
}

.input-group-btn > .btn-apply-coupon.btn-primary{
	height:auto;
}

.cart-coupons, .add-to-cart{
	display: flex;
	justify-content: center;
	align-items: center;
}

div.cart-coupons input.form-control.coupon-code{
	height: 61px;
}

/* EVENTS/AREAS */


/* Package item header */

.package-modifiers .modifier .modifier-header, .package-modifiers .modifier .modifier-content .modifier-item:hover{
	background:#002950;
}


/* Grid */

.grid-container .col-content{
background-color: rgba(0,0,0,.85);
border: 2px solid #0ff;
border-radius: 20px 0;
box-shadow: 0 0 15px 7px rgb(255 255 255 / 8%), inset 0 0 15px 7px rgb(255 255 255 / 6%);
	box-shadow: 0 0 15px 7px rgb(121 201 251 / 38%), inset 0 0 15px 7px rgb(121 201 251 / 36%);
overflow: hidden;
	margin:15px;
}

.grid.grid-with-separator{
	margin: 0;
	white-space:  normal;
	flex-wrap: wrap;
	width: 100%;
	overflow: visible !important;
}

.grid-container .col-content .col-content-flex{
	margin:20px;
}

.grid .col-3{
	min-width: 200px;
}

.grid.grid-with-separator div.col-3.item div.col-content div.row.row-mobile-controls form{
	display: flex;
	max-width: 100%;
	flex-wrap: wrap;
}

.grid.grid-with-separator div.row.row-mobile-controls form div.col-sm-6{
width: 100%;
}

@media(min-width:1300px){

.grid .col-3{
	width: 33.3%;
}
	
}

/* Tablet booking spacing */

@media(max-width:991px){
	div.col-lg-4{
		margin-top: 55px;
	}
}

.col-content .item-image-link > img{
	width: 100%;
}

.item-event-content-title{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* overflow nav button fix */

li.dropdown.tabdrop a, .tabdrop-arrow-wrap{
  display: flex;
  align-items: center;
justify-content: center;
}

.tabdrop-arrow-wrap{
  margin-left: 10px;
}


/* event reservation button fix */

.row-mobile-controls, .col-content > .row {
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
}



.row-mobile-controls .mobile-left{
	flex-basis: 100%;
}

/* input button fix */

.input-group-btn > a{
  display: flex;
  align-items: center;
  justify-content:center;
}


/* FOOTER */

footer.foot>div {
	padding-top: 35px;
	background: url(https://s3.amazonaws.com/production-webstore/f6cb3659-169b-4f2a-aadb-bc4a7512aefc/themes/assets/footer-bg.jpg?637721784780000000);
	background-position: center;
background-size: cover;
}


/* GENERIC FIXES */


/* remove extra space from unused template areas when not logged in as an administrator */

.templatearea-empty {
	display: none !important;
}


/* remove template area shadow */

.templatearea .data-templatearea-content {
	box-shadow: none !important;
}

.templatearea {
	border: 0px;
}


/* preserve spacing for pass descriptions */

.single-item .single-item-description {
	white-space: pre-line;
}

/* Make Children visible for Memberships */

#main-content-container .memberAddEnabled {
	color:white !important;
}


/* Q-ZAR responsive booking improvements — September 2026. */
[data-templatearea="ContentTop"] .data-templatearea-content p {
  color: #c8d1db;
  font-size: 14px;
  line-height: 1.5;
  text-align: left !important;
  margin: 0 0 16px;
}
[data-templatearea="ContentTop"] .data-templatearea-content em { font-style: normal; }
[data-templatearea="DateTop"] .data-templatearea-content { color: #fff; }
.qzar-booking-links { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 24px; }
.qzar-booking-links a { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 10px 18px; border: 1px solid #00ffff; border-radius: 10px 0; color: #fff; font-size: 18px; text-align: center; text-decoration: none; }
.qzar-booking-links a:first-child { background: #002950; font-weight: 700; }
.qzar-booking-links a:hover, .qzar-booking-links a:focus-visible { background: #004675; outline: 2px solid #00ffff; outline-offset: 3px; }
.qzar-home-booking { display: none; }
body:has(.widget-list) .qzar-home-booking { display: block; }
.qzar-home-booking .qzar-offer { color: #fff; font-size: 16px; margin: 0 0 20px; }
@media (max-width: 767px) {
  header.top-menu .navbar-header { height: 96px; flex-direction: row; align-items: center; justify-content: space-between; }
  header.top-menu .navbar-brand { width: 45%; max-width: 180px; height: 54px; margin: 0; flex-shrink: 1; }
  header.top-menu .navbar-custom-wrap { flex: 0 0 auto; }
  header.top-menu .navbar-custom-wrap .navbar-custom { padding-right: 0 !important; }
  header.top-menu .navbar .navbar-custom-actions > li > a { min-width: 44px; min-height: 44px; display: flex; align-items: center; justify-content: center; }
  header.top-menu .navbar-toggle, header.top-menu .navbar-toggle.opened { width: 44px; height: 44px; margin: 0; padding: 8px; top: 0; left: 0; }
  .widget-menu ul.main-nav { padding: 12px; }
  .widget-menu ul.main-nav li a { min-height: 44px; padding: 10px 12px; }
  .mobile-nav .page-header { margin: 16px 0 8px; }
  .mobile-nav > .container > .row > .col-xs-12 > .row { display: flex; flex-wrap: wrap; }
  .mobile-nav > .container > .row > .col-xs-12 > .row > .col-xs-8 { width: 50% !important; }
  .mobile-nav .mobile-nav-item { margin-bottom: 0; }
  .mobile-nav .mobile-nav-item a { min-height: 44px; display: flex; align-items: center; font-size: 14px; }
  .mobile-nav .mobile-nav-item a.disabled { color: #aeb8c5; }
  [data-templatearea="ContentTop"] .data-templatearea-content { padding: 0; }
  [data-templatearea="ContentTop"] .data-templatearea-content p { margin-bottom: 12px; }
  .item-event > .col-md-6, .item-event > .col-lg-4 { margin-top: 16px; }
  .grid.event-grid .col-3.item { width: 100%; min-width: 0; }
  .grid-container .col-content { margin: 12px 0; }
  .btn-primary, .btn-checkout, .btn-default { padding: 10px 20px; min-height: 48px; }
  input.form-control, select.form-control, textarea.form-control { font-size: 16px; }
  .datepicker table { width: 100%; }
  .item-event .event-date-picker .datepicker-inline { width: 100%; max-width: 350px; }
  .datepicker table td.day { width: auto !important; height: 44px !important; }
  .datepicker table th.prev, .datepicker table th.next { height: 44px; }
  .qzar-booking-links { gap: 10px; }
  .qzar-booking-links a { flex: 1 1 calc(50% - 10px); padding: 10px; font-size: 16px; }
  .qzar-booking-links a:first-child { flex-basis: 100%; }
}

/* Q-ZAR purchase cleanup. Scoped to an inactive native preview preset.
   This changes presentation only: no price, inventory, payment or availability controls. */
:root{--qzar-aqua:#00e6df;--qzar-surface:#11191d;--qzar-border:#33434b}
body{font-family:Arial,Helvetica,sans-serif;line-height:1.5;background:#080d10;color:#f5f7f8}
h1,h2,h3,h4,.widget-menu ul.main-nav li a,.default-menu>.nav-pills>li>a,
.btn-primary,.btn-default,.btn-checkout{font-family:Arial,Helvetica,sans-serif;text-shadow:none!important}
h1{font-size:clamp(25px,3vw,36px);line-height:1.2;letter-spacing:-.02em}
h2{font-size:24px;line-height:1.25}
#widgets-collapse,.grid-container .col-content,.btn-primary,.btn-default,.btn-checkout{box-shadow:none!important}
.btn-primary,.btn-checkout{background:var(--qzar-aqua);color:#071114;border:1px solid var(--qzar-aqua);border-radius:8px;min-height:44px;padding:12px 20px;font-weight:700;font-size:16px;line-height:1.25}
.btn-default{border-radius:8px;min-height:44px;padding:11px 18px;font-size:16px;line-height:1.25}
.btn-primary:hover,.btn-primary:focus,.btn-checkout:hover,.btn-checkout:focus{background:#74fff9!important;color:#071114!important;text-shadow:none!important;box-shadow:none!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:3px}
/* Native markup repeats ContentTop in desktop and two mobile containers.
   Render the same complete disclosure once, in the top-level container. */
.dynamic-content>.container>.layout-templatearea.hidden-xs.hidden-sm{display:block!important}
.dynamic-content .visible-xs-block [data-templatearea="ContentTop"]{display:none!important}
.qzar-home-booking{margin:0 0 12px}
.qzar-booking-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.qzar-booking-links a{border-radius:8px;padding:12px 14px;min-height:44px;font:700 16px/1.3 Arial,Helvetica,sans-serif;box-shadow:none;text-shadow:none}
.qzar-booking-links a[href*="/areas/areadatetime/"]{order:1}
.qzar-booking-links a[href="/webgroups/4379db40-9e66-4a5c-9024-a21fb38f4ff0"]{order:2}
.qzar-booking-links a[href="/webgroups/birthdayparties"]{order:3}
.qzar-booking-links a[href="/webgroups/3481ae34-ad34-40b0-9bdc-4c7638649af0"]{order:4;font-size:14px}
.qzar-offer{font-size:14px;line-height:1.5;margin:10px 0}
[data-templatearea="ContentTop"] p:last-child{font-size:13px;line-height:1.55;text-align:left!important;color:#d6e0e4;max-width:950px;margin:12px auto}
[data-templatearea="ContentTop"] em{font-style:normal}
#widgets-collapse{height:auto!important;background:#10191e;border-bottom:1px solid var(--qzar-border)}
.widget-menu ul.main-nav{gap:4px;padding:8px!important}
.widget-menu ul.main-nav li a{font-size:14px!important;min-height:44px;line-height:1.3;padding:12px 14px;white-space:normal}
.grid.event-grid{display:flex;flex-wrap:wrap;align-items:stretch;gap:16px;width:100%;margin:0}
.grid.event-grid>.item{width:calc(33.333% - 11px);min-width:0;margin:0;order:10}
.grid.event-grid>.item:has(a[href$="/8651d9db-e832-470b-8923-40c0820d9a6f"]){order:1}
.grid.event-grid>.item:has(a[href$="/08f81ad8-95bc-44c5-941a-6a772c36dbea"]){order:2}
.grid.event-grid>.item:has(a[href$="/ddd111c1-be8f-453c-b670-c944db40bc3a"]){order:3}
.grid-container .col-content{background:var(--qzar-surface);border:1px solid var(--qzar-border);border-radius:12px;margin:0!important;height:100%}
.grid.event-grid .item-image-link>img{width:100%;height:150px;object-fit:cover}
.grid.event-grid .col-content-flex{margin:16px!important}
.grid.event-grid .item-title,.grid.event-grid .item-event-title{font-size:21px;line-height:1.25}
.grid.event-grid .item-description{font-size:14px;line-height:1.5}
.row-mobile-controls{padding:16px!important}
.form-control{min-height:44px;font-size:16px;border-radius:6px}
.step-menu.default-menu{font-size:14px}
.default-menu>.nav-pills>li>a{font-size:15px;line-height:1.3}
.single-item-description{font-size:16px;line-height:1.6;max-width:850px}
.widget-list-container .item-image-link>img{max-height:160px;object-fit:cover}
footer.foot>div{background:#0b1216;padding-top:24px}
@media(max-width:991px){
 .grid.event-grid>.item{width:calc(50% - 8px)}
 .dynamic-content>.container{padding-left:16px;padding-right:16px}
 .qzar-booking-links a{flex:1 1 30%;text-align:center}
 .qzar-booking-links a[href="/webgroups/3481ae34-ad34-40b0-9bdc-4c7638649af0"]{flex:0 1 auto}
 div.col-lg-4{margin-top:16px}
}
@media(max-width:600px){
 .grid.event-grid>.item{width:100%!important;min-width:0!important}
 .grid.event-grid .item-image-link>img{height:110px}
 .qzar-booking-links a{flex:1 1 100%;font-size:16px}
 .qzar-booking-links a[href="/webgroups/3481ae34-ad34-40b0-9bdc-4c7638649af0"]{flex-basis:100%;padding:6px;min-height:44px}
 .widget-menu ul.main-nav li{flex-basis:auto!important}
 .page-header{margin:16px 0}
 .btn-primary,.btn-checkout{white-space:normal;max-width:100%}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* These rules activate only after the separately staged ContentTop payload exists. */
.qzar-purchase-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
.qzar-purchase-nav>a{display:flex;justify-content:center;align-items:center;padding:13px 16px;min-height:48px;border:1px solid var(--qzar-border);border-radius:8px;background:#132127;color:#fff;font:700 16px/1.25 Arial,Helvetica,sans-serif;text-decoration:none;text-align:center}
.qzar-purchase-nav>a:hover,.qzar-purchase-nav>a:focus-visible{border-color:var(--qzar-aqua);color:var(--qzar-aqua)}
.qzar-secondary-nav summary{padding:10px 0;min-height:44px;cursor:pointer;color:#d6e0e4}
.qzar-secondary-nav nav{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 12px}
.qzar-secondary-nav nav a{display:inline-block;min-height:44px;padding:10px 0}
body:has(.qzar-purchase-nav) .widget-menu{display:none!important}
body:has(.qzar-purchase-nav) .widget-list-container{display:none!important}
.qzar-purchase-disclosure{font-size:13px;line-height:1.55;color:#d6e0e4;border-top:1px solid var(--qzar-border);padding:12px 0;margin:8px 0}
.qzar-purchase-intro{display:none}
body:has(.widget-list) .qzar-purchase-intro{display:block;margin:18px 0 12px}
body:has(.qzar-purchase-nav) .site-actions{padding:15px 0}
body:has(.qzar-purchase-nav) .site-logo img{height:65px;width:auto}
body:has(.event-grid) .left-column-origin{display:none!important}
#main-content-container>.page-header{height:auto!important;min-height:0!important;margin:14px 0!important;padding:0!important}
#main-content-container>.page-header h1{height:auto!important;min-height:0!important;position:static!important;display:block!important;visibility:visible!important;margin:0!important;padding:0!important;font:700 28px/1.25 Arial,Helvetica,sans-serif!important;text-shadow:none!important}
.grid.event-grid>.item{padding:0!important}
.grid.event-grid .col-content-flex{height:auto!important;min-height:0!important;margin:12px 16px!important}
.grid.event-grid .item-title{height:auto!important;min-height:0!important;margin:0 0 8px!important}
.grid.event-grid .item-title a{font:700 21px/1.3 Arial,Helvetica,sans-serif!important;text-shadow:none!important}
.grid.event-grid .item-event-info li{font-size:15px;line-height:1.45}
@media(max-width:600px){
 .qzar-purchase-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
 .qzar-purchase-nav>a{font-size:13px;padding:10px 7px;min-height:52px}
 body:has(.widget-list) .qzar-purchase-nav{grid-template-columns:1fr}
 body:has(.widget-list) .qzar-purchase-nav>a{justify-content:space-between;text-align:left;font-size:16px}
 body:has(.widget-list) .qzar-purchase-nav>a:after{content:'\2192';margin-left:12px}
}

.qzar-package-inclusions{font:14px/1.5 Arial,Helvetica,sans-serif;color:#e5edf0;margin:14px 0}.qzar-package-inclusions ul{margin:0;padding-left:18px}.qzar-package-inclusions li{margin:5px 0}.qzar-package-inclusions p{font-size:12px;color:#c8d6dc;margin:12px 0 0}

.qzar-purchase-intro{color:#ffffff!important;text-shadow:none!important}

/* September 10 mobile polish. Appended to the inactive Q-ZAR preset only. */
body:has(.qzar-purchase-nav){background:#05080b;color:#eef4f6;font-family:Lato,Arial,sans-serif}
body:has(.qzar-purchase-nav) .dynamic-content{padding-top:0!important}
body:has(.qzar-purchase-nav) .dynamic-content>.container{max-width:1200px}
body:has(.qzar-purchase-nav) .layout-templatearea:has(>.templatearea[data-templatearea="ContentTop"]){margin-bottom:0!important}
body:has(.qzar-purchase-nav) [data-templatearea="ContentTop"]{margin-bottom:0!important}
.qzar-store-welcome{display:none}
body:has(.widget-list) .qzar-store-welcome{display:block;padding:16px 0 6px}
body:has(.widget-list):has(.qzar-purchase-nav) .mobile-nav{display:none!important}
.qzar-store-eyebrow{font:700 11px/1.5 Lato,Arial,sans-serif;letter-spacing:1.6px;color:#72eee9;text-transform:uppercase}
body:has(.widget-list) h1.qzar-purchase-intro{font:400 clamp(34px,5vw,48px)/1.05 Rationale,Arial,sans-serif!important;text-transform:uppercase;margin:8px 0!important;letter-spacing:0}
.qzar-store-welcome>p{color:#c9d4dc!important;font:16px/1.5 Lato,Arial,sans-serif!important;margin:0!important}
.qzar-purchase-nav{gap:8px;margin:12px 0 4px}
.qzar-purchase-nav>a{flex-direction:column;gap:5px;border-radius:14px 0 14px 0;font:400 22px/1.1 Rationale,Arial,sans-serif;text-transform:uppercase;background:#0c1721;border-color:#386273;padding:14px 10px}
.qzar-purchase-nav>a[aria-current=page]{border-color:#00e6df;background:#12313d;box-shadow:inset 0 -3px #00e6df;color:#fff}
.qzar-purchase-nav .qzar-nav-description{display:none;font:14px/1.5 Lato,Arial,sans-serif;text-transform:none;color:#cfdae0}
body:has(.widget-list) .qzar-purchase-nav>a{min-height:110px;align-items:flex-start;padding:20px;font-size:27px;position:relative}
body:has(.widget-list) .qzar-purchase-nav .qzar-nav-description{display:block}
/* Quiet secondary links with compact native expandable menus. */
[data-templatearea="ContentTop"] .data-templatearea-content:has(.qzar-store-utilities){overflow:visible!important}
.qzar-store-utilities{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:26px;margin:4px 0 22px;padding:3px 0 6px;border-bottom:1px solid #253b45;z-index:30}
.qzar-store-utilities>.qzar-utility-menu{margin:0;padding:0;border:0;background:transparent;min-width:0;font:14px/1.5 Lato,Arial,sans-serif;color:#dce6eb}
.qzar-store-utilities>.qzar-utility-menu>summary,.qzar-store-utilities>.qzar-utility-direct{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 2px;gap:7px;border:0;border-radius:0;background:transparent;color:#b9ccd5;font:400 14px/1.3 Lato,Arial,sans-serif;letter-spacing:0;text-transform:none;cursor:pointer;list-style:none;text-decoration:none;white-space:nowrap}
.qzar-store-utilities>.qzar-utility-menu>summary::-webkit-details-marker{display:none}
.qzar-store-utilities>.qzar-utility-menu>summary:after{content:'';width:5px;height:5px;border-right:1px solid #8baab8;border-bottom:1px solid #8baab8;transform:rotate(45deg);margin:0 2px 3px 0;flex:none}
.qzar-store-utilities>.qzar-utility-menu[open]>summary{color:#8df3e9;box-shadow:inset 0 -2px #65dcd6}
.qzar-store-utilities>.qzar-utility-menu[open]>summary:after{transform:rotate(225deg);margin:3px 2px 0 0}
.qzar-store-utilities>.qzar-utility-menu>summary:hover,.qzar-store-utilities>.qzar-utility-direct:hover{color:#fff}
.qzar-store-utilities summary:focus-visible,.qzar-store-utilities a:focus-visible,.qzar-utility-close:focus-visible{outline:2px solid #8bf3e9;outline-offset:3px;border-radius:3px}
.qzar-utility-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:2;padding:6px 16px 12px;background:#0d1b24;border:1px solid #42616d;border-radius:10px;box-shadow:0 20px 45px #000b;color:#dce6eb;text-align:left}
.qzar-utility-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-bottom:4px;color:#b8d5df;font:400 20px/1.2 Rationale,Arial,sans-serif;text-transform:uppercase;letter-spacing:.3px}
.qzar-store-utilities .qzar-utility-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0;margin:0 -6px 0 0;border:0;border-radius:7px;background:transparent;color:#a7cbd5;font:24px/1 Arial,sans-serif;cursor:pointer}
.qzar-store-utilities .qzar-utility-close:hover{background:#1a3341;color:#fff}
.qzar-utility-panel nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin:0;padding:0}
.qzar-utility-panel nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;padding:10px 0;border:0;border-top:1px solid #2a414c;border-radius:0;background:transparent;color:#edf6f8;font:14px/1.4 Lato,Arial,sans-serif;text-decoration:none;min-width:0}
.qzar-utility-panel nav a:after{content:'›';font:20px/1 Arial,sans-serif;color:#8cb9c5;flex:none}
.qzar-utility-panel nav a:hover{color:#8df3e9;text-decoration:underline}
[data-templatearea="ContentTop"] .qzar-purchase-disclosure p{font:14px/1.65 Lato,Arial,sans-serif!important;color:#d6e0e4!important;margin:0!important;padding:0 0 4px!important;max-width:850px}
body:has(.qzar-purchase-nav) header.top-menu .menu-tab{display:none!important}
body:has(.qzar-purchase-nav) #widgets-collapse{border:0!important}
body:has(.qzar-purchase-nav) #main-content-container>.page-header{border:0;margin:12px 0 18px!important}
body:has(.qzar-purchase-nav) #main-content-container>.page-header h1{font:400 38px/1.05 Rationale,Arial,sans-serif!important;text-transform:uppercase;letter-spacing:.3px;text-shadow:0 0 8px #0787ff60!important}
.grid.event-grid{gap:18px}
.grid.event-grid>.item{width:calc(33.333% - 12px)}
.grid.event-grid .col-content{border:1px solid #386777;border-radius:18px 0 18px 0;background:#0b141c;overflow:hidden;height:100%;box-shadow:0 0 14px #00cddd0d!important}
.grid.event-grid .item-image-link{display:block;background:#05080b}
.grid.event-grid .item-image-link>img{height:160px;object-fit:contain;width:100%;border:0!important}
.grid.event-grid .col-content-flex{flex:0 0 auto;margin:12px 16px!important}
.grid.event-grid .item-title a{font:400 29px/1.08 Rationale,Arial,sans-serif!important;text-transform:uppercase;color:#fff;letter-spacing:.2px}
.grid.event-grid .item-title{margin:0!important}
.grid.event-grid .item-description:has(p:empty){display:none}
.grid.event-grid .item-event-info{color:#cfdce4!important;margin:0!important}
.grid.event-grid .item-event-info ul{padding:0;margin:0;list-style:none}
.grid.event-grid .item-event-info li{color:#cfdce4!important;font:14px/1.5 Lato,Arial,sans-serif!important;padding:2px 0!important}
.grid.event-grid .item-event-info li:before{display:none!important}
.grid.event-grid .item-event-info strong{color:#fff!important}
.grid.event-grid .item-event-info-basic>strong:first-child{font:700 23px/1.3 Lato,Arial,sans-serif;color:#fff!important}
.grid.event-grid .item-event-info-basic>strong:first-child{margin-right:4px}
.grid.event-grid .item-event-info li.highlighted{color:#92b7c9!important}
.grid.event-grid .row-mobile-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:auto 0 0!important;padding:14px 16px 16px!important}
.grid.event-grid .row-mobile-controls>div{float:none;padding:0;width:auto!important;min-width:0}
.grid.event-grid .row-mobile-controls>.text-left:not(:has(a)){display:none}
.grid.event-grid .row-mobile-controls>.text-left{flex:0 0 auto}
.grid.event-grid .row-mobile-controls>.text-right{flex:1 1 150px}
.grid.event-grid .row-mobile-controls .btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;background:#ff9c00!important;border:1px solid #ff9c00;color:#071017!important;border-radius:12px 0 12px 0;font:400 23px/1 Rationale,Arial,sans-serif!important;text-transform:uppercase;padding:12px 16px}
.grid.event-grid .row-mobile-controls .btn-primary:hover{background:#ffb84e!important;border-color:#ffb84e}
.grid.event-grid .row-mobile-controls .btn-primary .icon{display:none}
.grid.event-grid .day-pricings{min-height:48px;display:flex;align-items:center;color:#8deae9!important;font:14px/1.3 Lato,Arial,sans-serif;text-decoration:underline;padding:10px 0!important}
.qzar-package-inclusions{margin:10px 0 0;padding-top:10px;border-top:1px solid #28414f;font:14px/1.5 Lato,Arial,sans-serif}
.qzar-package-inclusions>.qzar-package-lead{font:14px/1.5 Lato,Arial,sans-serif;color:#dce7ed;margin:0 0 3px}
.qzar-package-inclusions summary{min-height:44px;display:flex;align-items:center;gap:8px;color:#8deae9;cursor:pointer;font:14px/1.3 Lato,Arial,sans-serif}
.qzar-package-inclusions summary:after{content:'+';margin-left:auto;font-size:22px}
.qzar-package-inclusions details[open]>summary:after{content:'−'}
.qzar-package-inclusions ul{padding:0 0 0 18px;margin:4px 0 10px;color:#dce7ed}
.qzar-package-inclusions details>p{color:#b4c4ce;font-size:12px}
body:has(.qzar-purchase-nav) .datepicker-legend{display:flex;flex-wrap:wrap;gap:6px 12px;padding:12px 0;margin:0;font:12px/1.4 Lato,Arial,sans-serif}
body:has(.qzar-purchase-nav) .datepicker-legend>div{display:flex;align-items:center;gap:5px;margin:0}
body:has(.qzar-purchase-nav) .datepicker-legend .label{width:14px;height:14px;display:inline-block;padding:0;border-radius:3px}
body:has(.qzar-purchase-nav) [data-templatearea="CartTop"] .data-templatearea-content{padding:14px 16px;background:#20170d;border-left:3px solid #ff9c00;border-radius:10px 0 10px 0;color:#f4e7d2}
body:has(.qzar-purchase-nav) [data-templatearea="CartTop"] p{color:#f4e7d2;font:15px/1.5 Lato,Arial,sans-serif;margin:0 0 6px}
body:has(.qzar-purchase-nav) [data-templatearea="CartTop"] p:last-child{margin-bottom:0}
body:has(.qzar-purchase-nav) [data-templatearea="CartTop"] a{display:inline-flex;align-items:center;min-height:44px;color:#8deae9;text-decoration:underline}
@media(max-width:991px){
 .grid.event-grid>.item{width:calc(50% - 9px)}
 body:has(.qzar-purchase-nav) .dynamic-content>.container{padding-left:16px;padding-right:16px}
 body:has(.qzar-purchase-nav) .left-column-origin{margin:0!important;min-height:0!important}
 body:has(.qzar-purchase-nav) .left-column-origin:not(:has(.summary:not(.hidden)))>.left-column-wrap>.mobile-nav{display:none!important}
 body:has(.qzar-purchase-nav) .left-column-origin>.left-column-wrap>.visible-xs-block{display:none!important}
 body:has(.qzar-purchase-nav) .item-event-content{padding:8px!important;height:auto!important;min-height:0!important}
 body:has(.qzar-purchase-nav) .event-date-picker .datepicker-inline{width:100%!important;max-width:100%!important;padding:0!important}
 body:has(.qzar-purchase-nav) .datepicker table{width:100%!important;table-layout:fixed}
 body:has(.qzar-purchase-nav) .datepicker table td.day{height:44px!important;width:auto!important;padding:0!important}
 body:has(.qzar-purchase-nav) .datepicker table th.prev,body:has(.qzar-purchase-nav) .datepicker table th.next{height:44px!important}
 body:has(.qzar-purchase-nav) .wizard-top-header{display:none!important}
 body:has(.qzar-purchase-nav) .wizard-wrap{margin-bottom:12px}
 body:has(.qzar-purchase-nav) .mobile-nav:has(.page-header-mobile):not(:has(.mobile-nav-item)){display:none!important}
}
@media(max-width:767px){
 body:has(.qzar-purchase-nav) header.top-menu .navbar-header{height:70px!important;min-height:70px;flex-direction:row;align-items:center;justify-content:space-between}
 body:has(.qzar-purchase-nav) header.top-menu .navbar-brand{height:46px;width:170px;max-width:60%;margin:0!important}
 body:has(.qzar-purchase-nav) header.top-menu .navbar-custom-wrap{margin-left:auto}
 body:has(.qzar-purchase-nav) header.top-menu .navbar-custom-actions>li>a{min-height:44px;min-width:44px}
 body:has(.qzar-purchase-nav) header.top-menu .navbar>.container{padding:0 16px}
 .qzar-purchase-nav>a{font-size:21px;min-height:52px;padding:10px 7px}
 .qzar-purchase-nav>a:after{display:none!important}
 body:has(.widget-list) .qzar-purchase-nav{grid-template-columns:1fr}
 body:has(.widget-list) .qzar-purchase-nav>a{min-height:80px;padding:15px 18px}
 body:has(.widget-list) .qzar-purchase-nav>a{padding-right:44px;font-size:26px!important}
 body:has(.widget-list) .qzar-purchase-nav>a:after{display:block!important;position:absolute;right:18px;top:calc(50% - 14px);margin:0;color:#78efef;font:28px/1 Arial,sans-serif}
 .qzar-store-utilities{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));justify-content:normal;column-gap:8px;row-gap:0;margin:3px 0 16px;padding:0 0 4px}
 .qzar-store-utilities>.qzar-utility-direct{grid-column:span 2}
 .qzar-store-utilities>.qzar-utility-menu{grid-column:span 3}
 .qzar-store-utilities>.qzar-utility-menu>summary{color:#94aeba}
 .qzar-store-utilities>.qzar-utility-menu>summary,.qzar-store-utilities>.qzar-utility-direct{font-size:13px;gap:6px;padding:10px 2px}
 .qzar-utility-panel{padding:6px 14px 12px}
 .qzar-utility-panel nav{column-gap:16px}
 body:has(.qzar-purchase-nav) #main-content-container>.page-header h1{font-size:34px!important}
 .grid.event-grid>.item{width:100%!important}
 .grid.event-grid .col-content{display:grid;grid-template-columns:96px minmax(0,1fr);align-content:start;height:auto!important}
 .grid.event-grid .item-image-link{grid-column:1;grid-row:1;padding:12px 0 0 12px;background:transparent}
 .grid.event-grid .item-image-link>img{height:84px!important;width:84px!important;object-fit:contain!important;border-radius:8px;background:#05080b}
 .grid.event-grid .col-content-flex:first-of-type{grid-column:2;grid-row:1;align-self:center;margin:14px 16px 10px!important}
 .grid.event-grid .col-content-flex:not(:first-of-type){grid-column:1/-1;margin:12px 16px 0!important}
 .grid.event-grid .item-title a{font-size:27px!important}
 .grid.event-grid .row-mobile-controls{grid-column:1/-1;margin:0!important;width:auto!important;padding-top:12px!important}
 body:has(.qzar-purchase-nav) footer .footer-links a{min-height:44px;display:inline-flex;align-items:center}
 body:has(.qzar-purchase-nav) .item-event>.date-select,body:has(.qzar-purchase-nav) .item-event>.time-select,body:has(.qzar-purchase-nav) .item-event>.item-select{max-width:100%!important;width:100%!important;margin:16px 0!important;padding-left:15px!important;padding-right:15px!important}
 body:has(.qzar-purchase-nav) .item-event-wrap .item-image-link>img.centered-image{width:100%;height:140px;object-fit:contain}
 body:has(.qzar-purchase-nav) .item-event-wrap .btn-primary{width:100%;min-height:48px;background:#ff9c00!important;border-color:#ff9c00;color:#071017!important;border-radius:12px 0 12px 0;font:400 23px/1.1 Rationale,Arial,sans-serif!important;text-transform:uppercase}
}

/* Image-only birthday coupon, per the approved visual direction. Offer text is in alt text. */
.qzar-party-offer{margin:0 auto 26px;padding:0;max-width:820px;border:1px solid #2f5664;border-radius:16px;background:#09121b;overflow:hidden}
.qzar-party-offer img{display:block;width:100%;height:auto;margin:0;border:0}
@media(max-width:767px){
 .qzar-party-offer{margin:0 0 20px;border-radius:12px}
}

/* Final approved typography: uppercase secondary controls and menu links. */
.qzar-store-utilities>.qzar-utility-direct,.qzar-store-utilities>.qzar-utility-menu>summary,.qzar-utility-panel nav a{text-transform:uppercase}

/* Native mobile category navigation is generated after page load. Its sole current-page link duplicates the new navigation and H1. */
@media(max-width:991px){body:has(.qzar-purchase-nav) .dynamic-content>.mobile-nav:has(.mobile-nav-item.no-sub-menu){display:none!important}}
