/***Undergrad Header Buttons***/

.btn-admissions,  .btn-admissions:hover, .btn-admissions:visited { width: 4em;z-index: 5;display: block;float: right;margin-right: 0.25em; padding: 0.5em 0 0.6em 0;font-family: "SourceSansProBold",Helvetica,Arial,sans-serif;font-size: 100%;text-align: center;text-transform: uppercase;color: #fff;transition: padding 0.4s ease 0s;}
.btn-admissions:hover {padding-top: 1em;text-decoration: none; }
.btn-admissions.btn-admissions-give { background-color: #203f77; }
.btn-admissions.btn-admissions-apply { background-color: #0056b8;}
.btn-admissions.btn-admissions-info {background-color: #f3a71e;}
.btn-admissions.btn-admissions-visit {background-color: #74ad3c;}

/***Header Style***/

header .section{
	position:absolute;
	top:0;
	width:100%;
	background-color:#e7a547;
	height:3.45em;
	z-index:100000;
}
header .section #top-bar{
	display:none;
}

.wrap {
	width: 98%;
	margin: 0 auto;
	max-width: 61.25em;
}

.mobileQuickLinksHeader {
	color: #1c3767;
}

/**** March 2018 Search Additions ****/	

#topHeaderSearch {
	position: absolute; height: 80px; top: -80px; width:100%; background-color: #edf6fc;
}
#desk-search-box {
	border: none; width: 100%; font-size: 26px;height: 75px; background-color: #edf6fc; font-weight: 100;letter-spacing: 1px; font-family: "SourceSansPro";
}
#desk-search-box::placeholder {
	font-size: 26px !important;
	color: #0056b8;
	font-weight: 200;
	letter-spacing: 1px;
}
body {
	transition: all .5s ease 0s; 
	top: 0;
	position: relative;
}

@media screen and (max-width:499px) { 
	#desk-search-box::placeholder { font-size: 20px !important; }
	#desk-search-box { font-size: 20px !important; }
}

@media screen and (max-width:410px) { 
	#desk-search-box::placeholder { font-size: 16px !important; }
	#desk-search-box { font-size: 16px !important; }
}

@media screen and (max-width:340px) { 
	#desk-search-box::placeholder { font-size: 12px !important; }
	#desk-search-box { font-size: 12px !important; }
}

/**** Joshua's Header Additions ****/	 

input::placeholder { font-size: 16px !important; }
textarea::placeholder { font-size: 16px !important; }

#headerCloseMenu { display: none; position: absolute; right: 30px;}
#headerCloseSymbol { width: 23px; position: relative; top: -4px; }
#headerHamburgerMenu { display: none; position: absolute; right: 30px;}
#headerHamburgerSymbol { width: 25px; position: relative; top: -4px; }
#hiddenMobileMenu { display: none;position: fixed; width: 100vw;height: 98vh;background-color: #edf6fc;z-index: 10000000; top: 109px; /*top: 34px;*/ overflow-y: auto; }
.mobileDropdownUl { list-style: none; padding: 0 10px; width: 85%; margin: 12px auto; }
.mobileDropdownLi { padding: 6px 0; border-bottom: 1px solid #c7e0f1; cursor: pointer; }
.mobileDropdownLi span, .mobileDropdownLi a { font-weight: bold; text-transform: uppercase; color: #005ba5; }
.mobileDropdownLi p { float: right;margin-bottom: 0;color: #005ba5; }
li.mobileDropdownLi:last-child {border-bottom: none;}
.mobileQuickLinksContainer { width: 85%; margin: 0 auto; }
.mobileQuickLinksHeader { font-size: 18px; margin: 15px 0; }
.mobileQuickLinks { background-color: #005ba5; color: #fff; padding: 12px; margin: 10px 0; }
@media(min-width:800px){ #headerCloseMenu { display: none !important; } #headerHamburgerMenu { display: none !important; } #hiddenMobileMenu { display: none !important; } }

/********* START OF min-width: 800px CODE ********/

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

	header .section{background: #fff; box-shadow: 1px 1px 2px #000; height: 2.1em; left: 0; position: fixed; top: 0; width: 100%; z-index: 2000;}
	header .section #top-bar{position:relative;z-index:105;display:block;width:100%}
	header .section #top-bar ul {
		float: left;
		list-style-type: none;
		margin: 0;
		padding: 0.6em 0 0;
	}
	header .section #top-bar ul li {
		float: left;
		font-size: 82%;
		line-height: 90%;
		padding: 0.15em 0 0;
		vertical-align: middle;
	}
	header .section #top-bar ul li a, header .section #top-bar ul li a:visited {
		padding: 0px 20px;
	}
	header .section #top-bar ul.primary {
		font-size: 15.5px;
		font-weight: 900;
	}
	header .section #top-bar ul li:first-child a {
		padding-left: 0px !important;
		color: #1e3d78;
	}
	header .section #top-bar ul li:first-child {
		border-right: 1px solid;
	}
	header .section #top-bar ul.primary a {
		color: #005AAA;
	}
	header .section #top-bar ul.primary a:hover {
		color: #F3A71E;
	}

	header .section #top-bar a:hover, header .section #top-bar a:visited:hover {
		text-decoration: none;
	}
	header .section #top-bar .right{width:17em;}
	header #search-symbol { margin-bottom: 10px; margin-left: 5px; display: inherit; }	 

} 

