/*  
Theme Name: Filtered
Theme URI: http://themetrust.com/themes/filtered
Description: A Responsive Portfolio Theme
Version: 2.0.3
Author: Theme Trust
Author URI: http://themetrust.com
Tags: portfolio, responsive, clean, minimal, white, two-columns, fixed-width, custom-background, threaded-comments, translation-ready, custom-menus

TABLE OF CONTENTS

01 - Reset
02 - Global 
03 - General Layout
04 - Header
05 - Content
06 - Slideshow
07 - Buttons
08 - Sidebar
09 - Widgets
10 - Comments
11 - Pagination
12 - Footer
13 - Backgrounds
14 - Media Queries
*/

/* ///////////////////////////////////////////////////////////////////// 
//  01 - Reset
/////////////////////////////////////////////////////////////////////*/

body input[type=text].wpcf7-not-valid, body input[type=email].wpcf7-not-valid, body input[type=tel].wpcf7-not-valid, body textarea.wpcf7-not-valid {
border: 1px solid #ec3c06;
}

body span.wpcf7-not-valid-tip {
display: block;
color: #ec3c06;
border: none;
position: relative;
top: auto;
left: auto;
padding: 0;
margin-top: 2px;
background: none;
font-size: 15px;
}

body div.wpcf7-validation-errors {
background: #ffe2e2;
border: 1px solid #ff8a8a;
color: #ec3c06;
}

body div.wpcf7-response-output {
margin: 10px 0;
padding: 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-radius: 5px;
}

body .wpcf7-mail-sent-ng {
background: #fff2e2;
border: 1px solid #ffbc8a;
color: #e17731;
}

body .wpcf7-mail-sent-ok {
background: #e8ffe2;
border: 1px solid #6fdf51;
color: #1ea524;
}

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {	
	clear: both;
}
ul {
	list-style: none;
}

blockquote {
	quotes: none;	
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }

html {height: 101%;}

input[type="submit"]::-moz-focus-inner {border:0;}
input[type="submit"]::-webkit-focus-inner {border:0;}

.homeSection img,
.post p img,
.page p img,
.project p img,
.postThumb,
div.wp-caption img {
	max-width: 100% !important;	
	height: auto;
}

.wp-caption {
	max-width: auto !important;	
}

.wp-caption-text {
	padding: 5px 0 0 0;
	font-style: italic;
}

/* ///////////////////////////////////////////////////////////////////// 
//  02 - Global 
/////////////////////////////////////////////////////////////////////*/

body {
	font-size: 100%;
	font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;	
	width:auto; height:auto;	
	padding: 2.5% 0;
	margin: 0;
	color: #7d7d7b;		
}

p {
	line-height: 1.7em;
	font-size: .75em;
	margin: 0 0 20px 0;	
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content ol {font-size: 0.75em;}

li {
	margin: 0 0 0 0;
	padding: 0;
}

img {
	margin: 0;
}

img.noBorder{
	padding: 0;
	background: none;
	border: none;
}

img.left {
	margin: 0 15px 15px 0;
	float: left;
}

a {
	text-decoration: none;
	outline: none;
}

a{	
	color: #da9753;	
}

a:hover {
	color: #cb8139;	
}

a img {
	border:none;
}

h1, h2, h3, h4, h5, h6{	
	color: #696969;	
	margin: 0 0 15px 0;
	font-weight: normal;
}

blockquote, address {
	margin: 0 0 30px 0;
	padding: 0 30px 0 30px;	
	font-style: italic;
	font-size: 1.2em;
	font-family: "Droid Serif", Georgia, Times, "Times New Roman", serif;	
}

code {
    font-family: "Courier New", Courier, serif;
	overflow: auto;
	padding: 2px;
	background: #fff;
}

pre code {
	background: none;
}

pre {
    margin: 0 0 20px;
	padding: 10px;
	background: #fff;
	overflow: auto;	
	border: 1px solid #e4e4e4;
}

.left {
	float: left;	
}

.right {
	float: right;	
}

.meta {
	color: #b0b0ad;
}

.meta a{
	color: #7d7d7b !important;
}

.meta a:hover{
	color: #b0b0ad !important;
}

input[type="email"], input[type="text"], textarea {
	background-color: #ebebeb;
	border: none;
	padding: 10px;
	font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #6a6a6a;			
}

input[type="email"]:focus {outline: none; background: #f4f4f4;}
input[type="text"]:focus {outline: none; background: #f4f4f4;}
textarea:focus {outline: none; background: #f4f4f4;}

textarea { width: 80%; font-size: 1em;}

.wp-caption {max-width: 100%;}

/* Clearfix ----------- */

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

a.action {	
	font-style: italic;
	font-family: "Droid Serif", Georgia, Times, "Times New Roman", serif;	
}

/* Isotope ----------- */

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}




/* //////////////////////////////////////////////////////////////////////
//  03 - General Layout 
//////////////////////////////////////////////////////////////////////*/

#container {	
	max-width: 60em;
	margin: 0 auto;	
	background: #fff;
	border: 1px solid #cccdce;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
}

#header {
	max-width: 60em;
	margin: 0 auto;	
}

#main {
	max-width: 60em;
	margin: 0 auto;
	padding: 0 0 0 0;		
}

#main.full {
	background: none;
}

#content {		
	padding: 0 0 0 0;		
	float: left;
	margin: 0 0px 0 0;
	position: relative;	
}

#sidebar {
	width: 29.2%;
	float: right;
	margin: 0;
	padding: 0;		
}

#footer {
	width: 100%;
}

#sidebar  .oneThird{
	width: 100%;
}

.oneThird {
	width: 30.7%;	
}

.twoThird {
	width: 58%!important;	
}

.full {
	width: 100%;
}


/*////////////////////////////////////////////////////////////////////////
//  04 - Header
///////////////////////////////////////////////////////////////////////*/

#header{	
	padding: 5.25% 0;
	position: relative;
	z-index: 2;	
}

#logo {		
	float: left;	
	margin: 0px 25px 0px 4%;
	font-size: 20px;
	font-weight: bold;
}

#header h1 {
	font-size: 35px;	
	padding: 10px 0 0 0;
	color: #575757;
	font-family: "Droid Serif", Georgia, Times, "Times New Roman", serif;
	line-height: 1px;		
}

#header h1.logo {	
	padding: 0;
	margin: 0;	
}

#header h1 a, #header h1 a:hover{	
	color: #575757!important;	
}

#mainNav{	
	font-size: .75em;
	right: 4%;	
	position:absolute; top:50%; height:20px; margin-top:-10px;	
	text-transform: uppercase;	
}

#mainNav li{
	margin: 0 0 0 25px;	
	display: inline-block;
	padding-top: 0;	
}

#mainNav li a{
	line-height: 25px;
}

#mainNav ul ul a{
	line-height: 15px;
}

#mainNav ul ul {
	background: #363636;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	border-radius: 5px;
}

#mainNav li.current a,
#mainNav li.current-cat a,
#mainNav li.current_page_item a,
#mainNav li.current-menu-item a,
#mainNav li.current-post-ancestor a,
#mainNav li.current_page_parent