/********************************************************************
	News Grid Template CSS
********************************************************************/

.news-grid .content {
	width: 100%;
}

.news-grid .content .news-item {
	float: left;
	padding: 0 20px;
	margin-bottom: 40px;
	width: 33.33%;
}

.news-grid .content .news-item img {
	display: block;
	object-fit: cover;
	height: 250px;
	width: 100%;
}

.news-grid .cnt-wrap {
  background: #fff;
	border-bottom: 2px solid #1CA4FF;
  padding: 20px 20px 20px;
  position: relative;
	box-shadow: 5px 4px 17px -7px rgba(0,0,0,0.5);
  -webkit-box-shadow: 5px 4px 17px -7px rgba(0,0,0,0.5);
  -moz-box-shadow: 5px 4px 17px -7px rgba(0,0,0,0.5);
}

.news-grid .cnt-wrap span.date {
	display: block;
	font-size: 13px;
	margin-bottom: 10px;
}

.news-grid .cnt-wrap h2 {
	font-size: 24px;
}

.news-grid .cnt-wrap a.more-link {
	color: #1CA4FF;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 0;
	transition: all 0.4s ease-in-out;
}

.news-grid .cnt-wrap a.more-link:hover {
	opacity: .6;
}

@media only screen and (max-width: 1023px) {

	.news-grid .content .news-item {
		width: 50%;
	}

}

@media only screen and (max-width: 600px) {

	.news-grid .content .news-item {
		width: 100%;
	}

}