/* Global
============================================================= */

html {
	font-family: 'Open Sans', sans-serif;
	background-color: #ffffff;
	height: 100%;
}

html.no-scroll {
	overflow: scroll;
}

body {
	background-color: #ffffff;
	overflow-x: hidden;
}

/* Drawer
============================================================= */

.site--drawer {
	display: none;
	background-color: #ffffff;
}

.site--drawer>.wrapper {
	width: 100%;
	max-width: 80rem;
	margin: 0 auto;
	position: relative;
}

.site--drawer>.wrapper:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 2rem;
	right: 2rem;
	height: .0625rem;
	background-color: #ececec;
}

/* Body
============================================================= */

.site--body {
	background-color: #ffffff;
}

/* Main
============================================================= */

.site--main {
	overflow: hidden;
}

/* Top Links -top, floating, cta buttons.  Only visible on larger screens
============================================================= */

@media screen and (min-width: 64em) {
	.section--top-cta-buttons {
		display: block;
		z-index: 3000;
		text-align: center;
		position: fixed;
		top: 0;
		width: 100%;
		max-width: 80rem;
		height: 2.5rem;
		line-height: 2.5rem;
		padding-right: 1.5rem;
	}

	.section--top-cta-buttons .link {
		/*padding: 1.5rem 0;*/
		width: 11rem;
		min-height: 2.5rem;
		margin-right: .5rem;
		float: right;

		border: none;
		border-bottom-left-radius: 2px;
		border-bottom-right-radius: 2px;
	}

	.section--top-cta-buttons .link .title {
		color: white;
		line-height: normal;
		vertical-align: middle;
		display: inline-block;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		font-size: .8rem;
	}
}

/* Top Links -in subheader.  Only visible on smaller screens
============================================================= */
@media screen and (max-width: 64em) and (min-width: 32em) {
	.section--subheader-cta-buttons {
		display: block;
		z-index: 3000;
		text-align: center;
		margin: 0px 5rem;
		padding: 0px;
		height: 5rem;
		line-height: 5rem;
		margin-bottom: 1rem;
	}

	.section--subheader-cta-buttons .link {
		width: 30%;
		margin: 0px;
		padding: 0px .5rem;
		display: inline-block;
		border: none;
	}

	.section--subheader-cta-buttons .link .title {
		color: white;
		line-height: normal;
		vertical-align: middle;
		display: inline-block;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		font-size: .9rem;
	}
}

/* Top Links -in subheader.  Only visible on smallest screens
============================================================= */
@media screen and (max-width: 32em) {

	.section--subheader-cta-buttons {
		display: block;
		z-index: 3000;
		text-align: center;
		margin: 0px 1rem;
		padding: 0px;
		/* height: 11rem; */
		line-height: 2.5rem;
	}

	.section--subheader-cta-buttons .link {
		width: 100%;
		height: 2.5rem;
		margin: 0px;
		padding: 0px .5rem;
		display: block;
		border: none;
	}

	.section--subheader-cta-buttons .link .title {
		color: white;
		line-height: normal;
		vertical-align: middle;
		display: inline-block;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		font-size: .9rem;
	}
}


/* Search Button
========================================== */

.search-button .handle {
	position: absolute;
	display: block;
	left: 1.40625rem;
	top: 1.75rem;
	width: .1875rem;
	height: .75rem;
	background-color: #fff;
}

.search-button .lens {
	position: absolute;
	display: block;
	left: .875rem;
	top: .5rem;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%;
	border: .1875rem solid #fff;
}

/* Search button -in subheader.  Only visible on smaller screens
-------------------------------------------------- */
@media screen and (max-width: 64em) and (min-width: 32em) {
	.section--subheader-cta-buttons .search-button {
		position: relative;
		width: 10%;
		height: 5rem;
		background-color: #333f48;
		cursor: pointer;
		display: inline-block;
		margin: 0px;
		padding-bottom: 0rem;
		padding-right: 15px;
		vertical-align: middle;
		text-align: center;
		border: none;
	}

	.section--subheader-cta-buttons .search-button .magnifing-glass {
		position: absolute;
		margin: 0px;
		top: 1.75rem;
		height: 5rem;
		vertical-align: middle;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		display: inline-block;
		text-align: center;
	}

	.section--subheader-cta-buttons .search-text {
		display: none;
	}
}


/* Search button -in subheader.  Only visible on smallest screens
-------------------------------------------------- */
@media screen and (max-width: 32em) {
	.section--subheader-cta-buttons .search-button {
		width: 100%;
		height: 2.5rem;
		background-color: #333f48;
		cursor: pointer;
		display: block;
		border: none;
		text-align: center;
		vertical-align: middle;
	}

	.section--subheader-cta-buttons .search-button .magnifing-glass {
		position: relative;
		margin: 0px;
		padding: 0px;
		height: 5rem;
		vertical-align: middle;
		-webkit-transform: translate(1rem, 1.8rem) rotate(-45deg);
		transform: translate(1rem, 1.8rem) rotate(-45deg);
		display: inline-block;
		vertical-align: middle;
	}

	.section--subheader-cta-buttons .search-button .search-text {
		color: white;
		line-height: normal;
		vertical-align: middle;
		display: inline-block;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		font-size: .9rem;
	}
}


