:root {
	--pillar_red: #c8102e;
	--pillar_black: #2d2c2f;
	--pillar_gray: #9ea59d;
	--pillar_gold: #D7B740;
	--lt_gray: #f0f0f0;
	
	--border-color-alt: var(--pillar_black);
	--main-text-color: var(--pillar_black);
	
	--page_height: 100vh;
	
	--header-padding-bottom: 20px;
	--header-padding-top: 20px;
	--header-height: (100px + var(--header-padding-bottom) + var(--header-padding-top));
	
	--footer-padding-top: 15px;
	--footer-padding-bottom: 10px;
	--footer-height: calc(35px + (var(--footer-padding-top) + var(--footer-padding-bottom)));
	
	--fieldset_border: 1px solid var(--pillar_black);
	--fieldset_bg: var(--lt_gray);
	--fieldset_color: var(--pillar_black);
	
	--footer-height: 42px;
	--footer-padding-top: 10px;
	
	--legend_bg: var(--pillar_red);
	--legend_color: #fff;
	--legend_border: var(--pillar_black);
	
	--sidebar-height: calc(100vh - (var(--header-height) + var(--footer-height)));
	
}

body {
	min-height: 100vh;
	min-height: -webkit-fill-available;
	max-height: 100vh;
	max-height: -webkit-fill-available;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: var(--main-text-color);
}

.hidden {
	display: none;
}
.pointer {
	cursor: pointer;
}
#page_title {
	font-size: 3.0rem;
	font-weight: bold;
	padding-left: 20px!important;
	color: var(--main-text-color);
}
#pagewrapper {
	padding: 0px 10px 0px 10px;
	margin: 0px 5px 0px 5px;
	
}
header {
	height: var(--header-height);
	max-height: var(--header-height);
	min-height: var(--header-height);
	padding-bottom: var(--header-padding-bottom);
	padding-top: var(--header-padding-top);
	
	font-size: 1.5rem;
	font-weight: normal;
	
	color: var(--main-text-color);
}
main {
	
}
#header_logo {
	padding-left: 34px;
}
#header_logo_img {
	
}
#header_height_img {
}
#sidebar_wrapper {
	height: var(--sidebar-height);
	overflow: scroll;
}

#workarea {
	
}
.sidebar {
	
}
footer {
	height: var(--footer-height);
	max-height: var(--footer-height);
	min-height: var(--footer-height);
	padding-top: var(--footer-padding-top);
	padding-bottom: var(--footer-padding-bottom);
	
}

.inline {
	display: inline-block;
}

fieldset, fieldset.border {
	background-color: var(--fieldset_bg);
	color: var(--fieldset_color);
	border: var(--fieldset_border);
	margin-bottom: 20px;
	padding: 10px 20px 10px 20px;
	
}

legend {
	width: fit-content;
	margin: -30px 0px 0px 0px;
	float: none;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	border: 1px solid var(--legend_border);
	background-color: var(--legend_bg);
	color: var(--legend_color);
}

.fs_wrapper {
	padding: 0px 0px 20px 0px;
}

.video_link {
	cursor: pointer;
}

.section-header {
	font-size: 1.5rem;
	font-weight: bold;
}
.section-subheader {
	font-size: 1rem;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
}
.section-title {
	font-weight: normal;
	padding: 5px 30px 5px 30px;
}
.section-title:hover {
	color: var(--pillar_gold);
}
.video_player_header {
	display: inline-block;
	font-size: 1.3rem;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
	
}

.NEEDS_EDIT {
	background-color: #ff0;
	border: 1px solid #f00;
	
}
.online_ready {
	background-color: var(--legend_bg);
	color: var(--legend_color);
}
.fs_item {
	background-color: var(--fieldset_bg);
}
#play_options {
	padding: 10px 10px 10px 10px;
}
.smallprint {
	font-size: 0.9rem;
	font-weight: normal;
	font-style: italic;
}
#temp_location_msg {
	padding: 10px 0px 10px 0px;
}
#video_title_wrapper {
	padding: 20px 0px 10px 0px;
}