:root {

	--color-invalid: #E41425;
	--color-extra-dark-gray: #333333;
	--color-dark-gray: #555555;
	--color-gray: #999999;
	--color-gray-hover: #888888;
	--color-light-gray: #CCCCCC;
	--color-extra-light-gray: #F5F5F5;
	--color-white: #FFFFFF;
	--color-none: rgba(0, 0, 0, 0);
	--color-modal-background: rgba(0, 0, 0, .90);

	--color-orange: rgb(242, 87, 44);
	--color-orange-hover: rgb(245, 109, 68);

	--color-blue: rgb(25, 40, 55);
	--color-blue-opacity-90: rgb(25, 40, 55, .9);
	--color-blue-opacity-95: rgb(25, 40, 55, .95);
	--color-blue-hover: rgb(38, 54, 66);

	--color-light-blue: rgb(70, 160, 255);
	--color-light-blue-hover: rgb(103, 173, 255);

	--border-radius: 6px;

	--content-width: 1000px;
	--modal-width: 500px;

	--modal-close-button-size: 30px;
	--document-icon-height: 90px;
	--button-height: 45px;
	--button-width: 260px;

	--tournament-info-column-1: 180px;

	--spacing-extra-large-3: 90px;
	--spacing-extra-large-2: 60px;
	--spacing-extra-large: 48px;
	--spacing-large: 36px;
	--spacing-medium-large: 30px;
	--spacing-medium: 24px;
	--spacing-small-medium: 20px;
	--spacing-small: 16px;
	--spacing-extra-small: 12px;
	--spacing-extra-small-2: 8px;

	--spacing-extra-large-3: calc(var(--spacing-medium) * 5);
	--spacing-extra-large-2: calc(var(--spacing-medium) * 3.5);
	--spacing-extra-large: calc(var(--spacing-medium) * 2.25);
	--spacing-large: calc(var(--spacing-medium) * 1.5);
	--spacing-medium-large: calc(var(--spacing-medium) * 1.25);
	--spacing-medium: 15px;
	--spacing-medium-small: calc(var(--spacing-medium) * 0.825);
	--spacing-small: calc(var(--spacing-medium) * 0.75);
	--spacing-extra-small: calc(var(--spacing-medium) * 0.5);
	--spacing-extra-small-2: calc(var(--spacing-medium) * 0.2);

	--newsletter-form-width: 420px;

	--font-weight-extra-light: 200;
	--font-weight-light: 300;
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-semi-bold: 600;
	--font-weight-bold: 700;

	--tournament-details-column-1-width: 150px;
	--tournament-date-icon-size: 125px;

	--min-screen: 600px;
	--max-screen: 1000px;
	--font-ratio: 1;


	--font-size-extra-large-2: 2rem;
	--font-size-extra-large: 1.75rem;
	--font-size-large: 1.5rem;
	--font-size-medium-large: 1.25rem;
	--font-size-default: 1rem;
	--font-size-medium-small: .825rem;
	--font-size-small: .75rem;
	--font-size-extra-small: .5rem;
	--font-size-extra-small-2: .4rem;

}

/* 
@media only screen and (max-width: 950px) {
	:root {
		--font-ratio: .875;
	}
}

@media only screen and (max-width: 900px) {
	:root {
		--font-ratio: .75;
	}
}

@media only screen and (max-width: 850px) {
	:root {
		--font-ratio: .625;
	}
}

@media only screen and (max-width: 800px) {
	:root {
		--font-ratio: .5;
	}
}

@media only screen and (max-width: 750px) {
	:root {
		--font-ratio: .375;
	}
}

@media only screen and (max-width: 700px) {
	:root {
		--font-ratio: .25;
	}
}

@media only screen and (max-width: 600px) {
	:root {
		--font-ratio: 0;
	}
}

@media only screen and (max-width: 320px) {
	* {
		font-size: -.25;
	}
} */



html {
	margin-top: 0px !important;
	background-color: var(--color-dark-gray);
	font-size: 18px;
}

body {
	margin-bottom: 0 !important;
}

* {
	/* font-size: var(--font-size-default) !important; */
	padding: unset !important;
	margin: unset !important;
}


body.modal-open {
	overflow: hidden;
}

span {
	display: inline-block;
}

body,
button,
input,
select,
optgroup,
textarea {
	color: var(--color-dark-gray);
	font-family: 'Oswald', sans-serif;
	text-align: center;
}

button:disabled {
	background-color: var(--color-light-gray);
	cursor: default;
}

h1,
h2,
p,
header {
	margin: 0;
	padding: 0;
	line-height: 125%;
	text-align: left;
}

#masthead {
	position: sticky;
	top: 0;
	z-index: 80;
	background-color: var(--color-white);
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .1);
}


h1 {
	font-size: var(--font-size-extra-large) !important;
	text-transform: uppercase;
}

h2 {
	font-size: var(--font-size-large) !important;
}

h3 {
	font-size: var(--font-size-medium-large) !important;
}

h4 {
	font-size: var(--font-size-default) !important;
}




div {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

hr {
	width: 100%;
	padding: 0;
	margin: 0;
	height: 1px;
	background-color: var(--color-light-gray);
}

nav {
	padding-bottom: 10px;
}

* :focus {
	outline: none !important;
}

b,
strong {
	font-weight: 500;
}

.no-gap {
	gap: 0 !important;
}

#wpadminbar {
	display: none !important;
}

button {
	background-color: var(--color-orange);
	color: var(--color-white);
	border: none;
	text-transform: uppercase;
	width: var(--button-width);
	height: var(--button-height);
	cursor: pointer;
	border-radius: var(--border-radius);
	font-weight: var(--font-weight-bold);
	border-radius: 1000px;
}

input.important-button,
button.important-button {
	background-color: var(--color-light-blue);
	width: calc(var(--button-width) * 1.25);
	height: calc(var(--button-height) * 1);
	color: white;
	max-width: 100%;
}

#logo {
	background-image: url(../images/logo.png);
	height: 100px;
	width: 140px;
	display: block;
	background-size: contain;
	margin: auto !important;
	background-repeat: no-repeat;
	background-position: center;
}

/* spacer classes */
.spacer-extra-large-2 {
	height: var(--spacing-extra-large-2);
}

.spacer-extra-large {
	height: var(--spacing-extra-large);
}

.spacer-large {
	height: var(--spacing-large);
}

.spacer-medium-large {
	height: var(--spacing-medium-large);
}

.spacer-medium {
	height: var(--spacing-medium);
}

.spacer-small-medium {
	height: var(--spacing-small-medium);
}

.spacer-small {
	height: var(--spacing-small);
}

.spacer-extra-small {
	height: var(--spacing-extra-small);
}

.spacer-extra-small-2 {
	height: var(--spacing-extra-small-2);
}



/* color classes */
.color-accent {
	color: var(--color-orange);
}

.color-accent-hover {
	color: var(--color-orange-hover);
}

.color-important {
	color: var(--color-light-blue);
}

.color-important-hover {
	color: var(--color-light-blue-hover);
}

.color-blue {
	color: var(--color-blue);
}

