/*

Theme Name: Garcia Contracting
Theme URI: http://io.garciacontracting.co.nz/theme
Author: Eduardo Agostini
Author URI: http://eduardo.ag
Description: The 2014 theme for Garcia Contracting company.
Version: 1.0

Don't forget update the Theme URI when domain name is created.

*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

*{

	box-sizing: border-box;
	-moz-box-sizing: border-box;

	font-family: 'Open Sans', sans-serif;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;

	margin: 0px;
	padding: 0px;

}

*:focus{

	outline: none;

}

html,
body{

	height: 100%;

}

body{

	background-color: #ffffff;

	color: #96948e;

	font-size: 14px;

}

h1, h2, h3{

	color: #3a3d3f;

	font-weight: 700;

	text-transform: uppercase;

}

h1{

	font-size: 50px;

	margin: 0px 0px 50px 0px;

}

h2{

	font-size: 27px;

}

h3{

	font-size: 16px;

	margin-bottom: 15px;

}

h4{

	margin-bottom: 20px;

}

input[type=email],
input[type=text],
textarea{

	-webkit-appearance: none;

	background-color: rgba(0, 0, 0, 0.025);

	border: 1px solid rgba(0, 0, 0, 0.025);
	border-radius: 1px;

	color: #3a3d3f;

	font-size: 11px;

	padding: 12px 15px;

	transition: background-color 0.5s, border-color 0.5s, color 0.3s;
	-webkit-transition: background-color 0.5s, border-color 0.5s, color 0.3s;

	width: 100%;

}

input[type=email][data-invalid],
input[type=text][data-invalid],
textarea[data-invalid]{

	border-color: #f14143;

}

input[type=email]:disabled,
input[type=text]:disabled,
textarea:disabled{

	color: rgba(0, 0, 0, 0.25);

	cursor: not-allowed;

}

input[type=email]:focus,
input[type=text]:focus,
textarea:focus{

	background-color: rgba(255, 255, 255, 0.05);

	border: 1px solid rgba(0, 0, 0, 0.1);

}

textarea{

	height: 200px;

	line-height: 1.75;

	resize: none;

}

p{

	font-size: 14px;

	line-height: 1.95em;

	margin-bottom: 20px;

}

p a{

	border-bottom: 1px dashed #7db80c;

	color: #3a3d3f;

	text-decoration: none;

}

.about{

	font-size: 18px;
	font-weight: 400;
	
	padding: 20px 0px;

}

.all_content{

	min-height: 100%;

	position: relative;

}

.button{

	background-color: #7db80c;

	border: none;
	border-radius: 3px;

	color: #ffffff;

	cursor: pointer;

	display: inline-block;

	font-size: 14px;
	font-weight: 300;

	line-height: 14px;

	padding: 10px 15px;

	text-align: center;
	text-decoration: none;

}

.button .button-icon{

	margin-right: 5px;

}

.button .button-icon,
.button .button-text{

	display: inline-block;

	vertical-align: middle;

}

.column_one_of_two{

	width: 46%;

}

.column_two_of_two{

	width: 46%;

}

.float_center{

	bottom: 0px;
	left: 0px;
	right: 0px;
	top: 0px;

	margin: auto;

	position: absolute;

}

.float_clear{

	clear: both;

}

.float_left{

	float: left;

}

.float_right{

	float: right;

}

.footer_nav{

	font-size: 36px;

	margin-top: 25px;

	overflow: hidden;

}

.footer_nav a{

	color: #ffffff;

	display: inline-block;

	opacity: 0.5;

	text-decoration: none;

	transition: all 0.5s;
	-ms-transition: all 0.5s;
	-webkit-transition: all 0.5s;

}

.footer_nav a:hover{

	opacity: 1;

}

.icon-nz-immigration,
.icon-nz-labour{

	font-size: 200px;

	height: 150px;

	margin-top: -80px;

	position: relative;

}

.icon-email-mail-streamline,
.icon-happy-smiley-streamline,
.icon-streamline-sync{

	font-size: 18px;

	height: 18px;
	width: 18px;

	vertical-align: top;

}

.icon-streamline-sync{

	animation: rotate 0.8s linear infinite;
	-webkit-animation: rotate 0.8s linear infinite;

}

.main_content{

	padding-bottom: 250px;

}

.main_footer{

	background-color: #262b2f;

	bottom: 0px;

	padding: 25px 0px;

	position: absolute;

	width: 100%;

}

.main_footer p{

	font-size: 12px;

	text-align: center;

}

.main_header{

	padding: 50px 0px;

}

.main_logo{

	color: #3a3d3f;

	display: block;

	font-size: 24px;
	font-weight: 300;

	text-decoration: none;
	text-transform: uppercase;

}

.main_nav{

	font-size: 14px;
	font-weight: 600;

	letter-spacing: 1px;

}

.main_nav a{

	color: #96948e;

	padding-bottom: 5px;

	text-decoration: none;
	text-transform: uppercase;

}

.main_nav li{

	display: inline;

	list-style: none;

}

.main_nav li + li{

	margin-left: 45px;

}

.main_nav li.current_page_parent a{

	border-bottom: 3px solid #f0f0f0;
	
}

.main_nav li a:hover,
.main_nav li.current_page_item a{

	border-bottom: 2px solid rgba(236, 235, 231, 1);

	color: #3a3d3f;

}

.main_nav li a[href='#']{

	text-decoration: line-through;

}

.navigation_links .navigation_link{

	width: 90px;

}

.post_article{

	padding: 30px 0px;

}

.post_article ul{

	padding: 0px 35px 35px;

}

.post_article ul li + li{

	margin-top: 5px;

}

.section_about{

	background-image: linear-gradient(to bottom, #f9f8f4 0, rgba(249, 248, 244, 0) 100%);

	border-top: 1px solid #ecebe8;

	padding: 125px 0px;

}

.text_align_center{

	text-align: center;

}

.text_align_vertical{

	display: inline-block;

	vertical-align: middle;

}

.work_grid{

	display: block;

}

.work_grid .work_section{

	display: block;

	list-style: none;

	margin-bottom: 30px;

}

.work_grid .work_section .work_content{

	padding: 20px 20px 0px 20px;

}

.work_grid .work_section .work_thumbnail{

	display: block;

	float: left;

	margin-right: 30px;

	max-height: 225px;
	max-width: 300px;

	position: relative;

}

.work_grid .work_section .work_thumbnail .work_thumbnail_img{
	
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);

	display: block;

	max-height: 100%;
	max-width: 100%;

}

.work_grid .work_section .work_thumbnail .work_thumbnail_mask{

	background-color: #7db80c;

	display: block;

	height: 100%;
	width: 100%;

	left: 0px;
	top: 0px;

	opacity: 0;

	position: absolute;

	text-align: center;
	text-decoration: none;

	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;

}

.work_grid .work_section .work_thumbnail .work_thumbnail_mask:hover{

	opacity: 0.75;

}

.work_grid .work_section .work_thumbnail .work_thumbnail_img,
.work_grid .work_section .work_thumbnail .work_thumbnail_mask{

	border-radius: 3px;

}

.work_grid .work_section .work_thumbnail .work_thumbnail_mask .work_thumbnail_title{

	background-color: rgba(0, 0, 0, 0.9);

	border-radius: 20px;

	color: #ffffff;

	cursor: pointer;

	display: block;

	font-size: 13px;
	font-weight: bold;

	height: 38px;
	width: 110px;

	padding: 10px 20px;

}

.wrapper{

	margin: 0px auto;

	max-width: 960px;

	width: 960px;

}

@keyframes rotate{

	from{

		transform: rotate(0deg);
		-ms-transform: rotate(0deg);

	}

	to{

		transform: rotate(360deg);
		-ms-transform: rotate(360deg);

	}

}

@-webkit-keyframes rotate{

	from{

		-webkit-transform: rotate(0deg);

	}

	to{

		-webkit-transform: rotate(360deg);

	}

}

@media screen and (max-width: 768px){

	p{

		font-size: 12px;

	}

	.work_grid .work_section .work_content{

		padding: 15px 15px 0px 15px;

	}

	.wrapper{

		width: 700px;

	}

}

@media screen and (max-width: 568px){

	.column_one_of_two,
	.column_two_of_two{

		width: 100%;

	}

	.main_header{

		padding: 40px 0px;

		text-align: center;

	}

	.main_logo{

		margin-bottom: 20px;

	}

	.main_logo,
	.main_nav{

		float: none;

	}

	.section_about{

		padding: 40px 0px;

	}

	.work_grid .work_section{

		text-align: center;

	}

	.work_grid .work_section .work_thumbnail{

		float: none;

		margin: auto;

	}

	.wrapper{

		width: 500px;

	}

}

@media screen and (max-width: 480px){

	.wrapper{

		width: 450px;

	}

}

@media screen and (max-width: 320px){

	.icon-nz-immigration,
	.icon-nz-labour{

		font-size: 130px;

		height: 120px;

		margin-top: -50px;

	}

	.main_content{

		padding-bottom: 230px;

	}

	.wrapper{

		width: 300px;

	}

}