:root {
	--background: white;
	--soft_background: gainsboro;
	--mfs_main: rgb(11,112,116);
	--mfs_dark: rgb(16,75,82);
	--mfs_light: rgb(188,228,232);
	--mfs_light_50: rgb(188,228,232,0.5);
	--mfs_text: rgb(255,255,255);
	--mfs_text_50: rgb(255,255,255,0.5);
	--festival_main: rgb(11,112,116);
	--festival_light: rgb(16,75,82);
	--festival_text: rgb(255,255,255);
}

::-webkit-scrollbar-thumb  {
	background-color: var(--mfs_main);
	border-radius: 6px;
	-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
	background-color: var(--mfs_light);
}
::-webkit-scrollbar {
	width: 12px;
}

html {
	font-family: "Raleway", "Verdana", sans-serif;
	font-size: 18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	border-collapse: collapse;
}

body {
	background-color: var(--mfs_light);
	background-image: url('/styles/logo.svg');
	background-attachment: fixed;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-blend-mode: overlay;
	margin: 0;
	scrollbar-color: var(--mfs_main) var(--background);
}

body.framed {
	background-color: white;
}

canvas {
	display: block;
	margin-bottom: 0.5rem;
	height: 3rem;
	width: 100%;
	border-radius: 5px;
}

#loader {
	border: 12px solid var(--mfs_main);
	border-radius: 50%;
	border-top: 12px solid var(--mfs_light);
	width: 70px;
	height: 70px;
	animation: spin 1s linear infinite;
}

div.spinner {
	border-radius: 50%;
	border: 12px solid var(--mfs_main);
	border-top: 12px solid var(--mfs_light);
	width: 70px;
	height: 70px;
	animation: spin 1s linear infinite;
	margin: 2rem auto;
}

div.spinCenter {
	margin-top: 25%;
}

div.fifth {
	max-width: 17.5%;
}

div.processingDimmer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--soft_background);
	z-index: 999;
	opacity: 0.5;
	vertical-align: middle;
	text-align: center;
	cursor: wait;
}

@keyframes spin {
	100% {
		transform: rotate(360deg);
	}
}

.recording {
	animation-name: record;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}

@keyframes record {
	0% {background-color: var(--mfs_main);}
	50% {background-color: rgb(255,0,0);}
	100% {background-color: var(--mfs_main);}
}

.screenCenter {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

a {
	color: var(--mfs_main);
}

a:hover, a:visited {
	color: var(--mfs_light);
}

p {
	display: inline;
	margin: 0;
}

.reset {
	all: unset;
}

select, input[type="text"], input[type="number"] {
	font-family: "Raleway", "FontAwesome", "Verdana", sans-serif;
	font-size: 1rem;
	max-width: 100%;
}

*:disabled {
	cursor: not-allowed;
}

.adminView {
	cursor: not-allowed !important;
}

input[type="checkbox"] {
	accent-color: var(--mfs_main);
}

table.bare {
	border: 0;
}

table.odds tr:nth-child(odd) {
	background: -webkit-linear-gradient(left, transparent 0%, gainsboro 10%, gainsboro 90%, transparent 100%);
}

table.odds tr td, table.bare tr td {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	border: 0;
}

th {
	background-color: var(--mfs_main);
	font-weight: 600;
	color: var(--mfs_text);
}

span.bullet {
	width: 3rem;
	display: inline-block;
	text-align:left;
}

input[type="range"] {
	appearance: none;
	min-width: 250px;
	width: 50%;
	height: 5px;
	background: var(--mfs_light);
	outline: none;
	border-radius: 5px;
	margin: 0px;
}

input[type="range"]::-webkit-slider-thumb {
	appearance: none;
	margin-top: -16px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: var(--mfs_main);
	cursor: pointer;
}

.flex, .middleFlex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	row-gap: 1rem;
	column-gap: 2rem;
	row-gap: 1rem;
}

.flex {
	align-items: flex-start;
	align-content: flex-start;
}

