h1, h2, h3, h4, h5, h6, p, a { font-family: 'Open Sans', sans-serif !important; }

h1 {
	font-size: 1.8em;
	font-weight: 600;
	letter-spacing: 1px;
}

p { font-size: 1em; }

ul, h1 { margin-bottom: 0px;}

html, body { 	
	margin:0;
	padding:0;
	height: 100%;
}
#wrapper {
	min-height:100%;
	position:relative;
}

.top-bar-section a:hover, .top-bar-section a:active, .active {
    color: #8EC742 !important;
    -webkit-transition: color 200ms;
    transition: color 200ms;
}

/********* MOBILE TOP NAVIGATION *********/

/* Define mobile styles */
@media only screen {  

	#top-nav { 
		background-color: #8ec742; 
		height: auto;
	}

	#top-nav h1 {
		font-size: 1.4em;
		line-height: 40px;
		text-align: center;
		color: #fff;
	}

	#company-uploaded-logo {
		text-align: center;
	}

	#company-uploaded-logo img { 
		width: 150px;
		text-align: center;
		margin: 10px auto;
	}

	#top-nav-title {
		color: #fff;
	}

	#top-nav-items{ 
		text-align: center;
	}

	#top-nav-items ul li { 
		display: inline;
		margin: 0 10px;
	}

	#top-nav-items ul li a { 
		color: #fff;
	}

	.hide-for-large-up  { text-align: right !important;}

	/********* MOBILE MAIN NAVIGATION *********/

	#main-nav { 
		background-color: #fff;
		border-bottom: 1px #e6e7e8 solid;
	}
.top-bar-section ul li > a { padding-left: 0px !important; font-size: 14pt !important;}

.middle {background: #f9f9f9; padding-bottom: 20px;}

	.top-bar, .top-bar ul {
		background: #fff;
	}

	.top-bar.expanded .title-area { 
		background: #fff !important;
		border-bottom: 1px #e6e7e8 solid;
	}

	.top-bar .toggle-topbar.menu-icon a span::after {
		box-shadow: 0 0 0 1px #333333, 0 7px 0 1px #333333, 0 14px 0 1px #333333;
	}

	.top-bar.expanded .toggle-topbar a span::after {
		box-shadow: 0 0 0 1px #333333, 0 7px 0 1px #333333, 0 14px 0 1px #333333;
	}

	li.toggle-topbar.menu-icon a {
		color: #000 !important;

	}

	.top-bar-section ul li, .top-bar-section ul li a {
		background: transparent !important;
		color: #333;
                line-height: 1em;
                text-transform: lowercase;
	}

	.top-bar-section ul li.active > a {
		background: #2ba6cb;
		color: #8ec742;
	}

	.top-bar-section ul li:hover:not(.has-form) > a {
		color: #000;
	}


}
/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) { 

	#top-nav { 
		background-color: #8ec742; 
		height: 90px;
	}

	#top-nav h1 {
		text-align: left;
		font-size: 1em;
		line-height: 1em;
	}

	#top-nav h1, #top-nav ul {
		line-height: 90px;
	}

	#top-nav-items{ 
		text-align: right;
	}

	#top-nav-items ul li { 
		font-size: .8em;
	}


} 

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) { 

	#top-nav h1 {
		text-align: left;
		font-size: 1.8em;
		line-height: 90px;
	}

	.top-bar-section ul li:hover:not(.has-form) > a, .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
		color: #000;
	}

	.top-bar-section li.active:not(.has-form) a:not(.button) { 
		color: #8ec742 !important;
	}

	.top-bar-section .dropdown, .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { 
		background: #f4f4f4;
		color: #333;
	}


}