@charset "utf-8";
/* CSS Document */

/*
 * Globals
 */


body {
	font-family: 'Lato', sans-serif;
}

p {
  font-family: 'Lato', sans-serif; "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #5C5C5C; 
  line-height:130%;
   font-size:16px;
   margin-top:10px;
   }

ol, ul {font-size:15px;}

#content li {margin-left:-20px;}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 0;
  font-family: 'Lato', sans-serif; "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 {
	color: #155277;
	font-weight: 700;
	font-size:19px;
	margin-top:20px;
}

h2 {
	color: #155277;
	font-weight: 700;
	font-size:17px;
	margin-top:20px;
	line-height:130%;
}

h2.big {
	font-size:21px !important;
}

h2.bigger {
	font-size:23px;
}

.blog-post-title {
	text-align:center;
}
.green {
		color:#119b03 !important;
	}	

h3 {color:#c0ae66;
	font-weight: 700;
	font-size:19px;
	margin-top:7px;
	margin-bottom:12px;}
	
h3.smaller  {
	font-size:16px !important;
}

h4, h5, h6 {
	color: #155277;
	font-weight: 400;
	margin-top:10px;
	margin-bottom:0;
}

h4 {
	color: #155277;
	font-weight: 500;
	margin-bottom:0;
	  font-family: 'Lato', sans-serif; "Helvetica Neue", Helvetica, Arial, sans-serif;
	  font-size:17px;
}
 a:hover {text-decoration:none;
 color:#0195fb;
}

ul {
	padding-right: 15px;
}
/*
 * header
 */
 
 .img-responsive {
	 max-width: 100%;
	 max-height: auto;
 }
 
 hr.style-two { 
border: 0; 
height: 1px; 
background-image: linear-gradient(to right, rgba(5, 73, 133, 0), rgba(5, 73, 133, 0.75), rgba(5, 73, 133, 0));
 }

#logo {
	padding:15px 0;
}

img#fb-icon {
	margin: 20% 1% auto auto;
}

img#lk-icon {
	margin: 20% 1% auto auto;
}

#header ul li {
	list-style-type: none;
	display:inline;
	float: right;
	margin-right: 3%;

}

/* jumbotron splash area custom css */

.jumbotron {
	padding-top: 0px;
	background: url('images/working-hands_10730687_l.jpg') center center no-repeat;
	margin-bottom: 0;
	-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover;
	  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}






#text-box {
	background: rgba(22,84,123, 0.6);
	padding: 0.25em;
	padding-left:1em;
	width: 45%;
	margin-top: 0;
	margin-left: 5%;
}

#text-box h1 {
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 32px;
	text-shadow:  4px 4px 0 rgba( 0,0,0, 0.4); 
}


#text-box ul li {
	list-style-image: url('images/left-arrow-beige.png');
	font-family: 'Lato', sans-serif;
	color: #fff;
	font-size: 17px;
}

#text-box-2 {
	background: rgba(22,84,123, 0.25);
	padding: 0.25em;
	padding-left: 1em;
	width: 85%;
	margin-top: 0;
	margin-left: 5%;
}

#text-box-2 h1 {
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 19px;
	text-shadow:  2px 2px 0 rgba( 0,0,0, 0.2); 
}


#text-box-2 ul li {
	list-style-image: url('images/left-arrow-beige.png');
	font-family: 'Lato', sans-serif;
	color: #fff;
	font-size: 15px;
}
/*Home Page Image Sizing Same on All Screens*/

.home {width:115px;height:auto;}

.spacer {
	height:20px;
}

/*
 * Override Bootstrap's default container.
 */




/*
 * Masthead for nav
 */



.blog-masthead {
  background-color: #428bca;
 /* -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
          box-shadow: inset 0 -2px 5px rgba(0,0,0,.1); */
		  border: none;
		 
}

.fa-align-justify {
	color: #fff;
	font-size: 1.5em;
	padding-top: 5px;
}

button.navbar-toggle {
	display: none;
	border: none;
	text-align: right;

}

nav.collapse {
	display: block;
}

ul.navbar-nav {
	display: inline-block;
	margin-top: 0;
	
}

.peo ul li a{
	padding-top:0 !important; 
	padding-bottom:0 !important;
background-color:#c2ae67 !important;
text-decoration:none;}

ul.navbar-nav li {
	display: inline-block;
	widht: auto;
	padding: 5px 0;
	margin-top: -3px;
margin-bottom: -1px;
}

.nav li.current {background-color:#c2ae67 !important;}




/* Nav links */
.blog-nav-item {
  position: relative;
  display: inline-block;
  padding: 9px;
  font-weight: 500;
  color: #cdddeb;
}
.blog-nav-item:hover,
.blog-nav-item:focus {
  color: #fff;
  text-decoration: none;
}



/* Active state gets a caret at the bottom */
.blog-nav .active {
  color: #fff;
}
.blog-nav .active:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -5px;
  vertical-align: middle;
  content: " ";
  border-right: 5px solid transparent;
  border-bottom: 5px solid;
  border-left: 5px solid transparent;
}


/*
 * Blog name and description
 */



.blog-description {
  font-size: 20px;
  color: #999;
}


/*
 * Main column and sidebar layout
 */

.blog-main {
  font-size: 18px;
  line-height: 1.5;
  padding-top:25px;
}

.gold-border {
	border-left: 1px solid rgba(194, 174, 103, 1);
}

/* Sidebar modules for boxing content */
.sidebar-module {
  padding: 15px;
  margin: 0 -15px 15px;
  border-left: 1px solid rgba(194, 174, 103, 1);
}
.sidebar-module-inset {
  padding: 15px;
  background-color: transparent;
  border-radius: 0;
  
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
  margin-bottom: 0;
}

