/* header-footer.css duplicates some functionality from campus.css to allow for CPGE to inherit *some* central campus styles but not all */

/* 
NOTE: 
Campus root rem(s) is reset across 3 media queries vs. common standard 100%
	+ CPGE/DDS sites root rem(s) is 100%
	+ Best practice of 100% maps 1: 1 to user's browser setting preference for text size

To avoid redefining all styles, footer root is declared here in the same 3 media queries, 
and  ALL REM UNITS WERE REPLACED WITH EM UNITS. All values were left as originally defined.

Requires future resolution.
*/

/*
Typographic breakpoints

<600px				100% (16px)			"default"
601 - 1024px		112.5% (18px)		"small"
1025 - 1279px		125% (20px)			"medium"
1280px*				143.75% (23px)		"large"
*/


footer { 
	font-size: 100%;
}

@media only screen and (min-width: 601px) and (max-width: 1023px) {
	footer  { 
		/* font-size: 112%; */
		font-size: 112%; 
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
	footer  { 
		/* font-size: 125%; */
		font-size: 125%;
	}
}


@media only screen and (min-width: 1280px) {
	footer  { 
		/* font-size: 143.75%; */
		font-size: 143.75%;
	}
}

/* Rectify link underlines on mobile */
@media only screen and (min-width: 601px) and (max-width: 1023px) {
	footer a {
		text-decoration: underline;
	}
}

/*
Structural breakpoints

0 - 767   "mobile"
768 - 1023  "desktop"
1024 - 1279  "widescreen"
1280+        "HD"
*/
/* ! There is a discrepancy here : / */
/*
"mobile"      = 0 - 767       ("small" in Foundation) [Foundation default = 40em = 640px]
"desktop"     = 768 - 1024    ("medium" in Foundation) [Foundation default = 64em = 1024px]
"widescreen"  = 1025 - 1279   ("large" in Foundation)  [Foundation default = x = y px]
"HD"          = 1280+         ("x-large" in Foundation) [Foundation default = x2 = y2 px]
*/

/* || SETTINGS */

@supports (display: grid) {

	.o-region--header {
		grid-area:header;
	}

	.o-region--footer {
		grid-area:footer;
	}

	.o-region--footer__address {
		grid-area:footer-address;
	}

	.o-region--footer__quicklinks {
		grid-area:footer-quicklinks;
	}

	.o-region--footer__social {
		grid-area:footer-social;
	}

	.o-region--footer__menus {
		grid-area:footer-menus;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-areas: 
			"footer-colleges"
			"footer-resources"
			"footer-address"
	}

	.o-region--footer {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-areas: 
			"footer-social"
			"footer-quicklinks"
			"footer-menus"
			"footer-address"
			"footer-gradientbar"
	}

	.o-region--footer__lists .o-region--footer__item {
		font-size: 1.25em;
		line-height: 1em;
		/* color: #f3f3f3; */
	}
	

	@media screen and (min-width: 1024px) {

		.o-region--footer {
			grid-gap: .5em;
			grid-template-columns: 1fr 3fr;
			grid-template-areas: 
				"footer-social   footer-social"
				"footer-address  footer-quicklinks"
				"footer-address  footer-menus"
		}    

		.o-region--footer__lists {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			grid-gap: 1em;    
		}

		.o-region--footer__lists .o-region--footer__item {
			font-size: 0.7826em;
		}

		.o-region--footer__quicklinks .o-region--footer__item {
			font-size: 0.8261em;
			padding-right: 1.5em;
		}
	}

}

/* /@supports(grid) */

/* G|| GENERIC */

@font-face {
	font-family: 'SJSUSpartan';
	font-weight: normal;
	src: local('SJSUSpartanRegular'), url('/aspis/fonts/SJSUSpartanRegular.woff') format('woff');
}

@font-face {
	font-family: 'SJSUSpartan';
	font-weight: bold;
	src: local('SJSUSpartanBold'), url('/aspis/fonts/SJSUSpartanBold.woff') format('woff');
}

/* || ELEMENTS */


/* =elements.typography */

.u-bg--dark a:focus {
	color: #1c88f4;
}

.u-bg--dark a:active {
	color: #f08700;
}



/* O|| OBJECTS */

/* O| Navigation */

.o-nav {

}

.o-nav__item--megamenu {
	font-size: 18px;
	font-weight: 600;
}

.o-nav__item--search {
	font-size: 18px;
	font-weight: 600;
}

.o-nav--global {

}

.o-nav--global__button {
	top: 11px;
	margin-right: 12px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 16px;
	cursor: pointer;
	background-repeat: no-repeat;
}

.o-nav--global a {
	color: #ffffff;
	text-decoration: none;
}

.o-nav--global a:focus {
	text-decoration: underline;
}		

@media (hover:hover) {
	.o-nav--global a:hover {
		text-decoration: underline;
	}
}

.o-nav--global__item {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	font-size: 1em;
	letter-spacing: 1px;
	text-transform: none;
}

.o-nav--global__item:not(.o-nav--global__item--nested) {
	text-transform: uppercase;
	font-weight: 600;
}

.o-nav--megamenu {
	display: flex;
	background-color: #0055a2;
	justify-content: space-between;
	padding-top: 16px;
	padding-bottom: 16px;
}

.o-nav--megamenu__title a:focus  {
	color: #ffffff;
	text-decoration: underline;
}

@media (hover:hover) {
	.o-nav--megamenu__title a:hover  {
		color: #ffffff;
		text-decoration: underline;
	}
}

/* /O Navigation */

/* O| Region */
/*
A region is an area on the page commonly identified by an ARIA role or an HTML5 element name like "main", "nav", or "footer" 
Grid-based page layout uses parallel names to the various regions
*/

.o-region--footer {
	padding-top: 64px;
}

@media screen and (max-width: 1023px) {
	.o-region--footer {
		margin: 1.5em 0 0;
	}
}

@media screen and (max-width: 768px) {
	.o-region--footer__address {
		padding-top: 4em;
	}
}

@media screen and (max-width: 1023px) {
	.o-region--footer__address {
		padding-bottom: 50px;
	}
}

.o-region--footer__heading {
	font-family: 'Nunito Sans',Verdana,sans-serif;
	font-size: 1.438em;
	letter-spacing: 1px;
	line-height: 1.3;
	color: #ffffff;
	text-transform: uppercase; 
	margin-bottom: 0.5em;
}

@media screen and (min-width: 1024px) {
	.o-region--footer__heading {
		font-size: 0.7826em;
	}
}	

.o-region--footer__item {
	font-weight: 400;
	letter-spacing: 0;
	font-family: 'Nunito Sans',Verdana,sans-serif;
}



.o-region--footer__quicklinks .o-region--footer__item {
	/* font-size: 1.063em; */
	line-height: 1.4;
	text-align: center;
}
@media screen and (max-width: 1023px) {				
	.o-region--footer__quicklinks .o-region--footer__item {
		text-align: center;
	}
}
@media screen and (min-width: 1024px) {
	.o-region--footer__quicklinks .o-region--footer__item {
		padding-right: 1.5em;
	}
}

.o-region--footer__item a {
	color: #ffffff;
	display: block;
}

@media screen and (min-width: 1024px) {

	.o-region--footer__item a:link {
		text-decoration: none;
	}

}



@media (hover:hover) {
	.o-region--footer__item a:hover {
		text-decoration: underline;
	}
}

.o-region--footer__item a:focus {
	text-decoration: underline;
}		

.o-region--footer__address .o-region--footer__item a {
	font-size: 1em;
	line-height: 1.5;
}

@media screen and (min-width: 1024px) {
	.o-region--footer__address .o-region--footer__item a {
		font-size: .8967em;
	}
}

@media screen and (min-width:1280px) {
	.o-region--footer__address .o-region--footer__item a {
		font-size:0.6957em;
		display:block;
	}
}


.o-region--footer__socialicons {
	font-size: 1em;
	align-self: center;
}

@media screen and (min-width: 1024px) {
	.o-region--footer__socialicons {
		/* width: 25%; */
		justify-content: center;
		
	}
}

@media screen and (max-width: 1023px) {
	.o-region--footer__list {
		margin: 1.5em 0;
	}
}

@media screen and (min-width: 1024px) {
	.o-region--footer__lists {
		padding-bottom: 92px;
	}
}

.o-region--footer__quicklinks {
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 4px solid #e5a823;
}

.o-region--footer__social {
	display: flex;
	flex-direction: column;
	padding-bottom: 1.5em;	
}


.o-region--footer__tagline  {
	font-weight: 100;
	font-style: italic;
	text-align: center;
}

.o-region--footer__uni-name {
	font-family: 'SJSUSpartan', 'Times New Roman', serif;
	font-size: 1.438em;
	font-weight: 800;
	color: #ffffff;
	letter-spacing: 0.5px;
	text-align: center;
	margin-bottom: .5em;
}

@media screen and (min-width: 1024px) {			
	.o-region--footer__uni-name {
		font-size:1.278em;
		letter-spacing: 1px;
	}
}

@media screen and (min-width:1280px) {
	.o-region--footer__uni-name {
		font-size:1em;
	}
}

/* O| Title */
/*
Different title variations don't have as much in common with each other structurally like other Objects. 
But collecting them all in one place makes updates more convenient.
*/

.o-title--global {
	font-size: 24px;
	font-family: 'SJSUSpartan','Times New Roman',serif;
	font-weight: 400;
	letter-spacing: 1px;
}

@media screen and (min-width: 1024px) {
	.o-title--global {        
		margin-top: 8px;
	}

	a.o-title--global {
		display: block;
		float: left;			
		color: #fff;
		text-decoration: none;
		font-weight: 400;
		text-transform: uppercase;
	}

	.hide-for-large .o-title--global {
		font-size: 1.625em;
	}
}

/* O/ Title */


/* O| Wrap */
.o-wrap {	
	padding-top: 2em;
	padding-bottom: 2em;
}

@media screen and (min-width: 1024px) {
	.o-wrap {	
		padding-top: 4em;
		padding-bottom: 4em;
	}		
}

.o-wrap.u-bg--dark:not(.o-wrap--billboard) + .o-wrap.u-bg--dark {
	padding-top: 0;
}

.o-wrap--amm {
	display: inherit;
	max-width: 1280px;
	margin: 0 auto;
	padding: 1em;
}

.o-nav__item--search .o-wrap--amm {
	min-height: 4.5em;
}


@media screen and (min-width: 1350px) {
	.o-wrap--amm {
		padding-left: 0;
		padding-right: 0;
	}
}		

.o-wrap--content {
	max-width: 1280px;
	margin: 0 auto;
	z-index: 2;
	padding-left: 1em;
	padding-right: 1em;
}

@media screen and (min-width: 1350px) {
	.o-wrap--content {
		padding-left: 0;
		padding-right: 0;
	}
}


@media screen and (max-width: 1023px) {
	.o-wrap--globalnav .o-wrap--content {
		padding-left: 0;
		padding-right: 0;
	}
}		

.o-wrap--footer {
	background: #0055a2;
	background: 
		url('/aspis/media/bgs/bg-triangles-up-big.svg'),
		linear-gradient(-180deg, #0055a2 20%, #0761b3 100%);
	background-position-y: bottom;
	background-size: 100%, 100%;
	border-top: 5px solid #e5a823;
}

.o-wrap--globalnav {
	position: relative;
}

.u-bg--dark {
	background-color: #0055a8;
}

/* V| AMM Adobe Megamenu */


.amm-o-nav a {
	color: #ffffff;
	text-decoration: none;
}

.amm-o-nav a:focus {
	text-decoration: underline;
}

@media (hover:hover) {
	.amm-o-nav a:hover {
		text-decoration: underline;
	}
}

.amm-o-nav__social, .amm-o-nav__app {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	display: flex;
	margin: 0;
	list-style: none;
	position: relative;

}

.amm-o-nav__app {
	padding: .75em 0 1em;
}

.amm-o-nav__group {
	padding-bottom: 1.25em;
}

.amm-o-nav__group:not(:last-child) {
	padding-right: 1.85em;
}

.amm-o-nav__heading {
	display: block;
	font-family: 'Nunito Sans',Verdana,sans-serif;
	font-size: 0.7826em;
	letter-spacing: 1px;
	line-height: 1.2;
	color: #ffffff;
	text-transform: uppercase;
}

.amm-o-nav__identity {
	float: right;
	bottom: 0;
	padding-right: 2em;
	margin-top: -2em;
}

.amm-o-nav__item {
	font-family: 'Nunito Sans',Verdana,sans-serif;
	font-weight: 400;
	font-size: 0.8261em;
	line-height: 0.9565;
	letter-spacing: .5px;
	padding: .25em 0;
}

.amm-o-nav__list {
	list-style-type: none;
	margin: 0;
	padding-top: 16px;
}

.amm-o-nav__menu {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 15;    
}

.amm-o-nav__panel {
	position: absolute;
	display: none;
	left: 0;
	top: 83px;
	width: 100%;
	background-color: #0055a2;
	background-image: linear-gradient(-1deg, #0055A2 0%, #0761B3 88%);
	z-index: 101;
}

.amm-o-nav__panel.open {
	display: block;
}

.amm-o-nav__social {
	padding: .25em 0 1em;
}

.amm-o-nav__top-item {
	list-style: none;
	display: inline-block;
	padding: 12px;
	margin: 0;
}

.amm-o-nav__top-link {
	font-family: 'Nunito Sans',Verdana,sans-serif;
	letter-spacing: 1px;
	line-height: 1;
	text-transform: uppercase;
}


/* OU Campus-based quality control warning classes */

.alert {
	max-width: 1280px;
	margin: 0 auto;
}

.alert-box.qc-check {
	padding: 1em;
	border: 1em double;
	border-color: #0055a2;
	background-color: red;
}

.alert-box p {
	background-color: white;
	padding: 1em;
}

img.u-error--insufficient-alt {
	border: 10px dashed red !important;
	padding: 1em !important;
}

.u-error--insufficient-alt::before {
	display: block;
	width: 100%;
	height: auto;
	padding: 1em;
	content: "Meaningful image alt text is important. For best results, use between 8 and 81 characters and end with a period.";
	border: 1em double red;
	margin-bottom: 1em;
}
/*
.u-error--insufficient-alt::after {
display: block;
border: 4px double red;
font-size: 2em;
content: "Your alt tag is bad";
}
*/

/* ./end OU Campus quality control classes */

.u-icon {
	padding-left: 30px;
	background-position: left center;
	background-repeat: no-repeat;
}

.u-icon--stacked {
	background-position: center 1.5em;
	background-repeat: no-repeat;
	margin-bottom: -2em;
}

.u-icon--stacked.u-adjuster--nav-height {
	background-position: center .75em;
	margin-bottom: -1.5em;
}

.u-icon--app {
	display: block;
	background-position: left;
	background-repeat: no-repeat;
	padding: .25em 0 .25em 1.75em;
	margin-right: 1.5em;
	font-size: 0.8261em;
}

.u-icon--big {
	background-position: left top;
	background-repeat: no-repeat;
}

@media screen and (max-width: 1023px) {
	.u-icon--big {
		padding-left: 3em;
	}
}

.u-icon--small {
	padding-left: 10px;
	background-position: left 7px;
	background-repeat: no-repeat;
}

.u-icon--medium {
	padding-left: 20px;
}

.u-icon--social {
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	padding: 1.25em 1em;
}

.u-icon--social.u-icon--youtube {
	padding-left: 2.75em;
	padding-right: 0;
}

@media screen and (max-width: 1024px) {
	.o-region--footer__socialicons .u-icon--social {
		padding-left: 3em;
		padding-top: 2em;
		padding-bottom: 1em;
	}
	.o-region--footer__socialicons .u-icon--social.u-icon--youtube {
		padding-left: 3.75em;
	}
}

.u-icon--fill-blue {
	fill: #0055a2;
}

.u-icon--fill--sjsu-gold {
	fill: #e5a823;
}

.u-icon--fill--white {
	fill: #ffffff;
}

.u-icon--gift {
	background-image: url('/aspis/media/icons/ui/icon-gift.svg');
}

@media (hover:hover) {

	a.u-icon--gift:hover {
		background-image: url('/aspis/media/icons/ui/icon-gift-sjsu-gold.svg');	
	}

}

a.u-icon--gift:focus {
	background-image: url('/aspis/media/icons/ui/icon-gift-sjsu-gold.svg');	
}

.u-icon--gift.u-color--sjsu-gray {
	background-image: url('/aspis/media/icons/ui/icon-gift-sjsu-gray.svg');	
}

.u-icon--gift.u-color--sjsu-blue {
	background-image: url('/aspis/media/icons/ui/icon-gift-sjsu-blue.svg');
}

.u-icon--gift.u-color--sjsu-gold {
	background-image: url('/aspis/media/icons/ui/icon-gift-sjsu-gold.svg');	
}

.u-icon--gift.u-color--white {
	background-image: url('/aspis/media/icons/ui/icon-gift-white.svg');	
}


.u-icon--close {
	background-image: url('/aspis/media/icons/ui/icon-close.svg');
}

.u-icon--close.u-color--white {
	background-image: url('/aspis/media/icons/ui/icon-close-white.svg');	
}

.u-icon--close.u-color--sjsu-blue {
	background-image: url('/aspis/media/icons/ui/icon-close-sjsu-blue.svg');	
}

.u-icon--clock {
	background-image: url('/aspis/media/icons/ui/icon-clock.svg');
}

.u-icon--clock.u-color--sjsu-gold {
	background-image: url('/aspis/media/icons/ui/icon-clock-sjsu-gold.svg');
}

.u-icon--search {
	background-image: url('/aspis/media/icons/ui/icon-search.svg');
}

.u-icon--search.u-color--white {
	background-image: url('/aspis/media/icons/ui/icon-search-white.svg');
}

.u-icon--search.u-color--sjsu-blue {
	background-image: url('/aspis/media/icons/ui/icon-search-sjsu-blue.svg');
}

.u-icon--spirit-mark {
	background-image: url('/aspis/media/brand/icon-spartan-spirit-mark.svg');	
}

@media (hover:hover) {

	a.u-icon--spirit-mark:hover {
		background-image: url('/aspis/media/brand/icon-spartan-spirit-mark-sjsu-gold.svg');	
	}

}

a.u-icon--spirit-mark:focus {
	background-image: url('/aspis/media/brand/icon-spartan-spirit-mark-sjsu-gold.svg');
}

.u-icon--spirit-mark.u-color--white {
	background-image: url('/aspis/media/brand/icon-spartan-spirit-mark-white.svg');	
}

.u-icon--spirit-mark.u-color--sjsu-blue {
	background-image: url('/aspis/media/brand/icon-spartan-spirit-mark-sjsu-blue.svg');	
}

.u-icon--spirit-mark.u-color--sjsu-gold {
	background-image: url('/aspis/media/brand/icon-spartan-spirit-mark-sjsu-gold.svg');	
}

.u-icon--location {
	background-image: url('/aspis/media/icons/ui/icon-location-sjsu-gray.svg');
}
.u-icon--location.u-color--white {
	background-image: url('/aspis/media/icons/ui/icon-location-white-small.svg');
}

.u-icon--location.u-color--sjsu-gold {
	background-image: url('/aspis/media/icons/ui/icon-location-sjsu-gold-small.svg');
}

.u-icon--location.u-icon--big {
	background-image: url('/aspis/media/icons/ui/icon-location-sjsu-gray-big.svg');
}

.u-icon--pause {
	background-image: url('/aspis/media/icons/ui/icon-pause.svg');
}

.u-icon--play {
	background-image: url('/aspis/media/icons/ui/icon-play.svg');
}

.u-icon--phone {
	background-image: url('/aspis/media/icons/ui/icon-phone.svg');  
}

.u-icon--phone.u-color--sjsu-gray {
	background-image: url('/aspis/media/icons/ui/icon-phone-sjsu-gray.svg');  
}

.u-icon--phone.u-color--sjsu-blue {
	background-image: url('/aspis/media/icons/ui/icon-phone-sjsu-blue.svg');  
}

.u-icon--phone.u-color--sjsu-blue.u-icon--small {
	background-image: url('/aspis/media/icons/ui/icon-phone-sjsu-blue-small.svg'); 
}

.u-icon--phone.u-color--sjsu-blue.u-icon--medium {
	background-image: url('/aspis/media/icons/ui/icon-phone-sjsu-blue-small.svg'); 	
}

.u-icon--video-control {
	display: inline-block;
	width: 46px;
	height: 46px;
	transform: translateY(100%);
}

.u-icon--phone.u-color--white {
	background-image: url('/aspis/media/icons/ui/icon-phone-white-small.svg');
}

.u-icon--mail {
	background-image: url('/aspis/media/icons/ui/icon-mail.svg');  
}   

.u-icon--sjsuonline.u-color--white {
	background-image: url('/aspis/media/icons/apps/icon-sjsuonline-white.svg');
}

.u-icon--mail.u-color--sjsu-gray {
	background-image: url('/aspis/media/icons/ui/icon-mail-sjsu-gray.svg');  
}  

.u-icon--mail.u-color--sjsu-blue {
	background-image: url('/aspis/media/icons/ui/icon-mail-sjsu-blue.svg');  
}

.u-icon--mail.u-color--sjsu-blue.u-icon--small {
	background-image: url('/aspis/media/icons/ui/icon-mail-sjsu-blue-small.svg'); 
}

.u-icon--mail.u-color--sjsu-blue.u-icon--medium {
	background-image: url('/aspis/media/icons/ui/icon-mail-sjsu-blue-small.png'); 
}

.u-icon--ticket {
	background-image: url('/aspis/media/icons/ui/icon-ticket.svg');  
}  

.u-icon--ticket.u-color--sjsu-gray {
	background-image: url('/aspis/media/icons/ui/icon-ticket-sjsu-gray.svg');  
}  

.u-icon--photo-caption-triangle.u-color--sjsu-gold {  
	background-image: url('/aspis/media/icons/ui/icon-photo-caption-triangle-sjsu-gold.svg');
}

.u-icon--hamburger.u-color--white {
	background-image: url('/aspis/media/icons/ui/icon-hamburger-white.svg');
}

.u-icon--hamburger.u-color--sjsu-blue {
	background-image: url('/aspis/media/icons/ui/icon-hamburger-sjsu-blue.svg');
}

.u-icon--facebook {
	background-image: url('/aspis/media/icons/apps/icon-facebook.svg');	
}


@media (hover:hover) {
	a.u-icon--facebook:hover {
		background-image: url('/aspis/media/icons/apps/icon-facebook-brand.svg');	
	}		
}

a.u-icon--facebook:focus {
	background-image: url('/aspis/media/icons/apps/icon-facebook-brand.svg');	
}

.u-icon--facebook.u-color--sjsu-blue {
	background-image: url('/aspis/media/icons/apps/icon-facebook-sjsu-blue.svg');
}

.u-icon--facebook.u-color--sjsu-gold {
	background-image: url('/aspis/media/icons/apps/icon-facebook-sjsu-gold.svg');	
}

.u-icon--facebook.u-color--sjsu-gold {
	background-image: url('/aspis/media/icons/apps/icon-facebook-sjsu-gold.svg');	
}

.u-icon--twitter {
	background-image: url('/aspis/media/icons/apps/icon-twitter.svg');
}

@media (hover:hover) {

	a.u-icon--twitter:hover {
		background-image: url('/aspis/media/icons/apps/icon-twitter-brand.svg');	
	}


}

a.u-icon--twitter:focus {
	background-image: url('/aspis/media/icons/apps/icon-twitter-brand.svg');	
}

.u-icon--twitter.u-color--sjsu-blue {
	background-image: url('/aspis/media/icons/apps/icon-twitter-sjsu-blue.svg');
}

.u-icon--twitter.u-color--sjsu-gold {
	background-image: url('/aspis/media/icons/apps/icon-twitter-sjsu-gold.svg');	
}

.u-icon--linkedin {
	background-image: url('/aspis/media/icons/apps/icon-linkedin.svg');
}

@media (hover:hover) {

	a.u-icon--linkedin:hover {
		background-image: url('/aspis/media/icons/apps/icon-linkedin-brand.svg');	
	}


}

a.u-icon--linkedin:focus {
	background-image: url('/aspis/media/icons/apps/icon-linkedin-brand.svg');	
}

.u-icon--linkedin.u-color--sjsu-blue {
	background-image: url('/aspis/media/icons/apps/icon-linkedin-sjsu-blue.svg');
}

.u-icon--linkedin.u-color--sjsu-gold {
	background-image: url('/aspis/media/icons/apps/icon-linkedin-sjsu-gold.svg');	
}

.u-icon--instagram {
	background-image: url('/aspis/media/icons/apps/icon-instagram.svg');
}

.o-region--contact__social-link .u-icon--instagram {
	margin-right: 5px;
}

@media (hover:hover) {

	a.u-icon--instagram:hover {
		background-image: url('/aspis/media/icons/apps/icon-instagram-brand.svg');	
	}


}

a.u-icon--instagram:focus {
	background-image: url('/aspis/media/icons/apps/icon-instagram-brand.svg');	
}

.u-icon--instagram.u-color--sjsu-blue {
	background-image: url('/aspis/media/icons/apps/icon-instagram-sjsu-blue.svg');
}

.u-icon--instagram.u-color--sjsu-gold {
	background-image: url('/aspis/media/icons/apps/icon-instagram-sjsu-gold.svg');	
}

.u-icon--youtube {
	background-image: url('/aspis/media/icons/apps/icon-youtube.svg');
}

.o-region--contact__social-link .u-icon--youtube {
	margin-right: 5px;
}

a.u-icon--youtube:hover, a.u-icon--youtube:focus {
	background-image: url('/aspis/media/icons/apps/icon-youtube-brand.svg');	
}

.u-icon--youtube.u-color--sjsu-blue {
	background-image: url('/aspis/media/icons/apps/icon-youtube-sjsu-blue.svg');
}

.u-icon--youtube.u-color--sjsu-gold {
	background-image: url('/aspis/media/icons/apps/icon-youtube-sjsu-gold.svg');	
}

.u-icon--snapchat {
	background-image: url('/aspis/media/icons/apps/icon-snapchat.svg');
}

@media (hover:hover) {

	a.u-icon--snapchat:hover {
		background-image: url('/aspis/media/icons/apps/icon-snapchat-brand.svg');	
	}


}

a.u-icon--snapchat:focus {
	background-image: url('/aspis/media/icons/apps/icon-snapchat-brand.svg');	
}

.u-icon--snapchat.u-color--sjsu-blue {
	background-image: url('/aspis/media/icons/apps/icon-snapchat-sjsu-blue.svg');
}

.u-icon--snapchat.u-color--sjsu-gold {
	background-image: url('/aspis/media/icons/apps/icon-snapchat-sjsu-gold.svg');	
}

.u-icon--grad-cap {
	background-image: url('/aspis/media/icons/ui/icon-grad-cap.svg');
}

@media (hover:hover) {

	a.u-icon--grad-cap:hover {
		background-image: url('/aspis/media/icons/ui/icon-grad-cap-sjsu-gold.svg');	
	}

}

a.u-icon--grad-cap:focus {
	background-image: url('/aspis/media/icons/ui/icon-grad-cap-sjsu-gold.svg');	
}

.u-icon--grad-cap.u-color--sjsu-blue {
	background-image: url('/aspis/media/icons/ui/icon-grad-cap-sjsu-blue.svg');
}

.u-icon--grad-cap.u-icon--gray {
	background-image: url('/aspis/media/icons/ui/icon-grad-cap-sjsu-gray.svg');
}

.u-icon--grad-cap.u-color--sjsu-gold {
	background-image: url('/aspis/media/icons/ui/icon-grad-cap-sjsu-gold.svg');	
}

.u-icon--grad-cap.u-color--white {
	background-image: url('/aspis/media/icons/ui/icon-grad-cap-white.svg');	
}

.u-icon--canvas {
	background-image: url('/aspis/media/icons/apps/icon-canvas.svg');
}

@media (hover:hover) {


	a.u-icon--canvas:hover {
		background-image: url('/aspis/media/icons/apps/icon-canvas-brand.svg');	
	}

}

a.u-icon--canvas:focus {
	background-image: url('/aspis/media/icons/apps/icon-canvas-brand.svg');	
}

.u-icon--canvas.u-color--sjsu-blue {
	background-image: url('/aspis/media/icons/apps/icon-canvas-sjsu-blue.svg');
}

.u-icon--canvas.u-color--sjsu-blue {
	background-image: url('/aspis/media/icons/apps/icon-canvas-sjsu-blue.svg');
}

.u-icon--canvas.u-color--sjsu-gold {
	background-image: url('/aspis/media/icons/apps/icon-canvas-sjsu-gold.svg');	
}

.u-icon--canvas.u-color--white {
	background-image: url('/aspis/media/icons/apps/icon-canvas-white.svg');	
}

.u-icon--onesjsu {
	background-image: url('/aspis/media/icons/apps/icon-onesjsu.svg');
}

@media (hover:hover) {

	a.u-icon--onesjsu:hover {
		background-image: url('/aspis/media/icons/apps/icon-onesjsu-sjsu-gold.svg');	
	}

}

a.u-icon--onesjsu:focus {
	background-image: url('/aspis/media/icons/apps/icon-onesjsu-sjsu-gold.svg');	
}

.u-icon--onesjsu.u-color--sjsu-blue {
	background-image: url('/aspis/media/icons/apps/icon-onesjsu-sjsu-blue.svg');
}

.u-icon--onesjsu.u-color--sjsu-blue {
	background-image: url('/aspis/media/icons/apps/icon-onesjsu-sjsu-blue.svg');
}

.u-icon--onesjsu.u-color--sjsu-gold {
	background-image: url('/aspis/media/icons/apps/icon-onesjsu-sjsu-gold.svg');	
}

.u-icon--onesjsu.u-color--white {
	background-image: url('/aspis/media/icons/apps/icon-onesjsu-white.svg');	
}



html[data-whatinput="touch"]  a[aria-expanded="true"] .u-icon--hamburger {
	background-image: url('/aspis/media/icons/ui/icon-close.svg');
}



/* ||OVERRIDES */

/* =overrides.Google Custom Search */

.gsc-input-box {
	background: none;
	border: none;
}

.gstl_50 {
	margin-bottom: 0;
}

#gsc-i-id1 {
	height: 1.875em;
}

/* =overrides.Foundation  */

.show-for-sr {
	background-color: #ffffff;
	color: #000000;
}

.no-js .is-dropdown-submenu-parent {
	display: none;
}

@media screen and (max-width: 1023px) {
	.o-region--footer .menu a {
		text-decoration: underline;
	}	

}


.o-nav--global .menu a {
	padding: 1em;
}

.o-region--footer__address .menu a {
	padding: .25em 0 .25em 1.25em;
}

@media (hover:hover) {

	.menu a[href]:hover:not(.gtm-nav--local):not(.o-nav--site__top-link) {
		text-decoration: underline;
	}

}

.menu a[href]:focus {
	text-decoration: underline;
}

.o-nav--global .top-bar-title,
.o-nav--site .top-bar-title {
	display: flex;
	flex: 1 1 auto;
	margin: 0;
}

.o-region--footer__quicklinks a {
	padding: 0.5em 0 0.75em;
}

.o-region--footer__quicklinks li:first-child a {
	padding-left: 0;
}

.o-region--footer__quicklinks li:last-child a {
	padding-right: 0;
}

.o-region--footer__lists a {
	padding: 0.35em 0;
}

@media screen and (max-width:1023px) {
	.o-region--footer__lists a {
		padding:.75em 0;
	}
}

.js-drilldown-back a {
	background-color: #f3f3f3;
	border-bottom: 1px solid #cacaca;
}

.is-drilldown-submenu li:nth-child(1) a {
	background-color: #ededed;
	color: #333333;
	font-weight: normal;
}

.top-bar.o-nav--global {
	background-color: #0055a2;
}

@media screen and (max-width: 1023px) {

	.top-bar.o-nav--global {
		flex-wrap: wrap;
	}

}

.top-bar.o-nav--global ul {
	background-color: #0055a2;
}

.o-nav--global .drilldown li:not(:last-child) {
	border-bottom: 1px solid #1870cc;
}

.o-nav--global .drilldown a {
	background-color: #0055a2;
	color: #ffffff;
}

.top-bar {
	padding: 0;
}

a.u-icon {
	padding-left: 30px;
}


/* =overrides.Foundation.mobile-only */

@media screen and (max-width: 1023px) {

	.is-drilldown-submenu.is-active {
		height: 100%;
		/*overflow: visible !important;
		z-index: 10;*/
	}



	.topbar-responsive-links {
		flex-direction: column;
	}


	.top-bar-title {
		padding-left: 1em;
		padding-right: .25em;

	}

	.o-nav--global .top-bar-title {
		padding-top: .25em;
		padding-bottom: .25em;
	}

	.top-bar input {
		max-width: 87.5%;
	}

	.top-bar form {
		margin: 1em;
	}

	.o-nav--site .drilldown .js-drilldown-back > a::before {
		content: url('/aspis/media/icons/ui/icon-angle-bracket-left-sjsu-blue.svg');
		border: none;
		margin-top: -1em;
		margin-right: 1em;
	}


	.o-nav--site .drilldown .is-drilldown-submenu-parent > a::after {
		content: url('/aspis/media/icons/ui/icon-angle-bracket-right-sjsu-blue.svg');
		border: none;
	}

	.o-nav--global .drilldown .js-drilldown-back > a::before {
		content: url('/aspis/media/icons/ui/icon-angle-bracket-left-white.svg');
		border: none;
		margin-top: -1em;
		margin-right: 1em;
	}	

	.o-nav--global .drilldown .is-drilldown-submenu-parent > a::after {
		content: url('/aspis/media/icons/ui/icon-angle-bracket-right-white.svg');
		border: none;
	}	

	.drilldown a {
		padding-right: 2.25em;
	}

	.drilldown .is-drilldown-submenu-parent > a::after {
		right: 2.25em;
	}	


}

/* =overrides.Foundation.tablet-up */
@media screen and (min-width: 768px) {



	.dropdown .is-dropdown-submenu a {
		padding: .5em 1.5em;
	}

	.top-bar.o-nav--site ul:first-child {
		background-color: #ededed; 
	}

	.dropdown.menu .is-active > a {
		color: #0055a2;
	}

	@media (hover:hover) {

		.dropdown.menu .is-active > a:hover {
			color: #1c88f4;
		}

	}	

	.dropdown.menu .is-active > a:focus {
		color: #1c88f4;
	}

	.dropdown.menu .is-active > a:active {
		color: #f08700;
	}


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

	.dropdown.menu > li.is-dropdown-submenu-parent > a {
		background: url('/aspis/media/icons/ui/icon-angle-bracket-down-sjsu-gray.svg') center 99% no-repeat;    
	}

	.dropdown.menu > li.opens-right > .is-dropdown-submenu li a {
		line-height: 1.2;
	}


}

.o-coin {
	display: block;
	margin: 0 auto -68px;
}



/* =overrides.Foundation.desktop-only */

@media screen and (min-width: 1024px) {

	.grid-container {
		padding-top: 1.5em;
		max-width: 1440px;
	}

	.menu .is-active > a {
		background-color: #ffffff;
	}

	.menu.nested {
		margin-left: 0;
	}

}

/* =overrides.OU */

/* Direct Edit button */
#de {margin-top: 2em;}





/* !!BANDAID */

/* O| Emergency Dropdown */

.o-emergency {
	padding: 1em 0;
	color: #0055a2;
}

.o-emergency__panel::before {
	content: ' ';
	display: block;
	float: left;
	margin-right: 1em;
	width: 53px;
	height: 53px;
	background: url('/aspis/media/icons/ui/icon-informational-sjsu-blue.svg') left center no-repeat;
}

.o-emergency.u-alert--red {
	background-color: #a82428;
	color: white;
}

.o-emergency.u-alert--red .o-emergency__panel::before {
	background-image: url('/aspis/media/icons/ui/icon-emergency-white.svg');
	background-repeat: inherit;
	background-position: inherit;
}

.o-emergency.u-alert--yellow {
	background-color: #e5a823;
	color: black;
}

.o-emergency.u-alert--yellow .o-emergency__panel::before {		
	background-image: url('/aspis/media/icons/ui/icon-emergency-black.svg');
	background-repeat: inherit;
	background-position: inherit;		
}

.o-emergency.u-alert--gray {
	background-color: #666666;
	color: white;
}

.o-emergency.u-alert--gray .o-emergency__panel::before {

	background-image: url('/aspis/media/icons/ui/icon-informational-white.svg');
	background-repeat: inherit;
	background-position: inherit;

}

.o-emergency.u-alert--gray .o-emergency__link {
	color: #f7ca18;
}

.o-emergency__text {
	color: inherit;
	font-size: 143.75%;
	font-family: 'Nunito Sans',Verdana,sans-serif;
	margin: 0;
}

.u-alert--red .o-emergency__text {

}

.o-emergency__title {
	color: inherit;
	font-family: 'Nunito Sans',Verdana,sans-serif;
	font-size: 171.6%;
	font-weight: 650;
	margin-bottom: 0;
}

/* O| Emergency Dropdown */


/* /begin Foundation .menu replacements */

.u-menu {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	list-style: none;
	margin: 0;
}

.u-menu--horizontal {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

@media screen and (max-width: 1023px) {
		.u-menu--vertical-small {
			flex-direction: column;
		}
	}