@charset "UTF-8";

/* `Main Styles and Grid Overrides
----------------------------------------------------------------------------------------------------*/
/* Set some colors that will be used in the layout */
body {background-color:#F1F1F1;}

.color-one {background-color: #181818;} /* dark grey */
.color-two {background-color:#F1F1F1 ;} /* light grey */ 
.color-three {background-color: #242424;} /* footer grey */
.color-four {background-color:#80CBEE ;} /*blue*/
.color-five {background-color:#808080;} /*grey */
.color-six {background-color:#FFFFFF;} /*white */
.color-seven {background-color:#e7e5e5;} /*mid grey */



/* HERO SECTION
----------------------------------------------------------------------------------------------------*/
.container, .section {
	padding:0;
	margin:0;
	/* Prevents horizontal scrollling for off-canvas elements */
	overflow-x: hidden;
	
}

.hero-section {
	background: url("images/hero_2.jpg") top left no-repeat;
	max-width: 100%;
	min-height: 600px;
	background-size: cover;
	color: white;
}

.hero-section h1 {
	color: white;
	margin-top: 50px;
}

.hero-section .button {
	
	background: #287426;
	border: 0px solid black;
	-webkit-box-shadow: none;
	-moz-box-shadow:none;
	box-shadow: none;
	font-family: OstrichSansMedium, "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1;
	text-align: left;
	padding: 10px;
	-webkit-transition: background-color 0.15s ease-in-out;
	-moz-transition: background-color 0.15s ease-in-out;
	-o-transition: background-color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out;
	margin-bottom: 10px;
}

.hero-section a {
	color: white;
}


/* Post Section */

.post-section .post {
	background-color: #FFFFFF;
}

.post-section .map {
	filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
}

.post-section .header {
	padding-top:30px;
	padding-bottom: 30px;
}

.post-section h2 {
	color: #287426;
}

.post-section img {
	max-width: 100%;
}

.post-section .size-full {
	width: 100%;
}

.post-section .alignright {
	float:right; margin:0 0 1em 1em
}

.post-section .alignleft {
	float:left; margin:0 1em 1em 0em
}

.post-section .aligncenter {
	display: block; margin-left: auto; margin-right: auto
}

.post-section img.size-medium {
	max-width: 275px;
}

.pagination {
	padding: 15px 0px 15px 15px;
	font-family: PTSansRegular, "Helvetica", Helvetica, Arial, sans-serif;
}

.post-list {
	padding-top: 15px;	
}

.post-list h1  {
	margin: 10px 0px 0px 0px;
}

.post-list h3 {
	margin: 0px;
}

.about-header h1, .about-header h2 {
	margin: 0px;
}

.work-section h2 {
	margin: 0px 0px 15px 0px;
}

.work-section h3 {
	margin: 0px;
}

/* TOP NAVIGATION
----------------------------------------------------------------------------------------------------*/
#mainNav {
	float: right;
}

.top-bar {
	font-family: OstrichSansMedium, "Helvetica", Helvetica, Arial, sans-serif;
}

.top-bar ul > li:hover, .mainNav ul > li.active {
  background: none;
}

.top-bar ul > li a.logo{
	padding: 0 13px;
}

.top-bar ul > li a:not(.button) {
	font-size: 1.5em;
}

.top-bar ul li.name {
	background-color: #181818;
}

.top-bar ul li.toggle-topbar:hover {
	background-color: #181818;
}


/* FOOTER
----------------------------------------------------------------------------------------------------*/
.footer-section {
	color: white;
	padding-bottom: 50px;
}

.footer-section h3 {
	color: white;
}

.recent-posts ul>li {
	list-style-type: none;
	font-family: OstrichSansMedium, "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 1.5em;
}

.recent-posts .button, .about-header .button {
	
	background: #287426;
	border: 0px solid black;
	-webkit-box-shadow: none;
	-moz-box-shadow:none;
	box-shadow: none;
	font-family: OstrichSansMedium, "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	text-align: left;
	padding: 8px 8px 5px 10px;
	-webkit-transition: background-color 0.15s ease-in-out;
	-moz-transition: background-color 0.15s ease-in-out;
	-o-transition: background-color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out;
	margin: 0px 5px 15px 0px;
}

#social-icons {
     text-align:center;
}

#social-icons img {
	width: 71px;
	height: 71px;
}


/* Make sure that the bands stretch to 100% width */
.full-width, .site-footer {
	min-width:100%; 
	position: relative; 
	z-index:9999;
}


/* `MEDIA QUERIES
----------------------------------------------------------------------------------------------------*/

/* Small Screen - Mobile */
@media only screen and (max-width: 767px) {
  .hero-section  {
    min-height:400px;
       
  }
  
  .hero-section .button {
  	display: inline;
  }
  
  
  .hero-section h1 {
	color: white;
	margin-top: 25px;
	}

}

/* Mobile Styles */
@media only screen and (max-width: 940px) {
	
	.post-list h1  {
		margin: 0px 0px 0px 0px;
	}

}

/* Medium Display Targeting */
@media only screen and (max-width: 1279px) and (min-width: 768px) {

}

/* Very large display targeting */
@media only screen and (min-width: 1441px) {

}