/*  
Theme Name: urbanhedgerow
Version: 0.1
Description: Designed by Switchyard Creative for urbanhedgerow
Author: Switchyard Creative
Author URI: http://switchyardcreative.com
*/

body{
	background:#ffffff;
	font: 300 16px/20px 'Source Sans Pro', sans-serif;
	color:#000000;
}

.container {
	width:960px;
	margin:0 auto;
}

#banner {
	position:relative;
}

#wrap {
	min-height:400px;
}

#content {
	min-height: 500px;
	overflow: hidden;
}

header {
	padding-top:31px;
	text-align:center;
}
a {	
	font-weight:300;
	color:#747170;
	text-decoration:none;
	-webkit-transition: all .05s linear;
	-moz-transition: all .05s linear;
    -ms-transition: all .05s linear;
    -o-transition: all .05s linear;
	transition: all .05s linear;
}

a:hover {
	color:#6facc5;
}

img {
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

p {
	line-height:1.4em;
}

p + p {
	margin-top:23px;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
	color:#7c7a82;
}

h1,h2,h3,h4,h5 {
	font-weight:300;
	text-transform:uppercase;
}

h1, h2.subsectionTitle{ 
	font-size:3em;
	line-height:1em;
	letter-spacing:.05em;
	margin-bottom:0px;
	font-family: 'Lato', sans-serif;
}

h2 {
	font-size:1.875em;
	line-height:1.1em;
	margin-bottom:6px;
	font-family: 'Lato', sans-serif;
}

h3 {
	font-size:1.1875em;
	line-height:1.101875em;
}

hr {
	display:block;
	clear:both;
	margin:0 auto 0px;
	width:100%;
	border-top:none;
	border-bottom:1px solid #cccccc;
	-webkit-box-shadow: 0px 1px 1px 0px #fff;
	box-shadow: 0px 1px 1px 0px #fff;
}

#nav-main {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	list-style: none;
	margin: 19px auto 38px;
	overflow:hidden;
}

#nav-main ul{
	word-spacing : -4px; 
	letter-spacing: -0.31em; /* webkit */
    *letter-spacing: normal; /* reset IE < 8 */
    word-spacing: -0.43em; /* IE < 8 && gecko */
}

#nav-main li{	
	display:inline-block;
	border-bottom:1px solid #fff;
	border-top:1px solid #ccc;
	text-align:center;
	word-spacing:normal;
	letter-spacing:normal;
}

#nav-main li a {
	font: 300 1.02em/1em 'Yanone Kaffeesatz', sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	padding:7px 65px;
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	display:block;
	letter-spacing: 0.1em;
	background:transparent url('images/sprites.png') no-repeat center -7px;
}

#nav-main li a:hover {
	background-position:center 24px;
}
.page-header {
	width:100%;
	text-align:center;
	padding-bottom:15px;
	margin:0 auto 15px;
	border-bottom:0px solid #ccc;
	-webkit-box-shadow: 0px 1px 0px 0px white;
	box-shadow: 0px 1px 0px 0px white;
}

.page-header p {
	font:300 italic 1.12em/1.1em 'Arapey', sans-serif;
	width: 65%;
	margin: 0 auto;
}

/* Triangles */

.triangles {
	position:absolute;
	bottom:4px;
	right:0;
	width:12px;
}

.triangles.left {
	left:0;
}

.triangles div {
	width: 0; 
	height: 0; 
}

.triangleBR{ 
	border-bottom: 12px solid #747084; 
	border-left: 12px solid transparent; 
}
.triangleTR{ 
	border-top: 12px solid #aca8be; 
	border-left: 12px solid transparent; 
}


.triangleBL{ 
	border-top: 12px solid #747084; 
	border-right: 12px solid transparent; 
}

.triangleTL{ 
	border-bottom: 12px solid #aca8be; 
	border-right: 12px solid transparent; 
}

/* HOME */

.home-grid-item {
	float:left;
	position:relative;
	overflow:hidden;
	margin:0 10px 10px 0;
	width:32%;
}

