/*
Theme Name: SlowClouds
Theme URI: http://slowclouds.com/
Description: A minimalist WordPress theme built with HTML5. Forked from the 1140 grid and the H5 theme. 
Version: 1.0
Author: Forrest Pekaer
Author URI: http://slowclouds.com/
Tags: minimalist, responsive, html5, development

	Structure v1.0
	http://slowclouds.com/

	The CSS, HTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-3.0.html
*/




/*	==================================================
	http://meyerweb.com/eric/tools/css/reset/ 
   	v2.0 | 20110126
   	License: none (public domain)
 	================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}



/* 	==============================
   	HTML5 RESET FOR OLD BROWSERS
	============================== */
	
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* 	==============================
   	Typography 
	============================== */
	
	
body {
	color: #333333;
	font-family: "source-sans-pro",sans-serif;
	font-size: .91em;
	font-style: normal;
	font-weight: 300;
	line-height: 1.3;
}	

nav a {
	font-family: "proxima-nova", "source-sans-pro", helvetica, sans-serif;
	font-size: 	1.1em; /* 14.6px / 16px = .9125 */
	font-weight: 400;
	text-align: right;
	text-transform: lowercase;	
}

p {	padding: 6px 0px;}
p:first-child { padding: 0 0 6px; }
p:last-child { padding: 6 0 0px; }
blockquote p:first-child { padding: 6px 0 8px 20px; max-width: 73%; }
p.quote-name { padding: 0; position: relative; top: -8px; }


h1 { font-size: 1.8em; font-weight: 400; }
h2 { font-size: 1.3em; font-weight: 400; padding: 15px 0 0px; }
h3 { font-size: 1.1em; font-weight: 400; padding: 30px 0 0px; }

body footer:last-child p {
	font-family: "proxima-nova", "source-sans-pro", helvetica, sans-serif;
	font-weight: 300;
	font-size: 0.9em; /* 12.5px / 16px = .78125 */
	color: #5c5a5b
}

b, strong { font-weight: 400; }
i, em { 
	font-style: italic;
	}
	 
blockquote p
 {
	font-family: "source-sans-pro",sans-serif;	
	font-style: italic;
	font-weight:300;
	padding: 10px 30px;
	quotes: none;
	max-width: 100%;
			
}

