@charset "utf-8";

/*  Structure Stylesheet for Default - Wide  */

/*  COLORS    

Blue:  #1e70b9;
Green:  #76b347;
Red:   #9D0400;
Gray:  #85949c;

*/

/* ----------------------------------------------------------------
	Optional Header
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Header
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Nav Menu
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Base Menu Style
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Social Media Menu
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Sidebar
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Main Content
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Contact Form
-----------------------------------------------------------------*/



/* -- Optional Header --------------------------------------------------------------- */

#opt-header {
	background-color: #fff;
	border-bottom: 1px solid #ebebeb;
	color: #999999;
	font-family: 'Open Sans', sans-serif;
	padding: 1em .5em 0;
}


#opt-header p {
	margin-bottom:0;
	margin-top:.5em;
	font-size: .9em;
}

#opt-header span {
	margin-right:1.5em;
}

#opt-header a {
	color:#999999;
}

#opt-header a:hover {
	color:#999999;
	text-decoration: underline;
}




/* -- Header --------------------------------------------------------------- */

header {
	background-color: #fff;
	width:100%;
}

#hdr-left, #hdr-center, #hdr-right {   
	margin: 0 auto 1em;
	text-align: center;
}

.tagline {
	font-size:1.2em;
	line-height: 1.4em;
	color: #1e70b9;
	font-weight:bold;
	font-style: italic;
	margin-bottom: 0;
}


header .btn, btn {
    height: auto;
    margin: 0 auto;
    min-height: 35px;
    min-width: 40px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 125px;
	float: none;
	border: none;
}


header .btn a , .btn a{
    background-color: #2a4878;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-family: arial;
    font-size: 18px;
    font-weight: normal;
    line-height: 35px;
    text-decoration: none;
}

#social {
/*	margin-top:1em;  */
}



/* Navigation Menu ------------------------------------------------------------- */

nav {
	float:right;
}

nav ul {
	float: left;
	padding-right: 15px;
	margin-right: 15px;
}

nav ul li {
	float:left;
	list-style-type: none;
}

nav ul li a {
	color:#555;
	font-size:1em;
}

nav ul li.last {
	margin-right: 0;
}



/* Base Menu Style */
.menu-section {
	padding-bottom: 2em;
	margin-bottom: 2em;
	border-bottom: 1px solid hsl(0, 0%, );
}

.menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	background: hsl(0, 0%, 15%);
	font-size:1.1em;
}

.menu li a {
	display: block;
	text-decoration: none;
	color: white;
	padding: .8em 1em;
}

.menu li a:hover {
	background: hsl(0, 0%, 25%);
}


/* Styles for mixed menu (drop-down + social) */
.nav-mixed {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: hsl(0, 0%, 15%);
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

/* Social Media Menu */

/* Find src URL and add in correct social media icon. */
.social-menu li a:before {
    font-family: 'Fontawesome';
    -webkit-font-smoothing: antialiased;
    content: '\f08e';
}

.social-menu li a[href*="twitter.com"]::before { content: '\f099'; }
.social-menu li a[href*="facebook.com"]::before { content: '\f09a'; }
.social-menu li a[href*="linkedin.com"]::before { content: '\f0e1'; }
.social-menu li a[href*="plus.google.com"]::before { content: '\f0d5'; }
.social-menu li a[href*="youtube.com"]::before { content: '\f167'; }
.social-menu li a[href*="instagram.com"]::before { content: '\f16d'; }

.social-menu ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}


/* Sidebar----------------------------------------------------------------------- */


#sidebar, #right-sidebar {
	display: block;
	clear: both;
}

#sidebar > div, #right-sidebar > div {
	margin-top: .75em;
	margin-bottom:1.5em;
}



/* Main Content----------------------------------------------------------------------- */


#content {
	clear:both;
	padding-top:1em;	
	max-width: 95%;
	margin: 0 auto;
}

.hero {
	clear:both;
    position: relative;
}

.promo {
	width: 100%;
	background-color:#F5F5F5;
	color:#555;
	margin-bottom: 2em;
	padding: 20px 0;
	text-align: center;
}

.promo > div {
	text-align: center;
}



/* Footer----------------------------------------------------------------------- */

#sub-footer {
	background-color: #ebebeb;
	color:#0171bb;
	width: 100%;
	margin-top:1em;
	clear:both;
	font-size: 1.5em;
}

#sub-footer p.last, footer p.last {
	margin-bottom:0;
}


footer {
	margin-top:0;
	text-align:center;
	clear:both;
	background-color:#0171bb;
	color:#fff;
	padding:2em .5em;
}

footer ul {
	list-style-type:none;
	text-align:center;
}

footer ul li {
	font-weight:bold;
	font-size:1em;
	line-height:1.2em;
    display: inline;
    margin: 0;
    padding: 0 1em;
    text-align: center;
}

footer ul li a {
	color: #fff;
	text-decoration:none;
}
	

footer p {
	color: #fff;
    font-size: 1em;
    line-height: 1.3em;
    text-align: center;
	margin-top:1.5em;
}

footer a {
	color:#fff;
}

footer a:hover {
	color:#ccc;
}


/* -- CONTACT FORM */

.contactform {
	background-color: #d9e6f3;
	padding-top:2em;
	padding-bottom:2em;
	border: 1px solid #ccc;
	width: 90%;
	margin: 0 auto;
}

.form-wrapper {
	width: 60%;
	margin: 0 auto;
}


input[type=text] {
    border-color: #8e8e8e;
    border-style: solid;
    border-width: 1px;
    color: #777;
    display: block;
    font-family: "Helvetica Neue",Arial,sans-serif;
    font-size: 1em;
    margin-bottom: 20px;
    padding: 8px 10px;
    width: 90%;
}


textarea {
    border-color: #8e8e8e;
    border-style: solid;
    border-width: 1px;
    color: #777;
    display: block;
    font-family: "Helvetica Neue",Arial,sans-serif;
    font-size: 1em;
    height: 180px;
    margin-bottom: 15px;
    padding: 8px 10px;
    width: 90%;
}

.selmenu {
	padding-top: 8px; 
	padding-bottom: 7px;
	margin-bottom: 20px;
	padding-left: 5px; 
	padding-right: 5px;
	font-family: "Helvetica Neue",Arial,sans-serif;
}


textarea {
    overflow: auto;
}

input[type=file] {
	font-size:1.2em;
	letter-spacing: .5px;
	padding-top:8px;
	padding-bottom:8px;
}

#buttons {
    display: block;
    padding-top: 0;
	padding-bottom:2em;
}

#resetbtn {
    margin-right: 1em;
	font-size: .85em;
}

#submitbtn {
	font-size: .85em;
}

#map {
	text-align: center;
}