.home-grid-item div {
	position:absolute;
	bottom:-23%;
	left:0;
	width:90%;
	padding:5%;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-bottom:10px solid #688597;

	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.home-grid-item:hover div {
	bottom: 0;

	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.home-grid-item div.active {
	bottom:0;

}



.home-grid-item div a {
	font: 500 1.5em/1em 'Yanone Kaffeesatz', sans-serif;
	text-transform:uppercase;
	color:white;
	text-shadow:1px 1px 1px #111;
	letter-spacing:0.05em;
}

.home-grid-item  a img{
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.home-grid-item div span {
   width: 0; 
   height: 0; 
   border-bottom: 10px solid #688597; 
   border-left: 10px solid transparent; 
   border-right: 10px solid transparent;
   position: absolute;
   bottom: 0;
   left: 10px;
}

/* FOOTER */ 
footer {
	padding:26px 0 10px;
	text-align:center;
	text-transform:uppercase;
	font:300 0.7em/1.1em 'Yanone Kaffeesatz', sans-serif;
	color:#898989;
	letter-spacing:0.1em;
}

#copyright {
	float:left;
	text-align:left;
	padding-top:14px;
	
}

#contact-details {
	float:right;
	text-align:right;
	padding-top:14px;
}

#contact-details a {
	color:#7c7a82;
	text-decoration:none;
}

/* PROJECTS */ 

.project-grid-item{
	overflow:hidden;
	margin-bottom:32px;
}

.project-grid-item img{
	float:left;
	margin-right:54px;
}

.meta-info {
	font: 300 italic .9em/1.5em 'Arapey', sans-serif;
	margin-bottom: 24px;
	display: block;
}

.post-type-archive-project h3{
	margin-bottom:5px;
}
/* PROJECT DETAIL */ 

.project-detail-container {
	overflow:hidden;
	min-height:500px;
}

/* PROJECT DETAIL GALLERY */

#gallery-container {
	padding: 0;
	width: 388px;
	position:relative;
	float: left;
	margin-right: 54px;
	padding-bottom:300px;
}


.single-product .description {
	float: left;
	width: 45.1754385964912%;
}

#mid-zoom-window {
	width: 100%;
	height:291px;
	position: relative;
	margin-bottom: 11px;
	overflow:hidden;
}

#mid-zoom-window .gallery-item{
	position:absolute;
	top:0;
	left:0;
}

#mid-zoom-window .gallery-item + .gallery-item a{
	display:none;
}

body.single-product .gallery {
	text-align:center;
}

#gallery-2 dl.gallery-item {
	display:inline-block;
	height:50px;
	overflow:hidden;
}

#gallery-2 dl.gallery-item{
	margin-left:9px;
}

#gallery-2 dl:nth-child(5n+6), #gallery-2 dl:first-child {  
  margin-left:0;
}

dl.gallery-item img {
	max-width:none;
}

#cBoxContent  #cboxTitle {
	display:none;
}


.project-detail-container hr {
	width: auto;
	clear:none;
	margin-bottom:11px;
}

/* SHARE ICONS */

.st_facebook_large .stLarge{background:transparent url(images/sprites.png) no-repeat 0 -100px !important;width:30px !important;height:30px !important}
.st_twitter_large .stLarge{background:transparent url(images/sprites.png) no-repeat 0 -171px !important;width:30px !important;height:30px !important}
.st_email_large .stLarge{background:transparent url(images/sprites.png) no-repeat  0 -36px !important;width:30px !important;height:30px !important}

.detailNote {
	font: 500 0.75em/1em 'Lato', sans-serif;
	text-transform: uppercase;
	color: #9B9AA0;
	display:block;
	margin-bottom:10px;
}


.detailNote.all {
	float:right;
}
/* CONTACT */ 
.page-contact article.post {
	margin:0 auto;
	width:60%;
}

.page-contact form {
	margin-top:57px;
}

#main .gfield_label, .gform_validation_container {
	display:none;
}