.color-dark-gray {
	color: var(--color-dark-gray);
}

.color-gray {
	color: var(--color-gray);
}

.color-light-gray {
	color: var(--color-light-gray);
}

.color-extra-light-gray {
	color: var(--color-extra-light-gray);
}

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

/* background color classes */
.background-color-accent {
	background-color: var(--color-orange);
}

.background-color-accent-hover {
	background-color: var(--color-orange-hover);
}

.background-color-important {
	background-color: var(--color-light-blue);
}

.background-color-important-hover {
	background-color: var(--color-light-blue-hover);
}

.background-color-black {
	background-color: var(--color-blue);
}

.background-color-dark-gray {
	background-color: var(--color-dark-gray);
}

.background-color-gray {
	background-color: var(--color-gray);
}

.background-color-light-gray {
	background-color: var(--color-light-gray);
}

.background-color-extra-light-gray {
	background-color: var(--color-extra-light-gray);
}

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


/* Main Nav */
.orange-bar {
	height: var(--spacing-small);
	background-color: var(--color-orange);
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.main-navigation ul {
	justify-content: center;
	column-gap: var(--spacing-medium);
}

.main-navigation li {
	padding: 0 10px;
}

.sub-menu {
	background-color: rgba(255, 255, 255, .98);
	overflow: hidden;
	border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.sub-menu li {
	padding: var(--spacing-small) !important;
}

.sub-menu li:not(:last-child) {
	border-bottom: 1px solid var(--color-light-gray);
}

.main-navigation a {
	padding: var(--spacing-extra-small) !important;
}

.main-navigation a,
.main-navigation a:hover,
.main-navigation a:visited {
	color: var(--color-blue);
	text-align: center;
}

.main-navigation .emphasize a,
.main-navigation .emphasize a:hover,
.main-navigation .emphasize a:visited {
	color: var(--color-light-blue);
	font-weight: var(--font-weight-bold);
}

/******** HOME PAGE STYLES ********/
.home {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.home h1,
.home h2 {
	color: white;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	text-align: center;
}

.home h2 {
	font-weight: var(--font-weight-light);
}

.home .home-header {
	background-color: var(--color-blue);
	background-image: url(../images/background.png);
	background-repeat: repeat-x;
	background-position: top center;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: .5vw;
	text-align: center;
	padding: 6vw 0 !important;
	background-size: contain;
}

.home .home-header h1 {
	opacity: 1;
	text-transform: uppercase;
	color: var(--color-white);
	margin: 0;
	padding: 0;
	line-height: 90%;
	letter-spacing: -.5vw;
	mix-blend-mode: soft-light;
	text-align: center;
}

.home .home-header .site-name {
	width: 70vw;
	font-size: 1px;
	color: var(--color-none) !important;
}

.home .home-header .site-name::after {
	content: "";
	padding-bottom: calc(100% * (150/800));
	background-image: url(../images/home.svg);
	display: block;
}

.home .home-header h2 {
	opacity: 1;
	margin: 0;
	padding: 0;
	color: var(--color-orange);
	font-weight: var(--font-weight-light);
	line-height: 1;
	font-size: 1px;
	color: var(--color-none);
	text-transform: uppercase;
	letter-spacing: .25em;
	text-align: center;
	display: none;
}

.home .upcoming-tournaments {
	width: 100%;
	padding: var(--spacing-extra-large) !important;
	text-align: center;
	background-color: var(--color-orange);
	display: flex;
	flex-direction: column;
	gap: var(--spacing-large);
}

.home .upcoming-tournaments h1 {
	color: var(--color-blue);
}

.home .upcoming-tournaments .upcoming-tournaments-slider-content {
	display: flex;
	gap: var(--spacing-extra-large);
	flex-wrap: wrap;
	justify-content: center;
}

.home .upcoming-tournaments .upcoming-tournament {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-extra-small);
	align-items: center;
}

.home .upcoming-tournaments .upcoming-tournament * {
	color: var(--color-white);
	padding: 0;
	margin: 0;
	line-height: 1;
	white-space: nowrap;
}

.home .upcoming-tournaments .upcoming-tournament a {
	background-color: var(--color-orange);
}

.home .upcoming-tournaments .upcoming-tournament button {
	width: var(--button-width);
	border-radius: 100px;
	border: 1px solid var(--color-white);
}

.home .upcoming-tournaments .upcoming-tournament .tournament-name {
	font-weight: 800;
	font-size: var(--font-size-medium-large) !important;
}

.home .upcoming-tournaments .upcoming-tournament .hosted-by {
	font-style: italic;
	color: var(--color-white);
	font-weight: var(--font-weight-light);
	letter-spacing: .01em;
}

.home .completed-tournaments {
	width: 100%;
	padding: var(--spacing-extra-large) var(--spacing-small) !important;
	text-align: center;
	background-color: var(--color-white);
	display: flex;
	flex-direction: column;
	gap: var(--spacing-extra-large);
}

.home .completed-tournaments hr:last-of-type {
	display: none;
}

.home .completed-tournament>div {
	width: 100%;
}

.home .completed-tournaments * {
	color: var(--color-dark-gray);
	padding: 0;
	margin: 0;
}

.home .completed-tournaments h1 {
	color: var(--color-blue);
}

.home .completed-tournaments h2 {
	font-weight: 800;
	color: var(--color-light-blue);
}

.home .completed-tournaments h3 {
	color: var(--color-blue);
	text-transform: uppercase;
}

.home .completed-tournaments p {
	font-weight: var(--font-weight-light);
	line-height: 150%;
	display: flex;
	justify-content: center;
}

.home .completed-tournament {
	width: var(--content-width);
	max-width: calc(100% - var(--spacing-extra-large-3));
	margin: auto !important;
	display: flex;
	flex-direction: column;
	row-gap: var(--spacing-large);
	align-items: center;
}



.home .completed-tournament .completed-tournament-details-header {
	display: flex;
	gap: var(--spacing-small);
	justify-content: center;
}

.home .completed-tournament .completed-tournament-details-header * {
	font-size: var(--font-size-small) !important;
}

.home .completed-tournament .completed-tournament-details-header div:not(:first-child) {
	border-left: 1px solid var(--color-orange);
	padding-left: var(--spacing-small) !important;
}

.home .completed-tournament .tournament-details-awards-grid {
	gap: var(--spacing-medium);
	gap: var(--spacing-medium);
	width: var(--content-width);
	max-width: 100%;
	margin: auto;
	color: var(--color-white);
	font-weight: var(--font-weight-light);
	display: flex;
	align-content: space-between;
	flex-wrap: wrap;
	justify-content: center;
}


.home .completed-tournament .tournament-details-award {
	position: relative;
	background-size: cover;
	background-position: top;
	border-radius: var(--border-radius);
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .1);
	width: calc(calc(100% - calc(var(--spacing-medium) * 2))/ 3);
}

.home .completed-tournament .tournament-details-award * {
	color: var(--color-white);
	white-space: nowrap;
}

.home .completed-tournament .tournament-details-award:after {
	content: "";
	display: block;
	padding-bottom: 75%;
}

.home .completed-tournament .tournament-details-award-text {
	background-color: var(--color-blue-opacity-90);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	gap: var(--spacing-extra-small-2);
	padding: var(--spacing-small) 0 !important;
	display: flex;
	flex-direction: column;
	line-height: 100%;
	text-align: left;
	border-radius: 0 0 var(--border-radius) var(--border-radius);
	align-items: center;
}

.home .completed-tournament .tournament-details-award-text-winner {
	font-weight: var(--font-weight-medium);
	text-transform: uppercase;
}








.host-a-tournament {
	width: 100%;
	padding: var(--spacing-extra-large-2) 0 !important;
	text-align: center;
	background-color: var(--color-blue);
}

.host-a-tournament h1,
.host-a-tournament h2 {
	color: white;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	text-align: center;
	line-height: 1;
}

.host-a-tournament h1 {
	color: var(--color-light-blue);
}

.host-a-tournament h2 {
	font-weight: var(--font-weight-light);
	max-width: calc(100% - var(--spacing-large));
	margin: auto !important;
}

.host-a-tournament button {
	background-color: unset;
	color: var(--color-white);
	border: 1px solid var(--color-white);
	border-radius: 100px;
	width: var(--button-width);

}

.home+.social {
	border-top: unset;
}

/******** PAGE STYLES ********/
.page-content {
	background: white;
	padding-bottom: var(--spacing-large);
	margin: 0;
}

.page-content>.entry-content {
	padding-top: var(--spacing-large) !important;
}

.page-content:has(+ .site-footer) {
	padding-bottom: var(--spacing-large) !important;
}

.entry-content+.custom-content {
	padding-top: var(--spacing-large) !important;
}

.entry-content+.custom-content>.contact-info-grid {
	padding-top: 0 !important;
}

[data-pagetitle="Donate"] .entry-content p,
[data-pagetitle="Donate"] .entry-content p * {
	font-size: var(--font-size-large) !important;
}

.donate-button {
	width: var(--button-width) !important;
	height: var(--button-height) !important;
}

/* .donate-button a {
	padding: var(--spacing-large) !important;
} */

.entry-content .wp-block-button {
	max-width: var(--newsletter-form-width) !important;
}

.entry-content .wp-block-button a,
.entry-content .wp-block-button a:visited,
.entry-content .wp-block-button:hover a {
	color: white;
	background-color: var(--color-blue);
}

.entry-header+.custom-content {
	padding-top: var(--spacing-large);

}

.page-content header {
	background-color: var(--color-blue);
}

.page-content h1 {
	line-height: 90%;
	color: var(--color-white);
	padding-top: var(--spacing-large) !important;
	font-weight: var(--font-weight-bold);
	font-size: var(--font-size-extra-large-2) !important;
	text-transform: uppercase;
}

.page-content.blue>.entry-header,
.page-content.orange>.entry-header,
.page-content.light-blue>.entry-header {
	position: relative;

}

.page-content.blue>.entry-header::after,
.page-content.orange>.entry-header::after,
.page-content.light-blue>.entry-header::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 50vmin;
	background: unset;
	background-image: url(../images/background.png);
	background-repeat: repeat-x;
	background-size: 100vmin;
	bottom: 0;
	transform: translateY(100%);
	background-position: top center;
}

