:root {
	--font-family-obviously: 'obviously-variable', sans-serif;

	/* Weight Variables */
	--font-weight-thin: 100;
	--font-weight-light: 300;
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--font-weight-black: 800;
	--font-weight-super: 900;

	/* Stretch Variables */
	--font-stretch-compressed: 50;
	--font-stretch-condensed: 60;
	--font-stretch-narrow: 80;
	--font-stretch-regular: 100;
	--font-stretch-wide: 150;
	--font-stretch-extended: 200;

	/* Italic */
	--font-italic: 1;

	/* Colours */
	--summerball-primary: #00FFFF;
	--summerball-secondary: #3CFF2C;
	--summerball-tertiary: #FF5F1F;
	--summerball-quaternary: #FF0066;

	--summerball-primary-opacity: #00FFFFCC;
	--summerball-secondary-opacity: #3CFF2CCC;
	--summerball-tertiary-opacity: #FF5F1FCC;
	--summerball-quaternary-opacity: #FF0066CC;

	--summerball-black: #000000;
	--summerball-black-opacity: #000000CC;

	--summerball-white: #FFFFFF;
	--summerball-white-opacity: #FFFFFFCC;
}

.obviously-thin {
	font-variation-settings: 'wght' var(--font-weight-thin), 'wdth' var(--font-stretch-regular), 'ital' 0;
}

.obviously-thin-italic {
	font-variation-settings: 'wght' var(--font-weight-thin), 'wdth' var(--font-stretch-regular), 'ital' var(--font-italic);
}

.obviously-light {
	font-variation-settings: 'wght' var(--font-weight-light), 'wdth' var(--font-stretch-regular), 'ital' 0;
}

.obviously-light-italic {
	font-variation-settings: 'wght' var(--font-weight-light), 'wdth' var(--font-stretch-regular), 'ital' var(--font-italic);
}

.obviously-regular {
	font-variation-settings: 'wght' var(--font-weight-regular), 'wdth' var(--font-stretch-regular), 'ital' 0;
}

.obviously-regular-italic {
	font-variation-settings: 'wght' var(--font-weight-regular), 'wdth' var(--font-stretch-regular), 'ital' var(--font-italic);
}

.obviously-medium {
	font-variation-settings: 'wght' var(--font-weight-medium), 'wdth' var(--font-stretch-regular), 'ital' 0;
}

.obviously-medium-italic {
	font-variation-settings: 'wght' var(--font-weight-medium), 'wdth' var(--font-stretch-regular), 'ital' var(--font-italic);
}

.obviously-semibold {
	font-variation-settings: 'wght' var(--font-weight-semibold), 'wdth' var(--font-stretch-regular), 'ital' 0;
}

.obviously-semibold-italic {
	font-variation-settings: 'wght' var(--font-weight-semibold), 'wdth' var(--font-stretch-regular), 'ital' var(--font-italic);
}

.obviously-bold {
	font-variation-settings: 'wght' var(--font-weight-bold), 'wdth' var(--font-stretch-regular), 'ital' 0;
}

.obviously-bold-italic {
	font-variation-settings: 'wght' var(--font-weight-bold), 'wdth' var(--font-stretch-regular), 'ital' var(--font-italic);
}

.obviously-black {
	font-variation-settings: 'wght' var(--font-weight-black), 'wdth' var(--font-stretch-regular), 'ital' 0;
}

.obviously-black-italic {
	font-variation-settings: 'wght' var(--font-weight-black), 'wdth' var(--font-stretch-regular), 'ital' var(--font-italic);
}

.obviously-super {
	font-variation-settings: 'wght' var(--font-weight-super), 'wdth' var(--font-stretch-regular), 'ital' 0;
}

.obviously-super-italic {
	font-variation-settings: 'wght' var(--font-weight-super), 'wdth' var(--font-stretch-regular), 'ital' var(--font-italic);
}

.obviously-compressed-thin {
	font-variation-settings: 'wght' var(--font-weight-thin), 'wdth' var(--font-stretch-compressed), 'ital' 0;
}

.obviously-compressed-thin-italic {
	font-variation-settings: 'wght' var(--font-weight-thin), 'wdth' var(--font-stretch-compressed), 'ital' var(--font-italic);
}

.obviously-compressed-light {
	font-variation-settings: 'wght' var(--font-weight-light), 'wdth' var(--font-stretch-compressed), 'ital' 0;
}

.obviously-compressed-light-italic {
	font-variation-settings: 'wght' var(--font-weight-light), 'wdth' var(--font-stretch-compressed), 'ital' var(--font-italic);
}

.obviously-compressed-regular {
	font-variation-settings: 'wght' var(--font-weight-regular), 'wdth' var(--font-stretch-compressed), 'ital' 0;
}

.obviously-compressed-regular-italic {
	font-variation-settings: 'wght' var(--font-weight-regular), 'wdth' var(--font-stretch-compressed), 'ital' var(--font-italic);
}

