/* @override 
	http://localhost:8888/wp-content/themes/klor_v3-10/style.css */


/*

------------------------------------------------------------------------
Theme Name:Klor v3.10
Version:1.0
------------------------------------------------------------------------
*/
/*
-----------------------------------------
RESET
----------------------------------------- 
*/


*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight: 400}
ol, ul, li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight: 400}
q:before, q:after{content:''}

strong{font-weight: bold}
em{font-style:italic}

h1, h2, h3, h4, h5, h6{ text-decoration: none; }
font-family: "Apercu";

/*
-----------------------------------------
ISOTOPE FILTERING
----------------------------------------- 
*/

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

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

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}



/*
-----------------------------------------
LAYOUT
----------------------------------------- 
*/
.aligncenter{display:block; margin:0 auto}
.alignleft{float:left}
.alignright{float:right}
.floatLeft{float:left}
.floatRight{float:right}
.clear{clear:both}

/*
-----------------------------------------
STRUCTURE
----------------------------------------- 
*/
html, body{height:100%;
	background-color: #fff;
	/*
	background-color: #f5f5f5;
	*/
}

body{color:#222; margin:0 auto -80px; text-align:center;
	/*font: 1em 'Inconsolata', sans-serif;*/
	font: 1.01em 'Apercu', sans-serif;
	
}
/*
-----------------------------------------
TOP
----------------------------------------- 
*/
#header {
	height: 180px;
	border-bottom: 1px solid #000000;
	z-index: 100;
	/* position: fixed; */
	top: 0;
	width: 1300px;
	background-color: #fff;
}
#header-logo{
	padding-top: 80px;
	float: left;
}
#header-cat-nav{float: right;
	padding-top: 80px;
}
#header-page-nav{float:right; margin-top: 17px;
	
}
h1.logo a{float:left; }

#page-nav, #cat-nav{
}

#page-nav ul, #cat-nav ul, filters{float:left; list-style-type:none; width:100%}

#page-nav li, #cat-nav li{display:inline;}

#cat-nav a:link, 
#cat-nav a:visited{color: #0418f5; text-decoration:none;
	margin-left: 10px;
}
#page-nav a:link, 
#page-nav a:visited
{color:#0418f5; text-decoration:none;
	margin-left: 10px;
}

#cat-nav a:hover, #page-nav a:hover{color: #000;
}

/*
-----------------------------------------
filters
----------------------------------------- 
*/

.filter-nav{
}

.filter-nav ul, ul{float:left; list-style-type:none; width:100%}

.filter-nav li, li{display:inline;}

.filter-nav a:link, 
.filter-nav a:visited{color: #0418f5; text-decoration:none;
	margin-right: 10px;
}

.filter-nav a:hover, a:hover{color: #000;
}


.filters-wrap{float: right; list-style-type:none; width:100%
	margin-top: 0;
	margin-bottom: 40px;
	
}


/*
-----------------------------------------
page
----------------------------------------- 
*/


#page-wrap{
width: 1300px;  
height:auto !important; 
height:100%; 
padding-left:10px; 
padding-right:10px; 
text-align:left;
margin-right: auto;
margin-left: auto;
}

.content-wrapper{width: 100%; float:left; position: relative;
	padding-top: 10px;
}

.content-page{width: 100%; float:left;position: relative;
	padding-top: 240px; padding-bottom: 50px;
}

.content-pagetext{width: 100%;
	padding-top: 30px;
}

div.one_half { width: 600px; float: left;
	margin-right: 40px;
}

div.one_half.last_column {width: 600px;
	margin-right: 0;
}

.content{width: 100%; float:left}
  

.client {float: left;
	padding-bottom: 10px;
}
.social-sharing{float: right;
	padding-bottom: 10px;
}
.video-wrapper{
	margin-bottom: 15px;
	width: 100%;
}
/*
-----------------------------------------
IMAGES
----------------------------------------- 
*/
a img{border:none;
}

p img {
	margin-bottom: 10px;
}

img.size-auto,
img.size-full
img.size-large,
img.size.medium,
.attachment img,
#sidebar img,
.wp-caption, 
img {
	max-width: 100%;
	height: auto;
}

img.aligncenter,
.wp-caption.aligncenter{
	margin: 0 auto 1.5em auto;
	max-width: 100%;
	height: auto;	
}
.img-border-grey{
	border: 1px solid silver;
}

