@font-face {
	font-family: ChronicleTextRoman;
	src: url("../fonts/chronicle.otf") format("opentype");
}

@font-face {
	font-family: Gotham;
	src: url("../fonts/gotham.ttf"); 
}

:root {
	--primary-color: hsl(214deg 100% 15%); /* Longwood Blue: PMS 282 Blue */
	--primary-two-color: hsl(180deg 2% 64%); /* Longwood Gray: PMS 422 Gray */	
	--secondary-color: rgb(0,117,130);  /* Teal */
	--secondary-color-two: rgb(155,203,235); /* Light Blue */
	--secondary-color-three: rgb(0,61,165); /* Bright Blue */

	--primary-font: 'ChronicleTextRoman'; 
	--secondary-font: 'Gotham';
	--highlight-color: rgba(255,255,255,20%);
}

*, *::before, *::after 
{
	content: "";
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	font-family: var(--secondary-font);
}

.banner {
	/*
	min-height: 100px;
	max-height: 35vh;
	background-position: 10px 40%;
	background-size: cover;*/
	background-position: 5% 60%, 95% 60%;
	min-height: 12rem;
	background-color: white;
	
	margin: 0;
	border: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	border-radius: 1rem;
}

@media (min-width: 1024px) {
	.banner {
		/* Patrick O'Hare, Senior Seminar Guest Speaker, Feb. 2023 */
		background-image: url(../images/LabStudents1.jpg), url(../images/POHare6.jpg);
		background-repeat: no-repeat, no-repeat;
	}
}

h1 {
	/*color: var(--primary-two-color);*/
	color: white;
	text-shadow: 4px 4px black;
	font-family: var(--primary-font);
	font-size: 4rem;

	max-width: max-content;

	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0;
	padding-bottom: 0;

	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;

	text-shadow: 2px 2px var(--primary-two-color);

	/*border-radius: 1rem; */
}

h2 {
	font-family: var(--primary-font);
	color: var(--secondary-color-three);
	max-width: max-content;
	/*padding: 0.5rem;*/
	/*box-shadow: 0.25rem 0.25rem 0 var(--primary-color);*/
}

.banner
{
	background-color: var(--primary-color);
	text-align: center;
	color: white;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	/*border-radius: 1rem;*/
}

.apply {
	margin-top: 1rem;
	display: flex;
	padding: 1rem;
	background-color: var(--primary-two-color);
	border: 1px solid black;
	box-shadow: 2px 2px 4px black;
	border-radius: 2rem;
	max-width: max-content;
	margin-left: auto;
	margin-right: auto;
}

p {
	color: var(--primary-color);
}

footer {
	display: flex;
	flex-direction: column;
	padding-top: 3em;
	font-size: 0.75rem;
	color: var(--secondary-color-three);
	margin-left: 5vw;
	margin-right: 5vw;
	font-weight: normal;
	line-height: 1rem;
}

code {
	display: inline-block;
	margin: 0.5rem;
	margin-left: 2rem;
	padding: 0.5rem;
	color: lightgreen;
	background-color: black;

	/*background-image: linear-gradient(var(--highlight-color), var(--primary-two-color), var(--highlight-color));*/
}

.docdate {
	margin: 0;
	padding: 0;
}

main {
	font-size: 16pt;
	line-height: 2rem;
	margin-left: 5vw;
	margin-right: 5vw;
	margin-top: 2rem;
}

.banner a, .apply a {
	text-decoration: none;
	color: var(--primary-color);
}

nav {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	padding: 0.5rem;
	background-color: var(--primary-two-color);
}

nav a {
	display: inline-block;
	padding: .5rem;
	color: white;
	text-decoration: none;
}

.columns {
	display: flex;
}

.columns article {
	width: 48%;
	margin-left: 2%;
	padding-left: 2rem;
	padding-right: 2rem;
	color: white;
	background-color: var(--primary-two-color);
}

dl {
	display: flex;
	flex-direction: column;
}

dt {
	color: white;
	font-weight: bold;
	display: inline-block;
	background-color: var(--primary-two-color);
	padding: 0.25rem;
	padding-left: 2rem;
	padding-bottom: 0;
	margin: 0.25rem;
	border-radius: 1rem;
}
dd {
	display: inline-block;
	margin-bottom: 1rem;
	color: var(--primary-color);
}