.obviously-compressed-medium {
	font-variation-settings: 'wght' var(--font-weight-medium), 'wdth' var(--font-stretch-compressed), 'ital' 0;
}

.obviously-compressed-medium-italic {
	font-variation-settings: 'wght' var(--font-weight-medium), 'wdth' var(--font-stretch-compressed), 'ital' var(--font-italic);
}

.obviously-compressed-semibold {
	font-variation-settings: 'wght' var(--font-weight-semibold), 'wdth' var(--font-stretch-compressed), 'ital' 0;
}

.obviously-compressed-semibold-italic {
	font-variation-settings: 'wght' var(--font-weight-semibold), 'wdth' var(--font-stretch-compressed), 'ital' var(--font-italic);
}

.obviously-compressed-bold {
	font-variation-settings: 'wght' var(--font-weight-bold), 'wdth' var(--font-stretch-compressed), 'ital' 0;
}

.obviously-compressed-bold-italic {
	font-variation-settings: 'wght' var(--font-weight-bold), 'wdth' var(--font-stretch-compressed), 'ital' var(--font-italic);
}

.obviously-compressed-black {
	font-variation-settings: 'wght' var(--font-weight-black), 'wdth' var(--font-stretch-compressed), 'ital' 0;
}

.obviously-compressed-black-italic {
	font-variation-settings: 'wght' var(--font-weight-black), 'wdth' var(--font-stretch-compressed), 'ital' var(--font-italic);
}

.obviously-compressed-super {
	font-variation-settings: 'wght' var(--font-weight-super), 'wdth' var(--font-stretch-compressed), 'ital' 0;
}

.obviously-compressed-super-italic {
	font-variation-settings: 'wght' var(--font-weight-super), 'wdth' var(--font-stretch-compressed), 'ital' var(--font-italic);
}

.obviously-condensed-thin {
	font-variation-settings: 'wght' var(--font-weight-thin), 'wdth' var(--font-stretch-condensed), 'ital' 0;
}

.obviously-condensed-thin-italic {
	font-variation-settings: 'wght' var(--font-weight-thin), 'wdth' var(--font-stretch-condensed), 'ital' var(--font-italic);
}

.obviously-condensed-light {
	font-variation-settings: 'wght' var(--font-weight-light), 'wdth' var(--font-stretch-condensed), 'ital' 0;
}

.obviously-condensed-light-italic {
	font-variation-settings: 'wght' var(--font-weight-light), 'wdth' var(--font-stretch-condensed), 'ital' var(--font-italic);
}

.obviously-condensed-regular {
	font-variation-settings: 'wght' var(--font-weight-regular), 'wdth' var(--font-stretch-condensed), 'ital' 0;
}

.obviously-condensed-regular-italic {
	font-variation-settings: 'wght' var(--font-weight-regular), 'wdth' var(--font-stretch-condensed), 'ital' var(--font-italic);
}

.obviously-condensed-medium {
	font-variation-settings: 'wght' var(--font-weight-medium), 'wdth' var(--font-stretch-condensed), 'ital' 0;
}

.obviously-condensed-medium-italic {
	font-variation-settings: 'wght' var(--font-weight-medium), 'wdth' var(--font-stretch-condensed), 'ital' var(--font-italic);
}

.obviously-condensed-semibold {
	font-variation-settings: 'wght' var(--font-weight-semibold), 'wdth' var(--font-stretch-condensed), 'ital' 0;
}

.obviously-condensed-semibold-italic {
	font-variation-settings: 'wght' var(--font-weight-semibold), 'wdth' var(--font-stretch-condensed), 'ital' var(--font-italic);
}

.obviously-condensed-bold {
	font-variation-settings: 'wght' var(--font-weight-bold), 'wdth' var(--font-stretch-condensed), 'ital' 0;
}

.obviously-condensed-bold-italic {
	font-variation-settings: 'wght' var(--font-weight-bold), 'wdth' var(--font-stretch-condensed), 'ital' var(--font-italic);
}

.obviously-condensed-black {
	font-variation-settings: 'wght' var(--font-weight-black), 'wdth' var(--font-stretch-condensed), 'ital' 0;
}

.obviously-condensed-black-italic {
	font-variation-settings: 'wght' var(--font-weight-black), 'wdth' var(--font-stretch-condensed), 'ital' var(--font-italic);
}

.obviously-condensed-super {
	font-variation-settings: 'wght' var(--font-weight-super), 'wdth' var(--font-stretch-condensed), 'ital' 0;
}

.obviously-condensed-super-italic {
	font-variation-settings: 'wght' var(--font-weight-super), 'wdth' var(--font-stretch-condensed), 'ital' var(--font-italic);
}

.obviously-narrow-thin {
	font-variation-settings: 'wght' var(--font-weight-thin), 'wdth' var(--font-stretch-narrow), 'ital' 0;
}

.obviously-narrow-thin-italic {
	font-variation-settings: 'wght' var(--font-weight-thin), 'wdth' var(--font-stretch-narrow), 'ital' var(--font-italic);
}

