
.navbar-toggle:hover {
	background-color: #f9fafa; }

.icon-bar {
	background-color: #111; }

a,
a:link {
	color: #009fe3; }
/* MAINNAVIGATION */

#main-navigation .navbar-nav > li > a {
	
	color: #282828; }

.header-content h1 {
	color: #000000;
    padding: 12px;
	font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
    font-size: 4em;
}

#main-navigation .navbar-nav > li.current > a,
#main-navigation .navbar-nav > li.active > a,
#main-navigation .navbar-nav > li > a:focus,
#main-navigation .navbar-nav > li > a:hover,
#main-navigation .navbar-nav > li > a:active,
#main-navigation .navbar-nav > li > a.open {
	color: #009fe3; }

nav.navbar #main-navigation ul.navbar-nav a::after {
	background-color: #009fe3;
}

nav.navbar #main-navigation .current.nav-item a::after {
	background-color: #009fe3; }

nav.navbar #main-navigation .navbar-nav > li.current > a,
nav.navbar #main-navigation .navbar-nav > li.active > a,
nav.navbar #main-navigation .navbar-nav > li > a:focus,
nav.navbar #main-navigation .navbar-nav > li > a:hover,
nav.navbar #main-navigation .navbar-nav > li > a:active,
nav.navbar #main-navigation .navbar-nav > li > a.open {
	color: #009fe3 !important; }

#main-navigation .navbar-nav > li.current > a::after {
	background-color: #009fe3 !important;
}
/* mega menu list */

	#main-navigation .sub-nav a.focus,
	#main-navigation .sub-nav a.active,
	#main-navigation .sub-nav a.hover,
	#main-navigation .sub-nav a:hover,
	#main-navigation .sub-nav a:active,
	#main-navigation .sub-nav a:focus {
		color: #eb5c4b; }

	#main-navigation .sub-nav a:active {
		background: #eb5c4b;
		color: #fff; }

a.more-button,
a.more-button:link{
	background: #009fe3;
	color:#fff !important;
}
.more-button:hover {
border: 2px solid #009fe3;
}
	.sub-nav {
	
		border: 0px solid #eb5c4b;
	}


p.color-1,
span.color-1 {
	color: #87aa37; }

p.color-2,
span.color-2 {
	color: #009fe3; }

div.color-1 {
	background-color: #87aa37; }

div.color-2 {
	background-color: #009fe3; }


a:hover {
	color: #87aa37; }

/* page_area shortcuts*/


#searchbar {
	background-color: #f9fafa;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	 }


/* HEADER */


.menu-inner {
	background: #fff;
	color: #333;
	padding: 2em;
	font-size: 1em;
	height: 100%;
	box-shadow: 0.5em 0.5em 2em rgba(0, 0, 0, 0.8); }

.claim {
	
	color: #555555;
	}



/* sub-navigation panel */







.sub-nav.open {
	
	background-color: #fbfbfb;
	background-color: #009fe3;
	 }

.sub-nav.open li {
	background-color: #009fe3;
}


#main-navigation .sub-nav a {
	color: #fff; }

#main-navigation .sub-nav a.focus,
#main-navigation .sub-nav a.hover,
#main-navigation .sub-nav a:hover {
	background-color: #fbfbfb;
	color: #009fe3; }





#main h1 a:link,
#main h2 a:link {
	color: #006394; }

#main h1 a:focus,
#main h1 a:hover,
#main h1 a:active,
#main h2 a:focus,
#main h2 a:hover,
#main h2 a:active {
	color: #eb5c4b;
	 }



h2.color-bg {
	background-color: #87aa37;
	background: rgba(135, 170, 55, 0.7);
	}

.standard-section h2 {
	color: #333;
	margin-bottom: 0.5em; }


.social-media-box a .social-media-button {
	color: #000;
	 }

.social-media-box a:hover .social-media-button,
.social-media-box a:active .social-media-button,
.social-media-box a:focus .social-media-button {
	color: #eb5c4b; }



.divider-diagonal-right div {
	background: transparent linear-gradient(to left top, #009fe3 50%, transparent 50%) repeat scroll 0 0;
	width: 150%;
	height: 82px;
	float: right; }

.divider-diagonal-left div {
	background: transparent linear-gradient(to right top, #009fe3 50%, transparent 50%) repeat scroll 0 0;
	width: 150%;
	height: 82px; }



.divider-diagonal-test {
	background-image: url(../img/backgrounds/divider-right-red.svg);
	background-repeat: no-repeat;
	background-size: auto 82px;
	height: 82px;
	position: absolute;
	margin-top: -82px;
	width: 100%; }
.footer a,
.footer a:hover {
	color:#fff;
}
@media (max-width:768px) {
#main-navigation .sub-nav .active a, #main-navigation .sub-nav a:active {
    background: #fbfbfb;
	color: #009fe3; 
}
}