.sidebar-module-inset ul li {
	list-style-type: none;
}

/* Pagination */
.pager {
  margin-bottom: 60px;
  text-align: left;
}
.pager > li > a {
  width: 140px;
  padding: 10px 20px;
  text-align: center;
  border-radius: 30px;
}


/*
 * Blog posts
 */

.blog-post {
  margin-bottom: 60px;
  padding:20px;
}

.blog-post li{
margin-left:-20px;
margin-bottom:10px;
}

.blog-post-meta {
  margin-bottom: 20px;
  color: #999;
}


/*
 * Footer
 */

/*--.blog-footer {
  padding: 10px 0;
  color: #fff;
  text-align: center;
  border-top:#0037BC solid 1px;

}
.blog-footer p:last-child {
  margin-bottom: 0;
}--*/



/* footer custom css */

footer {
	width:100%;
	padding: 2em;
	background: #e3e7ec;
	border-top: 3px #35424b solid;
	color: #35424b;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 130%;
}

footer h2 {
	font-weight: 900;
	color: #155277;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 130%;
}

footer h4 {
	font-weight: 900;
	color: #35424b;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	line-height: 130%;
}






.blog-title {  font-weight: normal;
  line-height:110%;
  color:#fff;}
  
  .caption {
	  margin:10px auto;
	  font-size:12px;}
	  
	  /* button custom css */

.free-suit {
	background: #1b5e8f;
  background-image: -webkit-linear-gradient(top, #1b5e8f, #155378);
  background-image: -moz-linear-gradient(top, #1b5e8f, #155378);
  background-image: -ms-linear-gradient(top, #1b5e8f, #155378);
  background-image: -o-linear-gradient(top, #1b5e8f, #155378);
  background-image: linear-gradient(to bottom, #1b5e8f, #155378);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: 'Lato', sans-serif;
  color: #ffffff !important;
  font-size: 14px;
  padding: 5px 10px;
  text-decoration: none;
  text-align: center;
  margin-top: 1.5%;
  margin-bottom:0.25%;
}


.free-suit:hover {
  background: #155378;
  background-image: -webkit-linear-gradient(top, #155378, #1b5e8f);
  background-image: -moz-linear-gradient(top, #155378, #1b5e8f);
  background-image: -ms-linear-gradient(top, #155378, #1b5e8f);
  background-image: -o-linear-gradient(top, #155378, #1b5e8f);
  background-image: linear-gradient(to bottom, #155378, #1b5e8f);
  text-decoration: none;
  color: #ffffff !important;
}
 
.free-suit a, .free-suit a:hover{
	color: #ffffff;
}

.btn-green {
	background-color:#119b03;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:17px;
	padding:10px 31px;
	text-decoration:none;
	text-transform: uppercase;
	letter-spacing:1px;
}
.btn-green:visited {
	color:#ffffff;
}
.btn-green:hover {
	color:#ffffff;
	background-color:#5cbf2a;
}
.btn-green:active {
	position:relative;
	top:1px;
}

 

@media(max-width:767px){
	h1 {font-size:16px;}
	.blog-post-title   {margin-bottom: 5px;}
	
	.blog-title {
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight:800;
    font-size:32px;
	}
  .logo {width:75%;height:auto;}
h3 {font-size:16px;}
h4 {font-size:16px;}
h5 {font-size:22px;}

	h3.smaller  {
		font-size:14px;
	}


}


@media (max-width: 992px) {
	
	h2 {
		font-size:16px;
	}
	
	.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.dropdown {
	width: 100%;
}
	
button.navbar-toggle {
	display: block;
}

nav.collapse {
	display: none;
}

ul.navbar-nav li {
	display: block;
	margin-top: 0;
}
.blog-masthead {
	padding: 10px;
}

ul.navbar-nav li {
	width: 100%;
}


ul.nav.navbar-nav li a:active {background-color: transparent;}

.nav > li > a:focus, .nav > li > a:hover {background-color: transparent !important;}



ul.nav.navbar-nav li:active  {background-color:#c2ae67;}

.nav > li:focus , .nav > li:hover  {background-color:#c2ae67 !important;}



ul.nav.navbar-nav li a {
margin-left: 13%;
}

}






@media(min-width:992px){
	
	
	
	
	
	.blog-post-title {
  margin-bottom: 5px;
}

	
.blog-title {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight:800;
}

h5 {font-size:16px;}


}
@media(min-width:1200px){
	.blog-post-title {
  margin-bottom: 5px;
}
.blog-title {
  margin-bottom: 5px;
  font-size: 40px;
  font-weight:800;
}

h3 {font-size:24px;}
h4 {font-size:18px;}
h5 {font-size:22px;}

	}

/* main menu custom css */
.navbar {
	background: #054985;
	border-radius: 0;
	margin-right: 0;
	padding-right: 3%;
}







ul.nav.navbar-nav li a {
	color: #ffffff;
	padding: 8px 9px;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;

}

ul.nav.navbar-nav li:hover a, ul.nav.navbar-nav li:active a {
	color: #054985 !important;
	background: #c2ae67 !important;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
	background-color: #c2ae67 !important;
	color: #054985 !important;
}

.navbar-toggle {
	background: #c2ae67;
}
}

@media(max-width:768px){
	
.blog-post-title {
  margin-bottom: 10px;
  font-weight:800;
}
.blog-title{
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight:800;
  font-size:32px;
}
	

	
h3 {font-size:16px;}
}

h5 {font-size:22px;}

p {margin-right:20px;}



}