/* =========================================== */

/* IHS-navbar.css */

/* =========================================== */

/* This is to make the nav mobile-friendly */
@media screen and (min-width: 768px) {
	#nav1 {
		height: 42px;
	}
}

@media screen and (max-width: 767px) {
	.dt-only {
		display:none;
	}

	#nav1 .header-li .nav-header {
		color: white;
	}

	#nav1 > li.dropdown.col-sm-2.open > a {
		color: black;
	}

	#nav1 > li.dropdown.col-sm-2.open > a:focus,
	#nav1 > li.dropdown.col-sm-2.open > a:hover  {
		color: white;
	}

	#libnav, .navbar {
		min-height: 0px!important;
	}

}

@media screen and (min-width: 855px) {
	#nav1 {
		height: 37px;
	}
}

#nav1> li {
	height: 100%;
}


.navbar-header .navbar-brand {
	z-index: 9999;
	padding-top: 0px;
	padding-bottom: 0px;
}

#cntr-row {
	height:  100%;
}

#nav-col {
	top: 0px;
}

#s-lg-guide-main {
	padding-left: 15px;
	padding-right: 15px;
	font-family: 'Raleway', sans-serif;
	/*font-size: 120%;
	added by AH 6.28.18 to increase default font size */
	padding-top: 0px;
	padding-bottom: 0px;
}

#top-bar {
  background-color: #0c2544;
  color: #e9e9e9;
  font-family: 'Spectral SC', serif;
  font-size: 1.2em;
  min-height: 31px;
  padding-top: 5px;
/*  padding-bottom: 5px;*/
}

#top-bar a {
  color: #e9e9e9;
}

@media screen and (min-width: 768px) {
	#top-bar a {
		font-size: .9em;
	}

	.navbar-nav>li>a {
    padding-top: 0px;
    padding-bottom: 0px;
	}
}

@media screen and (min-width: 1295px) {
	#top-bar a {
		font-size: 1.0em;
	}
}

@media screen and (min-width: 1515px) {
	#top-bar a {
		font-size: 1.2em;
	}
}

#inav {
  background-color: #048;
  /*height: 80px;*/
  border-top: none;
  border-left: none;
  border-right: none;
	border-bottom: 1px solid #048;
  border-radius: 0px;
  margin-bottom: 0px;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
/*  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.48);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.48);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.48);*/
}

.navbar-brand img {
  max-height: 70px;
}

.navbar-brand {
	height: 100%;
}

/*#navbarCollapse,
#navi,
#inav  {
	z-index: 9999999999;
}*/

#navi > li > a > p {
	color: #fff;
}

#navi>li>ul {
	background-color: #048;
}

#navbarCollapse .rnav>li>a:hover,
#navbarCollapse .rnav>li>a:focus {
	background-color: #0c2544;
	border: none;
}

#libnav {
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.48);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.48);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.48);
	min-height: 35px;
	font-size: 1.5em;
	margin-bottom: 0px;
	border: none;
}

/*#libnav .navbar-collapse {
	padding-top: 8px;

}*/

#nav1 {
	width: 100%;
}

#nav1 > li > a {
	color: #000;
	height: 35px;
	display: flex;
  align-items: center;
	justify-content: center;
	height: 100%;
}

#nav1 > li > a:hover,
#nav1 > li > a:focus {
	color: #fff;
	background-color: #0c2544;
}

#nav1 > li,
#nav1 > li > a {
	padding-left: 0px;
	padding-right: 0px;
}

@media (min-width: 768px){
.navbar {
    border-radius: 0px;
	}
}

#navi .top-icon-a:hover,
#navi .top-icon-a:focus {
	color: #76ccf5;
	text-decoration: underline;
}

#navi > li > a > i {
	color: #fff;
}

/****************Need Help box   *********************/

.need-help-box {
	border: 2px solid #0c2544;
  border-radius: 4px;
	padding-top: 6px;
}


/********* Site search box ********/

#nav-search-container {
	padding-left: 15px;
	padding-right: 15px;
	margin: 0px;
	width: 100%;
	margin-top: 8px;
}

#s-lg-guide-search-form {
  margin: 0;
  margin-top: 5px;
  padding: 0;
}

/*#s-lg-guide-search-form .search-query {
  padding-right: 3px;
  padding-right: 4px;
  padding-left: 3px;
  padding-left: 4px;
	display: inline;*/
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
/*  margin-bottom: 0;*/
  /*-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;*/
/*}*/

