/*
 Theme Name:     Wilson Kempa Child Theme
 Theme URI:      http://www.kempa.com/
 Description:    Wilson Kempa Child Theme
 Author:         Adam Kempa
 Author URI:     http://www.kempa.com/
 Template:       wilson
 Version:        1.0.0
*/

@import url("../wilson/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

a.titleImage{
	background-image: url("images/kempaDotComLogo.gif") !important;
	width: 100% !important;
	max-width: 300px !important;
	background-position:50% 50% !important; 
	background-repeat:no-repeat !important; 
	display:block !important; 
	text-indent:-9999px !important;
	background-size: 100% !important;
}

.searchform input:focus {
	color: #fff !important;
}

.archive-nav.post-nav a {
	margin: 5px 0 !important;
}

.blog-menu a {
	overflow: hidden !important;
}

.post-inner {
	padding: 10% !important;
}

.smart-archives p{
	width: 100%;	
	float: left;
}

.year-link{
	width: 16%;
	float: left;
	background-color: rgba(106,116,128,1);
	height: 100px;
	line-height: 100px;
	text-align: center;
	color: #fff;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.year-link:hover{
	text-decoration: none !important;
	color:rgba(106,116,128,1);
	background-color: #fff;
}

.smart-archives p span{
	width: 14%;	
	float: left;
	text-align: center;
	background-color: rgb(53, 62, 73);
	height: 50px;
	line-height: 50px;
}

.month-link{
	width: 100%;
	float: left;
	height: 50px;	
}

.month-link:hover{
	text-decoration: none !important;
	color:rgba(106,116,128,1);
	background-color: #fff;

}


.empty-month{
	color: rgba(106,116,128,1);
	background-color: rgba(106,116,128,1);
}

.smart-archives p span.empty-month:nth-child(2){
   display: none;
}

@media (max-width: 788px){

	a.titleImage {
		width: 60% !important;
		margin-left: 20% !important;
		max-width: 300px !important;
		line-height: 40px;
	}
}
	
@media (max-width: 650px){
	.year-link{
		width: 32%;
		height: 150px;
		line-height: 150px;
	}
	
	.smart-archives p span{
		width: 17%;	
	}
	
	.credits-left{ float: left !important;}
	
	.credits-right{ float: right !important;}
	
}