/*
-----------------------------------------
TYPOGRAPHY
----------------------------------------- 
*/
p{color: #0418f5; font-size:1.2em; line-height:1.5; text-align: left; clear: left;
padding-bottom: .7em;
}

.content-wrapper p {
	padding-top: 30px;
	padding-bottom: 90px;
}

p a{  text-decoration: none; color:0418f5;}

p a:hover{ text-decoration: none; color: #000;
	
}

h1{ font-size:1.4em; font-weight: 700}

h2{color: #0418f5; font-size:1.8em; line-height:1.4; text-align: left; clear: left;
margin-bottom: 0.9em;
}
	
	



h3 {
	font-size: 1.5em;
	color: #000;
	text-decoration: none;
	/*margin-top: -10px;*/
	padding-bottom: 4px;
	line-height: 1.1em;
}


h4, #cat-nav, #page-nav, #filters-wrap {	
	line-height: 1.3em;
	font-weight: 400;
	font-style: normal;
	font-size: 0.9em;
	color: #000;
	text-decoration: none;
}

h4 a, h4 a:visited{
	color: #0418f5;
	text-decoration: none;
}
h4 a:hover{
	color:  #000;
}


h5 {
	font-size: 1.4em;
	color: #000;
	text-decoration: none;
	padding-bottom: 4px;
	line-height: 1.1em;
}




h2 a, h2 a:visited{ color: black; text-decoration: none; }
h2 a:hover{ color: #ffd400; }


.post ul li, 
.post ol li{font-size:1.2em; list-style-type:square; margin:5px 0 5px 15px}

#reply{border-bottom:4px solid #C9C9C9; color:#222; font-size:1.8em; margin-top:28px; margin-bottom:16px; padding-bottom:4px}


/*
-----------------------------------------
SLIDESHOW
----------------------------------------- 
*/

#slider {
padding-bottom: 30px;
}




/*
-----------------------------------------
THUMBNAILS
----------------------------------------- 
*/

.grid{width: 102%;
margin-top: 70px;
}

.box{margin-right: 12px; padding-bottom: 5px;
	float:left;
	
}

.box img{ }

.thumbnail-title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 0px;
	margin-top: 2px;
	padding-bottom: 21px;
}
.thumbnail-cat {
	margin-bottom: 21px;
}

/*

-----------------------------------------
FOOTER
----------------------------------------- 
*/
#push{height:80px}

.end_of_post{width: 100%;
	padding-top: 10px;
	padding-bottom: 40px;
}

#footer{padding-top: 10px; border-top: 1px solid #000; width: 100%;
	padding-bottom: 15px;
	margin-top: 20px;
	text-align: center;
	font-size: 0.9em; color: #0418f5; margin-bottom:0 px	; margin-top:10 px; 
	padding-right: 12px;text-decoration:none;
	padding-bottom: 1px;
	padding-bottom: 5px;
	
}
#footer-info {
	padding-bottom: 30px;
	padding-top: 10px;
}

#footer-social {
	margin-bottom: 30px;
}

#footer, #footer a, #footer a:visited{color: #0418f5; text-decoration:none
}

#footer a:hover{color: #000; text-decoration:none
}

.clients{
	margin: 200px;
}

/*
-----------------------------------------
MASONRY
----------------------------------------- 
*/






/*
-----------------------------------------
MEDIA
----------------------------------------- 
*/

/* 
-----------------------------------------
3 COLUMN DESKTOP
----------------------------------------- 
*/

@media only screen and (max-width: 1320px) {
	#page-wrap{width: 972px;}
	
	#header {
		width: 972px;
	}
	
	div.one_half {
		width: 460px; float: left;
		margin-right: 40px;
	}
	
	div.one_half.last_column {
		width: 450px;
		margin-right: 0;
	}
	
}
/* 
-----------------------------------------
2 COLUMN DESKTOP
----------------------------------------- 
*/

@media only screen and (max-width: 984px) {
	#page-wrap{width: 644px;}
	
	#header {
		width: 644px;
	}
	
	div.one_half {
		width: 310px; float: left;
		margin-right: 20px;
	}
	
	div.one_half.last_column {
		width: 310px;
		margin-right: 0;
	}
	
}

/* 
-----------------------------------------
1 COLUMN DESKTOP
----------------------------------------- 
*/