.obviously-narrow-light {
	font-variation-settings: 'wght' var(--font-weight-light), 'wdth' var(--font-stretch-narrow), 'ital' 0;
}

.obviously-narrow-light-italic {
	font-variation-settings: 'wght' var(--font-weight-light), 'wdth' var(--font-stretch-narrow), 'ital' var(--font-italic);
}

.obviously-narrow-regular {
	font-variation-settings: 'wght' var(--font-weight-regular), 'wdth' var(--font-stretch-narrow), 'ital' 0;
}

.obviously-narrow-regular-italic {
	font-variation-settings: 'wght' var(--font-weight-regular), 'wdth' var(--font-stretch-narrow), 'ital' var(--font-italic);
}

.obviously-narrow-medium {
	font-variation-settings: 'wght' var(--font-weight-medium), 'wdth' var(--font-stretch-narrow), 'ital' 0;
}

.obviously-narrow-medium-italic {
	font-variation-settings: 'wght' var(--font-weight-medium), 'wdth' var(--font-stretch-narrow), 'ital' var(--font-italic);
}

.obviously-narrow-semibold {
	font-variation-settings: 'wght' var(--font-weight-semibold), 'wdth' var(--font-stretch-narrow), 'ital' 0;
}

.obviously-narrow-semibold-italic {
	font-variation-settings: 'wght' var(--font-weight-semibold), 'wdth' var(--font-stretch-narrow), 'ital' var(--font-italic);
}

.obviously-narrow-bold {
	font-variation-settings: 'wght' var(--font-weight-bold), 'wdth' var(--font-stretch-narrow), 'ital' 0;
}

.obviously-narrow-bold-italic {
	font-variation-settings: 'wght' var(--font-weight-bold), 'wdth' var(--font-stretch-narrow), 'ital' var(--font-italic);
}

.obviously-narrow-black {
	font-variation-settings: 'wght' var(--font-weight-black), 'wdth' var(--font-stretch-narrow), 'ital' 0;
}

.obviously-narrow-black-italic {
	font-variation-settings: 'wght' var(--font-weight-black), 'wdth' var(--font-stretch-narrow), 'ital' var(--font-italic);
}

.obviously-narrow-super {
	font-variation-settings: 'wght' var(--font-weight-super), 'wdth' var(--font-stretch-narrow), 'ital' 0;
}

.obviously-narrow-super-italic {
	font-variation-settings: 'wght' var(--font-weight-super), 'wdth' var(--font-stretch-narrow), 'ital' var(--font-italic);
}

.obviously-wide-thin {
	font-variation-settings: 'wght' var(--font-weight-thin), 'wdth' var(--font-stretch-wide), 'ital' 0;
}

.obviously-wide-thin-italic {
	font-variation-settings: 'wght' var(--font-weight-thin), 'wdth' var(--font-stretch-wide), 'ital' var(--font-italic);
}

.obviously-wide-light {
	font-variation-settings: 'wght' var(--font-weight-light), 'wdth' var(--font-stretch-wide), 'ital' 0;
}

.obviously-wide-light-italic {
	font-variation-settings: 'wght' var(--font-weight-light), 'wdth' var(--font-stretch-wide), 'ital' var(--font-italic);
}

.obviously-wide-regular {
	font-variation-settings: 'wght' var(--font-weight-regular), 'wdth' var(--font-stretch-wide), 'ital' 0;
}

.obviously-wide-regular-italic {
	font-variation-settings: 'wght' var(--font-weight-regular), 'wdth' var(--font-stretch-wide), 'ital' var(--font-italic);
}

.obviously-wide-medium {
	font-variation-settings: 'wght' var(--font-weight-medium), 'wdth' var(--font-stretch-wide), 'ital' 0;
}

.obviously-wide-medium-italic {
	font-variation-settings: 'wght' var(--font-weight-medium), 'wdth' var(--font-stretch-wide), 'ital' var(--font-italic);
}

.obviously-wide-semibold {
	font-variation-settings: 'wght' var(--font-weight-semibold), 'wdth' var(--font-stretch-wide), 'ital' 0;
}

.obviously-wide-semibold-italic {
	font-variation-settings: 'wght' var(--font-weight-semibold), 'wdth' var(--font-stretch-wide), 'ital' var(--font-italic);
}

.obviously-wide-bold {
	font-variation-settings: 'wght' var(--font-weight-bold), 'wdth' var(--font-stretch-wide), 'ital' 0;
}

.obviously-wide-bold-italic {
	font-variation-settings: 'wght' var(--font-weight-bold), 'wdth' var(--font-stretch-wide), 'ital' var(--font-italic);
}

.obviously-wide-black {
	font-variation-settings: 'wght' var(--font-weight-black), 'wdth' var(--font-stretch-wide), 'ital' 0;
}

.obviously-wide-black-italic {
	font-variation-settings: 'wght' var(--font-weight-black), 'wdth' var(--font-stretch-wide), 'ital' var(--font-italic);
}