/* Header
============================================================= */

.site--header {
	padding-top: 1.5rem;
	margin-top: 1.5rem;
	background-color: #ffffff;
	min-width: 20rem;
}

@media screen and (max-width: 64em) {
	.site--header {
		padding-top: 1rem;
		margin-top: 0;
	}
}

/* Langugage Selector
----------------------------- */

.goog-te-gadget .goog-te-combo {
	font-family: 'Open Sans', sans-serif;
	margin: 0px !important;
	color: #00808b;
	font-size: .875rem;
	cursor: pointer;
	width: 110px;
}

.goog-te-gadget .goog-te-combo:hover {
	color: #00808b;
	/* border-bottom: .0625rem solid #007173; */
}

.language-toggle {
	display: inherit;
}

.language-toggle::after {
	content: '';
	border: 4px solid transparent;
	border-top: 4px solid #333f48;
	margin-left: 2px;
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: bottom;
	cursor: pointer;
	height: 5px !important;
	margin-top: 10px;
}

/* Skip Link
----------------------------- */

.site--header .skip-link {
	position: absolute;
	top: .75rem;
	left: 50%;
	z-index: 4000;
	opacity: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}

.site--header .skip-link:focus {
	opacity: 1;
	pointer-events: auto;
}

/* Backdrop
----------------------------- */

.site--header .backdrop {
	background-color: rgba(37, 46, 58, .97);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1000px;
	z-index: 1000;
	opacity: 0;
	pointer-events: none;
}

.site--header.menu-active .backdrop {
	opacity: 1;
	pointer-events: auto;
}

/* Wrapper
----------------------------- */

.site--header .wrapper {
	width: 100%;
	max-width: 80rem;
	margin: 0 auto;
	padding: 0 1rem;
	position: relative;
}

@media screen and (min-width: 48em) {
	.site--header .wrapper {
		padding: 0 2rem;
	}
}

/* Header Container
----------------------------- */

.site--header .wrapper .header-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: left;
	-webkit-align-items: left;
	-ms-flex-align: left;
	align-items: left;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 1rem;
	border-bottom: .0625rem solid #ececec;
	text-align: left;
	justify-content: flex-start;
}

@media screen and (min-width: 48em) {
	.site--header .wrapper .header-container {
		padding-bottom: 1.5rem;
	}
}

.site--header .wrapper .header-container .main-nav {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.main-nav {
	margin-left: auto;
}

.site--header .wrapper .header-container .main-nav .main-cta {
	display: none;
	margin-right: 1.5rem;
}

@media screen and (min-width: 64em) {
	.site--header .wrapper .header-container .main-nav .main-cta {
		display: inline-block;
	}

	html.no-scroll {
		overflow: hidden;
	}
}

/* Menu Container
----------------------------- */

.site--header .wrapper .menu-container {
	width: 100%;
	padding: 0 0 1rem 0;
	vertical-align: top;
	z-index: 1000;
}

@media screen and (max-width: 64em) {
	.site--header .wrapper .menu-container {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding: 7.5rem 0 1.5rem 0;
		z-index: 1000;
		opacity: 0;
		pointer-events: none;
	}

	.site--header.menu-active .wrapper .menu-container {
		opacity: 1;
		pointer-events: auto;
	}
}

/* Logo
----------------------------- */

.site--header .logo {
	position: relative;
	width: 100%;
	max-width: 19rem;
	margin-right: 1.5rem;
	z-index: 1001;
}

.site--header .logo .link {
	display: block;
}

.site--header .logo .link .image {
	width: 100%;
}

.site--header .logo .link .image.open-menu {
	display: none;
}

.site--header .logo .link .image.closed-menu {
	display: block;
}

.site--header.menu-active .logo .link .image.open-menu {
	display: block;
}

.site--header.menu-active .logo .link .image.closed-menu {
	display: none;
}


.site--header .microsite-title-image {
	border-left: 2px solid #2d373f;
	padding-left: 24px;
}

.site--header.menu-active .microsite-title-image {
	border-left: 2px solid #ffffff;
	padding-left: 24px;
}


.site--header .microsite-title {
	line-height: 2vw;
	z-index: 1001;
	display: inline;
	font-family: "Charis", serif;
	font-size: 2vw;
	color: #2d373f;
	border-left: 2px solid #2d373f;
	margin: .5rem 0 0 0;
	padding: .5rem 0 0 1rem;
	width: 100%;
}

.site--header.menu-active .microsite-title {
	line-height: 2vw;
	z-index: 1001;
	display: inline;
	font-family: "Charis", serif;
	font-size: 2vw;
	color: #ffffff;
	border-left: 2px solid #ffffff;
	margin: .5rem 0 0 0;
	padding: .5rem 0 0 1rem;
	width: 100%;
}

@media screen and (max-width: 64em) {
	.site--header .microsite-title {
		margin: 0;
		padding: .15rem 0 0 1rem;
		font-size: 3vw;
		line-height: 3vw;
	}
}

@media screen and (max-width: 32em) {
	.site--header .microsite-title {
		margin: 0;
		padding: .67rem 0 0 1rem;
		font-size: 2.5vw;
		line-height: 2.5vw;
		position: absolute;
		top: 40px;
		left: 0;
		text-align: center;
		border-left: none;
	}
}

/* Nav Button
----------------------------- */
.site--header .nav-button {
	display: none;
}

@media screen and (max-width: 64em) {
	.site--header .nav-button {
		display: inline;
		position: relative;
		width: 3rem;
		height: 3rem;
		background-color: #ffffff;
		border-radius: 50%;
		z-index: 1001;
		cursor: pointer;
	}

	.site--header .nav-button span {
		position: absolute;
		left: .625rem;
		top: 1.40625rem;
		width: 1.75rem;
		height: .1875rem;
		background-color: rgba(37, 46, 58, 1);
		-webkit-transition: -webkit-transform 125ms ease;
		transition: -webkit-transform 125ms ease;
		transition: transform 125ms ease;
		transition: transform 125ms ease, -webkit-transform 125ms ease;
		will-change: transform;
	}

	.site--header .nav-button span:nth-child(1) {
		-webkit-transform: translateY(-.5rem);
		transform: translateY(-.5rem);
	}

	.site--header .nav-button.is-active span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.site--header .nav-button span:nth-child(2) {
		-webkit-transform: none;
		transform: none;
	}

	.site--header .nav-button.is-active span:nth-child(2) {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}

	.site--header .nav-button span:nth-child(3) {
		-webkit-transform: translateY(.5rem);
		transform: translateY(.5rem);
	}

	.site--header .nav-button.is-active span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
}

/* List
----------------------------- */

/* menu ul, strip regular ul padding and styling*/
.site--header .list {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 2000;
}

/* submenu ul*/
.site--header .subNav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	z-index: 2000;
	width: 200px;
	overflow: visible;
}

