@charset "UTF-8";

/*
Font: 		Greycliff CF
URL: 		https://www.youworkforthem.com/font/T6406/greycliff-cf
Foundry: 	Connary Fagen
Foundry: 	https://www.youworkforthem.com/designer/479/connary-fagen
Copyright:	© 2017 Connary Fagen
Version: 	17
Created:	February 03, 2018
License: 	https://www.youworkforthem.com/font-license 
License: 	The WebFont(s) listed in this document must follow the YouWorkForThem
			WebFont license rules. All other parties are strictly restricted 
			from using the WebFonts(s) listed without a purchased license. 
			All details above must always remain unaltered and visible in your CSS.
*/

body { margin: 0; }

@-webkit-viewport{width:device-width}@-moz-viewport{width:device-width}@-ms-viewport{width:device-width}@-o-viewport{width:device-width}@viewport{width:device-width}

@font-face {
    font-family: 'greycliff-bold';
    src: url('//www.udel.edu/content/dam/udelImages/digital-brand-assets/fonts/GreycliffCF-Bold.woff2') format('woff2'),
         url('//www.udel.edu/content/dam/udelImages/digital-brand-assets/fonts/GreycliffCF-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'greycliff-light';
    src: url('//www.udel.edu/content/dam/udelImages/digital-brand-assets/fonts/GreycliffCF-Light.woff2') format('woff2'),
         url('//www.udel.edu/content/dam/udelImages/digital-brand-assets/fonts/GreycliffCF-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'vanguard-regular';
    src: url('//www.udel.edu/content/dam/udelImages/digital-brand-assets/fonts/vanguard-cf-regular.woff2') format('woff2'),
         url('//www.udel.edu/content/dam/udelImages/digital-brand-assets/fonts/vanguard-cf-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body { margin: 0; }

/* This header max-width may be altered to match the width of your site content/container */
header#udHeader #udHeaderContainer, div#udHeader-collegeBar { max-width: 1155px; }

/* UD Banner */
header#udHeader { position: relative; width: 100%; background-color: #00539f; border-bottom: 2px solid #ffd300; float: left; }
header#udHeader #udHeaderContainer { width: 100%; 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; position: relative; z-index: 1000; }
div#udHeader-collegeBar { width: 100%; margin: auto; padding: 15px 25px; font-size: 18px; box-sizing: border-box; background: #003c71; overflow: hidden; position: relative; z-index: 1000; line-height: normal; }
div#udHeader-collegeBar #udHeader-collegeWrapper a { font-family: 'greycliff-bold'; letter-spacing: 1px; text-transform: uppercase; color: #FFF; text-decoration: none; line-height: normal;
font-weight: normal; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; }
div#udHeader-collegeBar #udHeader-collegeWrapper a:hover { text-decoration: none; }

/* Search Menu */
header#udHeader .udHeaderMenu ul { margin: 0 15px 0 0; padding: 0;}
header#udHeader .udHeaderMenu li { float: left; padding-left: 15px; list-style: none; }
header#udHeader .udHeaderMenu li.udHeaderSearch { padding-left: 0; margin-left: 0; }
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 5px 1px 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; }
header#udHeader ul.udHeader-icon-list, header#udHeader ul.udHeader-icon-list li { margin: 0; }

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

@media only screen and (max-width: 768px) {
	/* 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; padding-bottom: 0; }
	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: -5px; }
	body div#udHeader-collegeBar #udHeader-collegeBar { font-size: 16px; }

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


			
			footer#udFooter { 
				width: 100%;
				margin-top: 30px;
				background-color: #fff;
				border-top: 3px solid #ffd300; 
				clear: both;
			}
			
			/* This footer max-width may be altered to match the width of your site content/container */
			footer#udFooter .udFooter-container {  max-width: 1140px; }
			
			footer#udFooter .udFooter-container { width: 100%;  margin: auto; position: relative; }
			footer#udFooter #udFooterLogo { width: 129px; position: absolute; top: -33px; left: 0; z-index: 2; }
			
			footer#udFooter .udFooterHeader { float: right; width: 100%; }
			footer#udFooter ul.udFooterSocial-icons { padding: 0; margin: 8px 5px 0 0;  list-style: none; float: right; }
			footer#udFooter ul.udFooterSocial-icons li { padding: 0;
				display: inline-block;
				margin: 0;
				width: 44px; height: 44px;
				padding-left: 0;
				
			}
			footer#udFooter ul.udFooterSocial-icons li a {  width: 44px; padding: 12px 0 12px 0; display: block; }
			
			footer#udFooter .udFooterSocial-icons img {
				height: 20px;
				width: 20px;
				object-fit: contain;
				margin: auto;
				display: block;
			}
	
			footer#udFooter .udFooterLinks { width: 100%; margin: 124px auto 0 auto; background-color: #eee; clear: both; }
			
			footer#udFooter .udFooterLinks div {
			font-family: Arial;
			font-size: 10px;
			color: #000000;
			margin: auto;
			text-align: center;
			
			}
	
			footer#udFooter .udFooterLinks div a { color: #005AAD; }
			footer#udFooter .link-item { padding: 8px 10px 10px 0; display: inline-block; margin: auto; }
			footer#udFooter .container-fluid { width: 80%; text-align: center;}
			
			
			@media only screen and (max-width: 1200px) { 
				footer#udFooter #udFooterLogo  { left: 15px;}
			}
			
			@media only screen and (max-width: 748px) { 
				footer#udFooter .udFooterHeader { float: none; width: auto; }
				footer#udFooter ul.udFooterSocial-icons { float: none; text-align: center; padding-top: 50px; }
				footer#udFooter ul.udFooterSocial-icons li { text-align: center; }
				footer#udFooter .udFooterLinks { margin-top: 5px; }
				footer#udFooter #udFooterLogo { width: 65px; top: -25px; margin: auto; left: 50%; transform: translateX(-50%);}

			}
			
			
	body { background: #eee; font-family: 'greycliff-light'; color: #444 }
	h1, h2, h3, h4 { margin: 0 0 10px 0; clear: left; font-weight: normal; font-family: 'greycliff-bold'; }	
	h1 { margin-bottom: 0; }
	h2 { font-size: 35px; padding-bottom: 10px; }
	h3, a { color: #00539f; }
	.ud-btn { font-family: 'greycliff-bold'; background: #00539f; border-radius: 5px; color: #FFF; display: block; text-decoration: none; padding: 10px; font-size: 14px; }
	a.job-alert-link, a.back-to-search-link, a.login-link { float: right; margin-left: 5px; }
	a.login-link { background: #666}
	#form-wrap h2 { border-bottom: 1px solid #c5c5c5; margin-top: 20px;}
	#form-wrap a.button { background: #FFF !important; }
	a#job-mail-trigger { font-size: 12px; float: right; }
	
	#page-title-wrap { width: 100%; background: #FFF;  }
	h1.page-title a { background: #FFF; padding: 5px 50px; color: #333; text-transform: uppercase; font-size: 25px; width: 100%; max-width: 1200px; margin: auto; box-sizing: border-box; text-decoration: none; display: block; font-family: 'Open Sans Condensed'; font-weight: bold;}
	
	#udwrapper { max-width: 1200px; width: 100%; margin: auto;  }
	#udcontainer { width: 100%; box-sizing: border-box; padding: 50px; overflow: auto; }
	#sidebar { width: 30%; box-sizing: border-box; clear: left; float: left; }
	
	#search-filters, #sub-page-content { width: 100%; padding: 25px;  box-sizing: border-box; background: #FFF; }
	#search-filters h2 { font-size: 25px; }
	#search-filters ul.filter li { margin-bottom: 5px; }	
	
	#assets { margin-top: 20px; }
	#assets .asset .img img { width: 100%; display: block;}
	#assets .asset .img .text { display: none; }
	#assets .asset .link { font-family: 'greycliff-bold'; background: #FFF; padding: 10px 5px; font-size: 14px; color: #555; display: block; text-align: center; text-decoration: none;}
	/* #vaccinationNotice { background: #d1d1d1; padding: 10px; color: #444; display: none; } */
	
	#form-wrap { width: 66%; margin-left: 4%; float: right; clear: right; box-sizing: border-box; }
	#pu-content { clear: left; width: 100%; float: left; }
	#jobs-form input[type=text], #jobs-form input[type=email] { border: 1px solid #999 !important; width: 90%; padding: 10px 5px !important; box-sizing: border-box; margin: 20px 5% 20px 5% !important;
		background-image: -moz-linear-gradient(top, #FFF 0, #FFF 10%) !important;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(0%, #fff)) !important;
		border-radius: 0;  float: left;
	}
	#jobs-form input[type=text]:focus, #jobs-form input[type=email]:focus{ border: 1px solid #00539f !important; outline: none; }
	#jobs-form input[type="checkbox"] { margin-top: 5px; margin-right: 5px; }
	#jobs-form th { background: #c4d8e5; border-left: 1px solid #afc2ce; color: #39627d; font-weight: normal; font-family: 'greycliff-bold'; }
	#jobs-form th:first-child { border-left: none; }

	.careers-subscribe #sidebar, .careers-subscribe a.job-alert-link, a.back-to-search-link { display: none; }
	.careers-subscribe a.back-to-search-link { display: block; }
	.careers-subscribe #form-wrap { width: 100%; margin-left: 0;}
	
	#job-mail #job-mail-trigger { margin-top: 25px !important;}
	
	.container-breadcrumbs-wrapper { background-color: rgba(0, 0, 0, 0.5); border-bottom: 1px solid #ffffff;}
	.container-breadcrumb { display: block; width: 100%; }
	ol.breadcrumb { padding: 0 50px; margin: 0 auto; width: 100%; max-width: 1200px; box-sizing: border-box; }
	.breadcrumb, .breadcrumb li { background-color: transparent !important;
position: relative; list-style: none; }
.breadcrumb li { display: inline-block; padding-bottom: 5px; }
.breadcrumb>li+li:before { padding: 0 5px;
color: #ccc;
content: "/\00a0" }
	.breadcrumb li a, .breadcrumb li { color: #FFF; font-size: 11px; text-decoration: none; }
	.breadcrumb li a:hover { text-decoration: underline; }	
	
	@media screen and (max-width: 768px) {
		#assets .asset .img img { display: none; }
		#assets .asset .img .text { 
			display: block;
		    padding: 15px;
		    text-align: center;
		    background: #00539f;
		    color: #ffd200;
		    font-family: 'greycliff-bold';
		    font-size: 19px;
		}
		#assets .asset .link { background: #005caf; color: #FFF; text-decoration: none; }
		#udcontainer { padding: 20px; }
		h1.page-title a { padding: 5px 20px; }
		h2 { font-size: 25px; }
		#search-filters { padding: 15px; margin: 0; }
	}
	
	@media screen and (max-width: 760px) {
		.container-breadcrumbs-wrapper { display: none; }
		#form-wrap { padding-top: 25px; }
		#sidebar { width: 100%; }
		#search-filters { padding: 15px; }
		#search-filters, #form-wrap { width: 100%; clear: left; float: none;  margin: 0; }	
		#jobs-form input[type=text] { margin-bottom: 0; }
		
		#search-filters h2 { font-size: 20px; margin-bottom: 0; }
	#search-filters h3 { font-size: 16px; background-image: url(http://www.udel.edu/ocm/pageup-template/img/plus.png); background-position: right 10px center; background-repeat: no-repeat; border: 1px solid #e0e0e0; padding: 5px 10px; cursor: pointer; }
	#search-filters h3.active { background-image: url(http://www.udel.edu/ocm/pageup-template/img/minus.png); }
	#search-filters h3:hover { background-color: #eee; }
	#search-filters .filter-wrapper { display: none; }
	#search-filters .filter-wrapper.active { display: block; }
	#search-filters ul.filter { margin-left: 15px; margin-top: 5px; }
		#jobs-form input#search-keyword  { padding: 10px !important; margin: 0 0 20px 0 !important; width: 100%; }
		
	
	#job-mail #job-mail-trigger { margin-top: 15px !important;}
	
		table .job-link { font-size: 20px; font-weight: bold;}
		table td { font-size: 12px; }
		table th { display: none; }
		table td { display: block !important; border: 0 !important; }
		tbody tr:nth-child(4n+2) + tr td:first-child { padding-top: 20px !important; }
		tbody tr:nth-child(4n+4) td:last-child { padding-bottom: 20px !important; }
		table tr.summary td {   }
		table tr:nth-child(4n+1) { background: #e0e0e0; }
		table tr:nth-child(4n+1) td { border-top: 0 !important; }
		table tr.summary:nth-child(4n+2) { background: #e0e0e0; }
		
		
	}