.wp-caption-text { color: #333; font-size: .8em; padding: 0; }	

.tagline {
	font-family: "proxima-nova", "source-sans-pro", helvetica, sans-serif;
	font-size: 1.1em;
	letter-spacing: .075em;
	line-height: 1em;
	}

aside h2 {
	font-size: 1.1em;
}

/* 	==============================
   	LINKS 
	============================== */

a:link, a:visited {
	text-decoration: none;
	color: #f57b20;
	}
a:hover, a:active {
	text-decoration: underline;
	color: #f57b20;
	}
	
nav a:link, nav a:visited, nav a:hover {
	color: #262324;
	text-decoration: none;
}

nav a:hover,
nav .current-menu-item a,
nav .current-menu-item .sub-menu li a:hover
 {
	color: #f57b20;
	font-weight: 600;
}


nav .current-menu-parent a {
	color: #f57b20;
	font-weight: 600;
}

nav .current-menu-parent .sub-menu li a  {
	color: #262324;
	font-weight: 400;
}

nav .sub-menu li.current_page_item a {
	color: #f57b20;
	font-weight: 600;
}

aside a {
	font-size: 	0.9125em; /* 14.6px / 16px = .9125 */
}

footer a:link, footer a:visited { color: #262324; }
footer a:hover { color: #f57b20;	 }



/* 	==============================
   	NAVIGATION 
   	
   	display: -webkit-box;
	-webkit-box-align: end;
	-webkit-box-pack: end;	
   	
	============================== */
.nav {
	position: relative;
	height: 627px;
}

nav { 
	position: absolute;
	bottom: 0;
	right: 20px; 
	width: 100px;
	}
	
nav li {
	padding: 2px 0;
	line-height:1.2em; 
}

.menu-main-menu-container { text-align: left;}
	

.sub-menu li {
	font-size: 0em;
	-webkit-transition: all 1.2s ease-out;
	-moz-transition: all 1.2s ease-out;
	-o-transition: all 1.2s ease-out;
	transition: all 1.2s ease-out;
	padding: 0px 0px 0 10px;
}


li:hover .sub-menu li,
.current-menu-parent .sub-menu li
 {
	font-size: 1em; /* 14.6px / 14.6px (parent element) = 1 */
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	padding-top: 2px;
	margin-top: 1px;
	
}

	
body>nav {
	background: #ddd;
	padding: 10px 0;
	}
	body>nav ul {
		text-align: left;
		margin: 0;
		}
		body>nav li {
			margin-right: 20px;
			font-weight: bold;
			display: inline;
			}
		
	

/* 	==============================
   	BASICS 
	============================== */

html,body {
    height:100%;
    width: 100%;
    overflow-x: hidden;
}

body header:first-child {
	padding: 0px 0 0 0px;
	text-align: left;
	overflow: hidden;
	clear: both;
	}



section {
	clear: none;
	padding: 0px;
	}
	
	
	
.menu {
	height: 100%;
	min-height: 100%;
}	
	
	
.logo a {
	background: url("images/logo.png") no-repeat;
	display: block;
	height: 85px;
	text-indent: -9999px;
	width: 250px;
}



.tagline {
	margin: 110px 0 0 0;
	width: 200px !important;
	
    -ms-transform: rotate(-90deg); /* IE9+ */
    -moz-transform: rotate(-90deg);  /* Firefox */
    -o-transform: rotate(-90deg);  /* Opera */
    -webkit-transform: rotate(-90deg);  /* Safari y Chrome */
    transform: rotate(-90deg);  /* Safari y Chrome */
	
	border-left: 2px solid #F57B20;
	padding: 0 0 30px 7px;
	overflow: visible;
	position: absolute;
	top:128px;
	right: -7.5%;
	z-index: 9;
}

article footer { text-align: left; }
	



/* 	==============================
   	HEADER 
	============================== */
	
.logo { 
	position: relative;
	left: -105px;
	}

body>header h1 a:link, body>header h1 a:visited {
	text-decoration: none;
	color: #ddd;
			}
			

/* 	==============================
   	POSTS 
	============================== */

article[id*=post-],
.error404 article {
	float: left;
	min-height: 530px;
	}
	
.page-template-page-custom-php article[id*=post-] {
	float: left;
	min-height: 500px;
	margin-bottom: 30px
	}	
	
article>header p, 
article>footer p {
	font-style: italic;
	}
article+nav {
	font-weight: bold;
	}
section>h1 {
	padding: 10px 0 0 33px;
	}
.single article { margin-bottom: 40px; }

.page-template-default article ul {	
	list-style-image: url("images/ul-dot.png");
	margin: 0px 20px 0;	
}

.page-template-default article ul li {
	line-height: 1.1em;	
	padding-top: 5px;	
}

.ActLikeList {
	background: #fff url("images/ul-dot.png") no-repeat 1px 6px;
	padding: 0px 17px 0;	
}

.ActLikeList: { margin-top: 8px; }

/* 	==============================
   	IMAGES
	============================== */

.alignleft {
	float: left;
	padding: 5px 20px 5px 0;
}


.alignright {
	float: right;
	padding: 5px 0px 5px 20px;
}

.home aside img { float: right; max-height: 500px; }	


/* 	==============================
   	COMMENTS 
	============================== */


article[id*=comment-] {
	margin: 15px 0;
	padding: 10px;
	}
	article[id*=comment-] h4 {
		margin: 0;
		}
	.alt {
		border: 1px solid #ddd;
		background: #eee;
		}
form[method=post] label {
	display: block;
	}
form[method=post] input {
	margin: 2px 0 12px 0;
	display: block;
	}

/* 	==============================
   	SIDEBAR 
	============================== */

aside {
	margin-top: 225px;
	overflow: hidden;
	padding-right: 3.260%; /* 30px / 920px = 0.0326 */
	float: right;
	clear: none;
	}
	
.home .sidebar-left {
	width: 44.8%;
	}
	
.sidebar-left {
	margin-top: 13px;
	padding-left: 3.260%; /* 30px / 920px = 0.0326 */
	overflow: hidden;
	float: left;

	}	
		
	
aside li { list-style: none; }
aside li ul li { list-style: disc outside; }
aside .widget { padding-bottom: 20px; }

/* 	==============================
   	FOOTER 
	============================== */

body footer:last-child {
	padding: 0;
	text-align: center;
	overflow: hidden;
	clear: both;
	}
	
.middot { padding: 0 15px; }	

/* == SEARCH == */

label[for=s] {
	display: none;
	}

/* 	==============================
   	SPECIFIC STYLES 
	============================== */
	
.blank { width: 16.9% !important; }
	
.row .custom { 
	background: #fff url("images/bg-vert-line.png") repeat-y top left;
	min-height: 100% !important; 
	padding-top: 2% !important;
	  }
.search section { padding-left: 30px; }
	
	
 /* .flexslider .slides > li {hide my bg suggestion  background: #f3f2f2 ;} */
.flex-control-nav { bottom: -25px !important; text-align: right !important; }	
.flex-control-nav li a { color: transparent; }

.flexslider .slides > li:last-child,
.flexslider .slides > li:nth-last-child(2)
 { min-height: 500px;  }
 
 .flex-control-nav li:nth-last-child(2) a { background: url("images/bg_control_nav-text.png") no-repeat !important;  }
 .flex-control-nav li:nth-last-child(2) a:hover {background-position: 0 -14px !important;}
 .flex-control-nav li:nth-last-child(2) a.active {background-position: 0 -26px !important; cursor: default;}
 
 .flex-control-nav li:last-child a { background: url("images/bg_control_nav-sustainable.png") no-repeat !important;  }
 .flex-control-nav li:last-child a:hover {background-position: 0 -14px !important;}
 .flex-control-nav li:last-child a.active {background-position: 0 -26px !important; cursor: default;}
 
 .flexslider p  { margin-right: 200px; }
 
	
/* 	==============================
   	PAGE, POST TEMPLATES 
	============================== */
	
.page-template-page-sidebar-left-php section { padding: 0; }
.page-template-page-sidebar-left-php article { float: left; padding-top: 9px; max-width: 61.95%; }
.home article { float: left; max-width: 45%; }	 
.page-template-page-custom-php article { padding: 13px 0 0 3.260%; width: 96.7%; }
.page-template-page-custom-php footer:last-child { padding-top:0px; position:relative; top:-3px; }
.page-template-default footer:last-child { padding-top:0px; position:relative; top:-3px; }
.blog .row .threecol { width: 18.05%; }
.blog article { padding-bottom: 45px; width: 100%; min-height: 0;  }

.page-template-default footer:last-child,
	.error404 footer:last-child { padding-top:12px; position:relative; top:-3px; }

	
.page-template-page-sidebar-left-php footer:last-child p { padding-top: 3px; }


/* 	==============================
   	FORMS
	============================== */
	
	div.wpcf7-response-output {
		font-size: .9em !important;
		margin: 0 !important;
		padding: 0 1em !important;
		position: relative !important;
		top: -32px !important;
		
	}	
		

/* a place for misc. styles */