/*menu items, displayed horizontally with dropdown submenus*/
.site--header .list .item-primary {
	display: block;
	float: left;
	margin-right: 1px;
	width: auto;
}

/*Style for menu links*/
.site--header .list .item-primary .link {
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 2rem;
	height: 2rem;
	font-size: .9rem;
	font-weight: 600;
	color: #333f48;
	background: #fff;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}

/* this adds the arrow to dropdown links*/
.site--header .list .item-primary>.link-with-child::after {
	content: '';
	border: 4px solid transparent;
	border-top: 4px solid #333f48;
	margin-left: 2px;
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: bottom;
}

/*Hover state for top level links*/
.site--header .list .item-primary:hover>.link {
	background: #005f86;
	color: #fff;
}

/* hover for drop down arrows*/
.site--header .list .item-primary:hover>.link-with-child::after {
	content: '';
	border: 4px solid transparent;
	border-top: 4px solid #fff;
	margin-left: 2px;
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: bottom;
}

/* we need this for focusing when people are using the keyboard to navigate*/
.site--header .list .item-primary .link:focus {
	background: #005f86;
	color: #fff;
}

/* focusing a link when using keyboard navigation*/
.site--header .list .item-primary .link-with-child:focus::after {
	content: '';
	border: 4px solid transparent;
	border-top: 4px solid #fff;
	margin-left: 2px;
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: bottom;
}

/*Style for dropdown links*/
.site--header .list .item-secondary .link {
	height: auto;
	line-height: 1.25rem;
	border-bottom: 1px solid #dddddd;
	background: #f3f3f3;
	text-transform: unset;
	color: #2f3036;
	font-weight: 400;
	font-size: .9rem;
	width: 200px;
	padding: 10px 20px;
}

/*Hover state for dropdown links*/
.site--header .list .item-primary:hover ul a:hover {
	background: #005f86;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
.site--header .list .subNav {
	display: none;
}

/*Make dropdown links vertical*/
.site--header .list .item-secondary {
	display: block;
	float: none;
}



/*when using a small device, the menu is accessed by clicking a hamburger.  Primary menu becomes vertical, submenus are also vertical*/
@media screen and (max-width: 64em) {

	/* submenu ul*/
	.site--header .subNav {
		position: relative;
		width: 350px;
	}

	.site--header .list .item-secondary .link {
		width: 350px;
		padding: 10px 40px;
	}

	/*menu items, displayed vertically*/
	.site--header .list .item-primary {
		padding: 0 16px;
		float: right;
		clear: right;
	}

	/* style for menu links */
	.site--header .list .item-primary>.link {
		text-align: right;
		margin-right: 1em;
		background: none;
		width: 350px;
		color: #fff;
		display: block;
		height: 3rem;
		line-height: 3rem;
	}

	/* dropdown arrow now points to the right */
	.site--header .list .item-primary>.link-with-child::after {
		content: '';
		border: 4px solid transparent;
		border-top: 4px solid #fff;
		margin-left: 2px;
		margin-bottom: 20px;
		display: inline-block;
		vertical-align: bottom;
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
	}

	/* hover state of dropdown arrow */
	.site--header .list .item-primary:hover>.link-with-child::after {
		content: '';
		border: 4px solid transparent;
		border-top: 4px solid #fff;
		margin-left: 2px;
		margin-bottom: 20px;
		display: inline-block;
		vertical-align: bottom;
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
	}

	/* hover state of arrow when using keyboard navigation*/
	.site--header .list .item-primary .link-with-child:focus::after {
		content: '';
		border: 4px solid transparent;
		border-top: 4px solid #fff;
		margin-left: 2px;
		margin-bottom: 20px;
		display: inline-block;
		vertical-align: bottom;
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
	}

	/* style for dropdown links*/
	.site--header .list .item-secondary .link {
		text-align: right;
		margin-right: 1em;
	}

}

/* end responsive menu css*/


/* Subheader
============================================================= */

.site--subheader {
	background-color: #ffffff;
}

.site--subheader>.wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	max-width: 80rem;
	margin: 0 auto;
	padding: .75rem 1rem;
}

@media screen and (min-width: 48em) {
	.site--subheader>.wrapper {
		padding: .75rem 2rem;
	}
}

/* Breadcrumb Navigation
----------------------------- */

.site--subheader .breadcrumb-nav {
	padding-right: 1rem;
}

.site--subheader .breadcrumb-nav .list.mobile {
	display: block;
}

.site--subheader .breadcrumb-nav .list.desktop {
	display: none;
}

@media screen and (min-width: 48em) {
	.site--subheader .breadcrumb-nav .list.mobile {
		display: none;
	}

	.site--subheader .breadcrumb-nav .list.desktop {
		display: block;
	}
}


.site--subheader .breadcrumb-nav .list .item {
	display: inline-block;
	font-size: .875rem;
	line-height: 1.5rem;
}

.site--subheader .breadcrumb-nav .list .item .link {
	color: #00808b;
}

.site--subheader .breadcrumb-nav .list .item .link.current {
	color: #000000;
}

.site--subheader .breadcrumb-nav .list .item .link:hover {
	color: #007173;
}

.site--subheader .breadcrumb-nav .list .item .link.current:hover {
	color: #000000;
}

.site--subheader .breadcrumb-nav .list .item .link.home {
	display: inline-block;
	width: .875rem;
	height: .875rem;
}

.site--subheader .breadcrumb-nav .list .item .link.home:hover {
	border-bottom: 0;
}

.site--subheader .breadcrumb-nav .list .item .separator {
	padding: 0 .5rem;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	top: -.105rem;
}

.site--subheader .breadcrumb-nav .list .item:first-child .separator {
	padding-left: 0;
}

/* Language Toggle
----------------------------- */

.site--subheader .language-toggle {
	font-size: 1rem;
	line-height: 1.5rem;
}

.site--subheader .language-toggle .link {
	font-style: italic;
	color: #00808b;
}

.site--subheader .language-toggle .link:hover {
	color: #007173;
}

.site--subheader .language-toggle .google-holder {
	height: 2rem;
	width: 100%;
}

.site--subheader .language-toggle .google-holder div {
	height: 2rem;
	width: 100%;
}

/* No Translation Available
----------------------------- */

.site--subheader .language-toggle .no-translation {
	display: inline-block;
	position: relative;
}

.site--subheader .language-toggle .no-translation .icon {
	display: inline-block;
	vertical-align: middle;
	width: 1.75rem;
	height: 1.75rem;
	color: #00808b;
	cursor: pointer;
}

.site--subheader .language-toggle .no-translation .overlay {
	display: none;
	cursor: auto;
}

.site--subheader .language-toggle .no-translation.show .overlay {
	display: block;
	width: 60vw;
	max-width: 18rem;
	border: .0625rem solid #caccd2;
	border-radius: .3125rem;
	padding: 1rem;
	position: absolute;
	right: 0;
	top: 2rem;
	background-color: #ffffff;
	box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, .25);
}

