/* ----------------------------------------------------
				 News & CSR Area CSS
---------------------------------------------------- */
.blog-content {
	position: relative;
}
.rightblock {
	background-color: #fafafa;
	border: 1px solid #eaeaea;
	padding: 15px;
}
.popular-post,
.newsletter {
	margin: 20px 0 30px 0;
	border-bottom: 1px solid #eaeaea;
}
.post_title,
.newsletter_title {
	padding: 15px;
	margin: 0 0 15px 0;
	color: white;
	text-align: center;
	font-family: "Arial";
	background-color: #1bbcad;
	text-transform: capitalize;
}

.popular-post .card {
	border: none;
	border-radius: 0;
	background: none;
}
.popular-post .card-body {
	padding: 8px 0 0 0;
}
@media (max-width: 991px) {
	.blog-content nav.mt-5 {
		margin-top: 1rem !important;
		margin-bottom: 50px;
	}
}
.popular-post .card-title,
.popular-post .card-text {
	margin: 0;
}
.popular-post .card-title {
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	word-wrap: break-word;
}
.popular-post .card-title:hover {
	color: #1bbcad;
}
.popular-post .card-text {
	font-size: 11px;
	font-family: "Roboto";
	color: #999 !important;
	margin-top: 3px;
}
.newsletter { }
.newsletter p {
	display: block;
	color: #4d4d4d;
	font-size: 10px;
	text-align: center;
	word-wrap: break-word;
	margin-bottom: 15px;
	letter-spacing: .5px;
}

.newsletter input.form-control {
	font-size: 14px;
}
.btn-subscribe {
	font-size: 14px !important;
	color: white !important;
	margin-left: -1px !important;
	background-color: #1bbcad !important;
}
.btn-subscribe:hover {
	color: darkgreen !important;
	box-shadow: inset 0 3px 1px rgba(0, 0, 0, 0.125);
}
.img-ads img {
	margin: 0 0 30px 0;
	border: none;
}

.single-blog {
	background: url("../../images/bg-img/lightgreen-half-square.png") bottom right no-repeat;
	background-size: contain;
}
.single-blog h5,
.single-blog p {
	color: currentColor;
	letter-spacing: .35px;
	word-wrap: break-word;
}
.single-blog h5 {
	line-height: 1.5;
}
.single-blog p {
	color: #4d4d4d;
	font-size: 17px;
	font-family: "Sarabun";
}
.single-blog img {
	display: block;
	margin: 60px auto;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
@media (min-width: 992px) {
	.single-blog img {
		width: 50%;
	}
}
@media (max-width: 991px) {
	.single-blog img {
		margin: 30px auto;
	}
}
.single-blog p:last-of-type {
	margin-bottom: 60px;
}
@media (max-width: 767px) {
	.single-blog p {
		font-size: 16px;
	}
	.blog-description .col-md-6:first-child,
	.blog-description .col-md-6.text-end {
		text-align: center !important;
	}
	.blog-description .col-md-6.text-end {
		margin-top: 10px;
	}
}

.blog-description span,
.blog-description a {
	color: #999;
	font-size: 14px;
	border-right: 2px solid #999;
	padding: 0 15px;
}
.blog-description span:first-child {
	padding: 0 15px 0 0;
}
.blog-description span:last-child,
.blog-description a:last-child {
	border: 0;
}
.blog-description a:hover {
	color: #1bbcad;
	text-decoration: none;
}
.blog-description i {
	font-size: 16px;
	margin-right: 8px;
}


/* --------- Carousel --------- */
.blog-content .carousel .carousel-inner .carousel-item {
    background-color: whitesmoke;
}
.blog-content .carousel .carousel-inner .carousel-item img {
    display: block !important;
    margin: 0 auto;
    max-height: 392px !important;
}