.page-content.blue>.entry-header::before,
.page-content.orange>.entry-header::before,
.page-content.light-blue>.entry-header::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 50vmin;
	background: unset;
	bottom: 0;
	transform: translateY(100%);
}

.page-content.blue>.entry-header::before {
	background-color: var(--color-blue);
}

.page-content.orange>.entry-header::before {
	background-color: var(--color-orange);
}

.page-content.light-blue>.entry-header::before {
	background-color: var(--color-light-blue);
}



.subpage-content {
	background-color: white;
	background-image: linear-gradient(var(--color-extra-light-gray), var(--color-white));
	background-size: 100% calc(var(--spacing-extra-large) * 2);
	background-repeat: no-repeat;
	background-position: top;
	display: inline-block;
	margin: 0;
	padding: var(--spacing-large) 0 !important;
	width: 100%;
}

.page-content header h1,
.page-content .content,
.subpage-content header,
.subpage-content .content {
	width: var(--content-width);
	max-width: calc(100% - var(--spacing-extra-large-3));
	margin: auto !important;
}

.subpage-content h1 {
	color: var(--color-blue);
	padding-bottom: var(--spacing-medium) !important;
}

.page-content.no-content {
	padding-bottom: unset;
}

.entry-content,
.custom-content {
	width: var(--content-width);
	max-width: calc(100% - var(--spacing-extra-large-3));
	margin: auto !important;
}

.entry-content .entry-content {
	max-width: 100%;
}

.custom-content h1 {
	text-transform: uppercase;
	color: var(--color-blue);
	padding: unset;
	font-weight: var(--font-weight-bold);
	font-size: var(--font-size-extra-large) !important;
}

.custom-content h1:not(:first-of-type) {
	padding-top: var(--spacing-large);
}

.custom-content .centered-headline {
	text-align: center;
	color: var(--color-orange);
}



/* our-staff styles */
.custom-content.our-staff {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	column-gap: var(--spacing-large);
	row-gap: var(--spacing-large);
	padding-top: 0;
}

.custom-content.our-staff .staff-member {
	background-color: white !important;
	border-radius: var(--border-radius);
	box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, .1);
	overflow: hidden;
	display: flex;
	width: 100%;
	flex-direction: row;
	align-items: center;
	column-gap: 20px;
}

.custom-content.our-staff .staff-member .staff-member-picture {
	width: 40%;
	overflow: hidden;
}

.custom-content.our-staff .staff-member .staff-member-picture:after {
	content: "";
	padding-bottom: 100%;
	display: block;
}

.custom-content.our-staff .staff-member .staff-member-picture img {
	min-width: calc(100% + 4px);
}

.custom-content.our-staff .staff-member .staff-member-text-block {
	padding: var(--spacing-small) !important;
	display: flex;
	flex-direction: column;
	row-gap: var(--spacing-small);
	text-align: left;
}

.custom-content.our-staff .staff-member .staff-member-name {
	color: var(--color-blue) !important;
	line-height: 90%;
	font-weight: 500;
	padding-top: var(--spacing-extra-small-2) !important;
	font-size: var(--font-size-large) !important;
}

.custom-content.our-staff .staff-member .staff-member-title {
	font-weight: 200;
	line-height: 90%;
	color: var(--color-dark-gray);
	font-style: italic;
}

.custom-content.our-staff .staff-member .staff-member-family {
	font-weight: var(--font-weight-light);
}

.custom-content.our-staff hr {
	width: 100px;
	margin: var(--spacing-small) 0 var(--spacing-small) 0;
	padding: 0;
}

.custom-content.our-staff .staff-member-email a {
	text-decoration: none;
	font-weight: var(--font-weight-light);
	color: var(--color-blue);
}

.custom-content.our-staff .staff-member-email a:hover {
	color: var(--color-orange);
}

.custom-content.our-staff .staff-member-email a::before {
	font-family: 'Font Awesome 5 Free';
	content: '\f0e0';
	margin-right: 5px;
}