/*
@media only screen and (max-width: 668px){
	
	#page-wrap{width: 300px;}
	
	#header {
		height: 100px;
		padding-top: 20px;
	}
	
	#header-cat-nav{
		float:left;
		margin-left: 0;
		width: 100%;
		border-top-style: solid;
		border-top-width: 1px;
		padding-top: 15px;
}

	#header-page-nav{
		float:right; 
		margin-top: 17px;
		}
		
	#cat-nav a:link, 
	#cat-nav a:visited{color:#000; text-decoration:none;
		margin-left: 0px;
		margin-right: 13px;
		font-weight: bold;
	}

	#page-nav a:link, 
	#page-nav a:visited
		{color:#000; text-decoration:none;
		margin-left: 15px;
		margin-right: 0px;
		font-weight: bold;
	}

	.grid-item{width: 300px; margin-right: 12px;float:left;
	margin-bottom: 15px;
	}	
*/

/* 
-----------------------------------------
2 COLUMN IPHONE 548PX
----------------------------------------- 
*/
/*
@media only screen and (max-width: 688px) {
	#page-wrap{width: 94.186046511628%;padding-left:2.906976744186%; padding-right:2.906976744186%;
	}
	body {
		-webkit-text-size-adjust: none;
		
	}
	#header {
		position: relative;
	}
	
	
	.content-wrapper{width: 100%; float:left;
		padding-top: 0;
	}
	
	
	#footer{padding-top: 10px; border-top: 1px solid #000; width: 94.186046511628%;
		;
		padding-bottom: 15px;
		margin-top: 20px;
	}
	
	
	.thumbnail-title{
		height: 32px;
	}
	
	
		#header {
		height: 100px;
		padding-top: 20px;
		width: 100%;
	}
	
	#header-cat-nav{
		float:left;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		border-top-style: solid;
		border-top-width: 1px;
		padding-top: 15px;
	}

	#header-page-nav{
		float:right; 
		margin-top: 17px;
		}
		
	#cat-nav a:link, 
	#cat-nav a:visited{color:#000; text-decoration:none;
		margin-left: 0px;
		margin-right: 13px;
		font-weight: 700;
	}

	#page-nav a:link, 
	#page-nav a:visited
		{color:#000; text-decoration:none;
		margin-left: 15px;
		margin-right: 0px;
		font-weight: 700;
	}

	.grid-item{width: 48%;
		margin-right: 2%; 
		float: left;
		margin-bottom: 15px;
	}	

	div.one_half {
		width: 48%; float: left;
		margin-right: 2%;
	}
	
	div.one_half.last_column {
		width: 48%;
		margin-right: 0;
	}
	
	

}

/* 
-----------------------------------------
1 COLUMN IPHONE - 320PX
----------------------------------------- 
*/

@media only screen and (max-width: 650px) {
	
#page-wrap{width: 300px;
	}
	
.content-wrapper{width: 100%; float:left;
	padding-top: 0;
}


.content-page{width: 100%; float:left;position: relative;
	padding-top: 10px;
}

h3{
}

#header {
	position: relative; width: 300px;
	height: 50px;
	border-width: 0;
}
#header-logo{
	padding-top: 0px;
	float: left;
	padding-bottom: 20px;
}


#header-cat-nav{
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin-bottom: 10px;
}

#header-page-nav{
	margin-top: 0px;
	
}
	
#cat-nav a:link, 
#cat-nav a:visited{color:#000; text-decoration:none;
	margin-left: 0px;
	margin-right: 13px;
	font-weight: 400;
}

#page-nav a:link, 
#page-nav a:visited
	{color:#000; text-decoration:none;
	margin-left: 0px;
	margin-right: 13px;
	font-weight: 400;
}


#filters-wrap{float: right; list-style-type:none; width:100%; height: 50px;
padding-top: 30px;
padding-bottom: 20px;
border-bottom: 1px solid black;
	
}

#filters-wrap li{display:inline;}

#filters a:link, 
#filters a:visited{color: #000; text-decoration:none;
	margin-left: 0px;
	margin-right: 10px;
}
#filters a:link, 
#filters a:visited
{color:#000; text-decoration:none;
	margin-left: 10px;
	margin-right: 0px;
}

#filters a:hover, #filters a:hover{color: #555;
}


.thumbnail-title{
	height: 100%
}

.grid-item{width: 300px; 
	margin-right: 12px;float:left;
margin-bottom: 15px;
}	

div.one_half {
	width: 100%; float: left;
	margin-right: 40px;
}

div.one_half.last_column {
	width: 100%;
	margin-right: 0;
}

body {
	-webkit-text-size-adjust: none;
	
}
}

*/