.obviously-wide-super {
	font-variation-settings: 'wght' var(--font-weight-super), 'wdth' var(--font-stretch-wide), 'ital' 0;
}

.obviously-wide-super-italic {
	font-variation-settings: 'wght' var(--font-weight-super), 'wdth' var(--font-stretch-wide), 'ital' var(--font-italic);
}

.obviously-extended-thin {
	font-variation-settings: 'wght' var(--font-weight-thin), 'wdth' var(--font-stretch-extended), 'ital' 0;
}

.obviously-extended-thin-italic {
	font-variation-settings: 'wght' var(--font-weight-thin), 'wdth' var(--font-stretch-extended), 'ital' var(--font-italic);
}

.obviously-extended-light {
	font-variation-settings: 'wght' var(--font-weight-light), 'wdth' var(--font-stretch-extended), 'ital' 0;
}

.obviously-extended-light-italic {
	font-variation-settings: 'wght' var(--font-weight-light), 'wdth' var(--font-stretch-extended), 'ital' var(--font-italic);
}

.obviously-extended-regular {
	font-variation-settings: 'wght' var(--font-weight-regular), 'wdth' var(--font-stretch-extended), 'ital' 0;
}

.obviously-extended-regular-italic {
	font-variation-settings: 'wght' var(--font-weight-regular), 'wdth' var(--font-stretch-extended), 'ital' var(--font-italic);
}

.obviously-extended-medium {
	font-variation-settings: 'wght' var(--font-weight-medium), 'wdth' var(--font-stretch-extended), 'ital' 0;
}

.obviously-extended-medium-italic {
	font-variation-settings: 'wght' var(--font-weight-medium), 'wdth' var(--font-stretch-extended), 'ital' var(--font-italic);
}

.obviously-extended-semibold {
	font-variation-settings: 'wght' var(--font-weight-semibold), 'wdth' var(--font-stretch-extended), 'ital' 0;
}

.obviously-extended-semibold-italic {
	font-variation-settings: 'wght' var(--font-weight-semibold), 'wdth' var(--font-stretch-extended), 'ital' var(--font-italic);
}

.obviously-extended-bold {
	font-variation-settings: 'wght' var(--font-weight-bold), 'wdth' var(--font-stretch-extended), 'ital' 0;
}

.obviously-extended-bold-italic {
	font-variation-settings: 'wght' var(--font-weight-bold), 'wdth' var(--font-stretch-extended), 'ital' var(--font-italic);
}

.obviously-extended-black {
	font-variation-settings: 'wght' var(--font-weight-black), 'wdth' var(--font-stretch-extended), 'ital' 0;
}

.obviously-extended-black-italic {
	font-variation-settings: 'wght' var(--font-weight-black), 'wdth' var(--font-stretch-extended), 'ital' var(--font-italic);
}

.obviously-extended-super {
	font-variation-settings: 'wght' var(--font-weight-super), 'wdth' var(--font-stretch-extended), 'ital' 0;
}

.obviously-extended-super-italic {
	font-variation-settings: 'wght' var(--font-weight-super), 'wdth' var(--font-stretch-extended), 'ital' var(--font-italic);
}

