/*
Theme Name: 	Hestia Home Development
Theme URI: 		http://hestiadev.com
Description: 	Hestia Home Development. Based on Starkers & Twitter Bootstrap
Version: 		1.1
Author: 		Scott Edgar
Author URI: 	http://flemingsteele.com
Tags: 			starkers, naked, clean, basic, bootstrap, responsive
*/

@import "css/reset.css";
@import "css/bootstrap.css";
@import "css/bootstrap-responsive.css";
@import "css/lightbox.css";

/* Defaults */
body {
	background: #FFFFFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#8A8A8A;
}

a {
	color:#8A8A8A;
	text-decoration: none !important;
}

form {
	background:url(graphics/background-form.jpg) repeat-x top #374B7D;
	padding:25px;
	color:#FFFFFF;
}

hr {
	margin:0;
	border: 0;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	display: block;
	height:0px;
	padding:0 0 20px 0;
	clear:both;
}

.spacer {
	clear:both;
	height:50px;
}

/* Header */
header {
	background-image:url(graphics/background-header.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

h1 a {
	display:block;
	width:270px;
	height:90px;
	background:url(graphics/logo.png) no-repeat 0 0;
	background-size:contain;
	margin: 40px 0px 0px 10px;
}

h1 a span {
	display:none;
}

nav ul {
	margin-left:0;
}

nav ul li a {
	display:block;
	padding:12px 0;
	font-size:18px;
	color:#39578F;
	text-transform:uppercase;
	text-align:center;
	border-bottom:dotted 1px #39578F;
}

nav ul li a:hover {
	color:#19275B;
	text-decoration:none;
}

.current-menu-item a {
	font-weight:bold;
}

.current_page_item a {
	font-weight:bold;
}

.wrapper {
	width:100%;
	margin:0 auto;
	background:#FFFFFF;
}

/* Home Page Carousel */
.carousel-caption {
	background: #F1F1F1;
	background: rgba(255, 255, 255, 0.75);
}

.carousel-caption p {
	text-align:center;
	font-weight:lighter;
	font-size:18px;
	color:#23435D;
}

/* Main Content */
.banner {
	margin-left:0;
}

h3 {
	display:block;
	margin:0 auto 50px auto;
	max-width:820px;
	text-align:center;
	font-weight:lighter;
	font-size:21px;
	line-height:1.2;
	color:#39578F;
	clear:both;
}

h3.dark-blue {
	display:block;
	margin:20px auto;
	padding:10px;
	background:url(graphics/gradient-blue-dark.jpg) repeat-x #324A85;
	max-width:780px;
	text-align:center;
	font-weight:lighter;
	font-size:16px;
	line-height:1.2;
	color:#FAFAFA;
	clear:both;
}

h3.dark-blue a {
	color:#FFFFFF;
}

h3.dark-blue a:hover {
	color:#F1F1F1;
}

h3.small {
	margin:20px auto 0 auto;
}

h4 {
	font-size:22px;
	color:#395890;
	line-height:1.4;
	font-weight:lighter;
}

.project-box h4 {
	font-size:16px;
	color:#395890;
	line-height:1.4;
	font-weight:bold;
	font-style:italic;
}

h5 {
	display:block;
	margin:20px 0 0 0;
	padding:10px;
	background:url(graphics/gradient-blue-dark.jpg) repeat-x #324A85;
	text-align:left;
	font-weight:lighter;
	font-size:18px;
	line-height:1.2;
	color:#FAFAFA;
	clear:both;
}

h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#395890;
	line-height:1.4;
	font-weight:normal;
}

blockquote {
	margin-left:60px;
	border-left:none;
}

blockquote p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	font-style:italic;
	color:#395890;
	margin-bottom:10px;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:14px;
	line-height:1.4;
}

.grey-box {
	background:url(graphics/background.jpg) repeat;
	margin:20px 0;
	padding:15px 30px;
	min-height:130px;
	clear:both;
}

.project-box {
	background:url(graphics/background.jpg) repeat;
	margin:0 0 20px 0;
	padding:15px 30px;
	min-height:130px;
	clear:both;
}

.featured-image {
	display:none;
	margin-left:0px;
}

