/*
 Theme Name:   Tempera Child Theme
 Description:  
 Author:       
 Template:     tempera
 Version:      1.0.0
 Tags:         
 Text Domain:  
*/

@import url("../tempera/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
#front-columns { margin:0; }
#front-columns > div {

	display: block;

	height: auto;

	margin-right: 5%;

	margin-bottom:30px;

	float: left; }

#front-columns > div{
	width: 30%;
}
#front-columns > div.column3{
	margin-right: 0;
}
.column1 {clear:both;}



.column-image {

	position: relative;

	-moz-box-sizing: border-box;

     -webkit-box-sizing: border-box;

     box-sizing: border-box; }

	 

.column-image img {

	display:block;

	margin:0 auto;

}

	 

.column-header-image {

font-size:24px;

margin-bottom:5px;

line-height:30px;

text-align: center;

}

.adsense{
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}
article.post{
	margin-bottom: 0;
}

article.post:before{
	content: '';
	display: block;
	height: 1px;
	background: #2A5D89;
	width: 75%;
	margin: auto auto 25px;
}
div#content article.post:first-child:before{
	display: none;
}
div#content div article.post:first-child:before{
	display: block;
}
body a.continue-reading-link{
	color: #2A5D89 !important;
	background: transparent;
	font-family: 'Lato', sans-serif;
	padding: 7px 12px 5px 12px;
	border-bottom: 0;
} 

#access #search-box-menu{
	width: 280px;
	padding: 0;
	float: right;
	margin: 4px 4px 0 10px;
	list-style: none;
}
#access #search-box-menu #searchform input[type="text"]{
	background: #353535;
	height: 30px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border: 0;
	font-weight: bold;
	font-style: italic;
}
#access #search-box-menu #searchform input[type="text"]:focus{
	font-style: normal;
}
#access #searchsubmit{
	visibility: hidden;
}
#access div.menu{
	float: left;
}
@media only screen and (max-width: 800px){
	#front-columns > div{
		width: 30% !important;
	}
	#front-columns > div:nth-child(2n+2){
		margin-right: 5% !important;
	}
	#front-columns > div.column3{
		margin-right: 0 !important;
	}
}
@media only screen and (max-width: 700px){
	#front-columns > div{
		width: 47.5% !important;
	}
	#front-columns > div:nth-child(2n+2){
		margin-right: 0 !important;
	}
	#front-columns > div.column3{
		margin-right: 5% !important;
	}
	#access #search-box-menu{
		width: 180px;
	}
}
@media only screen and (max-width: 650px){
	#access div.menu{
		float: none;
	}
	#access #search-box-menu{
		width: 280px;
		float: right;
		margin: 0 5px 10px;
	}
	#access #searchsubmit{
		color: #fff;
		visibility: visible;
		height: 34px;
	}
	#access #searchsubmit:hover{
		right: 0;
	}
}
@media only screen and (max-width: 480px){
	#front-columns > div{
		width: 97% !important;
	}
	#front-columns > div,
	#front-columns > div:nth-child(2n+2),
	#front-columns > div.column3{
		margin-right: auto !important;
		margin-left: auto !important;
	}
	#access #search-box-menu {
		width: 95%;
		float: none;
		margin: 0 auto 10px;
		padding: 0 2.5%;
	}
	.column-image {
		max-width: 225px;
		margin: 0 auto;
	}
}