.site--subheader .language-toggle .no-translation.show .overlay .h-type p {
	line-height: 1.125rem;
	font-size: 0.875rem;
}

.site--subheader .language-toggle .no-translation .overlay:before {
	content: '';
	position: absolute;
	right: 0.25rem;
	bottom: 100%;
	border: 0.5625rem solid transparent;
	border-bottom-color: #caccd2;
}

.site--subheader .language-toggle .no-translation .overlay:after {
	content: '';
	position: absolute;
	right: 0.3125rem;
	bottom: 100%;
	border: 0.5rem solid transparent;
	border-bottom-color: #ffffff;
}

/* Announcement Bar
----------------------------- */

.announcement-bar {
	display: inline-block;
	width: 100%;
}

.announcement-bar .wrapper {
	margin: 0 auto;
	display: block;
	width: 100%;
	padding: .6875rem;
	text-align: center;
}

/* This overrides any h-type style */
.announcement-bar .wrapper .h-type p {
	font-weight: bold;
	line-height: 1.25rem;
	font-size: 1rem;
}

.announcement-bar .wrapper .h-type a {
	color: #ffffff;
}

.announcement-bar .wrapper .h-type a:hover {
	color: #ffffff;
}

/* Footer
============================================================= */

.site--footer {
	background-color: #252E38;
	min-width: 20rem;
}

