@charset "utf-8";

/* CarsonScience site stylesheet — replaces oneColLiqCtrHdr.css and the
   inline <style> blocks that used to be repeated in every page. */

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	color: #339;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFF;
}

a:link,
a:visited {
	color: #006;
}

a:hover {
	color: #00C;
}

.container {
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
	background-color: #FFF;
}

/* ~~ Header & nav ~~ */

header {
	padding: 0 20px;
}

header h1 {
	margin: 0;
	padding-top: 10px;
}

.site-nav ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.5rem;
	list-style: none;
	margin: 1rem 0;
	padding: 0;
	justify-content: center;
}

.site-nav a {
	text-decoration: none;
}

.site-nav a:hover {
	text-decoration: underline;
}

.header-bar {
	width: 100%;
	height: auto;
	margin: 10px 0;
}

/* ~~ Main content ~~ */

main {
	padding: 0 20px;
	text-align: left;
	color: #000;
}

main p {
	text-align: justify;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

main blockquote p {
	text-align: left;
	font-style: italic;
}

.intro {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	align-items: flex-start;
	margin: 1rem 0;
}

.intro img {
	flex: 0 0 auto;
}

.intro p {
	flex: 1 1 300px;
	margin: 0;
}

.section-title {
	text-align: center;
}

p.MsoNormal {
	margin: 0in;
	margin-bottom: .0001pt;
	font-size: 12.0pt;
	font-family: "Times New Roman", serif;
}

p.MsoNoSpacing {
	margin: 0in;
	margin-bottom: .0001pt;
	font-size: 11.0pt;
	font-family: "Calibri", sans-serif;
}

.image-row {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: center;
	margin: 1rem 0;
}

/* ~~ IRBF Development pages: distinct gold theme ~~ */

body.irbf-theme {
	color: #000;
	background-image: url(../SiteAssets/Images/AspenGold.jpg);
	background-repeat: repeat;
}

body.irbf-theme main {
	color: #000;
}

body.irbf-theme a:link,
body.irbf-theme a:visited {
	color: #000;
}

body.irbf-theme a:hover {
	color: #C90;
}

.page-list {
	list-style: none;
	margin: 0.5rem 0;
	padding: 0;
}

.page-list li {
	padding: 0.35rem 0;
}

.booktitle {
	font-style: italic;
}

/* ~~ Footer ~~ */

footer {
	padding: 0 10px 1rem;
}

footer p {
	margin: 0;
	padding: 10px 0;
	font-size: 75%;
}

@media (max-width: 600px) {
	.intro {
		flex-direction: column;
	}
}