/* 
*/
/*Added*/

.site-header {
	/*padding: .5em 2em .5em 2em;*/
    background-color: #031a3d;
	color: white;
	text-align: center;
}
.site-header a {
	color: white;
	text-decoration: none;
}
.site-header a:hover {
	text-decoration: underline;
}

/*.site-header h1 {
	background-image: url("../../../images/TheGraduateSchool_logo_white_h.svg");
	background-repeat: no-repeat;
	background-size: 300px 78px;
	text-indent: -9999px;
	width: 300px;
	height: 78px;
	padding: 0;
}*/
.headtext {
    float: right;
    color: #FFF;
    text-align: right;
    display: inline;
    line-height: 2rem;
}
.headtext a:hover {
	text-decoration: underline;
}

.headtext input {
    color: #000;
}

.headtext ul {
    padding: 0;
	list-style-type: none;
	font-size: .875rem;
	margin: 0;
	justify-content: end;
}

.site-header_top .headtext ul li {
    display: inline;
	margin-right: .875rem;
    padding: 0;
}
.site-header_top .headtext ul li:last-child {
    margin-right: 0;
}

/* 
** The Header Media Queries **
*/

.brand {
  font-weight: bold;
  font-size: 27px; }
.site-header_top {
  background-color: #031A3D; }
  .site-header_top ul {
    display: flex; }
  .site-header_top li:not(:last-child) {
    margin-right: 1.5rem; }
  .site-header_top .site-header_start {
    display: flex; }

 @media (max-width: 939px) {
	 .site-header_top .site-header_wrapper {
		 flex-direction:column;
	 }
	 .headtext {
		 line-height: 1em;
		 text-align: center;
	 }
	 #audience {
		padding: 1em;
	 }
	 .site-header_top ul.qtoplinks {
		 display: none;
	 }
}


.site-header_nav {
  position: relative;
  background-color: #13294B;
  z-index: 10;
}
@media (max-width: 939px) {
	.site-header_nav {
  min-height: 65px;
    }
    	button.button--search {
    margin-top:10px;
}
  .headtext input {
      margin-top:10px;
}  
    
} 

.site-header_wrapper {
  display: flex;
  justify-content: space-between; }

.site-header_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem; }


.nav {
  margin-left: 1rem;
  margin-right: 1rem; }

 li.nav_item {
        padding: .5em 0;
    }

  @media (min-width: 940px) {

 .site-header_top .site-header_wrapper {
      padding-top: .5rem;
      padding-bottom: .5rem; }

  .nav_wrapper {
    display: flex; } 


}

@media (max-width: 939px) {
  .nav_wrapper {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: -1;
    background-color: #13294B;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-100%);
    transition: transform 0.3s ease-out, opacity 0.3s ease-out; }
  .nav_wrapper.active {
      visibility: visible;
      opacity: 1;
	  z-index: 1; /*added*/
      transform: translateY(0); } 

}

.nav_item a {
  display: block;
  padding: 1rem 1.2rem; }

.nav_item:hover, .nav_item.navcurrent {
	background-color: #1E4175;
}

/*current section indicator*/
.about li.about, .admissions li.admissions, .academics li.academics, .programs li.programs, .funding li.funding, .studentlife li.studentlife, .studentcare li.studentlife {
	background-color: #1E4175;
}



.nav_item svg {
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 28px;
  margin-right: 1rem; }

@media (min-width: 940px) {
    .nav_item svg {
      display: block;
      margin: 0 auto 0.5rem; } }

.nav_item.active a {
  border-left-color: #222; }

@media (min-width: 800px) {
    .nav_item.active a {
      border-bottom-color: #222; } }

.nav_toggle {
  position: absolute;
  left: 1rem;
  top: 1rem; 
color: #000;
}

@media (min-width: 940px) {
    .nav_toggle {
      display: none; } }

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

/*to fix overwide navigation on mobile*/
@media (max-width: 939px) {
    .sticky {
  position: relative;
}
}
/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) NOT WORKING!!!*/
.site-header .sticky ~ .main-area {
  padding-top: 60px;
}


