/*
Theme Name: _tk PerryJohnson
Theme URI: http://themekraft.com/store/_tk-free-wordpress-starter-theme-based-on-twitter-bootstrap/
Template: _tk-master
Author: Perry Johnson
Author URI: http://perryjohnson.net/
Description: Hi, I am the ultra minimal starter theme _tk, ready for your next awesome WordPress project! I am the most seamless and minimalistic integration of Twitter Bootstrap Framework into the _s starter theme from Automattic, the guys behind WordPress. You can find me on GitHub. Fork me! I'm waiting for you ;)
Tags: gray,light,two-columns,right-sidebar,responsive-layout,custom-background,custom-colors,custom-header,custom-menu,featured-images,flexible-header,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.1.10.1495117209
Updated: 2017-05-18 14:20:09

*/
@import url(fonts/TerminalDosisLight/stylesheet.css);
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body{
	background:url(images/bg_body.jpg);
	font-family: 'Open Sans', sans-serif;
	color:#777;
}

.container{
	width:100%;
}
.main-content{
	background:url(images/bg_content.jpg);
}
h1,h2,h3,h4,h5,h6,nav,nav.show-for-small-only a,.off-canvas-list a,li.menu-item a,.top-bar a{
	font-family:TerminalDosisLight;
}
p{
	max-width:800px;
}
p img{
	margin:2rem !important;

}
.navbar{
  background:none;
  border:none;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
  background:none;
}
nav#navbar-collapse.navbar-collapse.collapse.in,nav#navbar-collapse.navbar-collapse.collapsing{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dddddd+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */

  -webkit-box-shadow: 0px 22px 30px -16px rgba(0,0,0,0.33);
  -moz-box-shadow: 0px 22px 30px -16px rgba(0,0,0,0.33);
  box-shadow: 0px 22px 30px -16px rgba(0,0,0,0.33);
  border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
}
.navbar-brand{
  font-size:4rem;
}
.site-navigation{
  text-transform: lowercase;
  font-size:2rem;
}
.page-title, h1.entry-title{
  text-transform: lowercase;
  margin-bottom:2rem;
	padding:1.5rem ;
}
.home .page-title{
	display:none;
}
.item .page-title{
  margin:1rem 0;
}
.site-navigation{
  position:fixed;
  z-index:10;
}
.main-content{
  padding-top:3rem;
}
#masthead{
	display:none;
}
.site-navigation{
	background:url(images/bg_top-bar.png) transparent;
	background-position: center -30px;
	width:100%;
	height:70px;
}

@media (min-width:1025px) { /* was 1224 */
  .site-navigation {
    width:250px;
  }
  .site-navigation .container,.navbar{
    width:250px;
  }

  .main-content .container, .site-footer{
    padding-left:250px;
  }
  .site-navigation li{
    display:block;
    width:100%;
  }
	.page-title, h1.entry-title{
		padding:0 ;
	}
	.navbar-nav li{
		transition: all 0.5s ease;
	}
	.navbar-nav li:hover{
		padding-left:1rem;
	}

}
.btn{

}
.btn:hover{
	background:silver;
	color:white;
}
.subpagenav a{

}


.button ,.btn, .subpagenav a{
	font-family:TerminalDosisLight;
	padding:1rem;
	background:#cecece;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	border-radius:1rem;
	xtext-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);

	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
	border:1px solid white !important;
	color:#666666;
}

.button:hover,.btn:hover, .subpagenav a:hover, input.button:hover{
	color:white !important;
	background:#666666;
	text-decoration:none;
}


.subpagenav ul, .subpagenav li{
	display:inline;
}
.subpagenav .current_page_item > a{
	border:1px solid silver;
}


.home .entry-header{
  display:none;
}
.home .main-content, .home .main-content .container{
  padding-top:2rem;
}
.entry-summary,.entry-meta{
	padding-left:1.5rem;
}
.entry-meta{
	margin-bottom:0.5rem;
}
.site-footer aside{
	width:100%;
	padding:2rem;
}
.quotescollection-quote{
	padding:3rem 1rem;
	max-width:300px;
}





.masonry {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
		clear:both;
}

.item {
    display: inline-block;
		background: #fff;
    padding: 0em;
    margin: 0 0 1.5em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.item img.wp-post-image{
	display:block;
	margin:auto;
}

figure{
  width:100%;
	position:relative;
}
figure img{
  display:block;
  margin:auto;
}
figure figcaption{
  text-align:center;
}
figure.normal h3{
  display:inline;
  font-size:2rem;
  margin:0;
}

figure h4{
  font-size:1.5rem;
  margin:0;
  margin-bottom:1rem;
}
figure .pj-image-article{
  text-align:left;
  font-size:1.5rem;
  line-height:2rem;
  max-width:500px;
  margin:auto;
  padding:0 1rem;
}

figure .sold{
	position:absolute;
	right:5px;
	bottom:5px;
	width:40px;
	height:40px;
	z-index: 10;
}

figcaption p{
	text-align:left;
}
@media only screen and (max-width: 600px) {
	.alignright{
		float:none;
		display:block;
		margin:auto;
	}
}
@media only screen and (min-width: 400px) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 700px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
	.bioList{
		background:url(images/walnut.png) center right no-repeat;
		min-height:175px;
		padding-right:160px;
		max-width:700px;
	}
	.site-footer aside{
	  	display:inline-block;
		float:left;
	  	width:33%;
	}
}

@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }

}

@media only screen and (min-width: 1100px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}
@media only screen and (min-width: 1400px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}
.featured{
  -webkit-column-span: all; /* Chrome, Safari, Opera */
    column-span: all;
    display:block;
}

.featured.hasArticle{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	-webkit-box-shadow: 0px 5px 9px -6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 5px 9px -6px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 9px -6px rgba(0,0,0,0.5);
  border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  padding-bottom:2rem;
  padding-top:0;
}
.hasArticle{
  -webkit-box-shadow: 0px 3px 18px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 3px 18px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 3px 18px 0px rgba(0,0,0,0.2);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding-bottom:2rem;
  padding-top:2rem;
}


.site-footer {

}
aside.widget_custom_cf7{
	min-width:300px;
}
.color-list{
	clear:both;
}
.color-entry{
	width:150px;
	float:left;
	height:225px;
	overflow:hidden;
	position:relative;
	margin:1rem;
	-webkit-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.2);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */

}
.colorComposition{
	line-height:1rem;
	font-size:1rem;
	padding:0.5rem;
	font-family: 'Open Sans', sans-serif !important;
}
footer .color-entry{
	-ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(3deg);
		transition: all 0.25s ease;
		-webkit-backface-visibility: hidden;
}
footer .color-entry:hover{
	-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}
.color-entry:hover div{
	top:-200px;
}
.color-entry div{
	position:absolute;
	z-index:2;
	top:0;
	transition: top 0.25s ease;
}
.color-entry img{
	margin:0;
}
.color-entry figcaption{
	z-index:1;
	position:relative;
	padding-top:25px;
}
.color-entry figcaption dt{
	display:none;
}
.color-entry figcaption .colorName{
	font-size:2.5rem;
}
.color-entry .colorDetails > dd{
	font-family:TerminalDosisLight;
}
.color-entry a:hover{
	text-decoration:none;
}

.grecaptcha-badge {
opacity: 0;
}