/*
Theme Name: LifeGate Church
*/

/* main elements */
.post-content {padding-bottom: 0;}
.post {
	padding-bottom: 15px;
}
.post h1{
	font-size: 24px;
	line-height: 26px;
	margin:0 0 15px !important;
}
.post h2 {
	font-size: 22px;
	line-height: 24px;
	font-weight: normal;
	color: #00a4e2;
	margin:0 0 5px!important;
}
.post h2 a{
	color: #00a4e2;
}
.post p{
	font-size: 17px;
	margin: 0 0 15px;
}
.navigation {
	width: 100%;
	overflow: hidden;
	padding: 0 0 5px;
}
.navigation .prev{
	float: left;
	padding-right: 30px;
}
.navigation .next{
	float: right;
	padding-left: 30px;
}
.respond{
	overflow: hidden;
	padding: 0 0 30px;
}
.respond h2{
	font-size: 19px;
	line-height: 25px;
	margin: 0 0 5px !important;
}
.respond p{margin: 0 0 5px !important;}
.respond dl{margin: 0;}
.respond dt{display: block;}
.respond dd{
	margin: 0;
	overflow: hidden;
}
.respond textarea {
	border:1px solid #dddfe0;
	background:#fff;
	padding:5px;
	width:500px;
	height:116px;
	min-height:116px;
	font-size:15px;
	line-height:18px;
	overflow:auto;
	color: #444441;
}
.respond .btn {
	font-size:17px;
	line-height:24px;
	font-weight:normal;
	color:#fff;
	text-transform:uppercase;
	background:#a8a8a8;
	border:1px solid #9b9b9b;
	width:150px;
	height:31px;
	-webkit-transition:all .3s;
	transition:all .3s;
	padding:1px 0 0;
	margin: 5px 0 0 0;
	display:block;
}
.respond .btn:hover {
	cursor:pointer;
	background:#cdcdcd;
}
.comments{padding: 0 0 10px;}
.comments h2{
	font-size: 24px;
	line-height: 28px;
	margin: 0 0 15px;
}
.commentlist{
	margin: 0;
	padding: 0 0 0 25px;
	list-style: none;
}
.commentlist .comment{
	width: 100%;
	overflow: hidden;
	padding-bottom: 5px;
}
.commentlist .comment p{margin: 0 0 5px !important;}
.commentlist .comment img{
	float: left;
	margin: 0 5px 5px 0;
}
.commentlist ul{
	padding: 0 0 0 20px;
	margin: 0;
	list-style: none;
}
.commentlist ul li{padding: 0;}
.commentlist ul li:before{display: none;}
@media screen and (max-width: 840px){
	.respond textarea{
		width: 380px;
	}
}
@media screen and (max-width: 600px){
	.respond textarea{
		width: 260px;
	}
}