@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700,900');
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
	background-image: url(https://www.public-health.uiowa.edu/wp-content/themes/cph/images/stripebg.png);
}
body {width:100%;}
div#home {line-height:0;}
div#home * {line-height:normal;}
section {
	width:66%;
	padding:6% 24% 6% 6%;
	box-sizing:border-box;
	float:right;
	background:white;
	min-height:1200px;
	text-shadow:none;
	font-family:Roboto;
}
section ul li {
	margin-top:20px;
	margin-bottom:20px;	
}
section h1 {
	font-size:48px;
	font-weight:300;	
}
section p, section ul li, section ol li {
	font-size:18px;
	line-height:30px;	
}
section h3 a,
section h3 a:link,
section h3 a:visited,
section h3 a:hover,
section h3 a:active {
	font-size:16px;
	color:#555;
	text-transform:uppercase;
	letter-spacing:3px;
	text-decoration:none;	
}
p.exit-button {
	position:fixed;
	top:40px;
	right:40px;	
}

p.exit-button a {
	display:block;
	width:40px;
	height:40px;
	text-indent:-50000px;
	background:url(img/x.png) 50% 50% no-repeat;
	background-size:80%;
}

div.img-box {
	float:left;
	background-image:url(img/atrium.jpg);
	background-size:100%;                  /* until a certain minimum viewport width, at which point it would go to "cover" */
	background-repeat:no-repeat;
	min-height:1200px;
	width:34%;
	position:fixed;
}

.videoWrapper {
	position: relative;
	padding-bottom: 52.5%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div#home {
	width:1200px;
	margin-left:calc((100% - 1200px)/2);
	margin-right:calc((100% - 1200px)/2);
	margin-top:20px;
}
div#home header {
	color:white;
	background:#2b2b2b;
	height:110px;
	text-shadow:none;
	padding:20px;
	font-family:Roboto;
}
div#home header h1 {
	margin-top:0;
	margin-bottom:10px;
	font-size:36px;
	font-weight:700;
	line-height:24px;
}
div#home header h1 span {
	display:block;
	margin-top:0;
	margin-bottom:15px;
	font-size:18px;
	font-weight:700;
}
div#home header p {
	font-size:16px;	
	margin-top:0;
	width:223px;
	height:30px;
	text-indent:-50000px;
	background:url(img/block-iowa.png) no-repeat;
	background-size: contain;
	margin-bottom:10px;
}
main {
	float:left;
	width:36%;
	background:#ffcd00;
	font-family:Roboto;
	text-shadow:none;
	padding:20px 30px 30px 30px;	
	box-sizing:border-box;
	height:450px;
	overflow:hidden;
	font-size:15px;
}
div#home-img {width:64%;height:450px;float:right;}

div#home main p {
	line-height:22px;
	margin-top:0;
	font-weight:400;
}
main h2 {
	margin-top:0;	
}
main p {
	margin-bottom:0;	
}
div#home footer {
	color:white;
	background:#2b2b2b;
	text-shadow:none;
	font-family:Roboto;
	text-transform:uppercase;
	padding:20px;

}
nav#global {
	background:white;
	margin:0;
	height:120px;
	clear:both;
}
nav#global ul {
	margin:0;
	padding:0;
	list-style-type:none;	
	padding-top:20px;
}
nav#global ul li {
	float:left;	
	margin-right:1px;
}
nav#global ul li a {
	text-transform:uppercase;
	font-size:18px;
	font-family:Roboto;
	text-align:center;
	color:#666;
	font-weight:300;
	text-decoration:none;
    display:block;
	width:120px;
	height:40px;
	padding:20px;
}
nav#global ul li a:hover {
	background:#ddd;	
}
nav#global ul li:first-child {
	margin-left:46px;	
}
nav#global ul li:last-child {
	margin-right:0;	
}

p#ui-cph-logo {
	width:200px;
	height:65px;
	float:right;
	background:url(https://www.public-health.uiowa.edu/wp-content/uploads/2022/12/College-of-Public-Health-LockupHorizontal-RGB-REVERSED.png) no-repeat;
	background-size:contain;
	background-position-y: 15px;
	position:relative;
	margin:0;
}
a#ui-link, a#cph-link {
	display:block;
	position:absolute;
	text-indent:-50000px;
}
a#ui-link {
	width:110px;
	height:68px;
}
a#cph-link {
	width:70px;
	height:30px;
	right:0;
	top:20px;	
}
footer {
	height:60px;
	padding:0;	
}
footer nav ul {
	float:right;	
	padding:30px 10px 0 0;
	height:40px;
	margin:0;
	list-style-type:none;
	width:500px;
}
nav#utility ul li {
	float:right;
	margin-right:40px;	
}
footer nav#utility ul li a,
footer nav#utility ul li a:link,
footer nav#utility ul li a:visited,
footer nav#utility ul li a:active {
	text-decoration:none;
	color:white;
	font-weight:normal;
	font-size:14px;
}
footer nav#utility ul li a:hover {
	text-decoration:underline;	
}
div#job-desc,
div#about-ui,
div#how-to-apply,
div#about-cph,
div#dist,
div#search {
	background-image:none;
	background-color:white;	
}

