#profile-menu-icon{
	position: relative;
}
#user-menu{
	//border: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	z-index: 10;
	top:30px;
	right:10px;
	background-color:#fff;
	width:max-content;
}
#user-menu .admin{
	//color:;
	//background-color:;
}
#user-menu .user-menu-item{
	//box-sizing:border-box;
	display:block;
	//width:300px;
	padding:8px;
	color:var(--purple-medium);
	background-color:var(--purple-light);
	margin:2px 0px;
	//white-space: nowrap;
}
#user-menu a{
	margin:0px !important;
}
.header{
	z-index:8;
	//width:100%;
	//box-sizing:border-box;
	//background-color:red;
	position:sticky;
	top:0;	
	//height:0px;
	//display:none;
}
#heading{
	position:relative;
	z-index:8;
	width:100%;
	//position:relative;
	//top:0px;
	border-bottom:2px solid var(--blue-medium);
	background-color:var(--header-light);
	color:var(--header-dark);
	padding:10px 60px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	//transition:padding .5s;
	//overflow:hidden;
	box-sizing:border-box;
	wrap: nowrap;
}
#inline-menu{
	display:flex;
	align-items:center;
	gap:12px;
	transition:opacity .5s;
	padding-left:20px;
}
#inline-menu div{
	display:flex;
}
#inline-menu button{
	font:inherit;
}
#inline-menu a{
	text-decoration:none;
	margin-right:15px;
}
#inline-menu .menu-item{
	color:var(--blue-dark);
	margin:auto 0 auto 5px;
}
:is(#title, #footer-title) span{
	white-space:nowrap;
}
:is(#title, #footer-title) div{
	padding:0px 10px;
	
}
.title{
	font-size:1.2em;
	font-weight:bold;
	padding-right:5px;
	//display:block;
}
:is(#title, #footer-title){
	padding:0;
	display:flex;
	//flex-wrap:wrap;
	align-items:center;
	line-height:1em;
}
:is(#title, #footer-title)>div{
	display: inline-flex;
	flex-direction: column;
}
#logo{
	width:80px;
	display:block;
}
.menu-icon{
	width:30px;
	display:inline;
}
#expanding-menu{
	z-index:6;
	display:flex;
	visibility:hidden;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	align-content:flex-start;
	box-sizing:border-box;
	position:fixed;
	//top:0px;
	transition:.5s top;
	width:100%;
	max-height:calc(100dvh - var(--expanding-menu-offset, 0px));
	//max-height:60vh;
	background-color:var(--menu-light);
	//background-image:url('images/menuBG.png');
	background-size:contain;
	//background-repeat:no-repeat;
	border-bottom:2px solid var(--blue-medium);
	color:var(--menu-dark);
	overflow-y:auto;
	overscroll-behavior:contain;
	-webkit-overflow-scrolling:touch;
	scrollbar-gutter:stable;
	padding:10px 20px 10px 20px;
	scroll-padding-top:10px;
}
.expanding-menu-items{
	width:100%;
	max-width:760px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
	align-content:flex-start;
	gap:8px 10px;
	margin:0 auto 8px;
}
.expanding-menu-items > *{
	display:flex;
	justify-content:center;
	flex:0 0 72px;
}
.expanding-menu-items>a.menu-link>div, .expanding-menu-items>a.expanded-menu-link>div, .expanding-menu-items>button.expanded-menu-link>div{
	display:flex;
	width:100%;
	flex-direction:column;
	//flex-wrap:wrap;
	align-items:center;
	justify-content:flex-start;
	text-align:center;
	color:var(--menu-tile-color, var(--blue-dark));
	border:1px solid var(--menu-tile-border, currentColor);
	border-radius:16px;
	background:rgba(255,255,255,.92);
	box-shadow:0 10px 24px rgba(18,60,104,.08);
}
.expanding-menu-items .menu-item,
#expanding-menu .menu-item{
	//font-weight:bold;
	//font-size:1.1em;
	line-height:1.5em;
	color:inherit;
}
.expanding-menu-items a,
.expanding-menu-items button,
#expanding-menu a,
#expanding-menu button{
	text-decoration:none;
	//margin:.2em 0 .7em 0;
}
.menu-tile{
	--menu-tile-color:var(--blue-dark);
	--menu-tile-border:rgba(74,149,224,.28);
	--menu-tile-accent:rgba(193, 226, 255, .88);
}
.menu-tile-blue{
	--menu-tile-color:var(--blue-dark);
	--menu-tile-border:rgba(74,149,224,.28);
	--menu-tile-accent:rgba(193, 226, 255, .88);
}
.menu-tile-purple{
	--menu-tile-color:var(--purple-medium);
	--menu-tile-border:rgba(153,147,255,.32);
	--menu-tile-accent:rgba(238, 230, 255, .96);
}
.menu-tile-green{
	--menu-tile-color:var(--green-dark);
	--menu-tile-border:rgba(74,217,111,.32);
	--menu-tile-accent:rgba(237,255,240,.98);
}
.menu-tile-red{
	--menu-tile-color:var(--stats-dark);
	--menu-tile-border:rgba(255,94,102,.34);
	--menu-tile-accent:rgba(255,237,238,.98);
}
.menu-tile-orange{
	--menu-tile-color:#f28c28;
	--menu-tile-border:rgba(242,140,40,.34);
	--menu-tile-accent:rgba(255,244,232,.98);
}
.menu-link-admin-only{
	filter:grayscale(92%);
	opacity:.58;
}
.menu-link-admin-only .menu-tile{
	--menu-tile-color:#5f6873;
	--menu-tile-border:rgba(95,104,115,.24);
	background:rgba(244,246,248,.9) !important;
	box-shadow:0 8px 18px rgba(18,60,104,.04);
}
.menu-link-admin-only .menu-icon{
	opacity:.64;
}
.menu-link-admin-only:hover,
.menu-link-admin-only:focus{
	filter:grayscale(78%);
	opacity:.72;
	text-decoration:none;
}
html[data-menu-collapse-style="stacked_buttons"] .expanding-menu-items{
	display:grid;
	grid-template-columns:minmax(0, 1fr);
	gap:10px;
	width:100%;
	max-width:760px;
	justify-items:stretch;
}
html[data-menu-collapse-style="stacked_buttons"] .expanding-menu-items > *,
html[data-menu-collapse-style="stacked_chevrons"] .expanding-menu-items > *{
	width:100%;
	max-width:none;
	flex:none;
	display:block;
}
html[data-menu-collapse-style="stacked_buttons"] .expanding-menu-items > a > div,
html[data-menu-collapse-style="stacked_buttons"] .expanding-menu-items > button > div,
html[data-menu-collapse-style="stacked_chevrons"] .expanding-menu-items > a > div,
html[data-menu-collapse-style="stacked_chevrons"] .expanding-menu-items > button > div{
	width:100%;
	min-height:52px;
	box-sizing:border-box;
	flex-direction:row;
	justify-content:flex-start;
	gap:12px;
	padding:12px 16px;
	border-radius:16px;
}
html[data-menu-collapse-style="stacked_buttons"] .expanding-menu-items .menu-item{
	margin:0;
	text-align:left;
}
html[data-menu-collapse-style="stacked_chevrons"] .expanding-menu-items{
	display:grid;
	grid-template-columns:minmax(0, 1fr);
	gap:10px;
	width:100%;
	max-width:760px;
	justify-items:stretch;
}
html[data-menu-collapse-style="stacked_chevrons"] .expanding-menu-items .menu-item{
	margin:0 auto 0 0;
	text-align:left;
}
html[data-menu-collapse-style="stacked_chevrons"] .expanding-menu-items > a > div::after,
html[data-menu-collapse-style="stacked_chevrons"] .expanding-menu-items > button > div::after{
	content:"\203A";
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin-left:auto;
	color:rgba(18,60,104,.6);
	font-size:1.4rem;
	line-height:1;
}
#menu-button:hover{
	cursor:pointer;
}
#searchIcon{
	margin-left:5px;
}
.user{
	color:var(--green-dark) !important;
}
.login{
	color:#4ad96f !important;
}
.donate{
	color:#FF5E66 !important;
}
[data-menu-home]{
	color:#9993ff !important;
}
.menu-link{
	position: relative;
}
.live-audio-menu-utility{
	order:-2;
	flex:0 0 100%;
	display:flex;
	justify-content:center;
	margin:2px 0 10px;
	width:100%;
}
.live-audio-shell{
	width:100%;
	max-width:760px;
	border:1px solid rgba(255,94,102,.28);
	border-radius:16px;
	background:rgba(255,255,255,.92);
	box-shadow:0 10px 24px rgba(18,60,104,.08);
	overflow:visible;
}
.live-audio-side-button{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	width:100%;
	padding:12px 16px;
	border:0;
	border-radius:0;
	background:transparent;
	color:var(--stats-dark);
	cursor:pointer;
	font:inherit;
}
.live-audio-shell.is-expanded .live-audio-side-button{
	border-bottom:0;
}
.live-audio-identity,
.live-audio-transport,
.live-audio-display{
	display:flex;
	align-items:center;
}
.live-audio-identity{
	gap:10px;
	min-width:0;
	flex:1 1 auto;
}
.live-audio-side-button .menu-icon{
	width:26px;
}
.live-audio-identity-copy{
	display:flex;
	flex-direction:column;
	min-width:0;
}
.live-audio-title{
	font-weight:700;
	color:var(--stats-dark);
}
.live-audio-collapse-indicator{
	color:var(--stats-dark);
	font-size:1rem;
	line-height:1;
}
.live-audio-status-copy{
	font-size:.82rem;
	color:rgba(18,60,104,.68);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align:left;
}
.live-audio-expanded{
	display:grid;
	gap:12px;
	padding:14px 16px;
	border:0;
	background:transparent;
	box-shadow:none;
}
.live-audio-expanded[hidden]{
	display:none;
}
.live-audio-display{
	gap:8px;
	min-width:0;
	max-width:100%;
	padding:8px 10px;
	box-sizing:border-box;
	border-radius:12px;
	background:#24090b;
	border:1px solid rgba(255,94,102,.28);
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
.live-audio-digital-pill,
.live-audio-digital-time{
	display:inline-flex;
	align-items:center;
	min-width:0;
	max-width:100%;
	min-height:28px;
	padding:0 8px;
	border-radius:8px;
	background:rgba(255,94,102,.08);
	color:#ff6b72;
	font-family:"Courier New", monospace;
	font-size:.92rem;
	font-weight:700;
	letter-spacing:.14em;
	text-transform:uppercase;
	box-shadow:inset 0 0 10px rgba(255,94,102,.12);
}
.live-audio-digital-time{
	letter-spacing:.12em;
}
.live-audio-transport{
	gap:8px;
	justify-content:center;
	flex-wrap:wrap;
	width:100%;
}
.live-audio-control-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	height:38px;
	min-width:52px;
	padding:0 12px;
	border:0;
	border-radius:999px;
	background:rgba(255,94,102,.14);
	color:var(--stats-dark);
	font:inherit;
	font-weight:700;
	line-height:1;
	cursor:pointer;
	appearance:none;
	-webkit-appearance:none;
	background-image:none;
}
.live-audio-control-btn-icon-only{
	width:38px;
	min-width:38px;
	padding:0;
}
.live-audio-control-btn-primary{
	background:var(--stats-dark);
	color:#fff;
}
.live-audio-control-btn-stop{
	background:#ff5e66;
	color:#fff;
}
.live-audio-control-label{
	display:block;
	line-height:1;
}
.live-audio-control-icon{
	display:block;
	width:17px;
	height:17px;
	fill:currentColor;
	flex:0 0 auto;
	pointer-events:none;
}
.live-audio-control-btn-toggle .icon-pause{
	display:none;
}
.live-audio-control-btn-toggle.is-playing .icon-play{
	display:none;
}
.live-audio-control-btn-toggle.is-playing .icon-pause{
	display:block;
}
.live-audio-control-btn:disabled{
	opacity:.55;
	cursor:default;
}
.live-audio-volume-control{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	width:100%;
	color:rgba(18,60,104,.78);
	font-size:.88rem;
	font-weight:700;
}
.live-audio-volume-control input{
	width:min(220px, 100%);
	accent-color:var(--stats-dark);
}