.smallgallery {
	margin-left:0px;
	width:100%;
}

.smallgallery .gallery-item {
	display:inline-block !important;
	float:left !important;
	margin:0 !important;
	text-align:center !important;
	width:100% !important;
}

img.pull-right {
	margin:0 80px 20px 0;
}

.grey-box img.pull-right {
	margin:0 0 0 30px;
}

.project-gallery {
	margin:0;
}

/* Careers Accordion */

.accordion-group {
	margin-bottom: 0px;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.accordion-inner {
	border-top: none;
}

.accordion h3.small {
	margin-bottom:25px;
}

.accordion h5 {
	margin:0;
	padding:10px 0;
	background:none;
	border-bottom: inset 2px #E5E5E5;
	font-size:16px;
	line-height:1.2;
	color:#848484;
	clear:both;
}

.accordion h5 .infolink {
	color:#395890;
}

.accordion-heading .accordion-toggle {
display: block;
padding: 0;
}

/* Careers Page */
.careerspage .gform_wrapper .gform_heading {
	margin-bottom:200px;
	float:left;
	width:20%;
}

.careerspage .gform_wrapper .gform_heading h3 {
	color:#FFFFFF;
	font-weight:lighter;
}

.careerspage .gform_wrapper ul li.gfield {
	clear:none;
	float:left;
	width:40%;
}

.careerspage .gform_wrapper ul li#field_1_7, .careerspage .gform_wrapper ul li#field_3_7 {
	width:80%;
}

.careerspage .gform_wrapper ul li#field_1_3, .careerspage .gform_wrapper ul li#field_3_3 {
	width:35%;
	padding-right:5%;
}

.careerspage .gform_wrapper ul li#field_1_5, .careerspage .gform_wrapper ul li#field_3_5 {
	width:80%;
}

.careerspage .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
	width:98% !important;
	padding-left:5px;
}

.gform_wrapper .top_label textarea {
	width:90% !important;
	padding-left:5px;
}

.careerspage .gform_wrapper .top_label input.button {
	background:#9798B6;
	color:#FFFFFF;
	font-size:1.3em;
	font-weight:lighter;
	padding:10px;
	border:solid 5px #FFFFFF;
	float:right;
	margin-top:-40px;
	margin-left:-10px;
	z-index:5000;
	position:relative;
	-moz-border-radius:85px;
	-webkit-border-radius:85px;
	border-radius: 85px;
}

/* Contact Page */
.contactpage h3 {
	text-align:left;
}

.map {
	margin-top:25px;
}

.map p {
	display:block;
	width:93%;
	padding:5px;
	background:#dadada;
	font-size:11px;
	color:#395890;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
}

.contactpage .phone {
	margin:25px 0 0 10px;
	padding:8px 0 8px 40px;
	background:url(graphics/icon-telephone.jpg) no-repeat left top;
}

.contactpage .email {
	margin:5px 0 0 10px;
	padding:8px 0 8px 40px;
	background:url(graphics/icon-email.jpg) no-repeat left top;
}

.contactpage a {
	color:#8A8A8A;
	text-decoration:none;
}

.contactpage .address {
	margin:5px 0 0 10px;
	padding:0 0 8px 40px;
	background:url(graphics/icon-address.jpg) no-repeat left top;
}

.contactform {
	margin-right:0;
}

.contactform .gform_wrapper .gform_heading {
	margin-bottom:200px;
	float:left;
	width:20%;
}

.contactform .gform_wrapper .gform_heading h3 {
	color:#FFFFFF;
	font-weight:lighter;
}

.contactform .gform_wrapper ul li.gfield {
	clear:none;
	float:left;
	width:40%;
}

.contactform .gform_wrapper ul li#field_2_6, .contactform .gform_wrapper ul li#field_4_6 {
	width:80%;
}

.contactform .gform_wrapper ul li#field_2_5  {
	width:30%;
	padding-right:10%;
}

.contactform .gform_wrapper ul li#field_2_4, .contactform .gform_wrapper ul li#field_4_4 {
	width:80%;
}

.contactform .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
	width:98% !important;
	padding-left:5px;
}

.gform_wrapper .top_label textarea {
	width:90% !important;
	padding-left:5px;
}

