/*!
Theme Name: welly-winter
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: welly-winter
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

welly-winter is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Forms
--------------------------------------------- */

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.updated:not(.published) {
	display: none;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Root */
:root {
	--wellington-green: #004A33;
	--dark-green: #033626;
	--wellington-gold: #C49A6C;
	--turquoise: #19a695;
	--purple: #874a9c;
	--blue: #076f8c;
	--yellow: #c4c542;
	--vivid-blue: #0fa8e4;
	--vivid-pink: #ff5b9b;
	--neon-pink: #ff2df7;
	--light-gold: #f6f2eb;
	--white: #fff;
	--font-base: "Montserrat", sans-serif;
	--font-display: "luna", Sans-serif;
	--smooth: all ease-in-out .3s;
  	--s-base: clamp(80px, 5vw + 40px, 160px);
  	--s-1: var(--s-base);
  	--s-2: calc(var(--s-base) * 0.75);
  	--s-3: calc(var(--s-base) * 0.5);
  	--s-4: calc(var(--s-base) * 0.33);
  	--s-5: calc(var(--s-base) * 0.25);
  	--s-6: calc(var(--s-base) * 0.125);
	--accent-xs: clamp(40px, 6vw, 90px);
  	--accent-sm: clamp(60px, 5vw, 120px);
  	--accent-md: clamp(80px, 10vw, 160px);
  	--accent-lg: clamp(100px, 12vw, 200px);
}

/* General */
html {font-size: 62.5%; overflow: auto; scroll-behavior: auto!important;}
body {overflow-x: auto; text-rendering: optimizeLegibility; margin: 0; background-color: var(--light-gold);}
main {overflow-x: hidden;}
::selection {background-color: var(--neon-pink); color: var(--white);}
h1 {color: var(--white); font-weight: 500; font-family: var(--font-base); margin: 0;}
p, a {font-family: var(--font-base);}
p {margin: 0 0 20px; font-weight: 300; line-height: 1.6;}
h3 {font-size: 2.3rem;}
h4, .accordion-question, h4.wp-block-heading {font-family: var(--font-base); font-weight: 400;}
h4:not(.ticket-prices__item h4):not(.eyebrow) {margin: 0 0 20px;}
.eyebrow {font-family: var(--font-display); color: var(--wellington-gold); letter-spacing: 1px; font-weight: 400; font-size: 1.8rem; margin: 0;}
.section-title {font-family: var(--font-base); color: var(--wellington-green); font-weight: 500; font-size: 4.91rem; line-height: 1.4; margin: 0 0 20px;}
.tile-title {font-family: var(--font-display); color: var(--white); font-weight: 400;}

/* Containers */
.container {max-width: 1600px; margin: 0 auto; padding-left: clamp(20px, 3vw, 50px); padding-right: clamp(20px, 3vw, 50px); width: 100%;}
.small-container, #post-259 .entry-content {max-width: 1050px; margin: 0 auto; padding-left: clamp(20px, 3vw, 50px); padding-right: clamp(20px, 3vw, 50px); width: 100%;}
#post-259 .entry-content {padding-top: clamp(50px, 5vw, 150px); padding-bottom: clamp(50px, 5vw, 150px);}

/* Font Sizes */
h1, .splooge-text {font-size: clamp(3.2rem, 1.8vw + 2.4rem, 6.4rem);}
h2, .section-title, .page-404 .oops-title {font-size: clamp(2.8rem, 1.3vw + 2.2rem, 4.91rem);}
h3 {font-size: clamp(2rem, 0.9vw + 1.7rem, 3rem);}
h4, .accordion-question, h4.wp-block-heading {font-size: clamp(1.6rem, 0.5vw + 1.4rem, 2.1rem);}
h5 {font-size: clamp(1.6rem, 0.4vw + 1.3rem, 2.2rem);}
h6 {font-size: clamp(1.4rem, 0.3vw + 1.1rem, 1.8rem);}
.eyebrow {font-size: clamp(1.4rem, 0.3vw + 1.2rem, 1.8rem);}
p, li {font-size: clamp(1.5rem, 0.3vw + 1.3rem, 1.62rem);}
.global-btn, .menu-cta-btn a {font-size: clamp(1.2rem, 0.2vw + 1.1rem, 1.4rem);}
.main-nav a:not(.menu-cta-btn a), .address-content p, .contact-list li a, .footer-menu-list ul li , #menu-footer-menu li a {font-size: clamp(1.5rem, 0.3vw + 1.1rem, 1.6rem);}

/* Eyebrow Colours */
.eyebrow.turquoise {color: var(--turquoise);}
.eyebrow.purple {color: var(--purple);}
.eyebrow.blue {color: var(--blue);}
.eyebrow.vivid-pink {color: var(--vivid-pink);}
.eyebrow.yellow {color: var(--yellow);}
.eyebrow.vivd-blue {color: var(--vivid-blue);}
.eyebrow.wellington-green {color: var(--wellington-green);}

/* Links */
a {color: var(--vivid-pink); transition: var(--smooth); text-decoration: none;}
a:hover {transition: var(--smooth); color: var(--purple);}
a:focus {outline: thin dotted;}
a:hover, a:active {outline: 0;}

/* Paddings */
.pt-1 {padding-top: var(--s-1);}
.pt-2 {padding-top: var(--s-2);}
.pt-3 {padding-top: var(--s-3);}
.pt-4 {padding-top: var(--s-4);}
.pt-5 {padding-top: var(--s-5);}
.pt-6 {padding-top: var(--s-6);}

.pb-1 {padding-bottom: var(--s-1);}
.pb-2 {padding-bottom: var(--s-2);}
.pb-3 {padding-bottom: var(--s-3);}
.pb-4 {padding-bottom: var(--s-4);}
.pb-5 {padding-bottom: var(--s-5);}
.pb-6 {padding-bottom: var(--s-6);}

/* Margins */
.mt-1 {margin-top: var(--s-1);}
.mt-2 {margin-top: var(--s-2);}
.mt-3 {margin-top: var(--s-3);}
.mt-4 {margin-top: var(--s-4);}
.mt-5 {margin-top: var(--s-5);}
.mt-6 {margin-top: var(--s-6);}

.mb-1 {margin-bottom: var(--s-1);}
.mb-2 {margin-bottom: var(--s-2);}
.mb-3 {margin-bottom: var(--s-3);}
.mb-4 {margin-bottom: var(--s-4);}
.mb-5 {margin-bottom: var(--s-5);}
.mb-6 {margin-bottom: var(--s-6);}

/* Accents */
.accent-xs {max-width: var(--accent-xs);}
.accent-sm {max-width: var(--accent-sm);}
.accent-md {max-width: var(--accent-md);}
.accent-lg {max-width: var(--accent-lg);}

/* Universal Flex */
.u-flex {display: flex;}
.u-items-center {align-items: center;}
.u-justify-center {justify-content: center;}
.u-text-center {text-align: center;}	
.u-flex-wrap {flex-wrap: wrap;}
.u-flex-row-reverse {flex-direction: row-reverse;}
.u-flex-row {flex-direction: row;}
.u-flex-column {flex-direction: column;}
.u-flex-column-reverse {flex-direction: column-reverse;}

/* Buttons */
.button-row {margin-top: clamp(10px, 2vw, 25px);}
.menu-cta-btn a, .global-btn {box-sizing: border-box; padding: 20px 25px; background: var(--vivid-pink); display: inline-block; font-family: var(--font-base); letter-spacing: 2px; border-radius: 10px; transition: var(--smooth); font-weight: 400; text-decoration: none; color: var(--white); text-align: center;}
.global-btn:hover, .menu-cta-btn a:hover {animation: jelly 0.5s ease; background-color: var(--vivid-blue); color: var(--white);}

@keyframes jelly {
  0%, 100% { transform: scale(1, 1); }
  25% { transform: scale(1.03, 0.97); }
  50% { transform: scale(0.97, 1.03); }
  75% { transform: scale(1.02, 0.98); }
}

/* Header Nav */
.site-header {height: 100px; width: 100%; background-color: var(--wellington-green); display: flex; align-items: center; box-shadow: 0 1px 5px rgba(0,0,0,0.06); position: sticky; top: 0; z-index: 1000;}
.nav-wrapper {display: flex; justify-content: space-between; align-items: center; height: 80px;}
.site-logo img {height: auto; width: clamp(175px, 30vw, 250px); object-fit: contain;}
.main-nav ul {list-style: none; display: flex; gap: clamp(15px, 2vw, 30px); margin: 0; padding: 0; align-items: center;}
.main-nav a {text-decoration: none; color: var(--white); font-weight: 400; transition: var(--smooth); letter-spacing: 2px; border-radius: 10px;}
.main-nav a:not(.menu-cta-btn a):hover {color: var(--vivid-blue); transition: var(--smooth);}

/* Home Header */
.home-header {height: calc(100vh - 200px); width: 100%; position: relative; display: flex; justify-content: center; align-items: center;}
.home-header video {position: absolute; height: 100%; width: 100%; object-fit: cover;}
.home-header::after {content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: var(--wellington-green); opacity: 0.75;}
.home-header-title {position: relative; z-index: 1; padding: 200px 0;}
.home-header-title h1 {color: var(--white);}
.home-header__title-image img {max-width: clamp(270px, 50vw, 550px); margin-top: -80px;}
.header-wave {position: absolute; bottom: -5%; width: calc(100% + 100px); z-index: 1;}
.header-wave img {object-fit: cover; width: 100%;}
.scroll-hint::after {content: ""; background-image: url('/wp-content/themes/welly-winter/graphics/scroll-hint.svg'); position: absolute; bottom: -40px; left: 50%; display: inline-block; height: 100px; width: 100px; transform: translate(-50%, -50%); background-repeat: no-repeat; background-size: contain; animation: splodgeWriggle 2.5s ease-in-out infinite;}
.scroll-hint::before {content: '\f063'; font-family: "Font Awesome 6 Free"; position: absolute; height: 50px; font-size: 23px; line-height: 50px; color: var(--white); display: block; bottom: 14px; left: 50%; z-index: 99999; font-weight: 600; transform: translate(-50%, -50%); text-align: center;}

@keyframes splodgeWriggle {
  0%, 100% { transform: translate(-50%, -50%) scale(1, 1) rotate(0deg); }
  10% { transform: translate(-50%, -50%) scale(1.05, 0.95) rotate(1deg); }
  20% { transform: translate(-50%, -50%) scale(0.97, 1.03) rotate(-1deg); }
  35% { transform: translate(-50%, -50%) scale(1.04, 0.96) rotate(0.8deg); }
  50% { transform: translate(-50%, -50%) scale(0.96, 1.04) rotate(-0.8deg); }
  65% { transform: translate(-50%, -50%) scale(1.03, 0.97) rotate(1deg); }
  80% { transform: translate(-50%, -50%) scale(0.98, 1.02) rotate(-1deg); }
}

/* Inner Header */
.inner-header {position: relative;}
.inner-header::after {content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: var(--wellington-green); opacity: 0.8;}
.inner-header__content {position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; box-sizing: border-box; padding: clamp(50px, 25vw, 150px) clamp(20px, 1vw, 50px); max-width: clamp(300px, 100vw, 925px);}

/* Text Split */
.text-split {position: relative;}
.text-split__inner {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-items: center;}
.text-split__left {width: calc(45% - 100px);}
.text-split__left p {color: var(--wellington-green);}
.text-split__subtitle {font-size: 1rem; text-transform: uppercase;}
.text-split__title {font-size: clamp(1.8rem, 2.5vw, 2.5rem); line-height: 1.2;}
.text-split__right {width: calc(55% - 80px); display: flex; flex-wrap: wrap; gap: clamp(10px, 2vw, 35px); align-content: flex-start;}
.text-split__item {flex: 1 1 calc(50% - 2rem);  display: flex; align-items: flex-start; gap: 1rem;}
.text-split__item-subtitle {font-weight: 500; color: var(--wellington-green); margin: 0; font-family: var(--font-display);}
.text-split__item p {margin: 8px 0 0;}
.text-split__item:nth-child(1) .text-split__icon-circle {background: var(--turquoise);}
.text-split__item:nth-child(2) .text-split__icon-circle {background: var(--blue);}
.text-split__item:nth-child(3) .text-split__icon-circle {background: var(--purple);}
.text-split__item:nth-child(4) .text-split__icon-circle {background: var(--vivid-pink);}
.text-split__icon-circle {width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.text-split__icon-circle i {color: var(--white); font-size: 1.6rem;}
.accent-blue-squiggle {position: absolute; bottom: 2%; left: -1%; object-fit: contain; z-index: 2; max-width: var(--accent-sm); transform: rotate(180deg);}

/* Image Split */
.image-split {position: relative;}
.image-split__inner {display: flex; gap: 100px; box-sizing: border-box; align-items: center; position: relative;}
.image-split__image {flex: 1 1 50%; display: flex; align-items: center; justify-content: center; position: relative;}
.image-split__image img {width: 100%; height: 100%; object-fit: contain;}
.image-split__content {flex: 1 1 50%; box-sizing: border-box; padding: 50px 0;}
.accent-purple-sqiggle {position: absolute; top: 0; left: 0; max-width: 170px;}
.accent-footsteps {position: absolute; top: -15%; max-width: var(--accent-sm); right: 0;}

/* Feature Tiles */
.feature-tiles__grid {display: flex; position: relative;}
.feature-tiles__card {border-radius: 20px; box-sizing: border-box; padding: clamp(25px, 3vw, 50px); display: flex; flex-direction: column; gap: 30px; position: relative;}
.feature-tiles__grid.feature-tiles__grid--3 .feature-tiles__card {flex: 1;}
.feature-tiles__icon img {max-width: clamp(80px, 5vw, 120px); max-height: clamp(50px, 5vw, 70px); object-fit: contain;}
.feature-tiles__card-text {color: var(--white); opacity: 0.85;}
.featured-tiles-title {max-width: clamp(300px, 55vw, 700px); margin: 0 auto; width: 100%; text-align: center;}
.puzzle::after {content: ""; position: absolute; top: 50%; height: 70px; width: 70px; border-radius: 50px;}
.puzzle-left::after {transform: translate(-50%, -50%); left: 0;}
.puzzle.purple::after {background-color: var(--purple);}
.puzzle.blue::after {background-color: var(--blue);}
.puzzle.turquoise::after {background-color: var(--turquoise); display: none;}
.feature-tiles {position: relative;}
.accent-squiggle {position: absolute; max-width: 100px; object-fit: contain; bottom: -19%; right: 12%; height: 400px;}
.accent-squiggle path {fill: var(--neon-pink);}
.accent-squiggle-ring {position: absolute; top: -18%; right: -4%; max-width: 170px;}
.accent-new-notice {position: absolute; top: 0; max-width: 250px; object-fit: contain; left: 3%;}
.accent-age-notice {position: absolute; right: 13%; top: -19%; object-fit: contain; max-width: 300px;}

/* Price Listing Section */
.ticket-prices.container {height: 100%; position: relative;}
.price-listing-container {background: var(--wellington-green); box-sizing: border-box; padding: 125px; border-radius: 20px; display: flex; flex-direction: column; position: relative;}
.price-listing-container .section-title {color: var(--white);}
.ticket-prices__item {background: var(--dark-green); padding: 35px; border-radius: 20px; width: 100%; display: flex; z-index: 4; justify-content: space-between; align-items: center;}
.ticket-prices__item p:last-child {margin-bottom: 0;}
.ticket-prices__list {gap: 20px; max-width: 900px; margin: 0 auto;}
.price-listing-title {display: inline-block; max-width: clamp(300px, 50vw, 650px); margin: 35px auto 0;}
.ticket-prices__item h4 {color: var(--white); margin: 0 0 5px; font-weight: 400;}
.ticket-prices__item p {color: rgb(from var(--light-gold) r g b / 0.65);}
.ticket-prices__item p strong {color: var(--light-gold); opacity: 0.92;}
.footnote {gap: 25px; position: relative; z-index: 4;}
.footnote p {color: var(--white); text-align: center; opacity: .8; font-weight: 400; max-width: clamp(300px, 80vw, 750px);}
.cloud-accent {position: absolute; top: -2%; left: 50%; max-width: 650px; transform: translate(-50%, 0%) rotate(20deg);z-index: 1;}
.snowfall-container {pointer-events: none; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.snowflake {position: absolute; width: 10px; height: 10px; background: radial-gradient(circle, rgba(255,255,255,0.95) 40%, rgba(255,255,255,0) 80%); border-radius: 50%; filter: blur(1px); opacity: 0; mix-blend-mode: screen; will-change: transform, opacity;}
.cloud-container {position: absolute; left: 50%; top: -2%; z-index: 1;}
.price-listing-title .section-title {margin-bottom: 0;}
.ticket_price_text_container {width: 70%;}
.ticket_price_peak_container {width: 30%; display: flex; padding-left: 35px; box-sizing: border-box; gap: 25px;}
.ticket_price_peak_container p {margin: 0; text-align: center;}
.ticket_price_peak_container > div {display: flex; flex-direction: column; justify-content: center; align-items: center;}

/* General Accordion */
.accordion-item:nth-child(4n + 1) .accordion-question::after { background-color: var(--vivid-pink); }
.accordion-item:nth-child(4n + 2) .accordion-question::after { background-color: var(--purple); }
.accordion-item:nth-child(4n + 3) .accordion-question::after { background-color: var(--yellow); }
.accordion-item:nth-child(4n + 4) .accordion-question::after { background-color: var(--turquoise); }
.accordion-question::after {content: "+"; position: absolute; right: 0; top: 50%; transform: translate(-50%, -50%); height: 38px; width: 38px; border-radius: 50px; color: var(--white); display: flex; justify-content: center; align-items: center; font-size: 2.6rem; font-weight: 300;}
.accordion-item.active .accordion-question::after {content: "-";}

/* Accordion Split */
.accordion-split-wrapper {position: relative;}
.split-section {display: flex; gap: 80px; box-sizing: border-box;}
.split-image {flex: 1 1 50%; display: flex; align-items: center; justify-content: center; position: relative;}
.split-image img:not(.imageTile img):not(.accent) {max-width: 100%; width: 100%; height: 100%; border-radius: var(--radius); opacity: 1; transition: opacity 0.4s ease-in-out; object-fit: cover;}
.split-text {flex: 1 1 50%; box-sizing: border-box; padding: 50px 0;}
.accordion-item {background-color: var(--white); border-radius: 10px; margin: 0 0 10px;}
.accordion-question {width: 100%; text-align: left; background: none; border: none; padding: clamp(25px, 1vw, 40px) clamp(25px, 7vw, 70px) clamp(25px, 1vw, 40px) clamp(25px, 1vw, 40px); cursor: pointer; font-family: var(--font-base); font-weight: 500; position: relative; color: var(--wellington-green);}
.accordion-answer {max-height: 0; overflow: hidden; opacity: 0; transition: var(--smooth);}
.accordion-answer p {width: calc(100% - 30px);}
.accordion-answer .accordion-content {padding: 0 25px 25px;}
.accordion-item.active .accordion-answer {opacity: 1;}
.accordion-answer .accordion-content {padding: 0 25px 25px;}
.accent-squiggle-loop {position: absolute; top: 6%; left: 7%; object-fit: contain; max-width: 100px;}
.accent-ring {object-fit: contain; position: absolute; bottom: 7%; max-width: 150px; left: -2%;}

/* User Journey CTA */
.user-journey-container {position: relative;}
.user-journey-cta-inner {box-sizing: border-box; border-radius: 20px; gap: 100px; overflow: hidden; position: relative;}
.user-journey-image {width: 50%; display: flex; justify-content: center; position: relative; padding-left: clamp(25px, 5vw, 50px);}
.user-journey-image::after {content: ""; background-image: url('/wp-content/themes/welly-winter/graphics/cta_image_background.png'); height: 100%; width: 100%; position: absolute; bottom: 0; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: bottom; max-height: 90%;}
.user-journey-text {width: 50%; box-sizing: border-box; padding: clamp(25px, 5vw, 50px) clamp(25px, 5vw, 50px) clamp(25px, 5vw, 50px) 0;}
.user-journey-text .section-title {color: var(--white);}
.user-journey-image img {width: 100%; height: 100%; object-fit: contain; object-position: bottom; position: relative; max-height: 500px; bottom: -60px; z-index: 1;}
.accent-arrow {position: absolute; bottom: 3%; max-width: 115px; right: 22%;}
.accent-arrow path {fill: var(--neon-pink);}
.accent-splat {position: absolute; top: -13%; max-width: 350px; right: -7%;}

/* Footer */
.site-footer {background: var(--wellington-green);}
.footer-top {display: flex; justify-content: space-between;}
.social-icons {margin: 0; padding: 0; display: flex; gap: 10px;}
.find-us {flex: 1; display: flex; flex-direction: column-reverse;}
.social-icons li a i {color: var(--white); font-size: 20px;}
.social-icons li {list-style: none;}
.address-content p, .contact-list li a, .footer-menu-list ul li , #menu-footer-menu li a {color: var(--white); font-weight: 300;}
.footer-logo {width: calc(10% + 300px);}
.contact-list {padding: 0; margin: 0; display: flex; flex-direction: column; gap: 15px; list-style: none;}
.contact-email {list-style: none;}
.footer-contact {flex: 1; padding-right: 90px;}
.footer-menu-list ul {margin: 0; padding: 0;}
.eyebrow.footer-heading {margin-bottom: 15px; color: var(--white);}
.contact-list li a i::before {background: var(--dark-green); display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding: 10px; border-radius: 100%; font-size: 12px; margin-right: 8px; font-weight: 900;}
.social-icons li a i::before {background: var(--dark-green); display: flex; justify-content: center; align-items: center; box-sizing: border-box; width: 40px; height: 40px; border-radius: 100%; font-size: 16px;}
.footer-logo img {height: 100%; width: 100%; object-fit: contain; max-width: 100px; max-height: 100px;}
#menu-footer-menu {padding: 0; margin: 0; display: flex; flex-direction: column; gap: 5px;}
#menu-footer-menu li {list-style: none;}
.site-info {background: var(--dark-green); color: var(--light-gold); box-sizing: border-box; padding: 20px; text-align: center; font-size: 1.6rem; font-weight: 500; display: flex; justify-content: center; align-items: center;}
.footer-wave {position: absolute; top: -25%; width: calc(100% + 100px); height: 100%; z-index: 999999; object-fit: cover;}
.footer-menu {flex: 1;}
.footer-contact {padding-right: 100px;}
.footer-mobile-container {display: flex; justify-content: space-between; width: 90%;}
.contact-list li a:hover, .footer-menu-list ul li:hover, #menu-footer-menu li a:hover {color: var(--vivid-blue); transition: var(--smooth);}

/* Mobile menu */
.menu-toggle {display: none; background: none; border: none; font-size: 1.5rem;}

/* Default (mobile) */
.main-nav ul { display: none; flex-direction: column; background: var(--white); position: absolute; top: 80px; right: 0; width: 200px; border: 1px solid #eee; }
.main-nav.active ul { display: flex; }
.menu-toggle { display: block; }
.mobile-nav-cta { display: block; }

/* 404 Page */
.page-404 {position: relative; width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; text-align: center; background: url('/wp-content/uploads/2025/10/404_background.jpg') no-repeat center center/cover; overflow: hidden; font-family: var(--base-font); color: var(--white);}
.inner-404 {position: relative; z-index: 2;}
.page-404 .overlay {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--wellington-green); opacity: 0.91; z-index: 1;}
.page-404 .splooge-404 {max-width: clamp(200px, 16vw, 300px); height: auto; margin: 0 auto 2rem auto; display: block;}
.page-404 .oops-title {font-family: var(--font-display); color: var(--white);}
.page-404 p {max-width: clamp(300px, 25vw, 400px); margin: 0 auto 35px;}
.splooge-wrapper {position: relative; display: inline-block; margin: 0 auto 2rem auto;}
.splooge-text {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: var(--font-base); color: var(--white); pointer-events: none; text-align: center;}

#cookie-law-info-bar .cli-powered-by {display: none !important;}

/* Mobile Optimisation */

@media (max-width: 1800px) {
	.accent-squiggle {height: 340px; right: 9%; max-width: 100px;}
}

@media (max-width: 1700px) {
	.accent-blue-squiggle {bottom: -6%; max-width: 50px;}
	.accent-age-notice {right: 5%; top: -19%; max-width: 240px;}
}

@media (max-width: 1600px) {
	.accent-squiggle {right: 3%; height: 315px;}
}

@media (max-width: 1500px) {
	.accent-age-notice {right: 4%; top: -10%; max-width: 225px;}
	.accent-splat {top: -20%; max-width: 300px; right: 1%;}
	.accent-arrow {bottom: 8%; max-width: 100px; right: 18%;}
}

@media (max-width: 1450px) {
	.footer-contact {padding-right: 110px;}
	.footer-logo {width: calc(10% + 230px);}
}

@media (max-width: 1400px) {
	.accent-new-notice {max-width: 215px; left: -12px;}
	.price-listing-title {max-width: clamp(300px, 50vw, 600px);}
	 .footer-logo {width: calc(10% + 140px);}
	 .footer-menu {max-width: 200px;}
	 .text-split__right {width: calc(55% - 0px);}
}

@media (max-width: 1300px) {
	.cloud-accent {top: -4%;}
	 .footer-contact {padding-right: 30px; margin-left: -90px;}
}

@media (max-width: 1250px) {

}

@media (max-width: 1200px) {
	.text-split__right {width: calc(50% - 15px);}
	.text-split__left {width: calc(50% - 50px);}
	 .accent-age-notice {right: 3%; top: -14%; max-width: 200px;}
	 .accent-arrow {bottom: 5%; max-width: 85px; right: 13%;}
	 .user-journey-image {padding-left: clamp(25px, 1vw, 50px);}
	 .user-journey-image img {max-height: 400px;}
	 .user-journey-cta-inner {gap: 40px;}
	 .accent-splat {max-width: 275px;}
	 .user-journey-text {padding: clamp(25px, 5vw, 50px) clamp(25px, 1vw, 50px) clamp(25px, 5vw, 50px) 0;}
	 .text-split__item {flex-direction: column;}
	 .text-split__icon-circle {width: 40px; height: 40px; margin-bottom: 10px;}
}

@media (max-width: 1100px) {
	.accent-squiggle {right: 4%; max-width: 65px;}
	.footer-contact {padding-right: 25px; margin-left: -85px;}
	.accordion-answer p {width: 100%;}
}

@media (max-width: 1000px) {
	.image-split__inner, .text-split__inner, .split-section {flex-direction: column;}
	.text-split__left, .text-split__right {width: 100%;}
	.header-wave {bottom: -1%; width: calc(100% + 250px);}
	.header-wave img {width: calc(100% + 200px);}
	.scroll-hint::after {height: 85px; width: 85px;}
	.scroll-hint::before {height: 40px; font-size: 20px;}
	.home-header {height: unset;}
	.text-split__item {gap: 2rem;}
	.text-split__right {gap: clamp(10px, 4vw, 100px);}
	.text-split__inner {gap: clamp(15px, 2vw, 25px);}
	.accent-blue-squiggle {bottom: -135%; left: unset; right: -2%; transform: unset !important; max-width: 80px;}
	.image-split__inner {gap: 0;}
	.image-split__image img, .split-image img:not(.imageTile img):not(.accent) {max-height: 600px;}
	.image-split__content {padding: 35px 0;}
	.accent-purple-sqiggle {left: 3%; max-width: 200px; top: -2%;}
	.feature-tiles__grid {flex-direction: column; max-width: 750px; margin: 0 auto;}
	.featured-tiles-title .section-title {margin-bottom: 0;}
	.puzzle-left::after {left: 50%; transform: translate(-50%, 50%); bottom: 0; top: unset; z-index: 1;}
	.feature-tiles__card:nth-child(4) {z-index: -1;}
	.feature-tiles__card:nth-child(2) {z-index: 2;}
	.puzzle.turquoise::after {display: block;}
	.feature-tiles__card:nth-child(4)::after {display: none;}
	.accent-squiggle-ring {position: absolute; top: -7%; right: -9%; max-width: 150px;}
	.accent-age-notice {position: absolute; right: 3%; top: -9%; object-fit: contain; max-width: 150px;}
	.accent-new-notice {top: 6%; max-width: 220px;}
	.feature-tiles__card {gap: 15px; padding: clamp(25px, 6vw, 50px);}
	.price-listing-container {padding: 110px 80px 80px;}
	.accent-squiggle {transform: rotate(-15deg) !important; right: 8%; bottom: -10%;}
	.split-section {gap: 0;}
	.accent-squiggle-loop {top: -2%; max-width: 80px;}
	.accent-ring {max-width: 120px; left: unset; top: 43%; right: -2%; transform: rotate(180deg) !important;}
	.user-journey-cta-inner {flex-direction: column-reverse; padding: clamp(20px, 10vw, 75px) clamp(20px, 10vw, 75px) 0; gap: 0;}
	.user-journey-text {padding: 0; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
	.accent-splat {top: -15%; right: 2%; max-width: 250px;}
	.user-journey-image {padding: 0; width: 100%;}
	.user-journey-image img {max-height: 550px;}
	.accent-arrow {bottom: 55%; max-width: 100px; right: 12%;}
	.accent-splat {top: -12%; right: 10%; max-width: 200px; transform: rotate(38deg) !important;}
	.footer-top {flex-direction: column; justify-content: center; align-items: center;}
	.footer-mobile-container {width: 100%; gap: 20px;}
	 .footer-logo {width: 100%; display: flex; justify-content: center; margin-bottom: clamp(20px, 10vw, 60px);}
	 .footer-contact {padding-right: unset; margin-left: unset;}
	 .find-us, .footer-contact, .footer-menu {box-sizing: border-box; padding: clamp(35px, 4vw, 50px); background: var(--dark-green); border-radius: 20px; display: flex; justify-content: center; align-items: center; text-align: center; width: calc(33.333% - 20px);}
	 .footer-contact, .footer-menu {flex-direction: column;}
	 .footer-menu {max-width: unset;}
	 .social-icons {justify-content: center;}
	  .contact-email a, .contact-phone a {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}
	 .social-icons li a i::before {background-color: var(--wellington-green);}
	 .contact-list li a i::before {margin-right: 0; background-color: var(--wellington-green);}
	 .eyebrow.footer-heading {margin-bottom: 25px;}
	 .contact-list {gap: 20px;}
	 .accent-ring {display: none;}
	 .text-split__item {flex-direction: row;}
}

@media (max-width: 900px) {
  .footer-mobile-container {flex-direction: column; max-width: clamp(350px, 60vw, 800px);}
  .find-us, .footer-contact, .footer-menu {width: 100%;}
  .ticket-prices__item {flex-direction: column; align-items: flex-start; gap: 20px;}
  .ticket_price_text_container {width: 100%;}
  .ticket_price_peak_container {width: 100%; padding-left: 0;}
  .ticket_price_peak_container p {text-align: left;}
  .ticket_price_peak_container > div {align-items: flex-start;}
}

@media (min-width: 900px) {
  .main-nav ul { display: flex; position: static; flex-direction: row; width: auto; border: none; background: none; }
  .menu-toggle { display: none; }
  .mobile-nav-cta { display: none;}
}

@media (max-width: 800px) {
	.accent-purple-sqiggle {left: 3%; max-width: 150px; top: -1%;}
	.accent-new-notice {max-width: 185px; top: 3%; transform: rotate(-35deg) !important;}
	.price-listing-container {padding: 75px 60px 60px;}
	.cloud-accent {top: -3%; max-width: 500px;}
	.footnote {gap: 0;}
}

@media (max-width: 700px) {
	.accent-footsteps {max-width: 50px; top: -39%;}
	.accent-blue-squiggle {bottom: -145%; max-width: 70px;}
	.featured-tiles-title {max-width: clamp(300px, 70vw, 700px);}
	.accent-new-notice {top: 0; max-width: 150px;}
	.price-listing-container {padding: 80px 60px 60px;}
	.user-journey-image::after {max-height: 85%;}
	.user-journey-image img {max-height: 450px;}
	.accent-arrow {bottom: 53%; max-width: 90px; right: 10%;}
}

@media (max-width: 650px) {
	.accent-blue-squiggle {bottom: -129%; max-width: 65px;}
	.price-listing-title {max-width: clamp(300px, 60vw, 500px);}
}

@media (max-width: 600px) {
  .text-split__item {flex: 1 1 100%;}
  .menu-cta-btn a, .global-btn {padding: 15px 20px;}
  .accent-footsteps {max-width: 70px; top: -27%;}
  .accent-blue-squiggle {max-width: 50px; bottom: -90%;}
  .accent-purple-sqiggle {top: -25px; left: 5px; max-width: 150px;}
  .price-listing-container {padding: 60px 50px 50px;}
  .cloud-accent {top: -2%; max-width: 400px;}
.accent-squiggle {transform: rotate(0deg) !important; right: 15%; bottom: -12%;}
.accordion-question {padding: clamp(25px, 1vw, 40px) clamp(40px, 12vw, 80px) clamp(25px, 1vw, 40px) clamp(25px, 1vw, 40px);}
.accent-ring {top: 37%; max-width: 90px;}
.accent-new-notice {transform: unset; top: 0px; max-width: 125px;} 
}

@media (max-width: 500px) {
	.featured-tiles-title {max-width: clamp(300px, 95vw, 700px);}
	.accent-squiggle-ring {top: -5%; right: -9%; max-width: 120px;}
	.price-listing-container {padding: 50px 30px 30px;}
	.cloud-accent {top: -1%; max-width: 350px;}
	.accent-ring {top: 32%; max-width: 75px;}
	.user-journey-image img {bottom: -50px; max-height: 400px;}
	.user-journey-image::after {max-height: 80%;}
	.accent-arrow {bottom: 52%; max-width: 80px; right: 4%;}
	.accent-new-notice {top: -16px; max-width: 111px; transform: unset!important;}
}

@media (max-width: 450px) {
  .home-header__title-image img {margin-top: 0;}
  .header-wave img {width: calc(100% + 50px);}
  .home-header-title {padding: 100px 0 130px;}
  .scroll-hint::after {height: 70px; width: 70px; bottom: -55px;}
  .scroll-hint::before {height: 20px; font-size: 17px;}
  .header-wave {bottom: -2%; width: calc(100% + 50px);}
  .text-split__icon-circle {width: 40px; height: 40px;}
  .text-split__icon-circle i {font-size: 1.35rem;}
  .site-header {height: 70px;}
  .accent-footsteps {max-width: 65px;}
  .accent-purple-sqiggle {top: -28px; left: 5px; max-width: 138px;}
  .accent-blue-squiggle {max-width: 40px; bottom: -62%;}
  .accent-new-notice {max-width: 120px; left: -4%;}
  .accent-age-notice {top: -9%; max-width: 150px; transform: rotate(-13deg) !important;}
  .accent-squiggle-ring {max-width: 100px; z-index: 3; top: -3%;}
  .price-listing-container {padding: 40px 20px;}
  .cloud-accent {top: 0; max-width: 300px;}
  .snowflake {height: 5px; width: 5px;}
  .ticket-prices__list {gap: 10px;}
  .ticket-prices__item {padding: 25px;}
  .accordion-question {padding: clamp(20px, 1vw, 40px) clamp(50px, 9vw, 80px) clamp(20px, 1vw, 40px) clamp(20px, 1vw, 40px);}
  .accordion-question::after {height: 33px; width: 33px; font-size: 2.2rem;}
  .accordion-answer p {width: 100%;}
  .user-journey-cta-inner {padding: clamp(20px, 10vw, 75px) clamp(20px, 6vw, 75px) 0;}
  .user-journey-image img {max-height: 325px;}
  .accent-arrow {bottom: 40%; max-width: 70px; right: 2%; transform: rotate(25deg);}
  .accent-splat {top: -10%; max-width: 240px;}
  #menu-footer-menu {gap: 10px;}
  .split-text {padding: 20px 0;}
  .accent-new-notice {display: none;}
  .accent-squiggle-loop {top: 0; max-width: 60px; transform: rotate(20deg) !important;}
  .accordion-answer .accordion-content {padding: 0 20px 20px;}
}