/***Header Style***/

header{
    margin-bottom:1em;
    height:18em;
}
header #header-image{
    position:absolute;
    height: 360px;
    width:100%;
    background: #58065e;
    z-index:3;
	background-position-x: center !important;
}
#headerLogo {
	width: 190px;
	top: 35px;
}
header nav{
    position:absolute;
    top:.1em;
    width:100%;
    z-index:2
}
header nav ul{
    list-style-type:none;
    padding:0;
    position:relative;
    margin:0
}
header nav ul #main-menu{
    z-index:0;
    position:absolute;
    width:100%
}
header nav ul #main-menu ul{
    position:absolute;
    top:0;
    width:100%;
    margin:-20em 0 0;
    background:#fff;
    padding:0;
    z-index:0;
    -webkit-transition:margin-top .3s ease-out;
    -moz-transition:margin-top .3s ease-out;
    -ms-transition:margin-top .3s ease-out;
    -o-transition:margin-top .3s ease-out;
    transition:margin-top .3s ease-out
}
header nav ul #main-menu ul li{
    border:1px solid #ccc;
    border-top:0
}
header nav ul #main-menu ul li a,header nav ul #main-menu ul li a:visited{
    display:block;
    border-top:1px solid #fff;
    font-size:140%;
    border:0
}
header nav ul #main-menu ul li a:hover,header nav ul #main-menu ul li a:visited:hover{
    text-decoration:none
}
header nav ul #main-menu ul li:nth-child(1) a{
    border-top:0
}
header nav ul #main-menu ul li:nth-child(2n){
    background:#ebebeb
}

header .grad-nav-first-li {
	width: 215px !important;
    background-color: #fff !important;
}

header .grad-nav-second-ul {
	width: 215px !important;
    left: 0px !important;
}

header .grad-nav-second-ul .last-child a {
	border-bottom: none !important;
}

#main-menu > ul { max-width:3500px; }
#main-menu > ul > li > a { margin: 0; background: rgb(27,54,104); color:#fff !important; margin: 0 !important; }
#socialIconsHeader { float:left; display:inline-flex; }
#socialIconsHeader > div { margin:4px; }

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

/* #indexundergraduateDropdown { position: absolute; border: 1px solid #e0edf7; border-top: none; }
#indexGraduateDegreesAndCertificatesDropdown { position: absolute; border: 1px solid #e0edf7; border-top: none; }
#indexgraduatedegreesDropdown { position: absolute; border: 1px solid #e0edf7; border-top: none; }
#indexcertificatesDropdown { position: absolute; border: 1px solid #e0edf7; border-top: none; }
#indexprofessionaldevelopmentDropdown { position: absolute; border: 1px solid #e0edf7; border-top: none; right: 0; } */

#mobileDropdownUndergraduateHidden { display: none; background: #fff; border-bottom: 2px solid #c7e0f1; border-top: 1px solid #c7e0f1; }
#mobileDropdownUndergraduateHidden ul { list-style: none; padding: 3px 10px; }
#mobileDropdownUndergraduateHidden li { margin: 10px 0; }
#mobileDropdownUndergraduateHidden a { color: #0056b8; font-weight: bold; font-size: 16px; }
#mobileDropdownUndergraduateHidden a:hover { color: #f3a71e; }
#mobileDropdownGraduateDegreesHidden { display: none; background: #fff; border-bottom: 2px solid #c7e0f1; border-top: 1px solid #c7e0f1; }
#mobileDropdownGraduateDegreesHidden ul { list-style: none; padding: 3px 10px; }
#mobileDropdownGraduateDegreesHidden li { margin: 10px 0; }
#mobileDropdownGraduateDegreesHidden a { color: #0056b8; font-weight: bold; font-size: 16px; }
#mobileDropdownGraduateDegreesHidden a:hover { color: #f3a71e; }
#mobileDropdownCertificatesHidden { display: none; background: #fff; border-bottom: 2px solid #c7e0f1; border-top: 1px solid #c7e0f1; }
#mobileDropdownCertificatesHidden ul { list-style: none; padding: 3px 10px; }
#mobileDropdownCertificatesHidden li { margin: 10px 0; }
#mobileDropdownCertificatesHidden a { color: #0056b8; font-weight: bold; font-size: 16px; }
#mobileDropdownCertificatesHidden a:hover { color: #f3a71e; }
#mobileDropdownProfessionalDevelopmentHidden { display: none; background: #fff; border-bottom: 2px solid #c7e0f1; border-top: 1px solid #c7e0f1; }
#mobileDropdownProfessionalDevelopmentHidden ul { list-style: none; padding: 3px 10px; }
#mobileDropdownProfessionalDevelopmentHidden li { margin: 10px 0; }
#mobileDropdownProfessionalDevelopmentHidden a { color: #0056b8; font-weight: bold; font-size: 16px; }
#mobileDropdownProfessionalDevelopmentHidden a:hover { color: #f3a71e; }