.site--footer>.wrapper {
	width: 100%;
	max-width: 80rem;
	margin: 0 auto;
	padding: 1.5rem .5rem;
}

@media screen and (min-width: 48em) {
	.site--foter>.wrapper {
		padding: 1.5rem 1rem;
	}
}

/* Footer Navigation
----------------------------- */

.site--footer .footer-nav {
	padding: .5rem;
	margin-bottom: 1rem;
	text-align: center;
}

.site--footer .wrapper[min-width~="32rem"] .footer-nav {
	text-align: left;
}

@media screen and (min-width: 48em) {
	.site--footer .footer-nav {
		padding: 1rem;
	}
}

.site--footer .footer-nav .header {
	margin-bottom: .5rem;
}

.site--footer .footer-nav .header .heading {
	font-size: 1.125rem;
	line-height: 1.625rem;
	font-weight: 700;
	color: #ffffff;
}

/* List
----------------------------- */

ul li {
	white-space: normal;
}

.c--quick-links ul li {
	list-style: none;
}

.site--footer .footer-nav .list {}

.site--footer .footer-nav .list .item {
	font-size: 1rem;
	line-height: 1.5rem;
	margin-bottom: .5rem;
}

.site--footer .footer-nav .list .item .link {
	color: #ffffff;
}

/* Social Bar
----------------------------- */

.site--footer .social-bar {
	background-color: #344048;
}