.middleFlex {
	align-items: center;
	align-content: center;
}

table.invoice {
	font-family: "Lora", serif;
	border-radius: 3px;
	border-collapse: collapse;
	border: 1px solid black;
}
table.invoice th, table.invoice td.Total {
	background-color: var(--mfs_main);
	color: var(--mfs_text);
	font-weight: 600;
}
table.invoice td.subSubTotal {
	color: var(--mfs_main);
	font-style: italic;
}
table.invoice td.subTotal {
	background-color: var(--mfs_light_50);
	font-style: italic;
}
table.invoice td.Total {
	font-style: italic;
}
table.invoice td.blank {
	background-color: white !important;
}

h1 {
	font-family: "Lora", serif;
	font-weight: 900;
	color: var(--mfs_main);
	margin-block-start: 0;
}

h2 {
	font-family: "Raleway", "Verdana", sans-serif;
	font-weight: 600;
	color: var(--mfs_main);
}

h2.cardTopper {
	margin-block-start: 0px;
}

h3 {
	font-family: "Raleway", "Verdana", sans-serif;
	color: black;
}


h1.festival, h2.festival {
	color: var(--festival_main);
}
h1.festival {
	margin-block-start: 0;
}

.pageContent {
	margin-top:110px;
}

.alert {
	font-family: "Raleway", "Verdana", sans-serif;
	font-size: 1rem;
	padding: 20px;
	background-color: var(--mfs_main);
	color: var(--mfs_text);
	margin: 0;
	border: 0;
}

button.alert {
	cursor: pointer;
}

i.betaFloater {
	position: fixed;
	font-size: 1rem;
	bottom: 0.5em;
	left: 0.5em;
	opacity: 0.5;
	color: var(--mfs_main);
}

a.helpFloater {
	position: fixed;
	font-size: 2rem;
	bottom: 0.5em;
	right: 0.5em;
	opacity: 0.5;
	color: var(--mfs_main);
	transition: 0.5s;
}

a.helpFloater:hover {
	opacity: 1;
}

div.helpOverlay {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	align-content: flex-end;
	flex-direction: column;
	row-gap: 0.5em;
	position: fixed;
	bottom: 0.5em;
	right: 0.5em;
	opacity: 0.5;
	background-color: var(--mfs_main);
	transition: 0.5s;
	text-align: right;
	vertical-align: middle;
	max-width: 15em;
	max-height: 5em;
	border-radius: 1em;
	padding: 0.5em;
}

div.helpOverlay:hover {
	opacity: 1;
}

div.helpOverlay button {
	color: var(--mfs_text_50);
	background-color: transparent;
	border: none;
	font-family: "Raleway", "Verdana", sans-serif;
	transition: 0.5s;
}

div.helpOverlay button:hover {
	color: var(--mfs_text);
}

div.helpOverlay button span.helpExplainer, div.helpOverlay button.helpSupport {
	display: none;
}

div.helpOverlay:hover button span.helpExplainer {
	display: inline;
}

div.helpOverlay:hover button.helpSupport {
	display: block;
}

.userMenu {
	padding: 5px 0px 0px 0px;
	background-color: var(--background);
	color: var(--mfs_main);
	margin: 0;
	max-height: 110px;
	position: fixed;
	top: 0;
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	z-index: 999;
}

.mobileTopper {
	background-color: var(--background);
	color: var(--mfs_main);
	margin: 0;
	max-height: 150px;
	position: fixed;
	top: 0;
	width: 100%;
	display: none;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-end;
}

