@charset "UTF-8";

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}
@import url('//fonts.googleapis.com/css?family=Open+Sans:600');

.cse input.gsc-search-button, input.gsc-search-button { color: #FFF !important; }

header#udHeader {
	position: relative;
	width: 100%;
	background: url("../images/logo-header-udel.png") 50% 0;
	background-size: 100%;
	background-repeat: no-repeat;
	background-color: #0048a5;
	border-bottom: 3px solid #ffd300 !important;
}
header#udHeader .udHeader-container {
	position: relative;
	width: 95%;
	margin: 0 auto;
	text-align: center;
}
header#udHeader .udHeader-logo-udel {
	padding-top: 10px;
	width: 100%;
}
header#udHeader .udHeader-logo-udel img {
	margin: 0 auto;
    padding:14px 14px 8px 14px;
	max-width: 100%;
}
header#udHeader.college .udHeader-logo-udel img { padding-top: 0; }
header#udHeader.college .udHeader-logo-udel a { padding-bottom: 0; font-family: 'Open Sans', sans-serif; }

header#udHeader .udHeader-logo-udel a {
	text-align: center;
	color: #fff;
	font-size: 20px;
	padding-bottom: 8px;
	margin-bottom: -4px;
    text-decoration:none;
}

header#udHeader.college .udHeader-logo-udel span a { }
header#udHeader.college .udHeader-logo-udel span { display: block; margin-top: -5px; }

.udHeader-icons {
	position: absolute;
	top: 0px;
	right: 0;
    z-index:2;
}

.udHeader-icons .searchField {
	display: none;
	float: right;
}

.udHeader-icons .searchField.show { display: block; }

.udHeader-icons div:last-child {
	padding-right: 0
}
.udHeader-icons .udHeader-icon-list {
	list-style-type: none;
	margin: 0;
}
header#udHeader .udHeader-icon-mobile-menu {
	position: absolute;
	top: 10px;
	left: 0px;
	background: url("img/icon-mobile-menu.png") no-repeat 0 0;
	background-size: 36px 31px;
	width: 36px;
	height: 31px
}
header#udHeader .header-icons {
	padding: 0
}

.udHeader-icon {
	float: right;
	position: relative;
	height: 35px;
	width: 48px;
}



.udHeader-icon.triggerOn { background: #00A0df; padding-top: 6px; padding-bottom: 10px;  }
.udHeader-icon.triggerOff { background: transparent; padding-bottom: 0; }

.udHeader-icon a img, .udHeader-icon img {

	position: absolute;
	top: 6px;
	left: 12px;
	width: 25px;
	height: 25px;
	object-fit: contain;
	cursor: pointer;
	
}
	
	.udHeader-icon.triggerOn a img { padding-top: 6px; }


@media only screen and (min-width: 768px) {
	.udHeader-icons {
		right: 21px;
	}
	.udHeader-icons .searchField {
		position: absolute;
		top: 50px;
	}
	
	header#udHeader {
		background-size: 616px 142px;
		height: 141px;
	}

	.udHeader-icon {
		float: left;
	}
	#sidebar .udHeader-icons {
		display: none;
	}
	.udHeader-icons .searchField {
		right:0;
		/*float: left;*/
    	float:none;
	}
	.udHeader-icons .searchField input {
		width: 149px;
     }
	
    header#udHeader {
		position: relative;
		z-index: 4;
	}
}

@media only screen and (max-width: 767px) {
	header#udHeader.college .udHeader-logo-udel span a {  font-size: 14px; }
header#udHeader.college .udHeader-logo-udel span { padding-bottom: 5px; }
	}

@media only screen and (max-width: 767px) {
	header#udHeader .udHeader-logo-udel {
		padding-top: 4px;
	}

	header#udHeader .udHeader-logo-udel img {
		width: 30%;
		padding-bottom: 4px;
	}
	
	
}

/**********Desktop *********/
@media only screen and (min-width: 1024px) {
	header#udHeader .udHeader-icon-mobile-menu {
		visibility: hidden;
		display: none
	}

}
@media only screen and (min-width: 1025px) {
	header#udHeader .udHeader-container {
		width: 92%;
		margin: 0 auto;
		position: relative;
		text-align: center;
	}
}