@charset "UTF-8";
/*@-webkit-viewport{width:device-width}@-moz-viewport{width:device-width}@-ms-viewport{width:device-width}@-o-viewport{width:device-width}@viewport{width:device-width} Some bad CSS */

/* Temporarily moved local to 2018-tempforfonts.css on SPPA
@font-face { font-family: 'greycliff'; src: url(https://publish.sppa.udel.edu/code/Webfont/GreycliffCF-Bold.woff);}
@font-face { font-family: 'greycliff-light'; src: url(https://publish.sppa.udel.edu/code/Webfont/GreycliffCF-Medium.woff);}*/

/* UD Banner */
header#udHeader { position: relative; width: 100%; background-color: #00539f; border-bottom: 2px solid #ffd300; float: left; }
header#udHeader #udHeaderContainer { width: 100%; max-width: 1024px; margin: auto; overflow: hidden; position: relative; }
header#udHeader #udHeaderWrapper { position: relative; width: 100%; float: left;}
header#udHeader #udHeaderLogo img { height: 70px; float: left; margin: 20px; }

/* College Banner */
div#udHeader-collegeOuterWrapper { width: 100%; background: #003c71; overflow: hidden; }
div#udHeader-collegeBar { width: 100%; max-width: 1024px; margin: auto; padding: 15px 25px; font-size: 18px; box-sizing: border-box; background: #003c71; overflow: hidden; position: relative; }
div#udHeader-collegeBar #udHeader-collegeWrapper { font-family: 'greycliff'; letter-spacing: 1px; text-transform: uppercase;  }
div#udHeader-collegeBar #udHeader-collegeWrapper a { color: #FFF; text-decoration: none; }
div#udHeader-collegeBar #udHeader-collegeWrapper a:hover { text-decoration: none; }

/* College Banner WITH Dept Name Included */
div#udHeader-collegeBar { height: 130px; }
/* Department Header */
div#udHeader-collegeBar #udHeader-schoolName { font-size: 15px; line-height: 18px; margin-top: -18px; font-family: 'greycliff-light'; float: right; }
div#udHeader-collegeBar #udHeader-deptPrefix { font-size: 30px; line-height: 30px; margin-top: 10px; font-family: 'greycliff-light'; }
div#udHeader-collegeBar #udHeader-deptSuffix { font-size: 30px; line-height: 30px; margin-top: -5px; font-family: 'greycliff-light'; }
div#udHeader-collegeBar #udHeader-deptName { font-size: 50px; line-height: 50px; margin-top: -5px; }

/* Search Menu */
header#udHeader .udHeaderMenu ul { margin: 0 15px 0 0; padding: 0;}
header#udHeader .udHeaderMenu li { float: left; list-style: none; }
header#udHeader .udHeaderMenu li.udHeaderSearch { padding-left: 0; margin-left: 0; }
header#udHeader .udHeaderMenu li a { padding: 0 10px 0 10px; }
header#udHeader .udHeaderMenu a img { height: 25px; margin-top: 10px; }
header#udHeader .udHeaderMenuTrigger a img { height: 25px; }
header#udHeader .udHeaderMenu { font-family: 'open sans'; text-align: center; z-index: 2; margin: 0; position: absolute; top: 0; right: 0; }
header#udHeader .udHeaderMenu #udHeaderSearch { position: absolute; top: 45px; right: 15px; background: #eee; padding: 5px; width: 340px; }
header#udHeader #udHeaderSearchTrigger { padding-right: 15px; padding-bottom: 5px;}
header#udHeader #udHeaderSearchTrigger.udHeaderOn { background: #003c71; }
header#udHeader .udHeaderMenu.show,.udHeaderSearch.show { display: block; }
header#udHeader .udHeaderSearch.hide { display: none; }

/* Mobile Icon Bar - Cantrell 10/23/2018 */
#mobileIconBar { background-color: #666666; height: 45px; padding: 10px 0 0 22px; }
#mobileIconBar a { padding-right: 20px; }
#mobileIconBar a img { width: 25px; height: 25px; padding: 7.5px; }

/* Hide Mobile Elements in Desktop */
header#udHeader #udHeaderMenuTrigger { display: none; }
div#udHeader-collegeBar #udHeader-collegeMenuTrigger { display: none; }

