/*----------------------------------------
              Navbar Styling
----------------------------------------*/

/*--------------------
   Overall Styling
--------------------*/
.navbar-fixed-top{
	margin: 0;
}
#Main-Nav {
	display: none;
}
#Left-Sidebar .navbar-inner {
	padding-left: 0;
	padding-right: 0;
	background: transparent;
	background-image: none;
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#Left-Sidebar ul.nav.menu {
	width: 100%;
	margin-top: 0;
}
#Left-Sidebar .navbar .nav li {
	width: 100%;
}
#Left-Sidebar .navbar .nav > li > a {
color: #009593;
text-decoration: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-transform:uppercase;
font-size: .8em;
text-shadow: none !important;
border-bottom: 1px solid #009593;
}
#Left-Sidebar .navbar .nav > li:first-child > a {
	border-top: 1px solid #009593;
}
#Left-Sidebar .navbar .nav > li > a:hover {
	color: #ffffff;
	box-shadow: none;
	background-color: rgba(116, 191, 193, 0.75)
}
#Left-Sidebar .navbar .nav > .active > a {
color: #009593;
text-decoration: none;
background-color: transparent;
border-left: #009593 6px solid;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.navbar .nav > .active > a:hover {
color: white;
background-color: blue;
box-shadow: none;
}
.navbar #Nav-1 .nav>li>a {
	padding: 10px 10px 10px 35px;
	font-weight: bold;
}
/*--------------------
	Top Nav Styling
--------------------*/
/*
#Main-Nav .navbar-inner {
	padding-left: 0;
	padding-right: 0;
	background-color: white;
	background-image: none;
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#Main-Nav ul.nav.menu {
	width: 100%;
	margin-top: 0;
}

#Main-Nav.navbar .nav > li > a {
color: black;
text-decoration: none;
background-color: white;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-transform:uppercase;
font-size: 1.5em;
text-shadow: none !important;
}
#Main-Nav.navbar .nav > li > a:hover {
color: blue;
box-shadow: none;
}
#Main-Nav.navbar .nav > .active > a {
color: white;
text-decoration: none;
background-color: blue;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#Main-Nav.navbar .nav > .active > a:hover {
color: white;
background-color: blue;
box-shadow: none;
}
*/
/* Styling the logo when used as menu item */
.nav > li > a > img {
    max-width: 300px;
	height: auto;
}

/*--------------------
    Footer Styling
--------------------*/
.moduletable-footer-nav ul.nav-pills {
	text-align: center;
}
#Nav-88-menu .nav>li>a { /* Replace 88 with actual menu number */
	text-shadow: none;
	color: black;
}
#Footer .nav {
	display: flex;
	justify-content: center;
	align-items: center;
}
#Footer .nav>li {
	width: 100%;
	text-align: center;
}
#Footer .nav>li>a {
	height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
	color: #000000;
	font-size: 11px;
}
#Nav-88-menu .nav>li>a:hover, #Nav-88-menu .nav>li>a:focus, #Nav-88-menu .nav>.active>a,
#Footer .nav>li>a:hover, #Footer .nav>li>a:focus, #Footer .nav>.active>a {
	text-decoration: none;
	color: #009593;
	background-color: transparent;
	border-bottom: 5px solid #009593;
	border-radius: 0;
}
.moduletable-footer-nav .navbar-inner ul {
	margin-right: 0;
}
.navbar-inner {
	padding: 0;
}

@media only screen and (min-width: 1024px) {
	.moduletable-footer-nav ul.nav-pills > li {
		float: right;
		display: inline-block;
	}
	.moduletable-footer-nav .navbar-inner {
		background: none;
		border: none;
		box-shadow: none;
	}
	.moduletable-footer-nav .navbar-inner ul {
		float: none;
	}
}

/*--------------------
 Collapsible Styling
--------------------*/
@media (max-width: 979px) {
	.navbar-fixed-top {
		position: fixed;
		top: 0;
	}
	.navbar-fixed-top .navbar-inner {
		padding-bottom: 0;
	}

}
@media (max-width: 767px) {
	/* Styling for 2 Column Layout (add any other menu that needs 2 columns) */
	#Left-Sidebar .navbar .nav > li > a {
		height: 100%;
		font-size: 1em;
		padding: 0 10px;
		text-align: center;
		margin-bottom: 0;
		border: 1px solid #75bec0;
		border-radius: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#Nav-1-menu {
		padding-bottom: 2px; /* Shows bottom border of menu */
	}
	/* If Logo is part of Menu System (change item number) */
	/*#Main-Nav.navbar .nav > li.item-240 > a{
		border: none;
	}*/
	#Left-Sidebar .navbar .nav li{
		width: 50%;
		float: left;
		display: block;
		height: 48px; /* Minimum of 48px */
		border-bottom: none;
	}
	/* If Logo is First */
	/*#Main-Nav li:first-child {
		width: 100% !important;
	}*/
	.nav-collapse .nav {
		margin-bottom: 0;
	}
	#Left-Sidebar .nav.menu {
		padding-top: 2px;
	}
}
#Nav-1 {
	padding: 0;
}

.navbar .btn-navbar, .navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
	background-image: none;
	background-color: #009593;
}
.navbar .btn-navbar .icon-bar {
	background-color: #d1e6e6;
}
.moduletable-footer-nav .nav {
	float: right;
}
@media (max-width: 979px) {
	#Footer .moduletable_menu  {
		display: none;
	}
}
@media (max-width: 767px) {
	.moduletable-footer-nav .nav {
		display: flex;
		justify-content: center;
		float: none;
	}
	#Left-Sidebar .navbar {
		margin-bottom: 0;
		background-image: url("/images/logos/horizontal-logo.png");
		background-repeat: no-repeat;
	}
	#Left-Sidebar #Nav-1-menu {
		padding-top: 35px;
	}
}
@media (min-width: 980px) and (max-height: 675px) {
	.navbar #Nav-1 .nav>li>a {
		padding: 7px 10px 7px 35px;
	}
}
@media (max-width: 979px) and (min-width: 768px) and (max-height: 910px) {
	.navbar #Nav-1 .nav>li>a {
		padding: 5px 10px 5px 35px;
	}
}
