/*
Module Name: blog-pg (Main CSS)
Author: Jushua F. Fata-ek
Author URL: http://prosoft-phils.com/
*/

.main_background {
	background-color: #EAEAEA;
}

.blog-pg{
	padding-top: 15%;
	background-image: url("../img/blog-bg.jpg");
	background-repeat: no-repeat;
	background-size: 100% 35%;
	padding-bottom: 5%;
}

.row {
	width: 100%;
	margin:auto;
}

.col-lg-6 h1 {
	font: 45px/64px Nunito Sans BoldItalic;
	color: #000000;
}

.sort-by label{
	font: 15px/35px Nunito Sans Regular;	color: #000000;
}

.sort-by select {
	width: 130px;
	padding-top: 0px;
	text-decoration: underline;
	font: 15px/35px Nunito Sans Bold;
	color: #000000;
	background-color: transparent;
	outline: 0px;
	border: none;
	box-shadow: none;
}

.search-div {
	width: 100%;
	height: 43px;
}

.search-div input {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 28px 0px 0px 28px;
	border:none;
	height: 100%;
	padding-left:15px;
	width: 90%;
}

.search-div input::placeholder {
	font: 15px/35px Nunito Sans Regular;
	color: #767676;
}

.search-div i {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	display: block;
	cursor: pointer;
	border-radius: 0px 28px 28px 0px;
	border:none;
	height: 100%;
	display: flex;
	align-items: center;
	padding-right:15px;
}

/*Start Blog Images*/
	div.blog-image-con {
		height:320px;
		overflow:hidden;
		position: relative;
		background:#007070;
	}
	.col-lg-4 div.blog-image-con img {
		position: absolute;
		height: 100%;
		display: block;
		justify-content: center;
		align-items: center;
		margin: auto;
		width: 100%;
	}

	.blog-con {
		padding: 3%;
	}

	label.blog-title {
		font:24px/34px Nunito Sans Bold;
		color: #007070;
	}	

	label.blog-author {
		font: 19px/26px Nunito Sans Bold;
		color: #000000;
	}

	label.blog-upload-date {
		font: 13px/19px Red Hat Display Regular;
		color: #000000;
	}

	p.content {
		font: 17px/24px Red Hat Display Regular;
		color: #000000;
		margin-top: 20px;
		margin-bottom: 20px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-wrap: break-word;
	}

	.blog-con button {
		padding: 0px;
		text-align: left;
		background: inherit;
		text-decoration: underline;
		font: bold 15px/35px Nunito Sans Bold;
		color: #000000;
	}
/*End Blog Images*/
/*Start paging and archive style*/
	ul.page {
		padding-top: 5%;
		padding-bottom: 5%;
	}

	ul.page,
	.archive-div ul {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	ul.page li {
		font: 15px/35px Nunito Sans Regular;
		color: #000000;
		text-transform: uppercase;
		padding-left: 1%;
		padding-right: 1%;
	}

	ul.page li.active {
		text-decoration: underline;
		font-family: Nunito Sans Bold;
	}

	.archive-div {
		text-align: center;
		display: flex;
		flex-direction: column;
	}

	.archive-div label{
		width: 100%;
		font: 35px/49px Nunito Sans BoldItalic;
		color: #000000;
		margin-left:2%;
	}

	.archive-div ul {
		margin-bottom: {
			3%;
		}
	}

	.archive-div ul li{
		padding-left: 1%;
		padding-right: 1%;
		text-decoration: underline;
		font: 25px/35px Red Hat Display Regular;
		color: #000000;

	}
/*End paging and archive style*/