/* board-members styles */
.custom-content.board-members {
	display: grid;
	grid-gap: var(--spacing-medium);
	padding-top: 0;
	grid-template-columns: repeat(3, 1fr);
}

.custom-content.board-members>p {
	padding: var(--spacing-large) !important;
	background-color: white !important;
	border-radius: var(--border-radius);
	box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, .1);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: var(--color-blue);
	font-weight: var(--font-weight-bold);
	aspect-ratio: 2.5 / 1;
}

.custom-content.board-members>p>em {
	font-weight: var(--font-weight-light);
	color: var(--color-dark-gray);
	line-height: 120%;
	white-space: nowrap;
}


/* itinerary styles */
.custom-content.itinerary {
	display: flex;
	flex-direction: column;
	row-gap: var(--spacing-large);
	width: 100%;
	max-width: unset !important;
}

.custom-content.itinerary .tournament {
	display: flex;
	flex-direction: row;
	column-gap: var(--spacing-medium);
	align-items: center;
	justify-content: flex-start;
}

.custom-content.itinerary .tournament * {
	white-space: nowrap;
}

.custom-content.itinerary .tournament:last-of-type {
	padding-bottom: var(--spacing-extra-large-2) !important;
}


.custom-content.itinerary .tournament-date-icon {
	width: calc(var(--spacing-extra-large-2) * 2);
	height: calc(var(--spacing-extra-large-2) * 2);
	min-width: calc(var(--spacing-extra-large-2) * 2);
	min-height: calc(var(--spacing-extra-large-2) * 2);
	background-color: var(--color-blue);
	display: flex;
	flex-direction: column;
	border-radius: 10px;
	color: white;
	justify-content: center;
	align-items: center;
	font-weight: 900;
	line-height: .8 !important;
	row-gap: var(--spacing-extra-small-2);
}

.custom-content.itinerary .tournament-date-icon-month {
	text-transform: uppercase;
	font-size: calc(var(--font-size-default) * 1.5) !important;
}

.custom-content.itinerary .tournament-date-icon-day {
	font-size: calc(var(--font-size-extra-large) * 1.5) !important;
}

.custom-content.itinerary .tournament-right {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 100%;
	gap: var(--spacing-large);
}

.custom-content.itinerary .tournament-text {
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: var(--spacing-small);
	text-align: left;
	line-height: 100%;
}

.custom-content.itinerary .tournament-name {
	color: var(--color-blue);
	font-weight: 800;
	font-size: var(--font-size-medium-large) !important;
}

.custom-content.itinerary .tournament-host {
	font-weight: var(--font-weight-light);
}

.custom-content.itinerary .past-tournaments,
.custom-content.itinerary .upcoming-tournaments {
	display: flex;
	flex-direction: column;
	row-gap: var(--spacing-large);
	margin: auto !important;
	width: 100%;
	padding-top: var(--spacing-extra-large) !important;
}

.custom-content.itinerary .past-tournaments {
	background-color: var(--color-extra-light-gray);
}

.custom-content.itinerary .past-tournaments h1,
.custom-content.itinerary .past-tournaments .tournament,
.custom-content.itinerary .upcoming-tournaments h1,
.custom-content.itinerary .upcoming-tournaments p,
.custom-content.itinerary .upcoming-tournaments .tournament {
	width: var(--content-width);
	max-width: calc(100% - var(--spacing-extra-large-3));
	margin: auto !important;
}

/* completed-tournament styles */
.custom-content.completed-tournament {
	display: flex;
	flex-direction: column;
	row-gap: var(--spacing-large);
	padding: var(--spacing-large) 0 !important;
}

.custom-content.completed-tournament .completed-tournament-details-header {
	display: flex;
	gap: var(--spacing-small);
}

.custom-content.completed-tournament .completed-tournament-details-header * {
	font-size: var(--font-size-small) !important;
}

.custom-content.completed-tournament .completed-tournament-details-header div:not(:first-child) {
	border-left: 1px solid var(--color-orange);
	padding-left: var(--spacing-small) !important;
}

.custom-content.completed-tournament .tournament-details-awards-grid {
	gap: var(--spacing-medium);
	width: var(--content-width);
	max-width: 100%;
	margin: auto;
	color: var(--color-white);
	font-weight: var(--font-weight-light);
	display: flex;
	align-content: space-between;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.custom-content.completed-tournament .tournament-details-awards-grid:has(> :nth-child(3)) {
	justify-content: center;
}


.custom-content.completed-tournament .tournament-details-award {
	position: relative;
	background-size: cover;
	background-position: top;
	border-radius: var(--border-radius);
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .1);
	width: calc(calc(100% - calc(var(--spacing-medium) * 2))/ 3);
}

.custom-content.completed-tournament .tournament-details-award:after {
	content: "";
	display: block;
	padding-bottom: 75%;
}

.custom-content.completed-tournament .tournament-details-award-text {
	background-color: var(--color-blue-opacity-90);
	position: absolute;
	inset: auto 0 0 0;
	gap: var(--spacing-extra-small-2);
	padding: var(--spacing-small) !important;
	display: flex;
	flex-direction: column;
	line-height: 100%;
	text-align: left;
	border-radius: 0 0 var(--border-radius) var(--border-radius);
	align-items: center;
}

.custom-content.completed-tournament .tournament-details-award-text-winner {
	font-weight: var(--font-weight-medium);
	text-transform: uppercase;
}

.custom-content.completed-tournament p {
	font-weight: var(--font-weight-light);
	line-height: 150%;
}



/* upcoming-tournament styles */
.custom-content.upcoming-tournament {
	display: flex;
	flex-direction: column;
	row-gap: var(--spacing-large);
	text-align: left;
	padding-top: var(--spacing-large) !important;
}

.custom-content.upcoming-tournament .upcoming-tournament-details-header {
	text-transform: uppercase;
	color: var(--color-blue);
	padding-bottom: var(--spacing-extra-small);
	font-weight: var(--font-weight-bold);
	text-align: left;
	padding: 0;
}

.custom-content.upcoming-tournament .upcoming-tournament-details-row {
	display: flex;
	text-align: left;
	gap: var(--spacing-medium);
	align-items: center;
	padding: 0;
}

.custom-content.upcoming-tournament .upcoming-tournament-details-row>div {
	width: var(--tournament-details-column-1-width);
	min-width: var(--tournament-details-column-1-width);
}

.custom-content.upcoming-tournament .upcoming-tournament-details-row>div:not(:first-child) {
	width: 100%;
}

.custom-content.upcoming-tournament .upcoming-tournament-info-column {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-extra-small-2);
}

.custom-content.upcoming-tournament .upcoming-tournament-info-column-row {
	display: flex;
	flex-direction: row;
	gap: var(--spacing-extra-small);
}

.custom-content.upcoming-tournament .upcoming-tournament-info-column-row-icon {
	min-width: 25px;
	text-align: center;
}

.custom-content.upcoming-tournament .upcoming-tournament-info-column-row-data {}