div#search ul {
	padding:0;
	margin:0;
	list-style-type:none;	
}
div#search ul li {
	float:left;	
	margin-right:9%;
	width:26%;
}
div#search ul li:nth-child(3n) {
	margin-right:0;	
}
div#search ul li a {
	display:block;
	width:100%;	
	font-weight:normal;
	text-decoration:none;
	color:black;
}
div#search ul li a figure {
	margin:0;
	height:350px;
}
div#search ul li a figure img {
	width:100%;	
}
div#search ul li a figure figcaption {
	text-transform:uppercase;
	font-size:15px;	
	line-height:17px;
}
div#search ul li a figure figcaption span {
	text-transform:none;
	font-size:13px;
}
div#about-cph * {
	border:none;
	border-radius:0;
	box-shadow:none;
}
div#about-cph ul {
	padding:0;
	margin:0;
	margin-left:20px;
}
div#about-cph h2 a {
	background:none;
	font-size:24px;
	font-family:Roboto;
	font-weight:bold;
}

.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a {
	font-weight:normal;
	text-decoration:none;
}
main p a#video-link {
	/* display:block; */
	background:#333 /*url(img/video-icon.png) no-repeat 12px 12px*/; 
	color:white;
	height:20px;
	/* padding:10px 10px 10px 40px; */
	padding:10px;
	margin-top:20px;
}
main p a#video-link:hover {
	background-color:#8f7300;	
}
div#candidate1 img,
div#candidate2 img,
div#candidate3 img,
div#candidate4 img,
div#candidate5 img {
	float:right;margin-left:20px;	
}

@media only screen and (max-width : 1200px) {
	div#home {
		width:100%;
		margin:0;
	}
	div#home main {
		font-size:15px;
		height:500px;
	}
	div#home main p {
		line-height:38px;	
	}
	nav#global ul li {
		margin-right:5px;
	}
	nav#global ul li:first-child {
		margin-left:20px;	
	}
	footer {
		height:110px;	
	}
	section {
		padding-right:5%;	
	}
}
@media only screen and (max-width : 1199px) {	
	div#home main p {
		line-height:26px;
	}
	div#home main {
		height:532px;
	}

}

@media only screen and (max-width : 1023px) {
	div#home {
		width:100%;
		margin:0;
	}
	div#home main {
		width:100%;
		font-size:15px;
		height:480px;
		float:none;
	}
	div#home img {
		width:100%;
		float:none;	
	}
	nav#global {
		height:200px;	
	}
	nav#global ul {
		width:500px;
		margin-left:auto;
		margin-right:auto;	
	}
	nav#global ul li:first-child {
		margin:0;
		padding:0;
	}
	section h3 a {
		display:block;
		width:320px;
	}
	div#home-img {
		display:none;	
	}
	div#candidate1 img,
	div#candidate2 img,
	div#candidate3 img,
	div#candidate4 img,
	div#candidate5 img {
		float:none;
		margin-left:0;	
	}
}
@media only screen and (max-width : 767px) {
	.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
		background-image:none;
		background-color:#2b2b2b;
	}
	div#home header,
	div#home main,
	nav#global {
		height:auto;
	}
	div#home header h1 {
		font-size:24px;	
	}
	nav#global ul {
		width:100%;	
	}
	nav#global ul li {
		width:48%;	
	}
	nav#global ul:after {
		content: "";
		display: table;
		clear: both;
	}
	p#ui-cph-logo {
		margin-left:auto;
		margin-right:auto;
		float:none;	
	}
	nav#utility ul {
		width:100%;
	}
	nav#utility ul li {
		float:none;
		padding:0;
		margin:0;
		height:40px;
		text-align:center;
	}
	div.img-box {
		display:none;
	}
	section {
		width:100%;	
	}
	div#search ul li {
		width:40%;	
	}
	div#search ul li a figure {
		height:290px;	
	}
	div#search ul li:nth-child(2n) {
		margin-right:0;	
	}
	div#search ul li:nth-child(3n) {
		margin-right:9%;
	}
}