@media(min-width:800px){ #headerCloseMenu { display: none !important; } #headerHamburgerMenu { display: none !important; } #hiddenMobileMenu { display: none !important; } }
@media(min-width:1660px){ div#header-image { height: 410px; } .section-title-container { height: 340px; } }
@media(min-width:1800px){ div#header-image { height: 470px; } .section-title-container {  height: 390px; } } 
@media(min-width:2150px){ div#header-image { height: 520px; } } 
@media only screen and (max-width:799px){header #header-image{background-image:url("/_headers/classroom-header-1.jpg")}}
	
@media only screen and (min-width:800px){
	header a.info-link{display:none;visibility:hidden}
	header{height:auto;margin-bottom:.8em}
	header a#home-link{width:213px;height:83px;background:url("/_resources/images/EMU-logo-white-color.png") left top no-repeat;background-size:contain;left:1.25em;top:3.75em;position:absolute;z-index:101}
	header #header-image { max-width: 100%; width: 100% !important; position:relative;background:url("/_headers/classroom-header-1.jpg") no-repeat center center;background-size:cover !important;overflow:hidden;-webkit-box-shadow:1px 1px 2px #000;-moz-box-shadow:1px 1px 2px #000;-ms-box-shadow:1px 1px 2px #000;-o-box-shadow:1px 1px 2px #000;box-shadow:1px 1px 2px #000}
	header nav {position:relative;left:0;top:auto!important;height:2.5em;width:100%;float:left}
	header nav ul {position:relative;margin:0;float:left;width:78%; right: -13px;}
	header nav ul #main-menu { width:100%;top:86px; }
	header nav ul #main-menu ul {display:block;position:relative;top:0;width:100%;max-width:61.25em;padding:0;margin:0 auto;background:0;float:none;-webkit-transition:all 0s ease-out;-moz-transition:all 0s ease-out;-ms-transition:all 0s ease-out;-o-transition:all 0s ease-out;transition:all 0s ease-out;}
	header nav ul #main-menu ul li {float:left;border:0;text-align:center;position:relative}
	header nav ul #main-menu ul li a,header nav ul #main-menu ul li a:visited {display:block;margin:.25em 0;border-top:0;font-size:100%;line-height:1em;color:#0056b8;text-transform:uppercase;border:0;-webkit-transition:color .2s ease-out;-moz-transition:color .2s ease-out;-ms-transition:color .2s ease-out;-o-transition:color .2s ease-out;transition:color .2s ease-out}
	header nav ul #main-menu ul li > a { padding:16px 25px 12px; }
	header nav ul #main-menu ul li a:hover,header nav ul #main-menu ul li a:visited:hover {color:#f3a71e;border:0;text-decoration:none;-webkit-transition:color .2s ease-out;-moz-transition:color .2s ease-out;-ms-transition:color .2s ease-out;-o-transition:color .2s ease-out;transition:color .2s ease-out}
	header nav ul #main-menu ul li:nth-child(2n) {background:0;}
	ul#indexundergraduateDropdown { right: 0px !important; top: 3px !important; }
	ul#indexcertificatesDropdown { right: 0px !important; top: 3px !important; }
	ul#indexgraduatedegreesDropdown { right: 0px !important; top: 3px !important; }
	ul#indexprofessionaldevelopmentDropdown { left: -13.5% !important; top: 3px !important; }
	.toggle-panel li { margin-right:0px; }
	.newNavMenuItem { width: 266px !important; background-color: #fff !important; top: -3px; font-size: 16px !important; }
	.newNavMenuItem a{ text-transform: none !important;	text-align: left; margin: 0 1em !important; line-height: 20px !important; }
	.newNavMenuItem:last-child a { border: none !important; padding-bottom: 15px !important; }
	.undergradNav { background: rgb(16,44,82) !important; height: 130px; } 
	#header-image { z-index: 1 !important; }	 
	#navigationContainer {max-width: 61.25em;margin: auto; display: flex;}
	#navigationContainer a {display: inline-table;}
}
	
@media only screen and (max-width:1000px) { 
	#emu-nav { right: 11px !important; position: absolute !important;} 
	ul.toggle-panel { right: 0px !important; } 
}
@media only screen and (max-width:991px) and (min-width:800px) {
	#navigationContainer { display: grid !important; width: 90%; }
	ul#emu-nav { position: relative !important; top: -27px; width: 100% !important; right: 0px !important; }
	header nav ul #main-menu ul li a { font-size: 94% !important; }
	img#headerLogo { width: 150px; } 
	ul.toggle-panel { right: -11px !important; }  
	header nav ul #main-menu { width: 100% !important; top: 83px; }
	.undergradNav { height: 185px !important; }
	.toggle-panel li { width: 24.4%; }
	ul#indexprofessionaldevelopmentDropdown { left: 0px !important; }
	ul.toggle-panel {right: 0px !important;}
	#professionaldevelopmentNav { padding: 16px 0 12px !important; }
}
@media only screen and (max-width:799px) { 
	 #emu-nav {right: 0px !important;position: relative !important; display: none !important;}
	 img#headerLogo { width: 150px !important;position: relative; top: 12px; }
	 div#navigationContainer { text-align:center; }
	.section-title-container { display: none; }
	 header #header-image { background-size: cover !important; width: 100% !important;top: 35px; height: 159px !important; position: relative; }
	 nav.undergradNav { background: rgb(16,44,82) !important; top: 35px !important; height: 118px !important; z-index: 1 !important; position: relative !important;}
	 li.primaryProgramLinks { display: none !important; }
}	
@media only screen and (min-width: 800px) { 
	.toggle-panel li ul li:first-child a { padding-top: 12px !important; } 
	.toggle-panel li ul li:last-child a { padding-bottom: 12px !important; } 
	.newNavMenuItem a {border-bottom: #d2e3ef solid 1px !important; padding: .65em 0 .40em !important;} 
}

@media only screen and (min-width: 800px) { 
#navigationContainer #main-menu .toggle-panel > li:hover > a {
  background-color: #0056b8!important;
}
#navigationContainer #main-menu .toggle-panel > li:hover > div {
  display: block!important;
  position: absolute;
  background-color: #fff;
}
}