.site--footer .social-bar>.wrapper {
	width: 100%;
	max-width: 80rem;
	margin: 0 auto;
	padding: 2rem .5rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.site--footer .social-bar .header {}

.site--footer .social-bar .header .heading {
	font-size: 1.125rem;
	line-height: 1.625rem;
	font-weight: 700;
	color: #ffffff;
	padding: .5rem 0;
}

.site--footer .footer-newsletter {
	padding: 0 .5rem;
	margin-bottom: 1.5rem;
}

.site--footer .wrapper[min-width~='64rem'] .footer-newsletter {
	margin-bottom: 0;
}

@media screen and (min-width: 48em) {
	.site--footer .footer-newsletter {
		padding: 0 1rem;
	}
}

.site--footer .footer-newsletter .header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.site--footer .wrapper[min-width~="64rem"] .footer-newsletter .header {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.site--footer .footer-newsletter .header .newsletter-cta {
	margin: 0 1.5rem;
}

.site--footer .footer-social {
	padding: 0 .5rem;
}

@media screen and (min-width: 48em) {
	.site--footer .footer-social {
		padding: 0 1rem;
	}
}

.site--footer .footer-social .container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.site--footer .wrapper[min-width~="64rem"] .footer-social .container {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.site--footer .footer-social .social-media {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 1.5rem;
}

.site--footer .footer-social .social-media .item {
	display: block;
}

.site--footer .footer-social .social-media .item .icon {
	display: inline-block;
	vertical-align: middle;
	width: 1.5rem;
	height: 1.5rem;
	color: #ffffff;
	margin-left: 1.5rem;
	fill: #fff;
}

/* Divider
----------------------------- */

.site--footer .footer-divider {
	width: 100%;
	padding: .5rem;
}

@media screen and (min-width: 48em) {
	.site--footer .footer-divider {
		width: 100%;
		padding: 1rem;
	}
}

.site--footer .footer-divider .line {
	width: 100%;
	height: .0625rem;
	background-color: #444c54;
}

/* Bottom
----------------------------- */

.site--footer .footer-bottom .container {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	-ms-grid-row-align: flex-start;
	align-items: flex-start;
}

/* Logo
----------------------------- */

.site--footer .footer-bottom .container .logo {
	padding: .875rem 0;
	margin-bottom: 1rem;
	text-align: center;
}

.site--footer .footer-bottom .container[min-width~="48rem"] .logo {
	text-align: left;
	margin-bottom: 1rem;
}

.site--footer .footer-bottom .container .logo .link {
	display: block;
}

.site--footer .footer-bottom .container .logo .link .image {
	width: 19rem;
	height: auto;
}

/* Copy
----------------------------- */

.site--footer .footer-bottom .container .copy {
	padding: .75rem 0 .75rem 0;
	text-align: center;
	margin-bottom: 1rem;
}

.site--footer .footer-bottom .container[min-width~="48rem"] .copy {
	padding: .75rem 0 .75rem .75rem;
	text-align: right;
	margin-bottom: 1rem;
}

.site--footer .footer-bottom .container .copy p {
	font-size: 1rem;
	line-height: 1.5rem;
}

.site--footer .footer-bottom .container .copy a {
	color: #ffffff;
	border-bottom: 0;
}

.site--footer .footer-bottom .container .copy a:hover {
	border-bottom: .0625rem solid #ffffff;
}

/* Copy 2
----------------------------- */

.site--footer .footer-bottom .container .copy-2 {
	padding: .75rem 0 .75rem 0;
	text-align: center;
}

.site--footer .footer-bottom .container[min-width~="48rem"] .copy-2 {
	padding: .75rem 0 .75rem .75rem;
}

.site--footer .footer-bottom .container .copy-2 p {
	font-size: 1rem;
	line-height: 1.5rem;
}

.site--footer .footer-bottom .container .copy-2 a {
	color: #ffffff;
	border-bottom: 0;
}

.site--footer .footer-bottom .container .copy-2 a:hover {
	border-bottom: .0625rem solid #ffffff;
}

/* Utilities
============================================================= */

/*
	IE stretches images if they are placed directly in a
	flexbox container. Wrap the image in this class first
	to fix this issue.
*/
.flex-wrapper {
	width: 100%;
}

/* Accessibility
============================================================= */

/* Focus Style
----------------------------- */

html:not(.msie) :focus {
	/* Replace the standard focus style */
	outline: 0;
	box-shadow: 0 0 0 .1875rem rgba(131, 192, 253, .75);
}

html:not(.msie) .no-focus-indicator:focus {
	/* Hide focus style for certain elements */
	outline: 0;
	box-shadow: none;
}

::-moz-focus-inner {
	/* Hide default focus style in Firefox */
	border: 0;
}

/* Screen Ready Only
----------------------------- */

.readeronly {
	position: absolute;
	left: -99999px;
}

/* Modules
============================================================= */

.top-content .module:not(:last-child),
.bottom-content .module:not(:last-child) {
	margin-bottom: 3rem;
}

.body-content .module:not(:last-child):not(.module--split-content),
.sidebar-content .module:not(:last-child) {
	margin-bottom: 2.5rem;
}

/* Icons
============================================================= */

.h-icon {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	width: 100%;
}

.h-icon>svg {
	height: 100%;
	width: 100%;
	fill: currentColor;
}

/* Helper Spacing
============================================================= */

.h-space-after-1rem {
	margin-bottom: 1rem;
}

.h-space-after-2rem {
	margin-bottom: 2rem;
}

.h-space-after-3rem {
	margin-bottom: 3rem;
}

/* Page Layouts
============================================================= */

/* Top
----------------------------- */

.top-content {
	/* display: inline-block; old setting */
	display: block;
	width: 100%;
	margin: 0 auto 2rem auto;
}

@media screen and (min-width: 48em) {
	.top-content {
		margin: 0 auto 4rem auto;
	}
}

.top-content>.content-wrapper {}

/* Main
----------------------------- */

@media screen and (min-width: 48em) {

	.outro-content,
	.top-content,
	.main-content {
		padding: 0 2rem;
		margin: 0 auto 9rem auto;
	}
}

@media screen and (min-width: 64em) {
	.main-content {
		/* padding: 0 2rem; */
		margin: 0 auto 12rem auto;
	}
}

.body-content {
	width: 100%;
}

.body-content>.content-wrapper {}


/* Bottom
----------------------------- */

.bottom-content {
	display: inline-block;
	width: 100%;
	padding: 0rem;
	margin: 0 auto;
}

@media screen and (min-width: 48em) {
	.bottom-content {
		padding: 0rem;
	}
}

.bottom-content>.content-wrapper {}

.bottom-content>.content-wrapper .module:last-child {
	margin-bottom: 3.125rem;
}

/* Layout 1 Column
----------------------------- */

.layout--1-column {}

.layout--1-column .top-content {
	margin: 0 auto 4rem auto;
}

@media screen and (min-width: 48em) {
	.layout--1-column .top-content {
		margin: 0 auto 6rem auto;
	}
}

/* Layout 1 Column Gray
----------------------------- */

.layout--1-column-gray {
	background-color: #fbfbfb;
}

.layout--1-column-gray .body-content {
	margin: 0 auto;
}

/* Layout 2 Column
----------------------------- */

.layout--2-column {}

.layout--2-column .top-content {
	margin: 0 auto 4rem auto;
}

@media screen and (min-width: 48em) {
	.layout--2-column .top-content {
		margin: 0 auto 4rem auto;
	}
}

.layout--2-column .body-content.with-sidebar {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding-right: 0;
	margin-bottom: 3rem;
}

@media screen and (min-width: 64em) {
	.layout--2-column .body-content.with-sidebar {
		margin-bottom: 0;
	}
}

.layout--2-column .sidebar-content {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

@media screen and (min-width: 64em) {
	.layout--2-column .sidebar-content {
		width: 20rem;
	}
}

.layout--2-column .sidebar-content>.content-wrapper {}

/* Layout Search
----------------------------- */

.layout--search {}

@media screen and (max-width: 63.9375em) {
	.layout--search .main-content {
		padding: 0;
	}
}

@media screen and (min-width: 64em) {
	.layout--search .main-content {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
}

.layout--search .top-content {
	margin: 0 auto;
}

@media screen and (min-width: 64em) {
	.layout--search .top-content {
		margin: 0 auto 6rem auto;
	}
}

.layout--search .body-content {
	width: 100%;
	padding-left: 0;
}

@media screen and (max-width: 63.9375em) {
	.layout--search .body-content {
		padding: 0 2rem;
	}
}

@media screen and (max-width: 47.9375em) {
	.layout--search .body-content {
		padding: 0 1rem;
	}
}

@media screen and (min-width: 64em) {
	.layout--search .body-content {
		width: calc(100% - 24rem);
		padding-left: 5rem;
	}
}

.layout--search .sidebar-content {
	width: 100%;
	margin-bottom: 6rem;
}

@media screen and (min-width: 64em) {
	.layout--search .sidebar-content {
		width: 50rem;
		margin-bottom: 0;
	}
}

/* Layout Form
----------------------------- */

.layout--form {
	background-color: #fbfbfb;
}

.layout--form .top-content {
	margin-bottom: 4rem;
}

@media screen and (min-width: 48em) {
	.layout--form .top-content {
		margin-bottom: 6rem;
	}
}

.layout--form .main-content {
	padding: 0 0rem;
}

@media screen and (min-width: 48em) {
	.layout--form .main-content {
		padding: 0 2rem;
		margin: 0 auto 6.25rem auto;
	}
}

.layout--form .form-content {
	width: 100%;
	max-width: 64rem;
	margin: 0 auto;
	box-shadow: 0 .5rem 2rem 0 rgba(0, 0, 0, .125);
	background-color: #ffffff;
	padding: 1.5rem 2rem 4rem 2rem;
}

@media screen and (min-width: 48em) {
	.layout--form .form-content {
		padding: 3rem 4rem 5rem 4rem;
		border-top: .625rem solid #bf5700;
	}
}

@media screen and (min-width: 64em) {
	.layout--form .form-content {
		padding: 4.5rem 6rem 6rem 6rem;
	}
}

.layout--form .form-content>.content-wrapper {}

.layout--form .bottom-content .content-wrapper {
	padding: 0 2rem;
}

@media screen and (min-width: 66em) {
	.layout--form .bottom-content .content-wrapper {
		padding: 0;
	}
}

/* Layout Generic
----------------------------- */

.layout--generic {}

/* Layout Story
----------------------------- */

.layout--story {}

/* We're allowing space below as if the modules here were connected to the body */
.layout--story .intro-content {
	padding: 0 1rem;
}

@media screen and (min-width: 48em) {
	.layout--story .intro-content {
		padding: 0 2rem;
	}
}

.layout--story .intro-content>.content-wrapper .module {
	margin-bottom: 3rem;
}

.layout--story .main-content {
	margin-bottom: 4rem;
}

.layout--story .outro-content {
	padding: 0 1rem;
}

@media screen and (min-width: 48em) {
	.layout--story .outro-content {
		padding: 0 2rem;
	}
}

.layout--story .outro-content>.content-wrapper .module:not(:last-child) {
	margin-bottom: 3rem;
}

.layout--story .bottom-content {
	background-color: #ececec;
	padding-top: 4rem;
}

.layout--story .bottom-content>.content-wrapper {
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
	padding: 0 2rem;
}

/* Layout SEM Landing
----------------------------- */

.layout--sem-landing {}

.layout--sem-landing .top-content {}

.layout--sem-landing .main-content {
	max-width: 80rem;
	margin: 0 auto 6rem auto;
	padding: 0;
}

@media screen and (min-width: 48em) {
	.layout--sem-landing .main-content {
		padding: 0;
		margin: 0 auto 6rem auto;
	}
}

@media screen and (min-width: 64em) {
	.layout--sem-landing .main-content {
		padding: 0;
		margin: 0 auto 6rem auto;
	}
}

.layout--sem-landing .bottom-content {
	background-color: #ececec;
	padding-top: 4rem;
	padding-bottom: 4rem;
}

/* Colors
============================================================= */

/*
	For reference, all colors used have been given a class.
	Some colors have been given an alias noted by an additional selector.
	
	By default colors (text) are auto assumed to have a hover.
	Applying a no-hover class will disable the hover.
	
	By default background-colors (bg) are auto assumed to not have a hover.
	Applying a hover class will enable the hover.
	
	All colors should have the following selectors
	.color-text-xxxx
	.color-text-xxxx:not(.no-hover):hover
	.color-bg-xxxx
	.color-bg-xxxx.hover:hover
*/

/* White
----------------------------- */

.color-text-white {
	color: #ffffff;
}

.color-text-white:not(.no-hover):hover {
	color: #ffffff;
}

.color-bg-white {
	background-color: #ffffff;
}

.color-bg-white.hover:hover {
	background-color: #ffffff;
}

/* Black
----------------------------- */

.color-text-black {
	color: #000000;
}

.color-text-black:not(.no-hover):hover {
	color: #000000;
}

.color-bg-black {
	background-color: #000000;
}

.color-bg-black.hover:hover {
	background-color: #000000;
}

/* Dark
----------------------------- */

.color-text-dark-1 {
	color: #242d39;
}

.color-text-dark-1:not(.no-hover):hover {
	color: #242d39;
}

.color-bg-dark-1 {
	background-color: #242d39;
}

.color-bg-dark-1.hover:hover {
	background-color: #242d39;
}

/* Gray 1
----------------------------- */

.color-text-gray-1 {
	color: #6E7881;
}

.color-text-gray-1:not(.no-hover):hover {
	color: #6E7881;
}

.color-bg-gray-1 {
	background-color: #6E7881;
}

.color-bg-gray-1.hover:hover {
	background-color: #6E7881;
}

/* Gray 2
----------------------------- */

.color-text-gray-2 {
	color: #ececec;
}

.color-text-gray-2:not(.no-hover):hover {
	color: #ececec;
}

.color-bg-gray-2 {
	background-color: #ececec;
}

.color-bg-gray-2.hover:hover {
	background-color: #ececec;
}

/* Gray 3
----------------------------- */

.color-text-gray-3 {
	color: #212121;
}

.color-text-gray-3:not(.no-hover):hover {
	color: #212121;
}

.color-bg-gray-3 {
	background-color: #212121;
}

.color-bg-gray-3.hover:hover {
	background-color: #212121;
}

/* Gray 4
----------------------------- */

.color-text-gray-4 {
	color: #caccd2;
}

.color-text-gray-4:not(.no-hover):hover {
	color: #caccd2;
}

.color-bg-gray-4 {
	background-color: #caccd2;
}

.color-bg-gray-4.hover:hover {
	background-color: #caccd2;
}

/* Teal 1
----------------------------- */

.color-text-teal-1 {
	color: #3F808A;
}

.color-text-teal-1:not(.no-hover):hover {
	color: #3F808A;
}

.color-bg-teal-1 {
	background-color: #3F808A;
	/* UT Official */
}

.color-bg-teal-1.hover:hover {
	background-color: #3F808A;
}

/* Teal 2
----------------------------- */

.color-text-teal-2,
.color-text-teal {
	color: #3F808A;
}

.color-text-teal-2:not(.no-hover):hover,
.color-text-teal-2:not(.no-hover):active,
.color-text-teal-2:not(.no-hover):focus,
.color-text-teal:not(.no-hover):hover,
.color-text-teal:not(.no-hover):active,
.color-text-teal:not(.no-hover):focus {
	color: #00808b;
}

.color-bg-teal-2,
.color-bg-teal {
	background-color: #3F808A;
	/* Web Accessible teal, also alias "teal" */
}

.color-bg-teal-2.hover:hover,
.color-bg-teal.hover:hover {
	background-color: #00808b;
}

/* Blue 1 / Cerulean Blue
----------------------------- */

.color-text-blue-1,
.color-text-cerulean-blue {
	color: #005f86;
}

.color-text-blue-1:not(.no-hover):hover,
.color-text-cerulean-blue:not(.no-hover):hover {
	color: #00466b;
}

.color-bg-blue-1,
.color-bg-cerulean-blue {
	background-color: #005f86;
}

.color-bg-blue-1.hover:hover,
.color-bg-cerulean-blue.hover:hover,
.color-bg-cerulean-blue.hover:focus,
.color-bg-cerulean-blue.hover:active {
	background-color: #00466b;
}

/* Blue 2 / Navy Blue
----------------------------- */

.color-text-blue-2,
.color-text-navy-blue {
	color: #04152a;
}

.color-text-blue-2:not(.no-hover):hover,
.color-text-navy-blue:not(.no-hover):hover {
	color: #030e1d;
}

.color-bg-blue-2,
.color-bg-navy-blue {
	background-color: #04152a;
}

.color-bg-blue-2.hover:hover,
.color-bg-navy-blue.hover:hover {
	background-color: #030e1d;
}

/* Orange 1 / Burnt Orange
----------------------------- */

.color-text-orange-1,
.color-text-burnt-orange {
	color: #bf5700;
}

.color-text-orange-1:not(.no-hover):hover,
.color-text-orange-1:not(.no-hover):focus,
.color-text-orange-1:not(.no-hover):active,
.color-text-burnt-orange:not(.no-hover):hover,
.color-text-burnt-orange:not(.no-hover):focus,
.color-text-burnt-orange:not(.no-hover):active {
	color: #ac4e00;
}

.color-bg-orange-1,
.color-bg-burnt-orange {
	background-color: #bf5700;
}

.color-bg-orange-1.hover:hover,
.color-bg-burnt-orange.hover:hover {
	background-color: #ac4e00;
}

/* Slate
----------------------------- */

.color-text-slate {
	color: #5E686E;
}

.color-text-slate:not(.no-hover):hover {
	color: #5E686E;
}

.color-bg-slate {
	background-color: #5E686E;
}

.color-bg-slate.hover:hover {
	background-color: #5E686E;
}

/* Red
----------------------------- */

.color-text-red {
	color: #DF3200;
}

.color-text-red:not(.no-hover):hover {
	color: #DF3200;
}

.color-bg-red {
	background-color: #DF3200;
}

.color-bg-red.hover:hover {
	background-color: #DF3200;
}