.custom-content.upcoming-tournament .upcoming-tournament-date-icon {
	width: 150px;
	height: 150px;
	min-width: 150px;
	min-height: 150px;
	background-color: var(--color-blue);
	display: flex;
	flex-direction: column;
	border-radius: 10px;
	color: white;
	justify-content: center;
	align-items: center;
	font-weight: 900;
	line-height: .8 !important;
	row-gap: var(--spacing-extra-small-2);
}

.custom-content.upcoming-tournament .upcoming-tournament-date-icon-month {
	text-transform: uppercase;
	font-size: calc(var(--font-size-default) * 1.5) !important;
}

.custom-content.upcoming-tournament .upcoming-tournament-date-icon-day {
	font-size: var(--font-size-extra-large) !important;
	font-size: calc(var(--font-size-extra-large) * 1.5) !important;
}

.custom-content.upcoming-tournament .upcoming-tournament-details-section {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-small);
}

.custom-content.upcoming-tournament .upcoming-tournament-details-registration-info-header {
	color: var(--color-light-blue);
	line-height: 100%;
}

.custom-content.upcoming-tournament .upcoming-tournament-details-registration-step {}

.custom-content.upcoming-tournament .upcoming-tournament-details-registration-step-header {
	color: var(--color-blue);
}

.custom-content.upcoming-tournament .upcoming-tournament-details-registration-step-header span {
	font-weight: var(--font-weight-medium);
	color: var(--color-orange);
}

.custom-content.upcoming-tournament .upcoming-tournament-documents {
	display: flex;
	gap: var(--spacing-small);
}

.custom-content.upcoming-tournament .upcoming-tournament-documents:last-of-type {
	padding-bottom: var(--spacing-extra-large-2) !important;
}

.custom-content.upcoming-tournament .upcoming-tournament-document {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-extra-small);
	align-items: center;
}

.custom-content.upcoming-tournament .upcoming-tournament-document-name {}

.custom-content.upcoming-tournament .upcoming-tournament-document-icon {
	background-image: url(../images/pdf-icon.png);
	height: var(--document-icon-height);
	width: 100%;
}


#teamRegistrationFormModal {
	position: fixed;
	background-color: var(--color-blue-opacity-95);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: var(--spacing-small);
	overscroll-behavior: contain;
	opacity: 0;
	pointer-events: none;
	z-index: 1000;
	transition: opacity .25s ease-in-out;
}

#teamRegistrationFormModal.show {
	opacity: 1;
	pointer-events: unset;
}

#teamRegistrationFormModalContent {
	display: flex;
	background-color: var(--color-white);
	padding: var(--spacing-small);
	gap: var(--spacing-extra-small);
	width: calc(100% - var(--spacing-extra-small) - var(--spacing-extra-small));
	flex-direction: column;
	height: calc(100% - var(--spacing-extra-small));
	overflow-y: scroll;
	overscroll-behavior: contain;
	max-width: calc(var(--content-width) / 2);
	position: relative;
	border-radius: var(--border-radius);
}

#teamRegistrationFormModalContent h3 {
	text-align: left;
	color: var(--color-blue);
}

#teamRegistrationFormModalContent h4 {
	text-align: left;
	color: var(--color-light-blue);
	width: calc(100% - var(--spacing-extra-large-3));
	margin: 0;
}

#teamRegistrationForm {
	display: flex;
	gap: var(--spacing-extra-small);
	flex-direction: column;
}

#teamRegistrationFormModalContent .form-submit {
	display: flex;
	gap: var(--spacing-extra-small);
	flex-direction: column;
	margin: var(--spacing-large) 0;
}

#hideRegistrationFormButton {
	position: absolute;
	top: var(--spacing-small);
	right: var(--spacing-small);
	height: var(--modal-close-button-size);
	width: var(--modal-close-button-size);
	border-radius: var(--border-radius);
	background-image: url(../images/close.png);
	background-color: var(--color-orange);
	cursor: pointer;
}

#hideRegistrationFormButton:hover {
	background-color: var(--color-orange-hover);
}

#teamRegistrationFormModal input:not([type="submit"]),
#teamRegistrationFormModal select,
#teamRegistrationFormModal textarea {
	width: 100%;
	background-color: var(--color-extra-light-gray);
	border: 1px solid var(--color-none);
	color: var(--color-dark-gray);
	text-align: left;
	padding: var(--spacing-extra-small-2) var(--spacing-extra-small) !important;
	font-weight: var(--font-weight-light);
	border-radius: var(--border-radius);
}


#teamRegistrationFormModal input[type="submit"] {
	background-color: var(--color-light-blue) !important;
	width: calc(var(--button-width) * 1.25) !important;
	height: calc(var(--button-height) * 1) !important;
	color: white !important;
	max-width: 100%;
	border-radius: 100px !important;
}



/* social styles */
.social {
	width: var(--content-width);
	max-width: calc(100% - var(--spacing-extra-large-3));
	margin: auto !important;
	padding: var(--spacing-extra-large-2) 0 var(--spacing-extra-large) !important;
	color: var(--color-blue);
	text-transform: uppercase;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.social h2 {
	color: var(--color-orange) !important;
	font-weight: 800 !important;
	text-align: center;
}

.social .social-icons {
	display: flex;
	width: 100%;
	justify-content: center;
}

.social .social-icons a {
	display: flex;
	width: 100%;
	justify-content: center;
	max-width: 100px;
}

.social .social-icon {
	width: 100%;
	max-width: 100px;
	background-size: 100%;
}

.social .social-icon::after {
	content: "";
	padding-bottom: 100%;
	display: block;
}

.social .social-icon.facebook {
	background-image: url(../images/social-facebook.png);
}

.social .social-icon.instagram {
	background-image: url(../images/social-instagram.png);
}

.social .social-icon.x {
	background-image: url(../images/social-x.png);
}

.social .social-icon.youtube {
	background-image: url(../images/social-youtube.png);
}



/* custom bullet classes */
ul.custom-bullets,
ul.custom-bullets {
	margin: auto;
	padding: 0;
	list-style: none;
}

ul.custom-bullets li,
ul.custom-bullets li {
	line-height: 150%;
	font-weight: var(--font-weight-light);
	position: relative;
}

ul.custom-bullets li::before,
ul.custom-bullets li::before {
	content: "\2022";
	margin-right: var(--spacing-small);
	font-weight: var(--font-weight-bold);
	color: var(--color-light-blue);
	position: absolute;
	left: 0;
	top: 0;
}

ul.custom-bullets li>span,
ul.custom-bullets li>span {
	width: calc(100% - var(--spacing-extra-large-3));
	margin-left: var(--spacing-medium);
}


/* newsletter classes */
.newsletter {
	text-transform: uppercase;
	background-color: var(--color-orange-hover);
	background-size: 100% calc(var(--spacing-extra-large)* 4);
	background-repeat: no-repeat;
	background-position: top;
	display: inline-block;
	margin: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: var(--spacing-extra-large-2) 0 !important;
	gap: var(--spacing-extra-small-2);
	color: var(--color-blue);
	align-items: center;
}

.newsletter h2 {
	font-weight: 800 !important;
	max-width: calc(100% - var(--spacing-extra-large-3));
	text-align: center;
}

.newsletter_form {
	width: var(--newsletter-form-width);
	max-width: calc(100% - var(--spacing-extra-large-3));
	margin: auto;
}

.newsletter_form::after {
	content: "";
	display: block;
	clear: both;
}

.newsletter_form input[type=email] {
	background-color: var(--color-white);
	color: var(--color-dark-gray);
	border-radius: 25px;
	height: var(--button-height);
	padding-left: var(--spacing-medium) !important;
	text-align: left;
	border: 0px solid var(--color-white);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	font-weight: 300;
}

input:focus,
select:focus,
textarea:focus {
	outline: none !important;
	border: 1px solid var(--color-gray);
}

.newsletter_form input[type=submit] {
	cursor: pointer;
	margin-left: -108px;
	border: 0px solid white;
	height: calc(var(--button-height) - 0px);
	border-radius: 25px;
	width: 109px;
	color: var(--color-white);
	text-transform: uppercase;
	padding: 0;
	line-height: 0;
	position: absolute;
	top: 0;
	right: 0;
	background-color: var(--color-blue);
	color: var(--color-white);
	border: 1px solid var(--color-blue);
}

.mc-field-group {
	width: 100%;
	position: relative;
	height: 45px;
}

#mce-error-response,
#mce-success-response {
	position: absolute;
	width: var(--newsletter-form-width);
	max-width: calc(100% - var(--spacing-extra-large-3));
	height: 55px;
	background-color: var(--color-dark-gray);
	margin-top: -50px;
	color: var(--color-orange);
}

