/********* Do not edit this file *********/
/*
My Custom CSS - Maked by Salvatore Noschese
a.k.a. DarkWolf - http://www://darkwolf.it/
*/

#wrapper {
  	margin: 10px auto;
}

body {
  color: #3C3C3C;
}

.home #content-wrapper section {
  	margin:10px 0 0;
    padding: 0px;
  	color: #404040;
}

a.social-icon {
  	background: #5C84AB;
}

/* The Gaia Tagline under the navigation bar (MM) */
.tagline  {
  	color: #D2D2D2;
    font-style: italic;
    text-align: center;
  	clear: left;
}

.proj-description i {
    color: #5C84AB;
}

#content article .img-wrapper {
    width: 257px;
    height: 180px;
  	overflow: hidden;  
  	padding: 0px;
  	border: none;
}

/* Add image background to the 404 page (MM) */
.error404 #content {
	background-image: url('https://www.gaiaresources.com.au/wordpress/wp-content/uploads/2013/12/MoleCrickets.png'); 
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}

/* Ensure map icon stays small when browser is reduced in size */
@media screen and (max-width: 959px) {
    .leaflet-container img {
  	width: 32px;
  }
}

#map { 
  	height: 180px; 
}

/*css for staff pages to structure the images*/
.staff {
 	clear: both; 
}

/* Home services bar for blogs */

#services h4 {
  	font-size: 18px;
  	text-align: left;
}

#services .post {
 	float: left;
  	position: relative;
  	width: 15%;
}

#services .widget.recent-posts ul li .post {
  	padding: 0px 15px 10px;
}

/* Home services bar for blogs - resizable*/

@media only screen and (max-width: 940px) {
    #services .post {
  		width: 12%;
}
}

@media only screen and (max-width: 626px) {
    #services .post {
    	width: 100%;
  		clear: both;
}
}

@media only screen and (max-width: 626px) {
  	#services h4   {
    	text-align: center;
}
}

@media only screen and (max-width: 767px) {
	.tinynav {
   		background-color: #888;
    	color: white;
}
}
 
/* Slider header updates */
.slides > li .caption-wrap  {
  	top: 25%;
}

.slides > li .excerpt {
	max-width: 800px;
}

.flexslider {
	height: 100%; 
  	max-height: 250px;
}

.flexslider .flex-control-nav {
  	bottom: 2%;
}