:root
{
	--kv-banner-height		: 540px;
	--overview-grad-height	: 400px;
	--study-card-height	: 480px;
	--study-card-grad-height	: 120px;
	--icon-font			: 'Font Awesome 6 Free';
	--contact-glyph-size	: 24px;
	--contact-glyph-font-size	: calc(var(--contact-glyph-size)/2);
	--contact-glyph-gap		: 10px;
	--glyph--redirect	: "\f054";
	--glyph--email	: "\f0e0";
	--glyph--location	: "\f3c5";
	--glyph--play-video	: "\f144";
	--video-card-width		: 576px;
	--video-card-height		: 200px;
	--video-card-list-item-gap	: 24px;
	--videos-glyph-size--play	: 72px;
	--videos-nav-button-size	: 72px;
	--videos-glyph-size--nav	: calc(var(--videos-nav-button-size)/2);
	--news-card-width		: 360px;
	--news-card-height		: 480px;
	--news-card-img-height	: 240px;
	--news-card-list-item-gap	: 24px;
	--news-glyph-size--redirect	: 24px;
	--news-nav-button-size	: 72px;
	--news-glyph-size--nav	: calc(var(--news-nav-button-size)/2);
	--news-card-badge-width		: 9rem;
	--news-card-badge-height	: 3rem;
}

section
{
	--bs-gutter-x	: 0!important;
	--bs-gutter-y	: 0!important;
}


#splash button#learn-more
{
	width	: 8rem;
}

.btn-redirect::after
{
	content	: var(--glyph--redirect);
	font-family	: var(--icon-font);
	padding-left	: 10px;
	vertical-align	: middle;
	position	: relative;
	right	: var(--caret-offset);
	transition	: right 0.1s;
}

.btn-redirect
{
	--caret-offset	: 0.2rem;
}

.btn-redirect:hover
{
	--caret-offset	: 0;
}









body > section
{
	margin-bottom	: 2rem;
}

body
{
	background	: var(--bs-light);
}







#subject-list
{
	----align-items	: stretch;
}

#subject-list .card
{
	border-color	: var(--card-border);
	background	: transparent;
	height	: 100%;
}

#subject-list img
{
	height	: 16rem;
	object-fit	: cover;
}

#subject-list .card-body
{
	----height	: 12rem;
}

#subject-list .card,
#subject-list .card *
{
	transition	: all 0.5s;
}

#subject-list .card-body > *
{
	position	: relative;
	left		: var(--card-body-text-offset);
}

#subject-list .card-body,
#subject-list .card-body > *
{
	color		: var(--card-body-face);
	background	: var(--card-body-bg);
}

#subject-list .card
{
	--card-border		: transparent;
	--card-body-text-offset	: 0;
	--card-body-face	: black;
	--card-body-bg		: white;
}

#subject-list .card:hover
{
	--card-border		: var(--bs-primary);
	--card-body-text-offset	: 1rem;
	--card-body-face	: black;
	--card-body-bg		: var(--bs-primary);
}