input[type=text], input[type=email],textarea {
	overflow:hidden;
	background:#e5e3e7;
	border:none;
	-webkit-border-radius:5px;
	-webkit-box-shadow: inset 0px 3px 8px 0px rgba(90, 90, 90, .45);
	box-shadow: inset 0px 3px 8px 0px rgba(90, 90, 90, .45);
	font:300 italic 0.95em/1em 'arapey',serif;
	color:#747084;
	padding:15px;
	width:472px;
	margin-bottom:12px;
	text-shadow: 0px 1px 0px #fff;
        filter: dropshadow(color=#fff, offx=0, offy=1);
}

input[type=submit] {

	font: 500 0.875em/1em 'Lato', sans-serif;
	padding: 10px 22px;
	border:1px solid #cecece;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	color:#333333;
	text-transform: uppercase;
	width: 100px;
	display: block;
	text-align: center;
	overflow: hidden;
	text-shadow: 0px 1px 0px #fff;
	        filter: dropshadow(color=#fff, offx=0, offy=1);
	background-image: linear-gradient(bottom, rgb(209,209,209) 12%, rgb(223,221,221) 56%, rgb(234,231,231) 78%);
	background-image: -o-linear-gradient(bottom, rgb(209,209,209) 12%, rgb(223,221,221) 56%, rgb(234,231,231) 78%);
	background-image: -moz-linear-gradient(bottom, rgb(209,209,209) 12%, rgb(223,221,221) 56%, rgb(234,231,231) 78%);
	background-image: -webkit-linear-gradient(bottom, rgb(209,209,209) 12%, rgb(223,221,221) 56%, rgb(234,231,231) 78%);
	background-image: -ms-linear-gradient(bottom, rgb(209,209,209) 12%, rgb(223,221,221) 56%, rgb(234,231,231) 78%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.12, rgb(209,209,209)),
		color-stop(0.56, rgb(223,221,221)),
		color-stop(0.78, rgb(234,231,231))
	);
}

input[type=submit]:hover {
		color:#6facc6;
}		

/* COLLABORATORS */ 

ul.collabs h5 {
	font: 500 1.125em/0.976805em 'Lato', sans-serif;
}
ul.collabs h6{
	display:block;
	font: 300 italic .8125em/1.5em 'Arapey', sans-serif;
	margin-bottom:13px;
}
ul.collabs {
	overflow:hidden;
}

ul.collabs li {
	width:48%;
	float:left;
	padding-top:50px;
	height:330px;
}

ul.collabs li:nth-child(even) {
	margin-left:4%;
}

ul.thanks li {
	float:left;
	width:18%;
	margin-bottom:3%;
	padding-left:2%;
}

ul.thanks li:nth-child(5n+1) {
	padding-left:0;
}

hr + h2 {
	margin:40px 0;
}

/* BUG BOXES */

.page-template-page-full-php #main img{
	float:left;
	margin:0 54px 42px 0;
}

.page-template-page-full-php p.emphasis {
	font-size:1.1875em;
	margin-top:48px;
	font-weight:500;
	text-transform: uppercase;
}


h2.subsectionTitle {
	clear:left;
	margin:0 auto;
	padding:0 0 25px;
	text-align:center;
	max-width:50%;
	border-bottom:1px solid #cccccc;
	-webkit-box-shadow: 0px 1px 1px 0px #fff;
	box-shadow: 0px 1px 1px 0px #fff;
}

h2.subsectionTitle + p, .page-contact p, .page-template-page-full-php #gform_wrapper_1{
	width:50%;
	margin:19px auto 0;
}

h2.subsectionTitle + p, .page-contact p, .page-template-page-full-php #gform_wrapper_2{
	width:50%;
	margin:19px auto 0;
}

#gforms_confirmation_message {
	margin: 100px auto;
	width: 70%;
	font-size: 2em;
	line-height: 2em;
}


/* IE */

html.lt-ie9 #content ul.collabs li  {
	width:46%;
	margin-right:4%;
	height:360px;
}