#mce-error-response {
	color: var(--color-invalid);
}

.mce_inline_error {
	position: absolute;
	width: 100%;
	top: 45px;
}


/* contact classes */
.contact-form {}

.contact-form label {
	width: 100%;
	display: block;
	border: none;
	color: var(--color-dark-gray);
	font-weight: var(--font-weight-light);
	padding: 0;
	color: var(--color-light-gray);
	text-align: right;
}

.contact-form input,
.contact-form textarea {
	width: 100%;
	background-color: var(--color-extra-light-gray);
	border: 1px solid var(--color-none);
	color: var(--color-dark-gray);
	text-align: left;
	padding: var(--spacing-medium) !important;
	font-weight: var(--font-weight-light);
	border-radius: var(--border-radius);
}

.contact-form textarea {
	height: 250px;
	resize: none;
}

.contact-form input[type="submit"] {
	background-color: var(--color-orange);
	color: var(--color-white);
	border: none;
	text-transform: uppercase;
	height: var(--button-height);
	cursor: pointer;
	border-radius: var(--border-radius);
	font-weight: var(--font-weight-bold);
	text-align: center;
}

.contact-form .contact-form-content {
	display: flex;
	gap: var(--spacing-small);
	flex-direction: column;
}

.contact-form .contact-form-row {
	display: flex;
	gap: var(--spacing-small);
	flex-direction: row;
}

.contact-form .contact-form-row div {
	width: 100%;
}

.contact-form #contact-success {
	display: none;
}

.contact-form #contact-fail {
	display: none;
}

.contact-form+.contact-info-grid {
	padding: var(--spacing-extra-large) 0 !important;
}

.contact-form label.invalid {
	color: var(--color-invalid) !important;
}

.contact-form input.invalid,
.contact-form textarea.invalid {
	border: 1px solid var(--color-invalid) !important;
}

.contact-info-grid {
	display: grid;
	grid-auto-rows: 1fr;
	gap: var(--spacing-medium);
	padding-top: var(--spacing-extra-large) !important;
	padding-bottom: var(--spacing-extra-large) !important;
	grid-template-columns: 1fr 1fr;
}

.contact-info-grid h3 {
	color: var(--color-blue);
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: var(--font-size-medium-large) !important;
}

/* Each row is now a grid */
.contact-info-grid .contact-grid-cell {
	display: grid;
	grid-template-columns: 80px 1fr;
	align-items: center;
	min-height: 120px;
	text-align: center;
	background-color: white !important;
	border-radius: var(--border-radius);
	box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, .1);
	padding: var(--spacing-medium) !important;
	gap: var(--spacing-small);
}

/* Left column */
.contact-info-grid .contact-grid-cell-left {
	display: grid;
	place-items: center;
}

/* Icon */
.contact-info-grid .contact-grid-cell-left i {
	color: var(--color-light-gray);
	font-size: 40px !important;
	margin-bottom: var(--spacing-medium);
}

/* Right column */
.contact-info-grid .contact-grid-cell-right {
	display: grid;
	text-align: left;
	justify-content: start;
}

/* Text */
.contact-info-grid .contact-info-value,
.contact-info-grid a,
.contact-info-grid a:visited {
	font-size: var(--font-size-default) !important;
	color: var(--color-gray);
}


/* footer classes */
footer {
	background-color: var(--color-blue);
	color: var(--color-white);
	font-weight: var(--font-weight-light);
	background-image: linear-gradient(var(--color-blue-hover), var(--color-blue));
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: top;
	width: 100%;
	padding: var(--spacing-large) !important;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-small);
}

footer *,
footer a,
footer a:hover,
footer a:visited {
	color: var(--color-white) !important;
}

.footer-logo {
	background-image: url(../images/footer-logo.png);
	height: 140px;
	width: 140px;
	margin: auto !important;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

footer .menu {
	display: flex;
	gap: var(--spacing-medium);
	justify-content: center;
}

.footer-social {
	display: flex;
	justify-content: center;
}

.footer-social-button {
	width: var(--button-height);
	height: var(--button-height);
}

.footer-social-facebook {
	background-image: url(../images/footer-social-facebook.png);
}

.footer-social-twitter {
	background-image: url(../images/footer-social-twitter.png);
}

.footer-social-instagram {
	background-image: url(../images/footer-social-instagram.png);
}

footer ul {
	padding: 0;
	margin: auto;
}

footer ul li {
	display: inline-grid
}

footer a {
	text-decoration: none;
}

footer a:visited {
	color: var(--color-white);
}

footer ul li a {
	padding: 0 10px;
}

.footer-copyright * {
	font-size: var(--font-size-small) !important;
}

#international-menu>li {
	position: relative;
	padding-left: calc(calc(var(--font-size-default) * 1.5) + var(--spacing-extra-small)) !important;
}

#international-menu>li>a {
	padding-left: 5px;
}

#international-menu>li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: calc(calc(var(--font-size-default) * 1.5) + var(--spacing-extra-small)) !important;
	height: var(--font-size-default);
	background-repeat: no-repeat;
	background-size: contain;
}

.india:before {
	background-image: url(../images/india.png);
}

.indonesia:before {
	background-image: url(../images/indonesia.png);
}

.philippines:before {
	background-image: url(../images/philippines.png);
}

.usa:before {
	background-image: url(../images/usa.png);
}

#international-menu>li.philippines {
	padding-left: calc(calc(var(--font-size-default) * 2) + var(--spacing-extra-small)) !important;
}

#international-menu>li.philippines::before {
	width: calc(calc(var(--font-size-default) * 2) + var(--spacing-extra-small)) !important;
}