.contactform .gform_wrapper .top_label input.button {
	background:#9798B6;
	color:#FFFFFF;
	font-size:1.3em;
	font-weight:lighter;
	padding:10px;
	border:solid 5px #FFFFFF;
	float:right;
	margin-top:-40px;
	margin-left:-10px;
	z-index:5000;
	position:relative;
	-moz-border-radius:85px;
	-webkit-border-radius:85px;
	border-radius: 85px;
}

/* Footer */

div.footer p {
	line-height:1.0;
}

footer {
	background:url(graphics/gradient-footer.jpg) repeat-x #E7E7E7;
	padding:30px 0 0 0;
	margin-top:20px;
}

.left {
	text-align:center
}

.middle {
	border-left:dashed 1px #D2D2D2;
	border-right:dashed 1px #D2D2D2;
	text-align:center
}

.right {
	text-align:center;
}

ul.paging {
	list-style:none;
	padding:0;
	font-weight:bold;
	margin-left:0;
}

ul.paging li {
	float:left;
	margin:0 6px 6px 0;
}

ul.paging li a, 
ul.paging li.active {
	display:block;
	padding:3px 6px;
	background-color:#f5f5f5;
	border:1px solid #cccccc;
}

ul.paging li.active {
	background-color:#000000;
	border-color:#000000;
	color:#ffffff;
}
#gform_3 .gform_body {
  display: inline-block;
  width: 80%;
}
#gform_3 .gform_body ul#gform_fields_3 li {
  display: inline-block;
  padding-right: 0;
  width: 50%;
  float:none;
}
#gform_3 .gform_body ul#gform_fields_3 li:first-child, #gform_3 .gform_body ul#gform_fields_3 li:last-child {
  width: 100%;
}

#gform_3 .gform_body ul#gform_fields_3 li input, #gform_4 .gform_body ul#gform_fields_4 li input {
  height: 31px;
}

.careerspage .gform_wrapper .top_label input.button{
     margin-top:-69px;
}
.gform_wrapper div.validation_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{ display:none;}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: transparent !important;
  border-bottom: medium none !important;
  border-top: medium none !important;
  box-sizing: border-box !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  margin-top: 0px !important;
}
@media screen and (max-width:767px) {
#gform_3 .gform_body, #gform_4 .gform_body {
  display: inline-block;
  width: 100%;
}
#gform_3 .gform_body ul#gform_fields_3 li, #gform_4 .gform_body ul#gform_fields_4 li {
  display: inline-block;
  padding-right: 0;
  width: 100%;
  float:none;
}
.careerspage .gform_wrapper .gform_heading, .contactform .gform_wrapper .gform_heading{
  float: left;
  margin-bottom: 0;
  width: 100%;
}
.careerspage .gform_wrapper .top_label input.button, .contactform .gform_wrapper .top_label input.button {
  max-width: 120px;
}
}
/* 400 and Up */
@media screen and (min-width:400px) {
	
	/* Defaults */
	body {
		background: url(graphics/background.jpg) repeat;
	}
	
	/* Header */
	h1 {
		float:left;
	}
	
	h1 a {
		width:270px;
	}
	
	nav {
		float:right;
		margin-top:80px;
	}
	
	nav ul {
		margin-left:auto;
	}

	nav ul li a {
		display:block;
		padding:0 20px;
		font-size:14px;
		color:#39578F;
		text-transform:none;
		text-align:left;
		border-bottom:none;
	}
	
	nav ul li {
		display:inline-block;
	}
	
	.wrapper {
		max-width:1020px;
	}
	
	h3.dark-blue {
		display:block;
		margin:50px auto;
		padding:20px;
		background:url(graphics/gradient-blue-dark.jpg) repeat-x #324A85;
		max-width:780px;
		text-align:center;
		font-weight:lighter;
		font-size:21px;
		line-height:1.2;
		color:#FAFAFA;
		clear:both;
	}
	
	.dark-blue > img:before {
		content:"";
	}
	
	.featured-image {
		display:block;
		margin-left:0px;
	}
	
	.smallgallery {
		margin-left:10px;
		width:56px;
	}

}

/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

}