@font-face {
	font-family: 'Gilroy Bold';
	src: url('/fonts/Gilroy/Gilroy-ExtraBold.woff2') format('woff2'),
		url('/fonts/Gilroy/Gilroy-ExtraBold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

html {
	overflow-x: hidden;
}

* {
	font-family: var(--font-family-obviously);
	font-variation-settings: 'wdth' var(--font-stretch-medium), 'wght' var(--font-weight-medium), 'ital' 0;
}

body {
	background: var(--summerball-primary);
	margin-top: -82px;
	padding-right: 0!important;
	overflow: unset!important;
	color: black;
}

.summerball-bg-primary {
	background: var(--summerball-primary);
}

.summerball-bg-primary-opacity {
	background: var(--summerball-primary-opacity);
}

.summerball-bg-primary-gradient {
	background: linear-gradient(90deg, var(--summerball-primary-opacity), var(--summerball-primary));
}

.summerball-fill-primary {
	fill: var(--summerball-primary);
}

.summerball-stroke-primary {
	stroke: var(--summerball-primary);
	stroke-width: 3;
}

.summerball-bdr-primary {
	border: var(--summerball-primary) solid 3px;
}

.summerball-text-primary {
	color: var(--summerball-primary);
}

.summerball-btn-primary {
	font-variation-settings: 'wdth' var(--font-stretch-regular), 'wght' var(--font-weight-bold), 'ital' 0;
	background: var(--summerball-primary);
	color: var(--summerball-black);
	text-transform: uppercase;
	border-radius: 0;
	border: solid var(--summerball-black) 3px;
}

.summerball-btn-primary:hover, .summerball-btn-primary:active, .summerball-btn-primary:focus {
	background: var(--summerball-black)!important;
	color: var(--summerball-primary);
}

.summerball-btn-primary-inverted {
	font-variation-settings: 'wdth' var(--font-stretch-regular), 'wght' var(--font-weight-bold), 'ital' 0;
	color: var(--summerball-primary);
	text-transform: uppercase;
	border-radius: 0;
	border: var(--summerball-primary) solid 3px;
}

.summerball-btn-primary-inverted:hover, .summerball-btn-primary-inverted:active, .summerball-btn-primary-inverted:focus {
	background: var(--summerball-primary);
	color: var(--summerball-black);
}

.summerball-btn-primary .fa-inverse {
	color: var(--summerball-primary);
}

.summerball-btn-primary:hover .fa-inverse, .summerball-btn-primary:active .fa-inverse, .summerball-btn-primary:focus .fa-inverse {
	color: var(--summerball-black);
}

.summerball-bg-secondary {
	background: var(--summerball-secondary);
}

.summerball-bg-secondary-opacity {
	background: var(--summerball-secondary-opacity);
}

.summerball-bg-secondary-gradient {
	background: linear-gradient(90deg, var(--summerball-secondary-opacity), var(--summerball-secondary));
}

.summerball-fill-secondary {
	fill: var(--summerball-secondary);
}

.summerball-stroke-secondary {
	stroke: var(--summerball-secondary);
	stroke-width: 3;
}

.summerball-bdr-secondary {
	border: var(--summerball-secondary) solid 3px;
}

.summerball-text-secondary {
	color: var(--summerball-secondary);
}

.summerball-btn-secondary {
	font-variation-settings: 'wdth' var(--font-stretch-regular), 'wght' var(--font-weight-bold), 'ital' 0;
	background: var(--summerball-secondary);
	color: var(--summerball-black);
	text-transform: uppercase;
	border-radius: 0;
	border: solid var(--summerball-black) 3px;
}

.summerball-btn-secondary:hover, .summerball-btn-secondary:active, .summerball-btn-secondary:focus {
	background: var(--summerball-black)!important;
	color: var(--summerball-secondary);
}

.summerball-btn-secondary-inverted {
	font-variation-settings: 'wdth' var(--font-stretch-regular), 'wght' var(--font-weight-bold), 'ital' 0;
	color: var(--summerball-secondary);
	text-transform: uppercase;
	border-radius: 0;
	border: var(--summerball-secondary) solid 3px;
}

.summerball-btn-secondary-inverted:hover, .summerball-btn-secondary-inverted:active, .summerball-btn-secondary-inverted:focus {
	background: var(--summerball-secondary);
	color: var(--summerball-black);
}

.summerball-btn-secondary .fa-inverse {
	color: var(--summerball-secondary);
}

.summerball-btn-secondary:hover .fa-inverse, .summerball-btn-secondary:active .fa-inverse, .summerball-btn-secondary:focus .fa-inverse {
	color: var(--summerball-black);
}

.summerball-bg-tertiary {
	background: var(--summerball-tertiary);
}

.summerball-bg-tertiary-opacity {
	background: var(--summerball-tertiary-opacity);
}

.summerball-bg-tertiary-gradient {
	background: linear-gradient(90deg, var(--summerball-tertiary-opacity), var(--summerball-tertiary));
}

.summerball-fill-tertiary {
	fill: var(--summerball-tertiary);
}

.summerball-stroke-tertiary {
	stroke: var(--summerball-tertiary);
	stroke-width: 3;
}

.summerball-bdr-tertiary {
	border: var(--summerball-tertiary) solid 3px;
}

.summerball-text-tertiary {
	color: var(--summerball-tertiary);
}

.summerball-btn-tertiary {
	font-variation-settings: 'wdth' var(--font-stretch-regular), 'wght' var(--font-weight-bold), 'ital' 0;
	background: var(--summerball-tertiary);
	color: var(--summerball-black);
	text-transform: uppercase;
	border-radius: 0;
	border: solid var(--summerball-black) 3px;
}

.summerball-btn-tertiary:hover, .summerball-btn-tertiary:active, .summerball-btn-tertiary:focus {
	background: var(--summerball-black)!important;
	color: var(--summerball-tertiary);
}

.summerball-btn-tertiary-inverted {
	font-variation-settings: 'wdth' var(--font-stretch-regular), 'wght' var(--font-weight-bold), 'ital' 0;
	color: var(--summerball-tertiary);
	text-transform: uppercase;
	border-radius: 0;
	border: var(--summerball-tertiary) solid 3px;
}

.summerball-btn-tertiary-inverted:hover, .summerball-btn-tertiary-inverted:active, .summerball-btn-tertiary-inverted:focus {
	background: var(--summerball-tertiary);
	color: var(--summerball-black);
}

.summerball-btn-tertiary .fa-inverse {
	color: var(--summerball-tertiary);
}

.summerball-btn-tertiary:hover .fa-inverse, .summerball-btn-tertiary:active .fa-inverse, .summerball-btn-tertiary:focus .fa-inverse {
	color: var(--summerball-black);
}

.summerball-bg-quaternary {
	background: var(--summerball-quaternary);
}

.summerball-bg-quaternary-opacity {
	background: var(--summerball-quaternary-opacity);
}

.summerball-bg-quaternary-gradient {
	background: linear-gradient(90deg, var(--summerball-quaternary-opacity), var(--summerball-quaternary));
}

.summerball-fill-quaternary {
	fill: var(--summerball-quaternary);
}

.summerball-stroke-quaternary {
	stroke: var(--summerball-quaternary);
	stroke-width: 3;
}

.summerball-bdr-quaternary {
	border: var(--summerball-quaternary) solid 3px;
}

.summerball-text-quaternary {
	color: var(--summerball-quaternary);
}

.summerball-btn-quaternary {
	font-variation-settings: 'wdth' var(--font-stretch-regular), 'wght' var(--font-weight-bold), 'ital' 0;
	background: var(--summerball-quaternary);
	color: var(--summerball-black);
	text-transform: uppercase;
	border-radius: 0;
	border: solid var(--summerball-black) 3px;
}

.summerball-btn-quaternary:hover, .summerball-btn-quaternary:active, .summerball-btn-quaternary:focus {
	background: var(--summerball-black)!important;
	color: var(--summerball-quaternary);
}

.summerball-btn-quaternary-inverted {
	font-variation-settings: 'wdth' var(--font-stretch-regular), 'wght' var(--font-weight-bold), 'ital' 0;
	color: var(--summerball-quaternary);
	text-transform: uppercase;
	border-radius: 0;
	border: var(--summerball-quaternary) solid 3px;
}

.summerball-btn-quaternary-inverted:hover, .summerball-btn-quaternary-inverted:active, .summerball-btn-quaternary-inverted:focus {
	background: var(--summerball-quaternary);
	color: var(--summerball-black);
}

.summerball-btn-quaternary .fa-inverse {
	color: var(--summerball-quaternary);
}

.summerball-btn-quaternary:hover .fa-inverse, .summerball-btn-quaternary:active .fa-inverse, .summerball-btn-quaternary:focus .fa-inverse {
	color: var(--summerball-black);
}

.summerball-bg-black {
	background: var(--summerball-black);
}

.summerball-bg-black-opacity {
	background: var(--summerball-black-opacity);
}

.summerball-bg-black-gradient {
	background: linear-gradient(90deg, var(--summerball-black-opacity), var(--summerball-black));
}

.summerball-fill-black {
	fill: var(--summerball-black);
}

.summerball-stroke-black {
	stroke: var(--summerball-black);
	stroke-width: 3;
}

.summerball-bdr-black {
	border: var(--summerball-black) solid 3px;
}

.summerball-text-black {
	color: var(--summerball-black);
}

.summerball-btn-black {
	font-variation-settings: 'wdth' var(--font-stretch-regular), 'wght' var(--font-weight-bold), 'ital' 0;
	background: var(--summerball-black);
	color: var(--summerball-white);
	text-transform: uppercase;
	border-radius: 0;
	border: solid var(--summerball-black) 3px;
}

.summerball-btn-black:hover, .summerball-btn-black:active, .summerball-btn-black:focus {
	background: var(--summerball-black-opacity)!important;
	color: var(--summerball-white);
}

/* HERO BUTTON */
.summerball-btn-hero {
	font-variation-settings: 'wdth' var(--font-stretch-regular), 'wght' var(--font-weight-bold), 'ital' 0;
	background: var(--summerball-tertiary);
	color: var(--summerball-black);
	text-transform: uppercase;
	border-radius: 0;
	border: solid var(--summerball-black) 3px;
}

.summerball-btn-hero:hover, .summerball-btn-hero:active, .summerball-btn-hero:focus {
	background: var(--summerball-tertiary-opacity);
	color: var(--summerball-black);
	border: solid var(--summerball-black) 3px;
}

.summerball-btn-hero .fa-inverse {
	color: var(--summerball-tertiary);
}

.summerball-btn-hero:hover .fa-inverse, .summerball-btn-hero:active .fa-inverse, .summerball-btn-hero:focus .fa-inverse {
	color: var(--summerball-tertiary-opacity);
}

/* GILROY FOR COUNTDOWN */
.gilroy-bold {
	font-family: 'Gilroy Bold' !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-variation-settings: 'wdth' var(--font-stretch-regular), 'wght' var(--font-weight-bold), 'ital' 0;
	text-transform: uppercase;
}

.summerball-logo {
	width: 100%;
}

@media (min-width: 768px) {
	.summerball-logo {
		width: 40%;
	}
}

.summerball-bg-overlay {
	position: relative;
}

.summerball-bg-overlay:before, .summerball-bg-overlay:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.summerball-bg-overlay-inner {
	z-index: 3;
	position: relative;
}

.summerball-bg-overlay-black::after {
	background: linear-gradient(0deg, rgba(0, 0, 0, 1.0) 0%, rgba(0, 0, 0, 0.9) 20%, rgba(0, 0, 0, 0.3) 40%);
}

/* TODO: Update texture */
.summerball-bg-overlay-texture:after {
	background-image: url(https://assets-cdn.sums.su/KN/documents/summer-ball/2022-2023/white-plaster.png);
	opacity: 0.1;
}

button[class*='ku-btn-green'], a[class*='ku-btn-green'] {
	font-variation-settings: 'wdth' var(--font-stretch-regular), 'wght' var(--font-weight-bold), 'ital' 0;
	background: var(--summerball-primary);
	color: var(--summerball-black);
	text-transform: uppercase;
	border-radius: 0;
}

button[class*='ku-btn-green']:hover, a[class*='ku-btn-green']:hover, button[class*='ku-btn-green']:active, a[class*='ku-btn-green']:active, button[class*='ku-btn-green']:focus, a[class*='ku-btn-green']:focus {
	background: var(--summerball-primary-opacity);
	color: var(--summerball-black);
}

/* ASPECT RATIOS */
@media (min-width: 0px) {
	.summerball-aspect-1-1 {
		aspect-ratio: 1/1;
		object-fit: cover;
	}

	.summerball-aspect-16-9 {
		aspect-ratio: 16/9;
		object-fit: cover;
	}

	.summerball-aspect-9-16 {
		aspect-ratio: 9/16;
		object-fit: cover;
	}

	.summerball-aspect-4-3 {
		aspect-ratio: 4/3;
		object-fit: cover;
	}

	.summerball-aspect-8-9 {
		aspect-ratio: 8/9;
		object-fit: cover;
	}

	.summerball-aspect-4-5 {
		aspect-ratio: 4/5;
		object-fit: cover;
	}

	.summerball-aspect-32-9 {
		aspect-ratio: 32/9;
		object-fit: cover;
	}

	.summerball-aspect-3-2 {
		aspect-ratio: 3/2;
		object-fit: cover;
	}

	.summerball-aspect-5-2 {
		aspect-ratio: 5/2;
		object-fit: cover;
	}
}

@media (min-width: 576px) {
	.summerball-aspect-1-1--sm {
		aspect-ratio: 1/1;
		object-fit: cover;
	}

	.summerball-aspect-16-9--sm {
		aspect-ratio: 16/9;
		object-fit: cover;
	}

	.summerball-aspect-9-16--sm {
		aspect-ratio: 9/16;
		object-fit: cover;
	}

	.summerball-aspect-4-3--sm {
		aspect-ratio: 4/3;
		object-fit: cover;
	}

	.summerball-aspect-8-9--sm {
		aspect-ratio: 8/9;
		object-fit: cover;
	}

	.summerball-aspect-4-5--sm {
		aspect-ratio: 4/5;
		object-fit: cover;
	}

	.summerball-aspect-32-9--sm {
		aspect-ratio: 32/9;
		object-fit: cover;
	}

	.summerball-aspect-3-2--sm {
		aspect-ratio: 3/2;
		object-fit: cover;
	}

	.summerball-aspect-5-2--sm {
		aspect-ratio: 5/2;
		object-fit: cover;
	}
}

@media (min-width: 768px) {
	.summerball-aspect-1-1--md {
		aspect-ratio: 1/1;
		object-fit: cover;
	}

	.summerball-aspect-16-9--md {
		aspect-ratio: 16/9;
		object-fit: cover;
	}

	.summerball-aspect-9-16--md {
		aspect-ratio: 9/16;
		object-fit: cover;
	}

	.summerball-aspect-4-3--md {
		aspect-ratio: 4/3;
		object-fit: cover;
	}

	.summerball-aspect-8-9--md {
		aspect-ratio: 8/9;
		object-fit: cover;
	}

	.summerball-aspect-4-5--md {
		aspect-ratio: 4/5;
		object-fit: cover;
	}

	.summerball-aspect-32-9--md {
		aspect-ratio: 32/9;
		object-fit: cover;
	}

	.summerball-aspect-3-2--md {
		aspect-ratio: 3/2;
		object-fit: cover;
	}

	.summerball-aspect-5-2--md {
		aspect-ratio: 5/2;
		object-fit: cover;
	}
}

@media (min-width: 992px) {
	.summerball-aspect-1-1--lg {
		aspect-ratio: 1/1;
		object-fit: cover;
	}

	.summerball-aspect-16-9--lg {
		aspect-ratio: 16/9;
		object-fit: cover;
	}

	.summerball-aspect-9-16--lg {
		aspect-ratio: 9/16;
		object-fit: cover;
	}

	.summerball-aspect-4-3--lg {
		aspect-ratio: 4/3;
		object-fit: cover;
	}

	.summerball-aspect-8-9--lg {
		aspect-ratio: 8/9;
		object-fit: cover;
	}

	.summerball-aspect-4-5--lg {
		aspect-ratio: 4/5;
		object-fit: cover;
	}

	.summerball-aspect-32-9--lg {
		aspect-ratio: 32/9;
		object-fit: cover;
	}

	.summerball-aspect-3-2--lg {
		aspect-ratio: 3/2;
		object-fit: cover;
	}

	.summerball-aspect-5-2--lg {
		aspect-ratio: 5/2;
		object-fit: cover;
	}
}

@media (min-width: 1200px) {
	.summerball-aspect-1-1--xxl {
		aspect-ratio: 1/1;
		object-fit: cover;
	}

	.summerball-aspect-16-9--xxl {
		aspect-ratio: 16/9;
		object-fit: cover;
	}

	.summerball-aspect-9-16--xxl {
		aspect-ratio: 9/16;
		object-fit: cover;
	}

	.summerball-aspect-4-3--xxl {
		aspect-ratio: 4/3;
		object-fit: cover;
	}

	.summerball-aspect-8-9--xxl {
		aspect-ratio: 8/9;
		object-fit: cover;
	}

	.summerball-aspect-4-5--xxl {
		aspect-ratio: 4/5;
		object-fit: cover;
	}

	.summerball-aspect-32-9--xxl {
		aspect-ratio: 32/9;
		object-fit: cover;
	}

	.summerball-aspect-3-2--xxl {
		aspect-ratio: 3/2;
		object-fit: cover;
	}

	.summerball-aspect-5-2--xxl {
		aspect-ratio: 5/2;
		object-fit: cover;
	}
}

:not(.btn-check)+.btn:active {
	color: var(--bs-btn-active-color);
	background-color: var(--bs-btn-active-bg);
	border-color: var(--bs-btn-active-border-color);
}

.summerball-heading {
	font-size: 48px;
}

.summerball-image-stack {
	display: grid;
	position: relative;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(12, 1fr);
}

.summerball-image-stack img {
	width: 100%;
	display: block;
}

.summerball-image-stack-item-bottom {
	grid-row: 1 / -1;
	grid-column: 1 / -1;
}

.summerball-image-stack-item-image-one {
	grid-row: 1 / -1;
	grid-column: 3 / span 7;
	padding-top: 33%;
	z-index: 1;
}

.summerball-image-stack-item-icon-one {
	grid-row: 7 / span 2;
	grid-column: 9 / span 2;
	z-index: 2;
}

.summerball-image-stack-item-icon-two {
	grid-row: 8 / span 2;
	grid-column: 8 / span 2;
	z-index: 3;
}

.summerball-image-stack-item-icon-three {
	grid-row: 4 / span 2;
	grid-column: 9 / span 2;
	z-index: 2;
}

.summerball-image-stack-item-icon-four {
	grid-row: 5 / span 2;
	grid-column: 10 / span 2;
	z-index: 3;
}

.summerball-image-stack-item-icon-five {
	grid-row: 2 / span 2;
	grid-column: 7 / span 2;
	z-index: 2;
}

.summerball-image-stack-item-icon-six {
	grid-row: 3 / span 2;
	grid-column: 6 / span 2;
	z-index: 3;
}

.summerball-image-stack-item-icon-seven {
	grid-row: 9 / span 2;
	grid-column: 9 / span 2;
	z-index: 3;
}

.summerball-image-stack-item-hero-one {
	grid-row: 2 / -1;
	grid-column: 9 / span 3;
	z-index: 2;
}

.summerball-image-stack-item-hero-two {
	grid-row: 8 / -1;
	grid-column: 2 / span 3;
	z-index: 2;
}

.summerball-image-stack-item-hero-logo {
	grid-row: 4 / -1;
	grid-column: 3 / span 8;
	z-index: 1;
}

.summerball-image-stack-item-hero-icon-one {
	grid-row: 8 / span 2;
	grid-column: 10 / span 2;
	z-index: 3;
}

.summerball-image-stack-item-hero-icon-two {
	grid-row: 9 / span 2;
	grid-column: 9 / span 2;
	z-index: 4;
}

.summerball-accordion-toggle:after {
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	content: "\f077";
	float: right;
	transition: .5s;
}

.summerball-accordion-toggle.collapsed:after {
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	content: "\f077";
	float: right;
	transform: rotate(180deg);
	transition: .5s;
}

.summerball-accordion-toggle:not(.collapsed) {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

/* CARD STACK ICONS */
.summerball-card-icon-one {
	position: absolute;
	bottom: -40px;
	right: 40px;
	width: 80px;
	height: 80px;
	z-index: 3;
}

.summerball-card-icon-two {
	position: absolute;
	bottom: -20px;
	right: 100px;
	width: 80px;
	height: 80px;
	z-index: 2;
}

/* MARQUEE */
.summerball-marquee-wrap {
	width: 100%;
	overflow: hidden;
}

.summerball-marquee-track {
	display: flex;
	width: max-content;
	animation: marquee 20s linear infinite;
}

.summerball-marquee-text {
	text-transform: uppercase;
	white-space: nowrap;
}

@keyframes marquee {
	from {transform: translateX(0);}
	to {transform: translateX(-50%);}
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

.rounded-0 {
	border-radius: 0;
}