#international-menu>li.usa {
	padding-left: calc(calc(var(--font-size-default) * 2) + var(--spacing-extra-small)) !important;
}

#international-menu>li.usa::before {
	width: calc(calc(var(--font-size-default) * 2) + var(--spacing-extra-small)) !important;
}





/* footer social styles */
footer .social-icons {
	display: flex;
	justify-content: center;
}

footer .social-icons a {
	display: flex;
	justify-content: center;
}

footer .social-icon {
	max-width: 80%;
	width: 55px;
	background-size: 100%;
	margin: auto;
}

footer .social-icon::after {
	content: "";
	padding-bottom: 100%;
	display: block;
}

footer .social-icon.facebook {
	background-image: url(../images/footer-social-facebook.png);
}

footer .social-icon.instagram {
	background-image: url(../images/footer-social-instagram.png);
}

footer .social-icon.x {
	background-image: url(../images/footer-social-x.png);
}

footer .social-icon.youtube {
	background-image: url(../images/footer-social-youtube.png);
}

footer .footer-copyright a,
footer .footer-copyright a:hover,
footer .footer-copyright a:visited {
	text-decoration: underline !important;
}






























.entry-content {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-small);
	text-align: left;
}

.entry-content h1 {
	padding: 0;
	margin: 0;
}

.entry-content h2 {
	color: var(--color-orange);
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}

.entry-content h3 {
	padding: 0;
	margin: 0;
	color: var(--color-blue);
	font-weight: var(--font-weight-regular);
}

.entry-content h4 {
	padding: 0;
	margin: 0;
	color: var(--color-orange);
	font-weight: var(--font-weight-medium);
}

.entry-content p {
	padding: 0;
	margin: 0;
	font-weight: var(--font-weight-light);
	line-height: 175%;
}

.entry-content strong {
	font-weight: var(--font-weight-regular);
}


.entry-content ul,
.custom-content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.entry-content ul li,
.custom-content ul li {
	font-weight: var(--font-weight-light);
	position: relative;
	left: var(--spacing-small);
}

.entry-content ul li::before,
.custom-content ul li::before {
	content: "\2022";
	font-weight: var(--font-weight-medium);
	color: var(--color-light-blue);
	position: absolute;
	left: calc(var(--spacing-small) * -1);
	top: 0;
}

.orange .entry-content ul li::before,
.light-blue .entry-content ul li::before {
	color: var(--color-white);
	opacity: .5;
}

.entry-content ul li>span,
.custom-content ul li>span {
	width: calc(100% - var(--spacing-extra-large-3));
	margin-left: var(--spacing-medium);
}

.entry-content *+ul {
	margin-top: calc(var(--spacing-small) * -1) !important;
}

.entry-content h4+* {
	margin-top: calc(var(--spacing-small) * -1) !important;
}

.entry-content *+h3,
.entry-content *+h4 {
	/* margin-top: var(--spacing-small); */
}

.entry-content h2+h3 {
	margin-top: 0;
}

.entry-content .left,
.entry-content .right {
	width: 50%;
}

.subpage-content.orange,
.subpage-content.light-blue,
.subpage-content.blue {
	background: unset;
	background-image: url(../images/background.png);
	background-repeat: repeat-x;
	background-size: 100vmin;
	background-position: top center;
}

.subpage-content.orange-hide,
.subpage-content.light-blue-hide,
.subpage-content.blue-hide {
	background: unset;
}

.subpage-content.orange *,
.subpage-content.light-blue *,
.subpage-content.blue *,
.subpage-content.orange-hide *,
.subpage-content.light-blue-hide *,
.subpage-content.blue-hide * {
	color: var(--color-white);
}

/* .subpage-content.light-blue h1, */
.subpage-content.light-blue h2,
.subpage-content.light-blue h3,
/* .subpage-content.light-blue-hide h1, */
.subpage-content.light-blue-hide h2,
.subpage-content.light-blue-hide h3 {
	color: var(--color-blue);
}

.subpage-content.orange,
.subpage-content.orange-hide {
	background-color: var(--color-orange);
}

.subpage-content.light-blue,
.subpage-content.light-blue-hide {
	background-color: var(--color-light-blue);
}

.subpage-content.blue,
.subpage-content.blue-hide {
	background-color: var(--color-blue);
}


.entry-content.flex-column {
	display: flex;
	flex-direction: column;
}

.entry-content.flex-row {
	display: flex;
	flex-direction: row;
}

.entry-content.flex-row.center>* {
	display: flex;
	flex-direction: column;
	justify-content: center;
}


/* locations SVGs */
.entry-content.locations .left {
	background-image: url(../images/location-text.svg);
	background-position: left;
	width: 50%;
	color: var(--color-none);
	font-size: 1px;
}

.entry-content.locations .left::after {
	content: "";
	padding-bottom: 75%;
	display: block;
}

.entry-content.locations .right {
	background-image: url(../images/location-map.svg);
	background-position: left;
	width: 50%;
}

.entry-content.locations .right::after {
	content: "";
	padding-bottom: 50%;
	display: block;
}



/* purpose SVGs */
.entry-content.purpose .left {
	background-image: url(../images/purpose.svg);
	background-position: left;
	width: 50%;
	color: var(--color-none);
	font-size: 1px !important;
}

.entry-content.purpose .left::after {
	content: "";
	padding-bottom: 62.5%;
	display: block;
}

















/* responsive video classes */
.responsive-video {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25% !important;
	border-radius: 3px;
	border: 15px solid var(--color-extra-light-gray);
	box-shadow: 0px 5px 10px rgba(0, 0, 0, .3);
	background-color: var(--color-light-gray);
}

.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


pre {
	text-align: left !important;
}




.menu-toggle {
	width: unset;
	background-color: unset;
	height: unset;
	padding: unset;
	position: absolute;
	transform: translateY(-100%);
	height: 80px;
	width: 80px;
	z-index: 100;
	display: none;
}

#hamburger-svg {
	height: 80%;
	width: 80%;
	pointer-events: none;
}

