/*! CRSC v2022.10.26 | (c) 2024 Design Site | MIT License | http://github.com/cferdinandi/build-tools-boilerplate */
@charset "UTF-8";
html {
	margin: 0;
}

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

/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
	margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

/**
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
	display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active, a:hover {
	outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
	font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
	font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/**
 * Addresses styling not present in IE 8/9.
 */
mark {
	background: #ff0;
	color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
	border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
	overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
	margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
	box-sizing: content-box;
	height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
	overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *  Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 * 4. Improves appearance and consistency in all browsers.
 */
button,
input,
optgroup,
select,
textarea {
	color: inherit; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
	overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *  and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *  `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *  Known issue: inner spacing remains in IE 6.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
	cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
	line-height: normal;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 *  Known issue: excess padding remains in IE 6.
 */
input[type=checkbox],
input[type=radio] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search] {
	-webkit-appearance: textfield; /* 1 */
	box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
	overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
	font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/* Defaults loaded */
.visuallyhidden, .sr-only, .vh {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.focusable.visuallyhidden:active, .focusable.sr-only:active, .focusable.vh:active, .focusable.visuallyhidden:focus, .focusable.sr-only:focus, .focusable.vh:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.unhideforslide {
	position: relative !important;
	top: auto !important;
	left: auto !important;
}

html, body {
	text-rendering: auto;
}

html {
	font-size: 100%;
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	font-size: 1rem;
	line-height: 1.5;
	margin: 0;
	margin-bottom: 0;
	background-color: #0F2E5B;
}

h1, h2, h3, h4, h5, h6, hgroup,
ul, ol, dd,
p, figure,
pre, table, fieldset, hr {
	margin: 0;
}

a,
a:visited {
	color: #4E9EA8;
}
a:hover,
a:visited:hover {
	color: #E2CA1A;
}

#page > footer {
	width: 100%;
	padding: 1em;
}
@media only screen and (min-width: mobile-small) {
	#page > footer {
		padding: 1.25em;
	}
}

#page > header {
	position: fixed;
	background-color: #FFF;
	text-align: center;
	z-index: 100;
	box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.1);
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	width: 100%;
	height: 2.5em;
}
@media only screen and (min-width: 300px) {
	#page > header {
		padding-top: 0.75em;
		padding-bottom: 0.75em;
		height: 3em;
	}
}
@media only screen and (min-width: 500px) {
	#page > header {
		padding-top: 1em;
		padding-bottom: 1em;
		height: 3.75em;
	}
}
@media only screen and (min-width: 960px) {
	#page > header {
		position: relative;
		padding-bottom: 0;
		height: auto;
	}
}

#wrapper {
	padding-top: 2.5em;
}
@media only screen and (min-width: 300px) {
	#wrapper {
		padding-top: 3em;
	}
}
@media only screen and (min-width: 500px) {
	#wrapper {
		padding-top: 3.75em;
	}
}
@media only screen and (min-width: 960px) {
	#wrapper {
		padding-top: 0em;
	}
}

#page > footer {
	text-align: center;
}

main {
	background-color: #FFF;
	z-index: 1;
}

.contenthead,
.pagecontent,
main > .section,
.home .pagecontent .section {
	width: 100%;
	padding: 1em;
}
@media only screen and (min-width: 300px) {
	.contenthead,
	.pagecontent,
	main > .section,
	.home .pagecontent .section {
		padding: 1.25em;
	}
}
@media only screen and (min-width: 960px) {
	.contenthead,
	.pagecontent,
	main > .section,
	.home .pagecontent .section {
		padding: 3.75em 1.875em;
	}
}
.contenthead .inner,
.pagecontent .inner,
main > .section .inner,
.home .pagecontent .section .inner {
	margin: 0 auto;
	max-width: 61.25em;
	width: 100%;
}

main {
	min-height: 42.5em;
}

.drafts main > .draftlist:nth-child(odd) {
	background: #F0F0F0;
}

#page > header {
	background: linear-gradient(to bottom, #D1D1D1 0%, #FFFFFF 90%);
}
#page > header .logo {
	display: block;
	margin: 0 auto;
	max-width: 65%;
	background: transparent url(img/crsc-logo-mobile.svg) no-repeat center center;
	background-size: contain;
	text-indent: -99999em;
	text-decoration: none;
}
#page > header .logo:before {
	content: "";
	float: left;
	padding-bottom: 6.25%;
}
#page > header .logo:after {
	content: "";
	display: table;
	clear: both;
}
@media only screen and (min-width: 300px) {
	#page > header .logo {
		max-width: 70%;
	}
}
@media only screen and (min-width: 500px) {
	#page > header .logo {
		max-width: 50%;
	}
}
@media only screen and (min-width: 960px) {
	#page > header .logo {
		max-width: 49.375em;
		background: transparent url(img/crsc-logo-large.png) no-repeat center center;
		background-size: contain;
		margin-bottom: 0.625em;
	}
	#page > header .logo:before {
		content: "";
		float: left;
		padding-bottom: 21.5189873418%;
	}
	#page > header .logo:after {
		content: "";
		display: table;
		clear: both;
	}
}

#page > footer {
	color: #FFF;
	padding-bottom: 3.125em;
	padding-top: 1.875em;
}
#page > footer .copyright {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 0.875rem;
}
#page > footer .facebook {
	width: 100%;
	text-align: center;
	padding-bottom: 1.25em;
}
#page > footer .facebook a {
	display: block;
	width: 2.0625em;
	height: 2.0625em;
	text-indent: -99999em;
	text-decoration: none;
	margin: 0 auto;
	background: transparent url(img/facebook-icon-footer@2x.png) no-repeat center center;
	background-size: cover;
}

body {
	font-family: Lato, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #282525;
}

.section .inner > h2 {
	font-family: Lato, sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 1.75rem;
	margin-bottom: 1.75rem;
	line-height: 1.1;
	text-align: center;
	text-transform: uppercase;
	color: #0F2E5B;
}
.section p {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-style: normal;
}
@media only screen and (min-width: 500px) {
	.section .inner > h2 {
		font-size: 2.125rem;
	}
}
@media only screen and (min-width: 960px) {
	.section .inner > h2 {
		font-size: 2.5rem;
	}
}

.contentwrap p, .contentwrap ul, .contentwrap ol {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-style: normal;
	margin-bottom: 1rem;
}
.contentwrap p:last-child, .contentwrap ul:last-child, .contentwrap ol:last-child {
	padding-bottom: 0;
}

#nav #nav-header {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
#nav #nav-header.focusable:active, #nav #nav-header.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
#nav a, #nav span {
	text-decoration: none;
	text-transform: uppercase;
}
#nav ul {
	list-style: none;
	padding-left: 0;
}
#nav ul a, #nav ul .has-dropdown > span {
	display: block;
	background-color: rgba(255, 255, 255, 0.95);
	padding: 0.4375em 1em;
	color: #282525;
	text-align: left;
}
#nav ul a:hover, #nav ul .has-dropdown > span:hover {
	color: #FFF;
	background-color: #4E9EA8;
}
#nav ul ul {
	visibility: hidden;
	position: absolute;
	top: -9999em;
}
#nav ul ul.dropdown-open {
	visibility: visible;
	position: relative;
	top: auto;
}
#nav ul ul a {
	padding-left: 1.875em;
}
#nav ul ul a:hover {
	color: #FFF;
	background-color: #4E9EA8;
}
#nav ul ul .current a {
	color: #808080;
}
#nav ul ul .current a:hover {
	color: #FFF;
}
#nav .has-dropdown > span:hover {
	cursor: default;
}
#nav .has-dropdown > span span {
	/*
				// an actual caret, but doesn't look good on translucent background
				padding-right: em(20);
				&:before {

					content: '';
					position: absolute;
					top: 45%;
					right: 12px;
					border-top: 6px solid #999;
					border-left: 6px solid transparent;
					border-right: 6px solid transparent;
				}
				&:after {
					content: '';
					position: absolute;
					top: 45%;
					right: 13px;
					border-top: 5px solid #fff;
					border-left: 5px solid transparent;
					border-right: 5px solid transparent;
				}

				.trigger {
					&:after {
						display: inline-block;
						padding-left: .4em;
						padding-right: .4em;
						content: ' ▾';
						transition: all 300ms 0s ease-in-out;
					}
				}
				.trigger.open {
					&:after {
						transform: rotate(180deg);
					}
				}
	*/
}
#nav .has-dropdown > span span:after {
	display: inline-block;
	padding-left: 0.4em;
	padding-right: 0.4em;
	content: " ▾";
	transition: all 300ms 0s ease-in-out;
}
#nav .has-dropdown > span.opened span:after {
	transform: rotate(180deg);
}
#nav .has-dropdown.current > span {
	color: #808080;
}
#nav li {
	position: relative;
}
#nav > ul {
	display: flex;
	flex-direction: column;
	height: auto;
	position: absolute;
	top: 2.5em;
	width: 100%;
	visibility: hidden;
	opacity: 0;
}
#nav > ul.nav-open {
	visibility: visible;
	opacity: 1;
}
#nav > ul > li {
	border-bottom: 1px solid #CFD0D1;
}
#nav > ul > li.current > a {
	color: #808080;
}
#nav > ul > li.current > a:hover {
	color: #808080;
}
#nav .n-search a {
	background-image: url(img/search-icon-nav-mobile@2x.png);
	background-size: 1.0625em;
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: 1.375em;
	padding-left: 3em;
}
#nav .n-search a:hover {
	background-image: url(img/search-icon-nav-mobile-hover@2x.png);
}
@media only screen and (min-width: 300px) {
	#nav ul a, #nav ul .has-dropdown > span {
		padding: 0.4375em 1.25em;
	}
	#nav > ul {
		width: 75%;
		max-width: 15.625em;
		top: 3em;
	}
}
@media only screen and (min-width: 500px) {
	#nav > ul {
		top: 3.75em;
	}
}
@media only screen and (min-width: 960px) {
	#nav #nav-header {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	#nav #nav-header.focusable:active, #nav #nav-header.focusable:focus {
		clip: auto;
		height: auto;
		margin: 0;
		overflow: visible;
		position: static;
		width: auto;
	}
	#nav > a {
		display: none;
	}
	#nav ul a, #nav ul .has-dropdown > span {
		color: #0F2E5B;
		text-align: center;
		padding: 1em 0.625em;
		font-size: 0.875rem;
		background-color: transparent;
	}
	#nav ul a:hover, #nav ul .has-dropdown > span:hover {
		color: #4E9EA8;
		background-color: transparent;
	}
	#nav ul ul a {
		text-transform: none;
		background-color: #FFF;
		line-height: 1.2;
		padding: 0.4375em 0.625em;
	}
	#nav ul ul.dropdown-open {
		min-width: 100%;
		position: absolute;
		box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.1);
	}
	#nav ul ul.dropdown-open li:last-child a {
		padding-bottom: 0.625em;
		border-radius: 0 0 6px 6px;
	}
	#nav > ul {
		width: 100%;
		max-width: 100%;
		flex-direction: row;
		justify-content: center;
		position: relative;
		top: auto;
		visibility: visible;
		opacity: 1;
		transition: 0;
	}
	#nav > ul > li {
		border-bottom: 0;
	}
	#nav .n-home {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	#nav .n-home.focusable:active, #nav .n-home.focusable:focus {
		clip: auto;
		height: auto;
		margin: 0;
		overflow: visible;
		position: static;
		width: auto;
	}
	#nav .n-search {
		order: 9;
	}
	#nav .n-search a {
		display: inline-block;
		background-image: url(img/search-icon-nav@2x.png);
		text-indent: -999em;
		background-position-x: 0.875em;
		padding-left: 2em;
	}
	#nav .n-search a:hover {
		background-image: url(img/search-icon-nav-hover@2x.png);
	}
}

.toggle {
	width: 1em;
	z-index: 1000;
	margin-left: 1em;
	height: 100%;
	position: absolute;
	top: 0;
	display: flex;
}
@media only screen and (min-width: 300px) {
	.toggle {
		margin-left: 1.25em;
	}
}

.togglelink {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.togglelink.focusable:active, .togglelink.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.no-js .toggle {
	display: none;
}

.toggle-button {
	z-index: 104;
	display: block;
	box-sizing: content-box;
	width: 1em;
	padding: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	transform: translate3d(0, 0, 0);
	border: 0;
	outline: 0;
	background-color: transparent;
}
.toggle-button:hover {
	cursor: pointer;
	background-color: transparent;
}

.toggle-icon {
	position: relative;
	display: block;
}

.toggle-icon,
.toggle-icon:before,
.toggle-icon:after {
	width: 100%;
	height: 2px;
	transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	background-color: #282525;
}

.toggle-icon:before,
.toggle-icon:after {
	position: absolute;
	top: -5px;
	left: 0;
	content: " ";
}

.toggle-icon:after {
	top: 5px;
}

.toggle-button:hover .toggle-icon,
.toggle-button:hover .toggle-icon:before,
.toggle-button:hover .toggle-icon:after {
	background-color: #4E9EA8;
}

.slideout-open .toggle-icon,
.slideout-open .toggle-button:hover .toggle-icon {
	background-color: transparent;
}
.slideout-open .toggle-icon:before,
.slideout-open .toggle-icon:after {
	top: 0;
}
.slideout-open .toggle-icon:before {
	transform: rotate(45deg);
}
.slideout-open .toggle-icon:after {
	transform: rotate(-45deg);
}

@media only screen and (min-width: 960px) {
	.toggle {
		display: none;
	}
}
figure {
	margin: 0;
}
figure img {
	display: block;
	max-width: 100%;
}
figure iframe {
	width: 100%;
	max-width: 100%;
}

.box img {
	display: block;
	max-width: 100%;
}
.box iframe {
	max-width: 100%;
}

img[data-sizes=auto] {
	display: block;
	width: 100%;
}

.lazyload, .lazyloading {
	opacity: 0;
}

.lazyloaded {
	opacity: 1;
	transition: opacity 500ms;
}

.contenthead {
	background-color: #282525; /* TESTING */
	position: relative;
}
.contenthead .inner {
	position: relative;
	z-index: 10;
}
.contenthead h1 {
	color: #FFF;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-family: Lato, sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 1.75rem;
}
.contenthead p {
	padding-bottom: 1em;
}
.contenthead p:last-child {
	padding-bottom: 0;
}
.contenthead img {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: "object-fit: cover";
	z-index: 1;
}

.headcontent {
	color: #FFF;
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-style: normal;
}

@media only screen and (min-width: 960px) {
	.contenthead {
		min-height: 17.5em;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.contenthead h1 {
		font-size: 3.0625rem;
		padding-bottom: 0.5rem;
	}
	.headcontent {
		font-size: 1.25rem;
	}
}
.p-404 .contenthead {
	min-height: auto;
	max-height: 10em;
	padding: 2.5em 1.875em;
}
.p-404 p {
	font-size: 1.25rem;
}

.content-builder .contentwrap {
	margin-bottom: 1rem;
}
.content-builder .contentwrap:last-child {
	margin-bottom: 0;
}
.content-builder p {
	margin-bottom: 1rem;
}
.content-builder p:last-child {
	margin-bottom: 0;
}
.content-builder h4,
.content-builder h4.contentsub {
	font-family: Lato, sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 1.5rem;
	margin-bottom: 0.25rem;
}
.content-builder h4.contentsub {
	clear: both;
	display: block;
	width: 100%;
}
.content-builder h5 {
	font-family: Lato, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.125rem;
	margin-bottom: 0.25rem;
}
.content-builder figcaption,
.content-builder figcaption p {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-style: italic;
	font-size: 0.875rem;
}
.content-builder figcaption em,
.content-builder figcaption p em {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-style: normal;
}
.content-builder figcaption {
	text-align: left;
	padding: 0.375em 0 0;
}
.content-builder .textwithimage {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
}
.content-builder .textwithimage figure {
	margin-bottom: 1rem;
}
@media only screen and (min-width: 500px) {
	.content-builder .textwithimage figure {
		flex: 1;
		margin-top: 0.375em;
		margin-right: 2em;
	}
	.content-builder .textwithimage .textwrap {
		flex: 2.5;
	}
	.content-builder .textwithimage.imageright figure {
		order: 2;
		margin-left: 2em;
		margin-right: 0;
	}
}
.content-builder .textwithinlineimage figure {
	margin-bottom: 1rem;
}
@media only screen and (min-width: 500px) {
	.content-builder .textwithinlineimage figure {
		max-width: 33%;
		padding-top: 0.4375em;
	}
	.content-builder .textwithinlineimage.imageleft figure {
		float: left;
		padding-right: 1.5em;
	}
	.content-builder .textwithinlineimage.imageright figure {
		float: right;
		padding-left: 1.5em;
	}
}
.content-builder .image {
	padding: 1rem 0;
}
.content-builder .video {
	padding: 1rem 0;
}
.content-builder .excerpt {
	padding: 0.625rem 1.25rem;
}
.content-builder .excerpt:before {
	content: "";
	display: block;
	border-top: 1px solid #BABABA;
	width: 40%;
	margin-bottom: 1rem;
}
.content-builder .excerpt:after {
	content: "";
	display: block;
	border-bottom: 1px solid #BABABA;
	width: 40%;
	margin-top: 1rem;
}
.content-builder .footnotes {
	padding-top: 1.25rem;
}
.content-builder .footnotes:before {
	content: "";
	display: block;
	border-top: 1px solid #BABABA;
	width: 3.75em;
	margin-bottom: 1rem;
}
.content-builder .footnote {
	display: flex;
	flex-direction: row;
	color: #696767;
	font-size: 0.875rem;
	margin-bottom: 0.5rem;
}
.content-builder .footnote .symbol {
	width: 1em;
	position: relative;
	margin-top: 0.25em;
	margin-bottom: 0;
}
.content-builder .footnote .note {
	flex: 1;
	margin-bottom: 0;
}
.content-builder .footnote .note p {
	margin-bottom: 0;
}

.box-grid {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.box {
	display: block;
	width: 100%;
	max-width: 19.375em; /* TESTING */
	margin-bottom: 1.875em;
	background-color: #FFF;
	border-bottom: 0.3125em solid #4E9EA8;
	box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
	color: #282525;
	text-decoration: none;
}
.box:hover, .box:visited {
	color: #282525 !important;
}
.box:hover {
	background-color: #FCFAE8;
	border-bottom-color: #E2CA1A;
}

.box-info {
	padding: 1.25em 1.25em 1.875em;
}
.box-info h3 {
	font-family: Lato, sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 1.125rem;
	margin-bottom: 0.5rem;
}
.box-info p {
	font-family: Lato, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.box-type {
	text-transform: uppercase;
	color: #808080;
	font-size: 0.9375rem;
	letter-spacing: 0.1em;
}

@media only screen and (min-width: 500px) {
	.box {
		width: 48.5%;
	}
	.box:nth-child(even) {
		margin-left: 3%;
	}
}
@media only screen and (min-width: 960px) {
	.box {
		width: 32%;
	}
	.box:nth-child(even) {
		margin-left: 0;
	}
	.box:nth-child(3n-1) {
		margin-left: 2%;
		margin-right: 2%;
	}
	.box:last-child {
		margin-right: 0;
	}
	.box-info {
		padding: 1.25em 1.875em 1.875em;
	}
}
.profile-list h3 {
	font-family: Lato, sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 1.5625rem;
	line-height: 1;
	text-transform: uppercase;
	color: #282525;
	padding-bottom: 0.625rem;
}

.profile {
	padding-bottom: 1.875em;
}
.profile figure {
	width: 100%;
	padding-bottom: 0.875rem;
}
.profile img {
	border-radius: 50%;
	margin: 0 auto;
	max-width: 9.375em;
}
.profile h4,
.profile p {
	padding-bottom: 0.625rem;
}
.profile h4 {
	font-family: Lato, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.4375rem;
	line-height: 1.2;
	color: #0F2E5B;
}
.profile h5 {
	font-family: Lato, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	font-size: 1rem;
	color: #4E9EA8;
}

@media only screen and (min-width: 500px) {
	.profile {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.profile figure {
		min-width: 11.25em;
		width: auto;
		padding-right: 1.875em;
		padding-top: 0.5625em;
	}
	.profile .profile-info {
		padding-left: 11.25em;
	}
	.withimage .profile-info {
		padding-left: 0;
	}
}
@media only screen and (min-width: 960px) {
	.profile-list h3 {
		font-size: 1.75rem;
	}
	.profile h4 {
		font-size: 1.5rem;
	}
	.profile h5 {
		font-size: 1.125rem;
	}
	.profile figure {
		width: 18.3673469%;
	}
	.profile .profile-info {
		padding-left: 18.3673469%;
	}
	.withimage .profile-info {
		width: 81.5306122%;
		padding-left: 0;
	}
}
.links h3 {
	font-family: Lato, sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 1.5625rem;
	text-transform: uppercase;
	color: #282525;
	padding-bottom: 0.625rem;
}

.link-list {
	list-style-type: none;
	padding-left: 0;
	width: 100%;
}
.link-list li {
	padding-bottom: 0.625rem;
}
.link-list li:last-child {
	padding-bottom: 0;
}
.link-list a {
	display: block;
	width: 100%;
	padding: 0.75em 1.25em;
	font-family: Lato, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	color: #4E9EA8;
	background-color: #FFF;
	border-radius: 6px;
	border: 1px solid #4E9EA8;
}
.link-list a strong {
	padding-left: 0.25em;
	font-size: 140%;
	line-height: 1;
	position: relative;
}
.link-list a:hover {
	color: #4E9EA8;
	background-color: #EDF5F6;
}
@media only screen and (min-width: 960px) {
	.link-list a {
		font-size: 1.25rem;
	}
}

.expandable-list h2 {
	font-family: Lato, sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 1.5625rem;
	text-transform: uppercase;
	color: #282525;
	padding-bottom: 0.625rem;
}

.expandable-box {
	border: 1px solid #BABABA;
	border-radius: 6px;
	background-color: #F0F0F0;
	overflow: hidden;
	margin-bottom: 0.625rem;
}
.expandable-box:last-child {
	margin-bottom: 0;
}

.expander h3 {
	padding: 1.25em;
	font-family: Lato, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.0625rem;
	color: #282525;
	padding-left: 2.5em;
}
.expander h3:hover {
	background: rgb(232.8, 232.8, 232.8);
	color: #4E9EA8;
}
.expander h3:before {
	display: inline-block;
	color: #808080;
	content: "+";
	width: 1.25em;
	margin-left: -1.25em;
}

.expanding {
	padding: 1.25em;
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}

.expanded .expander h3:before {
	content: "-";
}
.expanded .expanding {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	border-top: 1px solid #BABABA;
}

.pagination {
	color: #808080;
	text-align: center;
}
.pagination a {
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	padding: 0.125em;
}
.pagination .sep {
	margin: 0 0.5em;
}

.pageof {
	text-align: center;
}

#adminlinks {
	position: absolute;
	top: -9999em;
	/*
		.csstransforms & {
			transform: rotate(90deg);
		}
	*/
}
@media only screen and (min-width: 960px) {
	#adminlinks {
		position: absolute;
		top: 0;
		right: 0;
		/*
				.csstransforms & {
					top: em(250); // 200 without drafts
					right: em(-138); // -96 without drafts
				}
		*/
		z-index: 1000;
		padding: 0 10px 20px 20px;
		display: block;
		opacity: 0;
	}
	#adminlinks a {
		display: block;
		float: left;
		margin-right: 10px;
		padding: 0.3em 1em;
		font-size: 1rem;
		background: #4E9EA8;
		color: #FFF;
		text-decoration: none;
		opacity: 0.9;
	}
	#adminlinks a:hover {
		cursor: default;
	}
}
@media only screen and (min-width: 1120px) {
	#adminlinks {
		/*
				.csstransforms & {
					top: em(200); // 150 without drafts
				}
		*/
	}
}

@media only screen and (min-width: 960px) {
	#adminlinks.adminlinks {
		opacity: 1;
	}
	#adminlinks.adminlinks a:hover {
		background: #098386;
		opacity: 1;
		cursor: pointer;
	}
}

.message {
	width: 100%;
	padding: 1.875em;
	margin-top: 1.25em;
	margin-bottom: 1.25em;
	animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
}
.message.success {
	border: 1px solid #4E9EA8;
	background-color: #EDF5F6;
	color: #4E9EA8;
}

@keyframes shake {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}
	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}
	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}
	40%, 60% {
		transform: translate3d(4px, 0, 0);
	}
}
.blogwrap .respondbox,
.archivewrap .respondbox {
	margin-top: 2.5em;
	background-color: #F0F0F0;
	border: 1px solid #BABABA;
	border-radius: 6px;
}
.blogwrap .respondbox h2,
.archivewrap .respondbox h2 {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.25rem;
	margin-bottom: 0.625rem;
}
.blogwrap .sharing,
.blogwrap .commentlist,
.blogwrap .leavecomment,
.archivewrap .sharing,
.archivewrap .commentlist,
.archivewrap .leavecomment {
	padding: 0.625em;
}
.blogwrap .commentlist,
.blogwrap .leavecomment,
.archivewrap .commentlist,
.archivewrap .leavecomment {
	border-top: 1px solid #BABABA;
}
.blogwrap .sharing,
.archivewrap .sharing {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}
.blogwrap .sharing h2,
.archivewrap .sharing h2 {
	margin-bottom: 0;
}
.blogwrap .sharing p,
.archivewrap .sharing p {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 0.875rem;
}
.blogwrap .sharing a,
.archivewrap .sharing a {
	display: inline-block;
	flex: 1;
	text-decoration: none;
	text-indent: -9999em;
	width: 2.5em;
	height: 2.5em;
}
.blogwrap .sharing .facebook,
.archivewrap .sharing .facebook {
	background: transparent url(assets/css/img/facebook-icon-sharing@2x.png) no-repeat center center;
	background-size: contain;
}
.blogwrap .sharing .twitter,
.archivewrap .sharing .twitter {
	background: transparent url(assets/css/img/twitter-icon-sharing@2x.png) no-repeat center center;
	background-size: contain;
}
.blogwrap .commentlist,
.archivewrap .commentlist {
	position: relative;
}
.blogwrap .jumptoleave,
.archivewrap .jumptoleave {
	position: absolute;
	top: 0.625em;
	right: 0.625em;
}
.blogwrap .jumptoleave a,
.archivewrap .jumptoleave a {
	font-size: 0.875rem;
	display: inline-block;
	background-color: #4E9EA8;
	border-radius: 6px;
	color: #FFF;
	text-decoration: none;
	padding: 0.5em 0.75em;
	box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
	border: 0;
}
.blogwrap .jumptoleave a:hover,
.archivewrap .jumptoleave a:hover {
	background-color: #098386;
	color: #FFF;
}
.blogwrap .comment,
.archivewrap .comment {
	border-bottom: 1px solid #BABABA;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}
.blogwrap .comment:first-child,
.archivewrap .comment:first-child {
	padding-top: 0;
}
.blogwrap .comment:last-child,
.archivewrap .comment:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}
.blogwrap .commenter,
.archivewrap .commenter {
	font-family: Lato, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.125rem;
}
.blogwrap .commentdate,
.archivewrap .commentdate {
	font-size: 0.75rem;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
}
.blogwrap .commentdate a,
.archivewrap .commentdate a {
	color: #808080;
	text-decoration: none;
}
.blogwrap .commentwrap p,
.archivewrap .commentwrap p {
	font-size: 0.875rem;
	margin-bottom: 0.875rem;
}
.blogwrap .commentwrap p:last-child,
.archivewrap .commentwrap p:last-child {
	margin-bottom: 0;
}
.blogwrap .leavecomment h2,
.archivewrap .leavecomment h2 {
	margin-bottom: 0;
}
.blogwrap .leavecomment .req,
.archivewrap .leavecomment .req {
	color: #D21C24;
}
.blogwrap .leavecomment p,
.archivewrap .leavecomment p {
	font-size: 0.875rem;
}
.blogwrap .commentform label,
.archivewrap .commentform label {
	display: block;
	width: 100%;
}
.blogwrap .commentform textarea,
.blogwrap .commentform input[type=text],
.archivewrap .commentform textarea,
.archivewrap .commentform input[type=text] {
	width: 100%;
	border: 1px solid #BABABA;
	border-radius: 6px;
	padding: 0.375em 0.75em;
}
.blogwrap .commentform .commentarea textarea,
.archivewrap .commentform .commentarea textarea {
	min-height: 7.5em;
}
.blogwrap .commentform .commentarea label,
.blogwrap .commentform .name label,
.blogwrap .commentform .email label,
.archivewrap .commentform .commentarea label,
.archivewrap .commentform .name label,
.archivewrap .commentform .email label {
	font-size: 1.25rem;
	margin-top: 0.75rem;
}
.blogwrap .commentform .email,
.archivewrap .commentform .email {
	margin-bottom: 1.5rem;
}
.blogwrap .commentform .option input,
.archivewrap .commentform .option input {
	padding: 0.25em;
	margin-right: 0.5rem;
}
.blogwrap .commentform .commentbuttons,
.archivewrap .commentform .commentbuttons {
	margin-top: 1.5em;
}
.blogwrap .commentform .commentbuttons input,
.archivewrap .commentform .commentbuttons input {
	display: inline-block;
	background-color: #4E9EA8;
	border-radius: 6px;
	color: #FFF;
	text-decoration: none;
	padding: 0.5em 1em;
	box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
	border: 0;
}
.blogwrap .commentform .commentbuttons input:hover,
.archivewrap .commentform .commentbuttons input:hover {
	background-color: #098386;
	color: #FFF;
}
@media only screen and (min-width: 600px) {
	.blogwrap .respondbox h2,
	.archivewrap .respondbox h2 {
		font-size: 1.5rem;
		margin-bottom: 0.75rem;
	}
	.blogwrap .sharing,
	.blogwrap .commentlist,
	.blogwrap .leavecomment,
	.archivewrap .sharing,
	.archivewrap .commentlist,
	.archivewrap .leavecomment {
		padding: 1.875em;
	}
	.blogwrap .sharing h2,
	.archivewrap .sharing h2 {
		margin-bottom: 0;
	}
	.blogwrap .jumptoleave,
	.archivewrap .jumptoleave {
		top: 1.875em;
		right: 1.875em;
	}
	.blogwrap .jumptoleave a,
	.archivewrap .jumptoleave a {
		font-size: 1rem;
		padding: 0.5em 1em;
	}
	.blogwrap .commenter,
	.archivewrap .commenter {
		font-size: 1.25rem;
	}
	.blogwrap .commentdate,
	.archivewrap .commentdate {
		font-size: 0.875rem;
		margin-bottom: 0.625rem;
	}
	.blogwrap .commentwrap p,
	.archivewrap .commentwrap p {
		margin-bottom: 1.125rem;
	}
	.blogwrap .leavecomment p,
	.archivewrap .leavecomment p {
		font-size: 1rem;
	}
}

.home #page > header {
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
	height: auto;
}
@media only screen and (min-width: 300px) {
	.home #page > header {
		padding-top: 0;
		padding-bottom: 0;
		height: auto;
	}
}
@media only screen and (min-width: 500px) {
	.home #page > header {
		padding-top: 0;
		padding-bottom: 0;
		height: auto;
	}
}
@media only screen and (min-width: 960px) {
	.home #page > header {
		padding-top: 0;
		padding-bottom: 0;
		height: auto;
	}
}
.home .homesplash h1, .home .homesplash h2 {
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}
.home .homenavwrap {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999999;
}
.home .toggle {
	top: 1.25rem;
	width: 1.75em;
	height: 1.75em;
}
.home .toggle-button {
	background-color: rgba(40, 37, 37, 0.8);
	padding: 0.375em;
	border-radius: 0.1875em;
}
.home .toggle-icon,
.home .toggle-icon:before,
.home .toggle-icon:after {
	background-color: #FFF;
}
.home .toggle-button:hover .toggle-icon,
.home .toggle-button:hover .toggle-icon:before,
.home .toggle-button:hover .toggle-icon:after {
	background-color: #E2CA1A;
}
.home .slideout-open .toggle-icon,
.home .slideout-open .toggle-button:hover .toggle-icon {
	background-color: transparent;
}
.home #nav > ul {
	padding-top: 3rem;
	top: 0;
	background-color: rgba(255, 255, 255, 0.95);
}
.home #nav ul a, .home #nav ul .has-dropdown > span {
	background-color: transparent;
}
.home #nav ul a:hover, .home #nav ul .has-dropdown > span:hover {
	background-color: #4E9EA8;
}
@media only screen and (min-width: 960px) {
	.home #nav > ul {
		padding-top: 0;
		top: 0;
	}
	.home #nav > ul.subopen, .home #nav > ul:hover {
		background-color: rgba(255, 255, 255, 0.9);
	}
	.home #nav ul a, .home #nav ul .has-dropdown > span {
		background-color: transparent;
	}
	.home #nav ul a:hover, .home #nav ul .has-dropdown > span:hover {
		background-color: transparent;
	}
	.home #nav ul ul a {
		background-color: rgba(255, 255, 255, 0.9);
	}
	.home #nav ul ul a:hover {
		color: #FFF;
		background-color: #4E9EA8;
	}
	.home #nav.scrolled > ul {
		background-color: rgba(255, 255, 255, 0.9);
	}
}
.home #wrapper {
	padding-top: 0;
}
@media only screen and (min-width: 300px) {
	.home #wrapper {
		padding-top: 0;
	}
}
@media only screen and (min-width: 500px) {
	.home #wrapper {
		padding-top: 0;
	}
}
@media only screen and (min-width: 960px) {
	.home #wrapper {
		padding-top: 0;
	}
}
.home .bk_tint {
	background-color: #F0F0F0;
}
.home .pagecontent {
	padding: 0;
}
.home .pagecontent > .inner {
	max-width: 100%;
}
.home .pagecontent .section .inner h2 {
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-family: Lato, sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 1.75rem;
	margin-bottom: 0.75em;
}
.home .pagecontent .section:not(.grid):not(.currents):not(.content-builder) .inner p {
	padding-bottom: 1em;
}
.home .pagecontent .section:not(.grid):not(.currents):not(.content-builder) .inner p:last-child {
	padding-bottom: 0;
}
.home .special .textwithimage, .home .event .textwithimage {
	flex-direction: column;
	gap: 1em;
}
@media only screen and (min-width: 500px) {
	.home .special .textwithimage, .home .event .textwithimage {
		gap: 2.25em;
		flex-direction: row;
	}
}
.home .special .textwithimage figure, .home .event .textwithimage figure {
	flex: 1;
	width: 100%;
	margin-right: 0;
}
.home .special .textwithimage .textwrap, .home .event .textwithimage .textwrap {
	flex: 2;
}
@media only screen and (min-width: 500px) {
	.home .special .textwithimage.imagehalf .textwrap, .home .event .textwithimage.imagehalf .textwrap {
		flex: 1;
	}
}
.home .special .textwithimage h3, .home .event .textwithimage h3 {
	font-family: Lato, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #0F2E5B;
	margin-bottom: 0.3em;
	line-height: 1.2;
	font-size: 1.25rem;
}
@media only screen and (min-width: 500px) {
	.home .special .textwithimage h3, .home .event .textwithimage h3 {
		font-size: 1.5rem;
	}
}
@media only screen and (min-width: 960px) {
	.home .special .textwithimage h3, .home .event .textwithimage h3 {
		font-size: 2rem;
	}
}
.home .special .textwithimage h4, .home .event .textwithimage h4 {
	font-family: Lato, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #0F2E5B;
	margin-bottom: 0.3em;
	line-height: 1.2;
	font-size: 1.125rem;
}
@media only screen and (min-width: 500px) {
	.home .special .textwithimage h4, .home .event .textwithimage h4 {
		font-size: 1.25rem;
	}
}
@media only screen and (min-width: 960px) {
	.home .special .textwithimage h4, .home .event .textwithimage h4 {
		font-size: 1.5rem;
	}
}
.home .special .textwithimage h5, .home .event .textwithimage h5 {
	font-family: Lato, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #0F2E5B;
	margin-bottom: 0.3em;
	line-height: 1.2;
	font-size: 1rem;
}
@media only screen and (min-width: 500px) {
	.home .special .textwithimage h5, .home .event .textwithimage h5 {
		font-size: 1.125rem;
	}
}
@media only screen and (min-width: 960px) {
	.home .special .textwithimage h5, .home .event .textwithimage h5 {
		font-size: 1.25rem;
	}
}
.home .event.content-builder .textwithimage {
	margin-top: 1em;
}
.home .event.content-builder h3 {
	font-family: Lato, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-weight: 800;
	color: #0F2E5B;
	margin-bottom: 0.3em;
	line-height: 1.2;
	font-size: 1.25rem;
}
@media only screen and (min-width: 500px) {
	.home .event.content-builder h3 {
		font-size: 1.5rem;
	}
}
@media only screen and (min-width: 960px) {
	.home .event.content-builder h3 {
		font-size: 2rem;
	}
}
.home .event.content-builder h4 {
	font-family: Lato, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 0.3em;
	line-height: 1.2;
	font-size: 1.125rem;
}
@media only screen and (min-width: 500px) {
	.home .event.content-builder h4 {
		font-size: 1.25rem;
	}
}
@media only screen and (min-width: 960px) {
	.home .event.content-builder h4 {
		font-size: 1.5rem;
	}
}
.home .event.content-builder h5 {
	font-family: Lato, sans-serif;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 0.3em;
	line-height: 1.2;
	font-size: 1rem;
}
@media only screen and (min-width: 500px) {
	.home .event.content-builder h5 {
		font-size: 1.125rem;
	}
}
@media only screen and (min-width: 960px) {
	.home .event.content-builder h5 {
		font-size: 1.25rem;
	}
}
.home .stories {
	background-color: #E2CA1A;
	position: relative;
	padding-top: 3.75em !important;
	padding-bottom: 3.75em !important;
}
.home .stories .inner {
	position: relative;
	z-index: 10;
}
.home .stories .storiesintro p {
	font-family: Lato, sans-serif;
	font-weight: normal;
	font-style: normal;
}
.home .stories .box-grid {
	margin-top: 2.5rem;
}
.home .stories img.home_section_bg {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: "object-fit: cover";
	z-index: 1;
}
@media only screen and (min-width: 960px) {
	.home .stories {
		padding-top: 5em !important;
		padding-bottom: 5em !important;
	}
}
.home .homelink {
	text-align: center;
}
.home .homelink.button_cta {
	margin-top: 2.5em;
}
.home .homelink a {
	display: inline-block;
	margin: 0 auto;
	background-color: #4E9EA8;
	border-radius: 6px;
	color: #FFF;
	text-decoration: none;
	padding: 0.5em 1em;
	box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
}
.home .homelink a:hover {
	background-color: #098386;
	color: #FFF;
}
.home .archives {
	background-color: #E9E9E9;
	position: relative;
	padding-top: 3.75em !important;
	padding-bottom: 3.75em !important;
}
.home .archives .inner {
	position: relative;
	z-index: 10;
}
.home .archives .homelink {
	margin-top: 1.875em;
}
.home .archives .homelink.button_cta {
	margin-top: 2.5em;
}
.home .archives .homelink a {
	margin-left: 0.25em;
	margin-right: 0.25em;
	margin-bottom: 0.5em;
}
.home .archives .box-grid {
	margin-top: 2.5em;
}
.home .archives .box.box-video figure {
	height: 0;
	overflow: hidden;
	padding-top: 64.5161290323%;
	position: relative;
}
.home .archives .box.box-video figure img {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.home .archives .category {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #808080;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 0.875rem;
	margin-bottom: 0.625rem;
	line-height: 1.2;
	text-align: left;
}
.home .archives h3 {
	font-family: Lato, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #0F2E5B;
	line-height: 1.2;
	font-size: 1.25rem;
}
.home .archives .date {
	text-transform: uppercase;
	margin-bottom: 0;
	line-height: 1.3;
	text-align: left;
}
.home .archives .author {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-style: normal;
	line-height: 1.3;
	color: #808080;
	text-align: left;
}
.home .archives > img {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: "object-fit: cover";
	z-index: 1;
}
@media only screen and (min-width: 960px) {
	.home .archives {
		padding-top: 5em !important;
		padding-bottom: 5em !important;
	}
}
.home .featured {
	background-color: #FFF;
}
.home .featured .boxtype {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #808080;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 0.875rem;
	margin-bottom: 0.625rem;
	line-height: 1.2;
}
.home .featured h3 {
	font-family: Lato, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #0F2E5B;
	line-height: 1.2;
	font-size: 1.25rem;
}
.home .featured .date {
	text-transform: uppercase;
}
.home .featured .author .name {
	color: #4E9EA8;
}
.home .about {
	background-color: #E2CA1A;
}
.home .work {
	background-color: #F0F0F0;
}
.home .vision {
	background-color: #FFF;
	position: relative;
}
.home .vision:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #FFF;
	border-width: 18px;
	margin-left: -18px;
}
.home .vision-statement {
	background-color: #E2CA1A;
	padding-top: 2em !important;
	padding-bottom: 2em !important;
}
.home .vision-statement h3 {
	text-align: center;
	color: #0F2E5B;
	font-size: 1rem;
}
@media only screen and (min-width: 960px) {
	.home .pagecontent .section .inner h2 {
		font-size: 3.0625rem;
		padding-bottom: 0;
		margin-bottom: 1.25rem;
	}
	.home .pagecontent .section:not(.grid) .inner p {
		font-size: 1.25rem;
	}
	.home .pagecontent .section:not(.grid) .inner h3 {
		font-size: 1.75rem;
	}
	.home .pagecontent .homelink,
	.home .pagecontent .archiveintro p,
	.home .pagecontent .storiesintro p {
		font-size: 1.25rem;
	}
	.home .vision-statement {
		padding-top: 3em !important;
		padding-bottom: 3em !important;
	}
}
.home .section.currents,
.home .section.special,
.home .section.event,
.home .section.homeblog,
.home .section.work,
.home .section.vision {
	padding-top: 3.75em !important;
	padding-bottom: 3.75em !important;
}
.home .section.currents {
	background-color: #F0F0F0;
}
.home .section.currents h2 {
	font-weight: normal !important;
	font-size: 1.25rem !important;
	letter-spacing: 0.08em;
	margin-bottom: 0.25em !important;
}
.home .currents-top h3,
.home .currents-top .meta {
	text-align: center;
}
.home .currents-top h3 {
	font-size: 2em;
	font-family: Lato, sans-serif;
	font-weight: 900;
	font-style: normal;
}
.home .currents-top h3 a {
	text-decoration: none;
	line-height: 1.2;
	color: #0F2E5B;
}
.home .currents-top h3 a:hover {
	color: #4E9EA8;
}
.home .currents-top .meta {
	font-size: 1rem !important;
}
.home .currents-top .sep {
	display: inline-block;
	padding: 0 0.5em;
	color: #CFD0D1;
}
.home .currents-top .top-image {
	margin: 2em 0;
}
.home .currents-contents-wrap {
	position: relative;
}
.home .currents-content {
	max-height: 10em;
	padding-bottom: 5em;
	overflow: hidden;
	transition: max-height 2s;
	z-index: 3000;
}
.home .currents-content.expand {
	max-height: 200em;
}
.home .currents-content-toggle {
	display: flex;
	height: 5em;
	width: 100%;
	background: transparent;
	background: linear-gradient(0deg, #f0f0f0 0%, rgba(240, 240, 240, 0) 100%);
	justify-content: center;
	align-items: flex-end;
	position: absolute;
	bottom: 0;
}
.home .currents-content-button {
	margin: 0 auto;
	border: 0;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2em;
	height: 2em;
	color: white;
	background-color: #4E9EA8;
}
.home .currents-content-button:hover,
.home .currents-content-button:active {
	background-color: #0F2E5B;
}
@media screen and (min-width: 500px) {
	.home .section.currents,
	.home .section.special,
	.home .section.event,
	.home .section.homeblog,
	.home .section.work,
	.home .section.vision {
		padding-top: 5em !important;
		padding-bottom: 5em !important;
	}
	.home .currents-top h3 {
		font-size: 3rem !important;
	}
}
.home .currents-more {
	margin-top: 2em;
	border-top: 1px solid #CFD0D1;
	padding-top: 2em;
	padding-bottom: 2em;
}
.home .currents-more a {
	text-decoration: none;
	font-family: Lato, sans-serif;
	font-weight: 900;
	font-style: normal;
	color: #0F2E5B;
}
.home .currents-more a:hover {
	color: #4E9EA8;
}
.home .currents-earlier {
	display: flex;
	flex-direction: column;
	gap: 2em;
}
.home .currents-earlier-story a {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: 0.5em;
	text-decoration: none;
	color: #0F2E5B;
	text-align: center;
}
.home .currents-earlier-story a:hover {
	color: #4E9EA8;
}
.home .currents-earlier-story h3 {
	font-size: 1.25rem !important;
	line-height: 1.3;
}
.home .currents-earlier-story picture {
	min-width: 150px;
}
.home .currents-earlier-story img {
	width: 100%;
	max-width: 150px;
	height: auto;
}
@media screen and (min-width: 500px) {
	.home .currents-more a {
		font-size: 1.5rem;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		gap: 0.5em;
	}
	.home .currents-earlier {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		gap: 2em;
		width: 100%;
	}
	.home .currents-earlier-story a {
		width: 100%;
		flex-direction: row;
		gap: 1.5em;
		text-align: left;
	}
}
@media screen and (min-width: 800px) {
	.home .currents-earlier {
		flex-direction: row;
		justify-content: space-between;
	}
	.home .currents-earlier-story {
		width: 48%;
	}
}

.story-maps .contenthead.nobgimg {
	background-color: #E2CA1A;
}
.story-maps .contenthead.nobgimg h1 {
	color: #0F2E5B;
}
.story-maps .contenthead.nobgimg p {
	color: #282525;
}
@media only screen and (min-width: 960px) {
	.story-maps .contenthead {
		padding: 2.5em 1.875em;
	}
}

main > .map {
	padding: 0;
}
main > .map .mapwrap {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 120%;
}
main > .map .mapwrap > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
@media only screen and (min-width: 300px) {
	main > .map {
		padding: 0;
	}
}
@media only screen and (min-width: 500px) {
	main > .map .mapwrap {
		padding-bottom: 90%;
	}
}
@media only screen and (min-width: 960px) {
	main > .map {
		padding: 0;
	}
	main > .map .mapwrap {
		padding-bottom: 71.4285714%;
	}
}
@media only screen and (min-width: 1120px) {
	main > .map .mapwrap {
		height: 50em;
		padding-bottom: 0;
	}
}

.story-maps .gm-style {
	font-family: Lato, sans-serif;
}
.story-maps .gm-style .gm-style-iw {
	max-width: 15rem;
}
.story-maps .gm-style .gm-style-iw img {
	max-width: 100%;
	margin-bottom: 0.75rem;
}
.story-maps .gm-style .gm-style-iw h3 {
	color: #0F2E5B; /* TESTING */
	font-size: 1.125rem;
}
.story-maps .gm-style .gm-style-iw p {
	margin-top: 0.5rem;
}
.story-maps .gm-style .gm-style-iw a {
	display: inline-block;
	text-decoration: none;
	background-color: #4E9EA8;
	border-radius: 6px;
	color: white;
	padding: 0.5em 1em;
}
.story-maps .gm-style .gm-style-iw a:hover {
	background-color: #E2CA1A;
}

.drafts .storymaplist .storymap {
	box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
	padding: 1.25em;
	margin-bottom: 1.875em;
}
.drafts .storymaplist .storymap h3 {
	color: #0F2E5B;
	padding-bottom: 0.375em;
	font-size: 1.5rem;
}
.drafts .storymaplist .storymap h4 {
	padding-top: 1.125rem;
	color: #0F2E5B;
	font-size: 1.125rem;
}
.drafts .storymaplist .storymap li strong {
	display: block;
}
@media only screen and (min-width: 960px) {
	.drafts .storymaplist .storymap {
		padding: 1.875em;
	}
}
.drafts .storymaplist .storymap .appid {
	color: #D21C24;
}

.archives main > .section.contenthead {
	padding-top: 0;
	padding-bottom: 0;
	min-height: auto;
}
.archives main > .section.contenthead .headwrap {
	position: relative;
	padding-top: 3.75em;
	padding-bottom: 3.75em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.archives main > .section.contenthead .headwrap h1,
.archives main > .section.contenthead .headwrap .headcontent {
	width: 100%;
}
@media only screen and (min-width: 960px) {
	.archives main > .section.contenthead {
		min-height: auto;
	}
	.archives main > .section.contenthead .headwrap {
		min-height: 17.5em;
	}
}
.archives .uploadlink {
	text-align: center;
	padding-top: 1.25em;
}
.archives .uploadlink a {
	display: inline-block;
	background-color: #4E9EA8;
	border-radius: 6px;
	color: #FFF;
	text-decoration: none;
	padding: 0.5em 1em;
	box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
	border: 0;
}
.archives .uploadlink a:hover {
	background-color: #098386;
	color: #FFF;
}
.archives .section.loginregister,
.archives .section.forgotpwd {
	max-width: 31.25em;
	margin: 0 auto;
}
.archives.login .message, .archives.forgot .message {
	max-width: 38.75em;
	margin: 0 auto;
	margin-top: 1.875em;
	text-align: center;
}
.archives .userbar {
	width: 100%;
	text-align: center;
	color: white;
	position: absolute;
	top: 0.75em;
	right: 0;
}
@media only screen and (min-width: 960px) {
	.archives .userbar {
		text-align: right;
	}
}
.archives .userbar a {
	display: inline-block;
	font-size: 0.75rem;
	letter-spacing: 0.1em;
	margin-left: 0.5em;
	background-color: #4E9EA8;
	border-radius: 6px;
	color: #FFF;
	text-decoration: none;
	padding: 0.25em 0.5em;
	box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
	border: 0;
}
.archives .userbar a:hover {
	background-color: #098386;
	color: #FFF;
}
@media only screen and (min-width: 960px) {
	.archives.contribute main > .section.contenthead .headwrap, .archives.myprofile main > .section.contenthead .headwrap, .archives.login main > .section.contenthead .headwrap, .archives.register main > .section.contenthead .headwrap, .archives.forgot main > .section.contenthead .headwrap, .archives.reset main > .section.contenthead .headwrap, .archives.edit main > .section.contenthead .headwrap {
		min-height: 10em;
	}
}
.archives.contribute .intro,
.archives.contribute .field,
.archives.contribute .submitwrap,
.archives.contribute .forgot, .archives.myprofile .intro,
.archives.myprofile .field,
.archives.myprofile .submitwrap,
.archives.myprofile .forgot, .archives.login .intro,
.archives.login .field,
.archives.login .submitwrap,
.archives.login .forgot, .archives.register .intro,
.archives.register .field,
.archives.register .submitwrap,
.archives.register .forgot, .archives.forgot .intro,
.archives.forgot .field,
.archives.forgot .submitwrap,
.archives.forgot .forgot, .archives.reset .intro,
.archives.reset .field,
.archives.reset .submitwrap,
.archives.reset .forgot, .archives.edit .intro,
.archives.edit .field,
.archives.edit .submitwrap,
.archives.edit .forgot {
	padding: 0 1em;
	margin: 1em 0;
}
.archives.myprofile .name {
	font-size: 1.5rem;
}
.archives.myprofile .submitted {
	position: relative;
}
.archives.myprofile .status {
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	background-color: rgba(255, 0, 0, 0.75);
	width: 100%;
	color: white;
	padding: 0.2em;
	letter-spacing: 0.05em;
	z-index: 1000;
}
.archives.myprofile .actions {
	text-align: left;
	padding-top: 1em;
}
.archives.myprofile .actions a {
	display: inline-block;
	font-size: 0.8125rem;
	letter-spacing: 0.05em;
	margin-right: 0.5em;
	background-color: #4E9EA8;
	border-radius: 6px;
	color: #FFF;
	text-decoration: none;
	padding: 0.5em 0.75em;
	box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
	border: 0;
	text-transform: uppercase;
}
.archives.myprofile .actions a:hover {
	background-color: #098386;
	color: #FFF;
}
.archives.myprofile .box:hover {
	background-color: #FFF;
	border-bottom-color: #4E9EA8;
}
.archives .registerlink {
	margin-top: 1.25em;
	text-align: center;
}
.archives .registerlink a {
	display: inline-block;
	background-color: #4E9EA8;
	border-radius: 6px;
	color: #FFF;
	text-decoration: none;
	padding: 0.5em 1em;
	box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
	border: 0;
}
.archives .registerlink a:hover {
	background-color: #098386;
	color: #FFF;
}
.archives .profileinfo,
.archives .profilebar {
	max-width: 38.75em;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1em;
}
@media only screen and (min-width: 960px) {
	.archives .profileinfo,
	.archives .profilebar {
		text-align: center;
	}
}
.archives .updatelink a,
.archives .uploadlink a {
	display: inline-block;
	background-color: #4E9EA8;
	border-radius: 6px;
	color: #FFF;
	text-decoration: none;
	padding: 0.5em 1em;
	box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
	border: 0;
}
.archives .updatelink a:hover,
.archives .uploadlink a:hover {
	background-color: #098386;
	color: #FFF;
}
.archives .loginform,
.archives .registerform,
.archives .fieldgroup,
.archives .forgotform {
	margin-top: 2.5em;
	background-color: #F0F0F0;
	border: 1px solid #BABABA;
	border-radius: 6px;
	animation: fadein 1s;
}
.archives .loginform:first-child,
.archives .registerform:first-child,
.archives .fieldgroup:first-child,
.archives .forgotform:first-child {
	margin-top: 0;
}
.archives .loginform h2,
.archives .registerform h2,
.archives .fieldgroup h2,
.archives .forgotform h2 {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.875rem;
	margin-bottom: 0.625rem;
	line-height: 1.1;
}
.archives .loginform label,
.archives .registerform label,
.archives .fieldgroup label,
.archives .forgotform label {
	display: block;
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.25rem;
	line-height: 1.1;
	padding-bottom: 0.25em;
}
.archives .loginform input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
.archives .loginform textarea,
.archives .registerform input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
.archives .registerform textarea,
.archives .fieldgroup input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
.archives .fieldgroup textarea,
.archives .forgotform input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
.archives .forgotform textarea {
	background-color: #fff;
	border: 1px solid;
	border-color: #b3b3b3 #cdcdcd #cdcdcd #b3b3b3;
	font-size: 16px;
	padding: 5px;
	width: 100%;
	border-radius: 3px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) inset;
}
.archives .loginform input[type=submit],
.archives .loginform button[type=submit],
.archives .registerform input[type=submit],
.archives .registerform button[type=submit],
.archives .fieldgroup input[type=submit],
.archives .fieldgroup button[type=submit],
.archives .forgotform input[type=submit],
.archives .forgotform button[type=submit] {
	display: inline-block;
	background-color: #4E9EA8;
	border-radius: 6px;
	color: #FFF;
	text-decoration: none;
	padding: 0.5em 1em;
	box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
	border: 0;
}
.archives .loginform input[type=submit]:hover,
.archives .loginform button[type=submit]:hover,
.archives .registerform input[type=submit]:hover,
.archives .registerform button[type=submit]:hover,
.archives .fieldgroup input[type=submit]:hover,
.archives .fieldgroup button[type=submit]:hover,
.archives .forgotform input[type=submit]:hover,
.archives .forgotform button[type=submit]:hover {
	background-color: #098386;
	color: #FFF;
}
.archives .loginform hr,
.archives .registerform hr,
.archives .fieldgroup hr,
.archives .forgotform hr {
	border: 0;
	height: 0;
	border-top: 1px solid #BABABA;
}
.archives .create {
	margin-top: 2.5em;
	animation: fadein 1s;
	padding-bottom: 2.5em;
}
.archives .create:first-child {
	margin-top: 0;
}
.archives .create h2 {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.875rem;
	margin-bottom: 0.625rem;
	line-height: 1.1;
}
.archives #cform label {
	padding-bottom: 0.125em;
}
.archives #cform .instructions {
	font-size: 0.9375rem;
	line-height: 1.4;
	padding: 0.25em 0 1em;
}
.archives #cform .error label {
	color: #D21C24;
}
.archives #cform .error .error {
	color: #D21C24;
	padding-top: 0.25em;
	font-family: Lato, sans-serif;
	font-weight: 700;
	font-style: normal;
}
.archives #cform a.cke_button {
	padding: 4px;
}
.archives #cform a.cke_path_item, .archives #cform span.cke_path_empty {
	padding: 4px;
	margin-right: 2px;
	text-decoration: none;
	border: 0;
	color: #4c4c4c;
	font-weight: bold;
	font-size: 11px;
}
.archives #cform .fieldgroup:nth-child(2) {
	margin-top: 0;
}
.archives #cform .file_field .filename {
	border: 1px solid #e3e5e8;
	border-radius: 3px;
	background-color: white;
	position: relative;
	padding: 0.625em 1.5em;
	text-align: center;
	float: left;
	margin: 0 0 5px;
}
.archives #cform .file_field .filename img {
	display: none;
}
.archives .archiveslist {
	padding-top: 1.875em !important;
}
.archives .archiveslist .contributionnote {
	text-align: center;
	margin-bottom: 2.5em;
}
.archives .archiveslist .message {
	margin-bottom: 2.5em;
}
.archives .archiveslist .box.box-video figure {
	height: 0;
	overflow: hidden;
	padding-top: 64.5161290323%;
	position: relative;
}
.archives .archiveslist .box.box-video figure img {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.archives .archiveslist .box h3 {
	font-family: Lato, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #0F2E5B;
	line-height: 1.2;
	font-size: 1.25rem;
}
.archives .archiveslist .box .category {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #808080;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 0.875rem;
	margin-bottom: 0.625rem;
	line-height: 1.2;
}
.archives .archiveslist .box .date {
	text-transform: uppercase;
	margin-bottom: 0;
	line-height: 1.3;
}
.archives .archiveslist .box .author {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-style: normal;
	line-height: 1.3;
	color: #808080;
}
.archives .archiveslist .box .summary {
	margin-top: 0.5rem;
	line-height: 1.3;
}
.archives .archiveslist .box .more {
	color: #4E9EA8;
}
.archives .archiveslist .box:hover .more {
	color: #E2CA1A;
}
.archives .filters {
	padding-bottom: 1.875rem;
	padding-top: 1.25em;
}
.archives .filters:first-child {
	padding-top: 0;
}
.archives .filterbuttons {
	width: 100%;
	text-align: center;
	position: relative;
	height: 2.1875em;
}
.archives .filterbuttons .filterbutton {
	display: inline-block;
	border: 1px solid #808080;
	border-radius: 6px;
	background-color: white;
	margin-left: 0.375rem;
	margin-right: 0.375rem;
	min-width: 7.5em;
	font-size: 0.875rem;
	text-transform: uppercase;
	color: #808080;
	padding: 0.5em;
}
.archives .filterbuttons .filterbutton:hover {
	border-color: #4E9EA8;
	background-color: #4E9EA8;
	color: #FFF;
}
@media only screen and (max-width: 349px) {
	.archives .filterbuttons .filterbutton {
		position: absolute;
		left: 0;
		margin-left: 0;
	}
}
.archives .filterbuttons .searchbutton {
	display: inline-block;
	position: absolute;
	right: 0;
	text-transform: none;
	font-size: 0.875rem;
	padding: 0.5em 2.1875em 0.5em 0.5em;
	color: #808080;
	border: none;
	border-radius: 6px;
	background-color: white;
	background-image: url(assets/css/img/search-icon-nav-mobile@2x.png);
	background-size: 1.0625em;
	background-repeat: no-repeat;
	background-position: right 8px center;
}
.archives .filterbuttons .searchbutton:hover {
	background-color: #4E9EA8;
	color: white;
	background-image: url(assets/css/img/search-icon-nav-mobile-hover@2x.png);
}
@media only screen and (min-width: 600px) {
	.archives .filterbuttons .searchbutton span:before {
		content: "Refugee Archives ";
	}
}
.archives .filterlist {
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
	width: 100%;
	text-align: center;
	padding-top: 1.125rem;
	opacity: 0;
	transition: 1s;
	font-size: 0.875rem;
}
.archives .seemore {
	display: block;
}
.archives .expanded {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	opacity: 1;
}
.archives .filterlist .filterhead {
	font-family: Lato, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	text-transform: uppercase;
}
.archives .filterlist p {
	text-transform: uppercase;
	line-height: 1.3;
}
.archives .filterlist .filterset {
	margin-bottom: 1.25em;
}
.archives .filterlist a {
	color: #808080;
	text-decoration: none;
}
.archives .filterlist a:hover {
	color: #E2CA1A;
}
.archives .filterlist .current, .archives .filterlist strong {
	font-family: Lato, sans-serif;
	font-weight: 900;
	font-style: normal;
	color: #808080;
}
.archives .filterlist strong {
	margin-right: 0.375rem;
}
.archives .filterlist .catsep {
	display: inline-block;
	color: #BABABA;
	margin-left: 0.1875rem;
	margin-right: 0.1875rem;
}
.archives.tag h1, .archives.category h1, .archives.search h1, .archives.submitted h1 {
	text-align: center;
	font-family: Lato, sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 1.75rem;
	color: #0F2E5B;
	line-height: 1.5;
}
.archives.tag h1 span, .archives.category h1 span, .archives.search h1 span, .archives.submitted h1 span {
	display: block;
	font-family: Lato, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1rem;
	text-transform: uppercase;
	color: #808080;
	letter-spacing: 0.1em;
}
@media only screen and (min-width: 960px) {
	.archives.tag h1, .archives.category h1, .archives.search h1, .archives.submitted h1 {
		font-size: 2.5rem;
	}
	.archives.tag h1 span, .archives.category h1 span, .archives.search h1 span, .archives.submitted h1 span {
		font-size: 1rem;
	}
}
.archives.submitted .box-grid {
	margin-top: 1.875em;
}
.archives .archivesearchlist {
	padding-top: 1.875em !important;
}
.archives .taglist h2 {
	text-align: left;
	text-transform: none;
	padding-top: 1.875em;
	font-size: 1.375rem;
}
@media only screen and (min-width: 960px) {
	.archives .taglist h2 {
		font-size: 1.875rem;
	}
}
.archives .taglist ul {
	list-style: none;
	padding-left: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.archives .taglist li {
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
}
.archives .taglist a {
	display: block;
	text-decoration: none;
	border: 1px solid #808080;
	border-radius: 6px;
	background-color: #FFF;
	color: #808080;
	padding: 0.25em 0.75em;
}
.archives .taglist a:hover {
	border: 1px solid #E2CA1A;
	background-color: #FCFAE8;
	color: #E2CA1A;
}
.archives .taglist a span {
	font-size: 0.75rem;
	letter-spacing: 0.1em;
}
.archives .archivewrap {
	position: relative;
}
.archives .archivewrap .submittedflag {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #D21C24;
	color: white;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	padding: 0.6em;
	letter-spacing: 0.05em;
}
.archives .archivewrap .submittedflag a {
	display: inline-block;
	font-size: 0.75rem;
	letter-spacing: 0.1em;
	margin-left: 1.5em;
	background-color: white;
	border-radius: 6px;
	color: #D21C24;
	text-decoration: none;
	padding: 0.25em 0.5em;
	border: 0;
}
.archives .archivewrap .submittedflag a:hover {
	background-color: #F4C3C5;
	color: #D21C24;
}
.archives .artifactwrap .prevnext,
.archives .artifactwrap .artifacthead,
.archives .artifactwrap .respondbox,
.archives .artifactwrap .artifact.text,
.archives .artifactwrap .artifact.document,
.archives .artifactwrap .artifact.audio,
.archives .artifactwrap .artifact.video .date,
.archives .artifactwrap .artifact.video .author,
.archives .artifactwrap .artifact.video .description,
.archives .artifactwrap .artifact.video .tags,
.archives .artifactwrap .artifact.image .date,
.archives .artifactwrap .artifact.image .author,
.archives .artifactwrap .artifact.image .description,
.archives .artifactwrap .artifact.image .tags {
	max-width: 38.75em;
	margin-left: auto;
	margin-right: auto;
}
.archives .artifacthead .category {
	color: #808080;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin-bottom: 0.625rem;
	line-height: 1.2;
}
.archives .artifacthead h1 {
	font-family: Lato, sans-serif;
	font-weight: 900;
	font-style: normal;
	color: #0F2E5B;
	margin-bottom: 0.5rem;
	padding-bottom: 0;
	line-height: 1.2;
}
@media only screen and (min-width: 960px) {
	.archives .artifacthead h1 {
		font-size: 2.5rem;
	}
}
.archives .artifact .date {
	text-transform: uppercase;
	margin-bottom: 0;
}
.archives .artifact .featureimg {
	float: right;
	width: 40%;
	max-width: 14.5625em;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}
.archives .artifact .description {
	margin-top: 2.5em;
}
.archives .artifact .tags {
	margin-top: 2.5em;
	padding-top: 2.5em;
	border-top: 1px solid #BABABA;
}
.archives .artifact .tags a {
	color: #808080;
	text-decoration: none;
}
.archives .artifact .tags a:hover {
	color: #E2CA1A;
}
.archives .artifact .description p, .archives .artifact .description ul, .archives .artifact .description ol,
.archives .artifact.text .artifactcontent p,
.archives .artifact.text .artifactcontent ul,
.archives .artifact.text .artifactcontent ol {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-style: normal;
	margin-bottom: 1rem;
}
.archives .artifact .description p:last-child, .archives .artifact .description ul:last-child, .archives .artifact .description ol:last-child,
.archives .artifact.text .artifactcontent p:last-child,
.archives .artifact.text .artifactcontent ul:last-child,
.archives .artifact.text .artifactcontent ol:last-child {
	padding-bottom: 0;
}
.archives .artifact .description h4,
.archives .artifact .description h4.contentsub,
.archives .artifact.text .artifactcontent h4,
.archives .artifact.text .artifactcontent h4.contentsub {
	font-family: Lato, sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 1.5rem;
	margin-bottom: 0.25rem;
	color: #0F2E5B;
	line-height: 1.2;
}
.archives .artifact .description h4.contentsub,
.archives .artifact.text .artifactcontent h4.contentsub {
	clear: both;
	display: block;
	width: 100%;
}
.archives .artifact .description h5,
.archives .artifact.text .artifactcontent h5 {
	font-family: Lato, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.125rem;
	margin-bottom: 0.25rem;
	line-height: 1.2;
}
.archives .artifactcontent {
	margin-top: 2.5em;
}
.archives .artifact.image figure {
	max-width: 61.25em;
	max-height: 90vh;
}
.archives .artifact.image figure img {
	max-height: 90vh;
	object-fit: contain;
}
.archives .artifact.document .filewrap a {
	display: inline-block;
	background-color: #4E9EA8;
	border-radius: 6px;
	color: #FFF;
	text-decoration: none;
	padding: 0.5em 1em;
	border: 0;
}
.archives .artifact.document .filewrap a:hover {
	background-color: #098386;
	color: #FFF;
}
.archives .artifact.audio .audiowrap {
	text-align: center;
}
.archives .artifact.audio .audiowrap audio {
	margin: 0 auto;
}
.archives .prevnext {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-bottom: 2.5em;
}
.archives .prevnext a {
	text-decoration: none;
	font-size: 0.875rem;
	color: #808080;
}
.archives .prevnext.bottom {
	padding-top: 2.5em;
	padding-bottom: 0;
}
@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@media only screen and (min-width: 960px) {
	.archives.update .intro,
	.archives.update .field,
	.archives.update .submitwrap,
	.archives.update .forgot, .archives.contribute .intro,
	.archives.contribute .field,
	.archives.contribute .submitwrap,
	.archives.contribute .forgot, .archives.myprofile .intro,
	.archives.myprofile .field,
	.archives.myprofile .submitwrap,
	.archives.myprofile .forgot, .archives.register .intro,
	.archives.register .field,
	.archives.register .submitwrap,
	.archives.register .forgot, .archives.edit .intro,
	.archives.edit .field,
	.archives.edit .submitwrap,
	.archives.edit .forgot, .archives.login .intro,
	.archives.login .field,
	.archives.login .submitwrap,
	.archives.login .forgot {
		padding: 0 1.875em;
		margin: 1.875em 0;
	}
	.archives.update .loginform,
	.archives.update .registerform,
	.archives.update .updateform, .archives.contribute .loginform,
	.archives.contribute .registerform,
	.archives.contribute .updateform, .archives.myprofile .loginform,
	.archives.myprofile .registerform,
	.archives.myprofile .updateform, .archives.register .loginform,
	.archives.register .registerform,
	.archives.register .updateform, .archives.edit .loginform,
	.archives.edit .registerform,
	.archives.edit .updateform, .archives.login .loginform,
	.archives.login .registerform,
	.archives.login .updateform {
		background-color: #F0F0F0;
		border: 1px solid #BABABA;
		border-radius: 6px;
	}
	.archives.update .loginform .field,
	.archives.update .registerform .field,
	.archives.update .updateform .field, .archives.contribute .loginform .field,
	.archives.contribute .registerform .field,
	.archives.contribute .updateform .field, .archives.myprofile .loginform .field,
	.archives.myprofile .registerform .field,
	.archives.myprofile .updateform .field, .archives.register .loginform .field,
	.archives.register .registerform .field,
	.archives.register .updateform .field, .archives.edit .loginform .field,
	.archives.edit .registerform .field,
	.archives.edit .updateform .field, .archives.login .loginform .field,
	.archives.login .registerform .field,
	.archives.login .updateform .field {
		margin: 1.25em 0;
	}
	.archives.update .loginform .f-password,
	.archives.update .registerform .f-password,
	.archives.update .updateform .f-password, .archives.contribute .loginform .f-password,
	.archives.contribute .registerform .f-password,
	.archives.contribute .updateform .f-password, .archives.myprofile .loginform .f-password,
	.archives.myprofile .registerform .f-password,
	.archives.myprofile .updateform .f-password, .archives.register .loginform .f-password,
	.archives.register .registerform .f-password,
	.archives.register .updateform .f-password, .archives.edit .loginform .f-password,
	.archives.edit .registerform .f-password,
	.archives.edit .updateform .f-password, .archives.login .loginform .f-password,
	.archives.login .registerform .f-password,
	.archives.login .updateform .f-password {
		margin-top: 0.625em;
	}
	.archives.update .autolog,
	.archives.update .forgot, .archives.contribute .autolog,
	.archives.contribute .forgot, .archives.myprofile .autolog,
	.archives.myprofile .forgot, .archives.register .autolog,
	.archives.register .forgot, .archives.edit .autolog,
	.archives.edit .forgot, .archives.login .autolog,
	.archives.login .forgot {
		margin-top: 0;
	}
}

.removeconfirm {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 1.25em;
	background-color: #D21C24;
}
.removeconfirm #cform {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.removeconfirm #cform h3 {
	color: white;
	font-size: 1.875rem;
	padding-bottom: 0.75rem;
}
.removeconfirm #cform p {
	color: white;
	font-size: 1.125rem;
	margin-bottom: 1.25rem;
	line-height: 1.3;
}
.removeconfirm #cform input[type=submit],
.removeconfirm #cform a {
	display: inline-block;
	background-color: #FFF;
	border-radius: 6px;
	color: #D21C24;
	text-decoration: none;
	font-size: 1rem;
	padding: 0.5em 1em;
	border: 0;
	margin: 0.125em;
}
.removeconfirm #cform input[type=submit]:hover,
.removeconfirm #cform a:hover {
	background-color: #F4C3C5;
	color: #D21C24;
}

.critical-vision .content-builder .textwithimage figure,
.critical-vision .content-builder .image figure {
	background: #FFF; /* TESTING */
	box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
}
.critical-vision .content-builder .textwithimage figure img,
.critical-vision .content-builder .image figure img {
	margin: 0 auto;
}
.critical-vision .content-builder figcaption {
	padding: 0.375em 0.75em 1.5em;
}
.critical-vision .call {
	padding-top: 2.5em;
}

.who-we-are .supporters {
	padding-top: 0;
}
.who-we-are .supporters figure {
	width: 100%;
	padding: 1.25em 0;
}
.who-we-are .supporters figure img {
	max-width: 26.875em;
	margin: 0 auto;
}

.grants .awardee-list {
	padding-top: 1.25em;
}
@media only screen and (min-width: 960px) {
	.grants .awardee-list {
		padding-top: 0em;
	}
}

.awardees .contenthead {
	background-color: #FFF;
}
.awardees .contenthead h1 {
	color: #0F2E5B;
}
@media only screen and (min-width: 960px) {
	.awardees .contenthead {
		min-height: 0;
		padding-bottom: 0;
	}
	.awardees .contenthead h1 {
		font-size: 2.5rem;
	}
}

.events .headcontent {
	text-align: center;
}
.events .upcoming {
	background-color: #E9E9E9;
}
.events .upcoming h2:not(:first-child) {
	padding-top: 1em;
}
.events .upcoming:nth-child(3) {
	padding-top: 0;
}
.events .box-info h3 {
	line-height: 1.2;
	margin-bottom: 0.875em;
}
.events .box-info .date {
	text-transform: uppercase;
}
.events .box-info .register {
	color: #4E9EA8;
}
.events .pagination {
	text-align: center;
}
.events .allprevious {
	text-align: center;
}
.events .allprevious a {
	display: inline-block;
	border: 1px solid #4E9EA8;
	border-radius: 6px;
	background-color: white;
	margin-left: 0.375rem;
	margin-right: 0.375rem;
	min-width: 7.5em;
	font-size: 0.875rem;
	text-transform: uppercase;
	color: #4E9EA8;
	text-decoration: none;
	padding: 0.5em 1em;
}
.events .allprevious a:hover {
	background-color: #4E9EA8;
	color: white;
}

.event .info {
	padding-top: 1.875em;
}
.event .inner > figure {
	margin-bottom: 1.875em;
}
.event .eventtype {
	text-transform: uppercase;
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.1em;
	color: #808080;
	margin-bottom: 0.375rem;
}
.event .eventtype .draft {
	font-family: Lato, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #D21C24;
}
.event .contenthead {
	background-color: #FFF;
}
.event .contenthead h1 {
	color: #0F2E5B;
	text-transform: none;
	text-align: left;
	line-height: 1.2;
	margin-bottom: 0.25rem;
}
.event .contenthead p {
	padding-bottom: 0;
}
@media only screen and (min-width: 960px) {
	.event .contenthead {
		min-height: 0;
		padding-bottom: 0;
	}
	.event .contenthead h1 {
		font-size: 2.5rem;
	}
}
.event .register {
	margin-top: 0.625rem;
	font-family: Lato, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.125rem;
}
.event .register a {
	text-decoration: none;
}

.bloglist .box h3, .blogwrap .sidebar .box h3 {
	font-family: Lato, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #0F2E5B;
	line-height: 1.2;
	font-size: 1.25rem;
}
.bloglist .box .category, .blogwrap .sidebar .box .category {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #808080;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 0.875rem;
	margin-bottom: 0.625rem;
	line-height: 1.2;
}
.bloglist .box .date, .blogwrap .sidebar .box .date {
	text-transform: uppercase;
	margin-bottom: 0;
	line-height: 1.3;
}
.bloglist .box .author, .blogwrap .sidebar .box .author {
	line-height: 1.3;
}
.bloglist .box .author .name, .blogwrap .sidebar .box .author .name {
	color: #4E9EA8;
}
.bloglist .box .summary, .blogwrap .sidebar .box .summary {
	margin-top: 0.5rem;
	line-height: 1.3;
}
.bloglist .box .more, .blogwrap .sidebar .box .more {
	color: #4E9EA8;
}
.bloglist .box:hover .more, .blogwrap .sidebar .box:hover .more {
	color: #E2CA1A;
}

.js .sidebar .nhide {
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}

.bloglist {
	padding-top: 1.875em !important;
}
.bloglist .filters {
	padding-bottom: 1.5rem;
}
.bloglist .filterbuttons {
	width: 100%;
	text-align: center;
}
.bloglist .filterbuttons button {
	border: 1px solid #808080;
	border-radius: 6px;
	background-color: white;
	margin-left: 0.375rem;
	margin-right: 0.375rem;
	min-width: 7.5em;
	font-size: 0.875rem;
	text-transform: uppercase;
	color: #808080;
	padding: 0.5em;
}
.bloglist .filterbuttons button:hover {
	border-color: #4E9EA8;
	background-color: #4E9EA8;
	color: #FFF;
}
.bloglist .categorylist,
.bloglist .archivelist {
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
	width: 100%;
	text-align: center;
	padding-top: 1.125rem;
	opacity: 0;
	transition: 1s;
	font-size: 0.875rem;
}
.bloglist .expanded {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	opacity: 1;
}
.bloglist .categorylist p, .bloglist .archivelist p {
	text-transform: uppercase;
	line-height: 1.3;
}
.bloglist .categorylist a, .bloglist .archivelist a {
	color: #808080;
	text-decoration: none;
}
.bloglist .categorylist a:hover, .bloglist .archivelist a:hover {
	color: #E2CA1A;
}
.bloglist .categorylist .current, .bloglist .categorylist strong, .bloglist .archivelist .current, .bloglist .archivelist strong {
	font-family: Lato, sans-serif;
	font-weight: 900;
	font-style: normal;
	color: #808080;
}
.bloglist .categorylist strong, .bloglist .archivelist strong {
	margin-right: 0.375rem;
}
.bloglist .categorylist .catsep, .bloglist .archivelist .catsep {
	display: inline-block;
	color: #BABABA;
	margin-left: 0.1875rem;
	margin-right: 0.1875rem;
}
.bloglist .archivelist p {
	margin-bottom: 0.5625rem;
}
.bloglist .archivelist p:last-child {
	margin-bottom: 0;
}

.blogwrap .postwrap h1 {
	font-family: Lato, sans-serif;
	font-weight: 900;
	font-style: normal;
	color: #0F2E5B;
	margin-bottom: 0.5rem;
	padding-bottom: 0;
	line-height: 1.2;
}
.blogwrap .sidebar {
	margin-top: 3.75em;
}
.blogwrap .sidebar .box {
	margin-bottom: 1.25em;
}
.blogwrap .category {
	color: #808080;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin-bottom: 0.625rem;
	line-height: 1.2;
}
.blogwrap .category .draft {
	font-family: Lato, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #D21C24;
}
.blogwrap .date {
	text-transform: uppercase;
	margin-bottom: 0;
}
.blogwrap .author .name {
	color: #4E9EA8;
}
.blogwrap .content-builder {
	margin-top: 0.875rem;
}
.blogwrap .intro-author {
	padding-bottom: 0;
}
.blogwrap .intro-author figcaption {
	text-align: center;
	padding-bottom: 0;
}
.blogwrap .sidesection {
	padding-bottom: 1.5em;
}
.blogwrap .sidesection h2 {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.5rem;
	margin-bottom: 0.75rem;
}
.blogwrap .categories ul {
	list-style-type: none;
	padding-left: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.blogwrap .categories li {
	padding: 0 0.5em 0.5em 0;
}
.blogwrap .categories a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.875rem;
	display: block;
	border: 1px solid #808080;
	padding: 0.5rem 0.875rem;
	border-radius: 6px;
	color: #808080;
}
.blogwrap .categories a:hover {
	color: #E2CA1A;
	border-color: #E2CA1A;
	background-color: #FCFAE8;
}
.blogwrap .archive ul {
	list-style: none;
	padding-left: 0;
}
.blogwrap .archive ul li {
	color: #808080;
}
.blogwrap .archive ul li:hover {
	color: #E2CA1A;
	cursor: default;
}
.blogwrap .archive ul ul {
	padding-left: 1em;
	padding-bottom: 1em;
}
.blogwrap .archive a {
	text-decoration: none;
	color: #808080;
}
.blogwrap .archive a:hover {
	color: #E2CA1A;
}
.blogwrap .archive .collapsible .trigger:after {
	display: inline-block;
	padding-left: 0.4em;
	padding-right: 0.4em;
	content: " ▾";
	transition: all 300ms 0s ease-in-out;
}
.blogwrap .archive .collapsible .trigger.open:after {
	transform: rotate(180deg);
}

@media only screen and (min-width: 300px) {
	.intro-author {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.intro-author figure {
		max-width: 7.5em;
		padding-right: 1.25em;
		padding-top: 0.5625em;
	}
}
@media only screen and (min-width: 500px) {
	.intro-author figure {
		max-width: auto;
	}
}
@media only screen and (min-width: 600px) {
	.blog .contenthead {
		padding-top: 1.25em;
		padding-bottom: 1.25em;
	}
	.blogwrap .inner {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.blogwrap .postwrap {
		width: 63.2653061%;
	}
	.blogwrap .postwrap h1 {
		font-size: 2.5rem;
	}
	.blogwrap .sidebar {
		margin-top: 0;
		width: 31.6326531%;
	}
	.blogwrap .sidebar .box {
		width: 100%;
	}
	.blogwrap .sidebar .box:nth-child(3n-1) {
		margin-left: 0;
		margin-right: 0;
	}
}
@media only screen and (min-width: 960px) {
	.blog .contenthead {
		min-height: 10em;
		padding-top: 1.25em;
		padding-bottom: 1.25em;
	}
}
@media only screen and (min-width: 1120px) {
	.blog .contenthead {
		min-height: 10em;
		padding-top: 1.25em;
		padding-bottom: 1.25em;
	}
}
.bibliography-list p {
	margin-bottom: 1em;
}
@media only screen and (min-width: 960px) {
	.bibliography-list {
		column-count: 2;
		column-gap: 2em;
	}
}

.bibliography .call {
	padding-top: 2.5em;
}

.syllabipage .grid:nth-child(2n+3) {
	background-color: #E9E9E9;
}

.syllabi-list div, .resource-list div {
	padding-bottom: 2em;
	page-break-inside: avoid;
}
.syllabi-list h3, .resource-list h3 {
	color: #4E9EA8;
}
.syllabi-list h3:not(:first-child), .resource-list h3:not(:first-child) {
	margin-top: 2em;
}
.syllabi-list .links, .resource-list .links {
	padding-top: 0.875em;
}
.syllabi-list a, .resource-list a {
	display: inline-block;
	padding: 0.375em 0.625em;
	text-decoration: none;
	color: #4E9EA8;
	background-color: transparent;
	border-radius: 6px;
	border: 1px solid #4E9EA8;
	margin-right: 0.5em;
}
.syllabi-list a strong, .resource-list a strong {
	padding-left: 0.25em;
	line-height: 1;
	bottom: -0.25rem;
	position: relative;
}
.syllabi-list a:hover, .resource-list a:hover {
	color: #FFF;
	background-color: #4E9EA8;
}
@media only screen and (min-width: 960px) {
	.syllabi-list, .resource-list {
		column-count: 2;
		column-gap: 2em;
	}
}

/*
.contact-info {
	p {
		margin-bottom: 1em;
		text-align: center;
		font-size: rem(18);
	}
	@include breakpoint(medium) {
		.contenthead {
			min-height: em(160);
		}
		p {
			font-size: rem(26);
		}
	}
}
*/
.contact .pagecontent .inner .text:first-child p {
	margin-bottom: 1em;
	text-align: center;
	font-size: 1.125rem;
}
@media only screen and (min-width: 960px) {
	.contact .pagecontent .inner .text:first-child p {
		font-size: 1.625rem;
	}
}

.collaborators .profile img {
	border-radius: 0;
}

.artlink {
	position: absolute;
	bottom: -30px;
	right: 10px;
}
.artlink a {
	text-decoration: none;
	font-size: 0.875rem;
	color: #595959;
}
.artlink a:hover, .artlink a:focus {
	color: #4E9EA8;
}

.artlist .artbox h3 {
	font-family: Lato, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #0F2E5B;
	line-height: 1.2;
	font-size: 1.25rem;
}

.artlist {
	padding-top: 6.25em !important;
}

.artbox {
	display: block;
	width: 100%;
	max-width: 19.375em; /* TESTING */
	margin-bottom: 1.875em;
	color: #282525;
	text-decoration: none;
}
.artbox:hover, .artbox:visited {
	color: #282525 !important;
}
.artbox-info {
	padding: 1.25em 0 1.875em;
}
.artbox-info h3 {
	font-family: Lato, sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 1.125rem;
	margin-bottom: 0.5rem;
}
.artbox-info p {
	font-family: Lato, sans-serif;
	font-weight: 400;
	font-style: normal;
}
.artbox-info .artweb a {
	font-size: 0.875rem;
	text-decoration: none;
}

.artbox-type {
	text-transform: uppercase;
	color: #808080;
	font-size: 0.9375rem;
	letter-spacing: 0.1em;
}

@media only screen and (min-width: 500px) {
	.artbox {
		width: 48.5%;
	}
	.artbox:nth-child(even) {
		margin-left: 3%;
	}
}
@media only screen and (min-width: 960px) {
	.artbox {
		width: 32%;
	}
	.artbox:nth-child(even) {
		margin-left: 0;
	}
	.artbox:nth-child(3n-1) {
		margin-left: 2%;
		margin-right: 2%;
	}
	.artbox:last-child {
		margin-right: 0;
	}
	.artbox-info {
		padding: 1.25em 0 1.875em;
	}
}
body.search {
	/*
		&.archives {
			h2 {
				text-align: center !important;
			}
		}
	*/
}
body.search h1 {
	font-family: Lato, sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 1.75rem;
	margin-bottom: 1.75rem;
	line-height: 1.1;
	text-align: center;
	text-transform: uppercase;
	color: #0F2E5B;
}
body.search h2 {
	text-align: left !important;
	text-transform: none !important;
	font-size: 1.375rem !important;
	color: #282525 !important;
}
body.search .result {
	padding-bottom: 2em;
}
body.search .result a {
	text-decoration: none;
	color: #282525;
}
body.search .result h3 {
	font-size: 1.25rem;
	color: #0F2E5B;
}
body.search .result .type {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #808080;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 0.875rem;
	line-height: 1.2;
}
body.search .result a:hover h3 {
	color: #E2CA1A;
}
body.search .withimage {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
body.search .withimage figure {
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}
@media only screen and (min-width: 500px) {
	body.search h1 {
		font-size: 2.125rem;
	}
	body.search h2 {
		font-size: 1.5rem !important;
	}
	body.search .withimage figure {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		width: 30%;
	}
	body.search .withimage .info {
		width: 67%;
	}
}
@media only screen and (min-width: 600px) {
	body.search .withimage figure {
		width: 25%;
	}
	body.search .withimage .info {
		width: 72%;
	}
}
@media only screen and (min-width: 960px) {
	body.search h1 {
		font-size: 2.5rem;
	}
	body.search h2 {
		font-size: 1.75rem !important;
	}
	body.search .result h3 {
		font-size: 1.5rem;
	}
	body.search .withimage figure {
		width: 20%;
	}
	body.search .withimage .info {
		width: 77%;
	}
}

#search, #archivesearch {
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}
#search.searchnow, #search.a-searchnow, #archivesearch.searchnow, #archivesearch.a-searchnow {
	position: fixed !important;
	width: 100%;
	height: 100%;
	max-width: 100%;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	background: rgba(15, 46, 91, 0.95);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
}
#search.searchnow form, #search.a-searchnow form, #archivesearch.searchnow form, #archivesearch.a-searchnow form {
	max-width: 100%;
}
#search.searchnow h3, #search.a-searchnow h3, #archivesearch.searchnow h3, #archivesearch.a-searchnow h3 {
	font-size: 1rem;
	text-align: center;
	margin: 0 auto 2em;
	width: 2.0625em;
	height: 2.0625em;
	background: transparent url(assets/css/img/search-icon-overlay@2x.png) no-repeat center center;
	text-indent: -9999em;
	background-size: contain;
}
#search.searchnow p, #search.a-searchnow p, #archivesearch.searchnow p, #archivesearch.a-searchnow p {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
#search.searchnow label, #search.a-searchnow label, #archivesearch.searchnow label, #archivesearch.a-searchnow label {
	display: block;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	font-size: 2.0625rem;
	text-transform: uppercase;
}
#search.searchnow input[type=search], #search.a-searchnow input[type=search], #archivesearch.searchnow input[type=search], #archivesearch.a-searchnow input[type=search] {
	box-sizing: border-box;
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-style: normal;
	border: 0;
	background-color: transparent;
	font-size: 5.625rem;
	padding: 0.75rem 1.5rem;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	margin-top: 1.5rem;
}
#search.searchnow input[type=search]:focus, #search.a-searchnow input[type=search]:focus, #archivesearch.searchnow input[type=search]:focus, #archivesearch.a-searchnow input[type=search]:focus {
	outline: none;
}
#search.searchnow button.hidden, #search.a-searchnow button.hidden, #archivesearch.searchnow button.hidden, #archivesearch.a-searchnow button.hidden {
	border: 0 none;
	height: 0;
	width: 0;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#search.searchnow .close,
#search.searchnow .a-close, #search.a-searchnow .close,
#search.a-searchnow .a-close, #archivesearch.searchnow .close,
#archivesearch.searchnow .a-close, #archivesearch.a-searchnow .close,
#archivesearch.a-searchnow .a-close {
	position: absolute;
	top: 0;
	right: 0;
	background: none;
	color: #FFF;
	font-size: 3rem;
	border: 0;
	padding: 1em;
}
#search.searchnow .close:focus,
#search.searchnow .a-close:focus, #search.a-searchnow .close:focus,
#search.a-searchnow .a-close:focus, #archivesearch.searchnow .close:focus,
#archivesearch.searchnow .a-close:focus, #archivesearch.a-searchnow .close:focus,
#archivesearch.a-searchnow .a-close:focus {
	outline: none;
}

@media only screen and (min-width: 960px) {
	.cms .contenthead {
		min-height: 10em;
	}
}
.cms .pagecontent h4 {
	font-family: Lato, sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 1.5rem;
	color: #0F2E5B;
	margin-bottom: 0.25rem;
}
.cms .pagecontent h5 {
	font-family: Lato, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.125rem;
	margin-bottom: 0.25rem;
}
.cms .pagecontent .contentwrap.image {
	padding: 1rem 0;
}
.cms .section .inner h2 {
	font-family: Lato, sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 1.75rem;
	margin-bottom: 1.75rem;
	margin-top: 1.5em;
	line-height: 1.1;
	text-align: center;
	text-transform: uppercase;
	color: #0F2E5B;
}
@media only screen and (min-width: 500px) {
	.cms .section .inner h2 {
		font-size: 2.125rem;
	}
}
@media only screen and (min-width: 960px) {
	.cms .section .inner h2 {
		font-size: 2.5rem;
	}
}
.cms .section .content-builder h2:first-child {
	margin-top: 0;
}