/********* END OF min-width: 800px CODE ********/

@media only screen and (max-width:991px) and (min-width:800px)  {
	header .section #top-bar ul.primary { width: 99% !important; }
	header .section #top-bar ul li a { padding: 0px 31px !important; }
	.btn-admissions, .btn-admissions:visited { position: relative !important; right: 12px; }
	header .section { position: absolute !important; }
	header .section #top-bar { max-width: 90% !important; }
	header #search-symbol { float: right;right: 15px;position: relative; }
}	 
@media only screen and (max-width:921px) {
	header .section #top-bar ul li a { padding: 0px 26px !important; }
}
@media only screen and (max-width:850px) {
	header .section #top-bar ul li a { padding: 0px 23px !important; }
}
@media only screen and (max-width:827px) {	 
	header .section #top-bar ul.primary { width: 100% !important; } header .section #top-bar ul li { text-align: left !important; }
}

/**THE FOLLOWING 800 MEDIA QUERY IS FOR THE 2018 MOBILE STYLE**/
@media only screen and (max-width:799px) { 
	.btn-admissions, .btn-admissions:visited { position: relative !important; }
	header .section { background-color: #fff !important; height: 2.1em !important; position: fixed;box-shadow: 1px 1px 2px #000 !important;}
	header .section #top-bar {max-width: 90% !important;position: relative !important;z-index: 105 !important;display: block !important;}
	header .section #top-bar ul.primary { float: right !important; font-size: 15.5px!important; font-weight: 900 !important; margin-left: 5px !important; list-style-type: none !important; margin: 0 !important; padding: 0.6em 0 0 !important; }
	header .section #top-bar .right {width: 17em !important; float: left !important; position: absolute !important;}	
	header #search-symbol {margin-bottom: 10px !important;margin-left: 5px !important;display: inherit !important;float: right !important;}
	input#desk-submit-button { display: none !important; }
	#headerHamburgerMenu { display: inherit; }
	header .section #top-bar li.primaryProgramLinks { display: none !important; }
}

@media only screen and (min-width:56em){
	header .section #top-bar{
		width:98%;
	}
}
@media(min-width:690px) and (max-width:866px) { 
	header .section #top-bar .right{margin: 0;} 
}
@media only screen and (max-width:450px) {
	header .section #top-bar{font-size:78%;}
	header .section #top-bar .right{margin: 0;}
	header .section #top-bar ul.primary{padding-top:10px;}
}
@media only screen and (max-width:315px) {
	.btn-admissions-give {display: none !important;}
	header .section #top-bar .right {width: 13em !important;}
}