.ham {
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: transform 400ms;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.line {
	fill: none;
	transition: stroke-dasharray 200ms, stroke-dashoffset 200ms;
	stroke: var(--color-blue);
	stroke-width: 3;
	stroke-linecap: butt !important;

}

.menu-toggle:hover .line {
	stroke: var(--color-orange);
}

.ham6 .top {
	stroke-dasharray: 40 182;
}

.ham6 .middle {
	stroke-dasharray: 40 111;
}

.ham6 .bottom {
	stroke-dasharray: 40 172;
}

.main-navigation.toggled .ham6 .top {
	stroke-dashoffset: -132px;
}

.main-navigation.toggled .ham6 .middle {
	stroke-dashoffset: -71px;
}

.main-navigation.toggled .ham6 .bottom {
	stroke-dashoffset: -132px;
}

.error-404 {
	display: flex;
	min-height: 500px;
	text-align: center;
	justify-content: center;
	align-items: center;
}



/* Large tablets / small laptops */
@media screen and (max-width: 1000px) {
	/* Overrides for <= 1000px */

	html {
		/* font-size: 16px; */
	}

	:root {
		--content-width: 100%;
	}

	.home .home-header {
		padding: 10vmin 0 !important;
	}

	.home .home-header h2 {
		letter-spacing: unset;
	}

	.home .completed-tournament .tournament-details-award {
		width: calc(calc(100% - calc(var(--spacing-medium) * 1))/ 2);
	}

	.custom-content.completed-tournament .tournament-details-award {
		width: calc(calc(100% - calc(var(--spacing-medium) * 1))/ 2);
	}

	.custom-content.board-members {
		grid-template-columns: repeat(2, 1fr);
	}

	.custom-content.board-members>p {
		aspect-ratio: 3.5 / 1;
	}



	.entry-content.flex-row {
		flex-direction: column !important;
	}

	.entry-content .left,
	.entry-content .right {
		width: 100% !important;
	}

	.entry-content.flex-row.purpose .left,
	.entry-content.flex-row.locations .left {
		width: 75% !important;
	}

	.custom-content.itinerary .tournament {}

	.custom-content.itinerary h1 {
		text-align: center;
	}

	.custom-content.itinerary .tournament {
		padding-bottom: var(--spacing-extra-large) !important;
		flex-direction: column;
		display: flex;
		align-items: center;
		gap: var(--spacing-medium);
	}

	.custom-content.itinerary .tournament-right {
		display: flex;
		align-items: center;
		justify-content: space-around;
		width: unset;
		gap: var(--spacing-small);
		flex-direction: column;
		align-content: center;
	}

	.custom-content.itinerary .tournament-text {
		align-items: center;
	}


}


/* Tablets */
@media screen and (max-width: 768px) {

	/* Overrides for <= 768px */

	html {
		/* font-size: 14px; */
	}

	:root {
		/* --font-size-medium: 12px; */
	}

	.menu-toggle {
		display: block;
	}

	.orange-bar,
	#masthead .site-branding .spacer-medium {
		display: none;
	}


	#site-navigation {
		padding-bottom: unset
	}

	#logo {
		height: 80px;
		width: 100px;
	}

	.toggled #primary-menu * {
		display: unset;
		position: unset;
		height: unset;
		box-shadow: unset;
		margin: unset;
		border: unset;
		padding: unset;
		top: unset;
	}

	.menu-top-container {
		position: fixed;
		inset: 0;
		transform: translateY(-100%);
		pointer-events: none;
		opacity: 0;
		transition: opacity 250ms ease-in-out;
	}

	.toggled .menu-top-container {
		pointer-events: unset;
		background-color: var(--color-white);
		transform: translateY(0);
		opacity: 1;
		z-index: 99;
	}

	.toggled #primary-menu {
		display: flex;
		flex-direction: column;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		padding: var(--spacing-large) !important;
		justify-content: center;
		gap: var(--spacing-large);
	}

	.toggled .menu-item {
		display: flex !important;
		flex-direction: column;
	}

	.toggled .menu-item .menu-item-has-children {}

	.toggled .menu-item a {
		color: var(--color-blue) !important;
		padding: var(--spacing-extra-small-2) !important;
		border-bottom: 1px solid var(--color-gray) !important;
		width: 100% !important;
		padding-bottom: var(--spacing-large) !important;
	}

	.toggled .sub-menu {
		height: 0 !important;
		display: none !important;
	}

	.toggled .menu-item.focus .sub-menu {
		height: auto !important;
	}


	.toggled .sub-menu .menu-item a {
		color: var(--color-gray) !important;
		border-bottom: 1px solid var(--color-extra-light-gray) !important;
	}

	.toggled .menu-top-container ul.nav-menu>li:last-child>a {
		border-bottom: none !important;
	}


	.home .completed-tournament .tournament-details-award {
		width: calc(calc(100% - calc(var(--spacing-medium) * 1))/ 1);
		margin: auto;
	}

	.custom-content.completed-tournament .tournament-details-award {
		width: calc(calc(100% - calc(var(--spacing-medium) * 1))/ 1);
		margin: auto;
	}

	.home .completed-tournament .completed-tournament-details-header {
		flex-direction: column;
		gap: 0;
	}

	.home .completed-tournament .completed-tournament-details-header div {
		padding: 0 !important;
		border: none !important;
		font-size: var(--font-size-small) !important;
	}

	.home .completed-tournament .completed-tournament-details-header div:not(:first-child) {
		padding-left: 0 !important;
	}

	.home .home-header {
		padding: 15vmin 0 !important;
	}


	.home .home-header .site-name {
		width: 90vw;
		font-size: 1px;
	}

	.entry-content.flex-row {
		display: flex;
		flex-direction: column;
	}

	.entry-content .left,
	.entry-content .right {
		width: 100% !important;
	}

	.entry-content.flex-row.purpose .left,
	.entry-content.flex-row.locations .left {
		width: 100% !important;
	}

	footer {
		padding-bottom: var(--spacing-extra-large-2) !important;
	}

	.custom-content.board-members {
		grid-template-columns: repeat(1, 1fr);
	}

	.custom-content.board-members>p {
		padding: var(--spacing-large) !important;
		aspect-ratio: 3.5 / 1;
	}


	.contact-info-grid {
		grid-template-columns: 1fr;
	}

	.custom-content.upcoming-tournament .upcoming-tournament-documents {
		flex-direction: column;
		align-items: flex-start;
	}


	.custom-content.completed-tournament .completed-tournament-details-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 0 !important;
	}

	.custom-content.completed-tournament .completed-tournament-details-header div:not(:first-child) {
		border-left: none !important;
		padding-left: 0 !important;

	}



}


/* Large phones / small tablets */
@media screen and (max-width: 600px) {

	.menu-toggle {
		display: block;
	}

	.custom-content.upcoming-tournament .upcoming-tournament-date-icon {
		width: 100px;
		height: 100px;
		max-width: 100px;
		max-height: 100px;
		min-width: 100px;
		min-height: 100px;

	}



	.upcoming-tournament-details-row {
		flex-direction: column;
		align-items: flex-start !important;
	}

	.custom-content.upcoming-tournament .upcoming-tournament-details-row {
		gap: var(--spacing-extra-small-2);
	}

	.custom-content.board-members {
		grid-template-columns: repeat(1, 1fr);
	}

	.custom-content.board-members>p {
		aspect-ratio: 3 / 1;
		padding: var(--spacing-extra-large) !important;
	}

	.custom-content.our-staff .staff-member .staff-member-picture {
		display: none;
	}

	.custom-content.our-staff .staff-member {
		padding: var(--spacing-large) !important;
	}


}

/* Phones */
@media screen and (max-width: 480px) {
	:root {
		--spacing-extra-large-3: calc(var(--spacing-medium) * 3.75);
	}

	html {
		font-size: 16px;
	}

	.contact-info-grid .contact-grid-cell {
		grid-template-columns: 1fr;
	}

	.contact-info-grid .contact-grid-cell-left {
		display: none;
		font-size: 20px !important;
	}


}

@media screen and (max-width: 360px) {

	html {
		font-size: 14px;
	}

}