@media only screen and (max-width: 969px) {
	/* UD Banner */
	body header#udHeader #udHeaderMenuTrigger { display: inline-block; }
	body header#udHeader #udHeaderLogo img { height: 40px; margin: 15px; }
	body header#udHeader .udHeaderMenuTrigger { position: absolute; top: 23px; right: 28px; width: 25px; cursor: pointer; }
	body header#udHeader .udHeaderMenuTrigger span {  height: 5px; width: 5px; margin: auto; background-color: #FFF; border-radius: 50%; display: block; clear: left; }
  	body header#udHeader .udHeaderMenuTrigger span + span { margin-top: 5px; }
	body header#udHeader .udHeaderMenuTrigger.udHeaderOn span { background: #fed600; }
	body header#udHeader .udHeaderMenu { text-align: center; background: #003c71; margin: 0; display: none; position: relative; }

	/* Search Menu (show search) */
	body header#udHeader .udHeaderMenu a { color: #00539f; display: block; padding: 10px; }
	body header#udHeader .udHeaderMenu ul { margin-right: 15px; margin: 0; padding: 0px 15px; }
	body header#udHeader .udHeaderMenu li { float: none; }
	body header#udHeader .udHeaderMenu li + li { border-top: 1px solid #00315c; margin-left: 0; padding-left: 0; }
	/* Search Menu (search bar) */
	body header#udHeader #udHeaderSearchTrigger { height: 20px; } /* Cantrell Added Mobile Phase */
	body header#udHeader #udHeaderSearchTrigger.udHeaderOn { background: transparent; }
	body header#udHeader #udHeaderSearchTrigger.udHeaderOn a { padding-bottom: 0; }
	body header#udHeader #udHeaderSearch {width: 100%; position: relative; top: 0; margin: 0; padding: 0;}
	body header#udHeader #udHeaderSearch.show { border-top: 0; padding-bottom: 1px; }
	body header#udHeader #udHeaderSearchTrigger img { margin-left: 15px; height: 20px; }
	body header#udHeader #udHeaderSearch { padding-bottom: 15px !important; background: none; right: inherit; }
	body header#udHeader .udHeaderMenu #udHeaderSearch { position: relative; top: 0; right: 0; background: none; padding: 0; width: 100%; }

	/* College Banner */
	body div#udHeader-collegeBar #udHeader-collegeMenuTrigger { display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 25px; width: 32px; margin-top: -8px; }
	body div#udHeader-collegeBar #udHeader-collegeMenuTrigger .udHeader-collegeMenuTrigerBar { height: 3px; width: 32px; background: #FFF; margin-top: 8px; }
	body div#udHeader-collegeBar #udHeader-collegeName { display: none; }
	body div#udHeader-collegeBar #udHeader-collegeBar { font-size: 16px; }

	/* Department Header */
	body div#udHeader-collegeBar #udHeader-deptName { font-size: 20px; line-height: 20px; margin-top: 0px; }
	body div#udHeader-collegeBar #udHeader-deptPrefix,
	body div#udHeader-collegeBar #udHeader-deptSuffix { font-size: 15px; line-height: 15px; margin-top: 0px; }
	body div#udHeader-collegeBar #udHeader-depName-mobileBP { display: block; }
	body div#udHeader-collegeBar #udHeader-deptPrefix,
	body div#udHeader-collegeBar #udHeader-deptName,
	body div#udHeader-collegeBar #udHeader-deptSuffix,
	body div#udHeader-collegeBar #udHeader-collegeName { max-width: 270px;}

	/* Hide desktop search elemetns in mobile regardless of desktop state */
	body header#udHeader #udHeaderSearchTrigger a { display: none !important; }

	/* Locks college banner to top */
	#udHeader-collegeBar.navContextFixed { position: fixed; top: 0; left: 0; z-index: 10; }
}
@media only screen and (max-width: 360px) {
	body div#udHeader-collegeBar #udHeader-deptPrefix,
	body div#udHeader-collegeBar #udHeader-deptName,
	body div#udHeader-collegeBar #udHeader-deptSuffix,
	body div#udHeader-collegeBar #udHeader-collegeName { max-width: 230px;}
}