#s-lg-guide-search-form button {
  border: 0;
  background: none;
  /** belows styles are working good */
  padding: 2px 5px;
  margin-top: 2px;
  position: relative;
  left: -28px;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.search-query:focus+button {
  z-index: 3;
}

#s-lg-guide-search-terms {
	height: 25px;
	width: 200px;
}

/*#s-lg-guide-search-box {
	display: none;
}*/

/*@media screen and (min-width: 895px) {
	#header-search-row {
		height: 40px;
	}
}*/

/**********************************/
/*************************     Header Icons CSS              *************************/

.top-icon-li {
	text-align: center;
	font-size: .8em;
}

.top-icon-li p {
	margin-bottom: 0px;
	line-height: 12px;
	font-weight: 400;
}

/*************************   END Header icons   ************************************/


/*************************     MEGANAV CSS              *************************/
#nav1 > li > ul > li > div > div > ul > li,
.need-help-box li {
	padding-bottom: 7px;
	line-height: 1.3em;
}

#nav1 > li > ul > li > div > div > ul > li.divider,
.need-help-box .divider {
	padding-bottom: 3px;
	margin-top: 0px;
}


/********************************************************************************/

@media screen and (max-width: 767px) {
  /*#top-bar,
	#s-lg-guide-tabs-title-bar,
	#s-lg-guide-header {
    display: none;
  }*/

	#top-bar {
		display: none;
	}

	#inav .navbar-header {
		height: 100%;
	}

	#navbarCollapse .rnav>li>a,
	#navbarCollapse .rnav>li>ul>li>a {
		color: #fff;
		text-align: center;
	}

	#navbarCollapse {
		border-top: none;
		background-color: #048;
	}

	.navbar-brand img {
	  max-width: 100%;
	}

	#inav>button {
		top: -60px;
	}

	#s-lg-guide-search-box,
	#s-lg-guide-search-form {
		display: block;
    margin-right: auto;
    margin-left: auto;
		float: none!important;
	}

	#s-lg-guide-search-terms {
		margin-left: 35px;
	}

	#expand-btn {
		top: 18px;
	}

	#navi {
		margin-top: 0px;
	}

	#navbarCollapse .nav a {
		color: #fff;
		font-size: 1.25em;
	}

	#navbarCollapse .nav a:hover,
	#navbarCollapse .nav a:focus {
		color: #fff;
		font-size: 1.25em;
		background-color: #0c2544;
	}
}

#nav1 > li > ul > li > div > div > ul > li > a,
#nav1 .dropdown-menu>li>a {
  color: #000;
	font-weight: bold;
}

#nav1 > li > ul > li > div > div > ul > .header-li {
	padding-bottom: 0px;
}

.nav-header {
  color: #048;
  font-size: 1.3em;
	margin-bottom: 6px;
}

@media screen and (min-width: 768px) {
	#navbarCollapse {
		height: 100%!important;
		position: relative;
	}

	#navbarCollapse .nav {
		bottom: 0;
		right: 0;
		/*padding-right: 15px;*/
	}

	#navi>li>ul {
    background-color: #0956a3;
	}

	.navbar-right {
		margin-right: 0px;
	}

	#navi >li> a {
		font-size: 1.25em;
		color: #fff;
	}

	#navi >li>ul>li>a {
		color: #fff;
		font-size: 1.2em;
	}

	#nav1 .navbar-default .navbar-nav>.open>a {
		background-color: #0c2544;
		color: #fff;

	}

	.navbar-default .navbar-nav>.open>a:hover,
	.navbar-default .navbar-nav>.open>a:focus {
		background-color: #e7e7e7;
		color:#000;
	}

	#navbarCollapse .nav a:hover,
	#navbarCollapse .nav a:focus {
		color: #fff;
		background-color: #0c2544;
	}

	#li-resources>a {
		border-bottom-left-radius: 4px;
	}

/*	#navi.navbar-nav>li>a {
		padding-bottom: 8px;
	}*/

	/*#nav-col {
		top: 43px;
	}*/
}

@media screen and (min-width: 895px) {
	#nav-col {
		top: 0px;
	}
}

@media screen and (max-width: 992px) {
	/*.no-pad, #nav-search-container {
		padding-right: 0px;
		padding-left: 0px;
	}*/

	#navi>li>a {
		background-color: #048;
		padding-top: 8px;
		padding-bottom: 8px;
	}
}

@media screen and (min-width: 992px) {
	#li-resources>a {
		border-bottom-left-radius: 0px;
	}
}

/****    LibChat buttons   *****/

#nav1 .libchat_online,
#nav1 .libchat_offline {
	padding-left: 0px;
}