.mobileBottom {
	background-color: var(--background);
	color: var(--mfs_main);
	margin: 0;
	max-height: 75px;
	height: 75px;
	position: fixed;
	bottom: 0%;
	width: 100%;
	display: none;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

.leftMenu {
	text-align: left;
	height: 100px;
	max-height: 100px;
	min-width: 380px;
	display: inline-block;
	margin: auto 0 auto 0;
	vertical-align: middle;
}

.rightMenu {
	text-align: right;
	align-self: flex-end;
}

.headerIcon {
	max-width:335px;
	max-height: 100px;
	margin: auto 0;
	display: inline-block;
}

.headerText {
	font-family: "Lora", serif;
	font-weight: 900;
	font-size: 2rem;
	max-height: 100px;
	padding-left: 1rem;
	display:inline-block;
	vertical-align: top;
	cursor: pointer;
}

.festivalMobileText {
	font-family: "Lora", serif;
	font-weight: 900;
	font-size: 1.5em;
	max-height: 100px;
	padding-right: 1rem;
	display:inline-block;
	vertical-align: top;
	cursor: pointer;
	text-align: right;
}

.menuItem, .syllabusMenuItem, .subMenuItem, .activeMenuItem {
	border: 1px solid var(--mfs_light);
	background-color: var(--background);
	font-family: "Raleway", "Verdana", sans-serif;
	font-size: 1rem;
	font-weight: 600;
	transition: ease 0.5s;
	margin: 0;
	display: inline-block;
	padding: 10px 15px 5px 10px;
	border-radius: 5px 5px 0px 0px;
	cursor: pointer;
}

.menuItem, .syllabusMenuItem {
	background-color: var(--background);
	color: var(--mfs_main);
}

.subMenuItem {
	background-color: var(--mfs_main);
	color: var(--mfs_text);
}

.activeMenuItem {
	background-color: var(--mfs_light) !important;
	color: var(--mfs_main);
}

.menuItem:hover, .syllabusMenuItem:hover, .subMenuItem:hover, .activeMenuItem:hover {
	background-color: var(--mfs_light);
}

.subMenuItem:hover {
	color: var(--mfs_main);
}

.subMenuItem:disabled {
	cursor: not-allowed;
}

.menuTitle {
	width: 100%;
	color: var(--mfs_main);
	background-color: var(--background);
	display:flex;
	font-size: 2rem;
	font-family: "Lora", "Raleway", "Verdana", serif;
	font-weight: 900;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-end;
	position: fixed;
}

.hamburger {
	background-color: var(--background);
	border: 0;
	font-size: 1.5rem;
	padding: 0.5rem 1rem;
	color: var(--mfs_main);
	cursor: pointer;
}

.profileSub, .festivalSub, .profileMobileSub, .mobileTitleSub {
	border: 1px solid var(--mfs_main);
	box-shadow: 1px 2px 8px var(--mfs_main);
	background-color: var(--background);
	display: flex;
	flex-direction: column;
}

.profileSub, .festivalSub, .profileMobileSub {
	position: absolute;
}

.profileSubMenuItem, .festivalSubMenuItem {
	border: 0;
	background-color: var(--background);
	font-family: "Raleway", "Verdana", sans-serif;
	font-size: 1rem;
	font-weight: 600;
	color: var(--mfs_main);
	padding: 10px 15px;
	display: block;
	flex-grow: 1;
	cursor: pointer;
}

.profileSub, .profileSubMenuItem {
	text-align: right;
}

.festivalSub, .festivalSubMenuItem {
	text-align: left;
}

.profileSub {
	top: 110px;
	right: 0;
}

.profileMobileSub {
	bottom: 75px;
	right: 0;
	width: 100%;
	text-align: center;
}

.festivalSub {
	top: 110px;
	left: 0;
}

.profileSubMenuItem:hover, .festivalSubMenuItem:hover, .dropMenu:hover {
	background-color: var(--mfs_light);
	color: var(--mfs_text);
}

.scaryDropMenu:hover {
	background-color: rgb(232,0,0);
	color: rgb(255,255,255);
}

.errorMessage {
	padding: 20px;
	background-color: rgb(232,0,0);
	color: var(--mfs_text);
	margin: 0;
}

.closeButton {
	margin-left: 15px;
	color: var(--mfs_text);
	font-weight: bold;
	float: right;
	font-size: 2em	;
	line-height: 0.5em;
	cursor: pointer;
	transition: 1s;
}
.closeButton:hover {
	color: var(--mfs_light);
}

.sponsor {
	max-width:100%;
}

.card {
	background: var(--background);
	border-radius: 8px;
	box-shadow: 1px 2px 8px var(--mfs_main);
	margin: 2rem auto 2rem auto;
	padding: 1rem 5rem;
	width:50vw;
	font-family: "Raleway", "Verdana", sans-serif;
	font-size: 1rem;
}

.edger {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 2em;
	padding-bottom: 2em;
}

.edgerJoel {
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	padding-top: 2em;
	padding-bottom: 2em;
	padding-left: 50%;
	padding-right: 5%;
	text-align: right;
	background-image: url(https://www.musicfestivalsuite.com/images/joelbacker.jpg);
	color: var(--background);
}

.edgerJoel h1, .edgerJoel h2, .edgerJoel h3	 {
	color: var(--background);
}

.scrollList {
	overflow-y: scroll;
	height: 8rem;
	margin: auto;
}

.floatRight {
	float: right;
	margin-left: 1rem;
}
.floatLeft {
	float: left;
	margin-right: 1rem;
}

#twoFAcode {
	border: 0;
	outline: 0;
	font-family: "Raleway", "Verdana", sans-serif;
	font-size: 2rem;
	border-radius: 5px;
	background-image: linear-gradient(to left, var(--mfs_main), var(--mfs_light), var(--mfs_main));
	color: var(--mfs_text);
	text-align: center;
	padding: 3px 3px 6px 3px;
	letter-spacing: 16px;
	width: 10em;
}

fieldset {
	border-radius: 5px;
	border: 2px solid var(--mfs_main);
}

legend {
	font-family: "Raleway", "Verdana", sans-serif;
	font-weight: 600;
}

.contentArea {
	display:flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}

.stretch {
	height: 100%;
}

.contentColumns, .contentColumnsWrap {
	display:flex;
	justify-content: space-between;
	align-items: top;
	column-gap: 1rem;
}

.contentColumns {
	flex-wrap: nowrap;
	justify-content: space-between;
}

.contentColumnsWrap {
	flex-wrap: wrap;
	row-gap: 1rem;
	justify-content: center;
}

.leftSideBar {
	padding: 1rem;
	width: 500px;
}

.mainContent {
	padding: 1rem;
	width: 100%;
}

.interiorCard, .halfCard, .wrapCard {
	background: var(--background);
	border-radius: 8px;
	box-shadow: 1px 2px 8px var(--mfs_main);
	padding: 1rem;
	font-family: "Raleway", "Verdana", sans-serif;
	font-size: 1rem;
}
.interiorCard {
	width: 100%;
}
.halfCard {
	width: 50%;
}

.wrapCard {
	width: 40%;
}

.largeAvatar {
	max-width:150px;
	max-height:150px;
}

.toMiddle {
	text-align:center;
	width: 100%;
}
.toRight {
	text-align:right;
	width: 100%;
}

.toLeft {
	text-align:left;
}

.paddedTop, .basement {
	padding-top: 1rem;
}

.paddedLeft {
	padding-left: 1rem;
}

.paddedRight {
	padding-right: 1rem;
}

.paddedBottom {
	padding-bottom: 1rem;
}

.cushion {
	padding: 0.5rem;
}

.verticalMiddle {
	vertical-align: middle;
}

.center, .centre {
	text-align:center;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}
div.squeeze {
	font-size: 1rem;
}

.hanging {
	padding-left: 3rem;
	text-indent: -3rem;
	display: inline-block;
}

hr {
	border: 3px solid var(--mfs_main);
	border-radius: 3px;
	width: 90%;
}
hr.thin {
	border: 1px solid var(--mfs_main);
	border-radius: 1px;
}
hr.festival {
	border: 3px solid var(--festival_main);
	border-radius: 3px;
	width: 90%;
}
hr.festivalThin {
	border: 1px solid var(--festival_main);
	border-radius: 1px;
}
hr.regular {
	border: 3px solid var(--mfs_main);
	border-radius: 3px;
}
hr.thick {
	border: 5px solid var(--mfs_main);
	border-radius: 5px;
}

.brandedBox {
	background-color: var(--mfs_main);
	padding: 3px 9px;
	color: var(--mfs_text);
	font-weight: 600;
	border-radius: 8px;
	min-height: 1rem;
}
.sneakButton, .errorButton {
	background-color: transparent;
	border: none;
	font-family: "Raleway", "Verdana", sans-serif;
	cursor: pointer;
	font-size:1rem;
	margin: 0 auto;
	transition: 0.3s;
}

.sneakButton {
	color: var(--mfs_main);
}

.errorButton {
	color: black;
}

.passwordEye {
	background-color: transparent;
	border: none;
	margin: 0;
	cursor: pointer;
	color: var(--mfs_main);
	font-size:1rem;
	transition: 0.3s;
	height: 20px;
}

.sneakButton:hover, .passwordEye:hover {
	color: var(--mfs_light);
}

.errorButton:hover {
	color: white;
}

.hidden {
	display: none;
}

.lora {
	font-family: "Lora", serif;
}

.inLine {
	display: inline-block;
}

a.bigRoundButton, a.smallBlogButto {
	display: inline-block;
}

a.bigBlogButton {
	display: block;
	margin: 1rem 20% !important;
}

a.bigRoundButton, a.bigBlogButton {
	text-align: center;
	padding-block: 1px;
	padding-inline: 6px;
	text-decoration: none;
}

.bigRound, .smallRound, .notification, .alertButton, a.bigRoundButton, a.bigBlogButton, a.smallBlogButton, .inverseSmall, .bigInverse, .processing, .festivalRound {
	border: none;
	border-radius: 23px;
	box-shadow: 0px 1px 8px var(--mfs_main);
	cursor: pointer;
	color: var(--mfs_text);
	font-family: "Raleway", "Verdana", sans-serif;
	margin: 0 auto;
	transition: 0.25s;
	text-decoration: none;
}

.bigRecording {
	border: none;
	border-radius: 23px;
	box-shadow: 0px 1px 8px var(--mfs_main);
	cursor: pointer;
	color: var(--mfs_text);
	font-family: "Raleway", "Verdana", sans-serif;
	margin: 0 auto;
	padding: 15px 45px;
	font-size: 1.25rem;
	text-decoration: none;
	animation-name: record;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}

.bigRound, .bigInverse, .smallRound, a.bigRoundButton, a.bigBlogButton, a.smallBlogButton {
	background: -webkit-linear-gradient(right, var(--mfs_dark), var(--mfs_main));
	padding: 15px 45px;
	font-size: 1.25rem;
}

.festivalRound {
	background: -webkit-linear-gradient(right, var(--festival_light), var(--festival_main));
	padding: 15px 45px;
	font-size: 1.25rem;
}

.inverseSmall, .processing {
	padding: 3px 9px;
	font-size: 1em;
	text-align: center;
	margin-bottom: 5px;
}

.bigInverse, .inverseSmall, .processing {
	background: var(--mfs_text);
	color: var(--mfs_main);
}

.bigInverse:hover, .inverseSmall:hover {
	background: -webkit-linear-gradient(right, var(--mfs_dark), var(--mfs_main));
	padding: 15px 45px;
	color: var(--mfs_text);
}

.squeezed {
	padding-left: 20%;
	padding-right: 20%;
}

.smallRound, a.smallBlogButton, .notification {
	background: -webkit-linear-gradient(right, var(--mfs_main), var(--mfs_light));
	padding: 3px 9px;
	font-size: 1em;
	text-align: center;
	margin-bottom: 5px;
}

.notification {
	width: 100%;
}

.bigRound:hover, .smallRound:hover, .notification:hover, .alertButton:hover, a.bigRoundButton:hover, a.bigBlogButton:hover, a.smallBlogButton:hover {
	background: var(--mfs_text);
	color: var(--mfs_main);
	box-shadow: none;
}

.festivalRound:hover {
	background: var(--mfs_text);
	color: var(--festival_main);
	box-shadow: none;
}

.alertButton {
	background-color: red;
	padding: 3px 9px;
	font-size: 1em;
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
}

.processing {
	border: none;
	border-radius: 23px;
	box-shadow: none;
	cursor: pointer;
	font-family: "Raleway", "Verdana", sans-serif;
	margin: 0 auto;
	transition: 0.25s;
	background: var(--mfs_text);
	color: var(--mfs_main);
}

.brandedText {
	color: var(--mfs_main);
}

.errorLink {
	color: black;
}

.byItself {
	display:block;
}

.mobileOnly {
	display:none;
}

.widest {
	width: 100%;
}
.wider {
	width: 90%;
}
.wide {
	width: 80%;
}
.half {
	width: 50% !important;
}
.halfish {
	width: 45% !important;
}
.halfMax {
	max-width: 50% !important;
}
.thirdMax {
	max-width: 33% !important;
}
.bold {
	font-weight: 600;
}
.heavy {
	font-weight: 900;
}
.red {
	background: none;
	background-color: red;
}
.darkRed {
	background-color: rgb(128,0,0);
}
.redText {
	color: red;
}

.standardInput, .brandedInput, .festivalInput {
	font-family: "Raleway", "Verdana", sans-serif;
	font-size:inherit;
	padding: 8px;
	border-radius: 8px;
}

.standardInput {
	border: 1px var(--mfs_main) solid;
	background: var(--background);
}

.festivalInput {
	border: 1px var(--festival_main) solid;
	background: var(--background);
}

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

.brandedInput::placeholder {
	color: white;
}

.finePrint {
	font-size: 0.75rem;
}

.dropMenu, .scaryDropMenu {
	border:0;
	font-family: "Raleway", "Verdana", sans-serif;
	font-size: 1em;
	width:100%;
	text-align:left;
	cursor: pointer;
	background-color: transparent;
	border-radius: 5px;
	transition: 0.25s;
	padding-left: 2rem;
	text-indent: -1rem;
}
.dropMenu {
	color: var(--mfs_main);
}
.scaryDropMenu {
	color: rgb(255,0,0);
}
.dropList {
	padding-left: 1rem;
}

.iframeDropMenu {
	border:0;
	font-family: "Raleway", "Verdana", sans-serif;
	font-size: 2.5rem;
	width:100%;
	text-align:left;
	cursor: pointer;
	background-color: transparent;
	border-radius: 5px;
	transition: 0.25s;
	padding-left: 2rem;
	text-indent: -1rem;
	color: var(--mfs_main);
}
.iframeDropList {
	font-size: 2.5rem;
	padding-left: 1rem;
	background-color: var(--mfs_light_50);
	border-radius: 8px;
}

.highlight {
	background-color: var(--mfs_light_50);
	border-radius: 8px;
}

iframe {
	height:40rem;
	width: 100%;
	border:none;
}

.iFrameContainer {
	max-height:30rem;
	width: 100%;
	border:none;
	overflow-y: scroll;
}

div.iFrameContainer {
	font-size: 2.5rem;
}

a.mfs {
	color: rgb(74,35,35);
	text-decoration: none;
	cursor: pointer;
}
a.windyj {
	color: rgb(16,75,82);
	text-decoration: none;
	cursor: pointer;
}
a.none {
	text-decoration: none;
	cursor: pointer;
	color: inherit;
}

button.none {
	display: inline-block;
	border: none;
	padding: 0;
	margin: 0;
	text-decoration: none;
	background-color: transparent;
	cursor: pointer;
	text-align: center;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.menuIcon {
	display:inline-block;
}

@media only screen and (min-width:960px) {
	.userMenu {
		display: flex;
	}
	.mobileTopper, .mobileBottom {
		display: none;
	}
}
@media only screen and (max-width:1425px) {
	.menuItemText {
		display: inline;
	}
	.menuIcon {
		display: none !important;
	}
@media only screen and (max-width:960px) {
	html {
		font-size: 1vw;
	}
	.mobileOnly {
		display: block;
	}
	.userMenu, .leftSideBar {
		display: none;
	}
	.mobileTopper, .mobileBottom {
		display: flex;
	}
	.festivalSub {
		width: 100%;
		text-align: center;
		top: 100px;
	}
	.festivalSubMenuItem, .profileSubMenuItem {
		font-size: 1.75em;
		text-align: center;
	}
	.menuItem {
		width: 20%;
		height:100%;
		vertical-align:top;
	}
	.syllabusMenuItem {
		width: 34%;
		height: 100%;
		vertical-align:top;
	}
	.pageContent {
		margin-top: 100px;
	}
	.closeButton {
		line-height:0.75em;
	}
	.contentColumns {
		display: block;
	}
	.card, .interiorCard, .halfCard {
		width:100%;
		border-radius: none;
		box-shadow: none;
		margin: none;
		font-size:2rem;
	}
	.halfCard {
		margin-bottom: 1rem;
	}
	select, input[type="text"], input[type="number"] {
		font-size: 2rem;
		width: 100%;
	}
	.bigRound, a.bigRoundButton {
		font-size: 2rem;
	}
	.sneakButton {
		font-size: 1.5rem;
	}
	.largeAvatar {
		max-width:50%;
		max-height:50%;
		width:100%;
	}
	#twoFAcode {
		font-size: 2.5rem;
	}
}
@media only screen and (orientation:portrait) {
	html {
		font-size: 1.25em;
	}
	h1 {
		font-size: 4rem;
	}
	.alert {
		font-size: 1.5rem;
	}
	.mobileOnly {
		display: block;
	}
	.userMenu, .leftSideBar {
		display: none;
	}
	.mobileTopper, .mobileBottom {
		display: flex;
	}
	.festivalSub {
		width: 100%;
		text-align: center;
		top: 100px;
	}
	div.fifth {
		max-width:100%;
	}
	.festivalSubMenuItem, .profileSubMenuItem {
		font-size: 1.75rem;
		text-align: center;
	}
	.menuItem {
		width: 20%;
		height:100%;
		vertical-align:top;
	}
	.syllabusMenuItem {
		width: 34%;
		height: 100%;
		vertical-align:top;
	}
	.dropMenu, .scaryDropMenu {
		font-size: 2rem;
	}
	.iframeDropMenu, .iframeDropList {
		font-size: 1rem;
	}
	div.iFrameContainer {
		font-size: 1rem;
	}
	.pageContent {
		margin-top: 100px;
	}
	.closeButton {
		line-height:0.75em;
	}
	.contentColumns {
		display: block;
	}
	.card, .interiorCard, .halfCard {
		width:100%;
		border-radius: none;
		box-shadow: none;
		margin: none;
		font-size:2rem;
	}
	.halfCard {
		margin-bottom: 1rem;
	}
	select, input[type="text"], input[type="number"] {
		font-size: 2rem;
		width: 100%;
	}
	.bigRound, a.bigRoundButton {
		font-size: 2rem;
	}
	.sneakButton {
		font-size: 1.5rem;
	}
	.largeAvatar {
		max-width:50%;
		max-height:50%;
		width:100%;
	}
	#twoFAcode {
		font-size: 2.5rem;
	}
	.basement {
		padding-top: 5rem;
	}
	div.helpOverlay {
		display: none;
	}
	div.spinner {
		border: 40px solid var(--mfs_main);
		border-top: 40px solid var(--mfs_light);
		width: 280px;
		height: 280px;
	}
	div.spinCenter {
		margin-top: 50%;
	}
	.halfMax {
		max-width: 100% !important;
	}
	.thirdMax {
		max-width: 100% !important;
	}
	.desktopOnly {
		display: none;
	}
}