@media only screen and (min-width:401px) and (max-width:900px){
	#heading{
		padding:10px 20px;
	}
}
@media only screen and (max-width:400px){
	#menu-button{
		//padding-right:10px;
	}
	#heading{
		padding:10px;
	}
}
@media only screen and (max-width:800px){
	.menu-item{
		font-size:.8em;
	}
	.menu-icon{
		//width: 25px;
	}
	.title{
		font-size:1.1em;
	}
}
@media only screen and (max-width:560px){
	#expanding-menu{
		justify-content:flex-start;
		padding:10px 12px;
	}
	html[data-menu-collapse-style="stacked_buttons"] .expanding-menu-items,
	html[data-menu-collapse-style="stacked_chevrons"] .expanding-menu-items{
		max-width:760px;
		width:100%;
	}
	.expanding-menu-items{
		gap:8px 6px;
	}
	.expanding-menu-items > *{
		flex-basis:88px;
	}
}
@media only screen and (max-width:420px){
	.expanding-menu-items{
		gap:8px 8px;
	}
}
@media only screen and (max-width:800px){
	#inline-menu .expanded-menu-link, #inline-menu .menu-link{
		display:none;!important
	}
}
@media only screen and (min-width:801px){
	#inline-menu .menu-link{
		display:block;!important
	}
	#expanding-menu .menu-link, #inline-menu .expanded-menu-link{
		display:none;!important
	}
}
@media only screen and (max-width:500px){
	.live-audio-menu-utility{
		justify-content:center;
		margin:0 0 10px;
	}
	.live-audio-side-button{
		width:100%;
		padding:12px;
		flex-wrap:nowrap;
		justify-content:space-between;
	}
	.live-audio-identity{
		width:auto;
		justify-content:flex-start;
	}
	.live-audio-shell.is-expanded .live-audio-side-button{
		border-bottom:1px solid rgba(255,94,102,.18);
	}
	.live-audio-expanded{
		padding:12px;
	}
	.live-audio-display{
		width:100%;
		justify-content:center;
		flex-wrap:nowrap;
		overflow:hidden;
	}
	.live-audio-digital-pill,
	.live-audio-digital-time{
		max-width:100%;
	}
	.live-audio-digital-time{
		font-size:.82rem;
		letter-spacing:.08em;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:clip;
	}
	.live-audio-transport{
		width:100%;
		justify-content:center;
	}
}

button#menu-button { appearance: none; background: transparent; border: 0; color: inherit; font: inherit; padding: 0; cursor: pointer; min-width: 44px; min-height: 44px; }
.skip-link { position: fixed; left: 1rem; top: -8rem; z-index: 100000; padding: .8rem 1rem; background: #fff; color: #111; border: 2px solid #111; border-radius: .25rem; }
.skip-link:focus { top: 1rem; }
:where(a, button, input, select, textarea, [tabindex]):focus-visible { outline: 3px solid #136ecc; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { #expanding-menu { transition: none; scroll-behavior: auto; } }