
body {
	margin: 0px; padding: 0px; vertical-align: baseline;
}

h3 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; vertical-align: baseline;
}

ul {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; vertical-align: baseline;
}


ul {
	list-style: none;
}


a {
	transition:0.4s ease-in-out; color: rgb(25, 35, 45); text-decoration: none; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;
}



.wrap {
	margin: 0px auto; padding: 0px 25px; text-align: left;
}


.col-6 {
	width: 50%;
}





.featured-grid {
	transform: translate3d(0px, 0px, 0px);
}
.featured-grid .first {
	width: 49.72%; float: left;
}
.featured-grid .second {
	margin: -1px -1px -1px 1px; width: 50.27%; float: left; box-sizing: border-box; -moz-box-sizing: border-box;
}
.featured-grid .item {
	position: relative;
}
.featured-grid .small-item {
	padding: 1px; float: left; box-sizing: border-box; -moz-box-sizing: border-box;
}
.featured-grid .image-link {
	overflow: hidden; display: block; position: relative; min-height: 386px;
}
.featured-grid .small-item .image-link {
	min-height: 192px;
}
.featured-grid .wp-post-image {
	transition:opacity 0.3s ease-in; will-change: opacity;
}
.featured-grid .item:hover .wp-post-image {
	opacity: 0.8;
}
.featured-grid .image-link::after {
	transition:0.3s ease-in; width: 100%; height: 80%; bottom: 0px; position: absolute; content: ""; opacity: 0.92; -webkit-transition: all .3s ease-in; will-change: opacity;
}
.featured-grid .small-item .image-link::after {
	height: 70%;
}
.featured-grid .caption {
	padding: 16px 21px; bottom: 0px; display: block; position: absolute; pointer-events: none; width: 100%;background-color: rgba(35, 61, 127, 0.4);  
}
.featured-grid .item-heading {
	color: rgb(255, 255, 255); line-height: 1.4; padding-bottom: 14px; font-size: 21px; display: inline-block; text-shadow: 0px 1px 1px rgba(0,0,0,0.35);
}
.featured-grid .item-heading:hover {
	text-decoration: none;
}
.featured-grid .caption-small {
	padding: 14px;
}
.featured-grid .heading-small {
	padding: 9px 0px; line-height: 1.6; font-size: 14px;
}
.featured-grid .cat-title {
	margin: 0px 0px 14px; display: inline-block; position: static; pointer-events: auto;
}
.featured-grid .caption-small .cat-title {
	margin: 0px; padding: 6px 9px; transition:0.3s ease-out; line-height: 1; font-size: 11px; opacity: 0; -webkit-transition: all .3s ease-out;
}
.featured-grid .item:hover .image-link::after {
	opacity: 1;
}
.featured-grid .item:hover .cat-title {
	opacity: 1;
}
.featured-grid-b .first {
	width: 55.65%;
}
.featured-grid-b .second {
	margin: 0px; width: 44.34%;
}
.featured-grid-b .medium-item {
    padding-left: 4px;
}
.featured-grid-b .small-item {
	padding: 0px 0px 0px 4px;
}
.featured-grid-b .image-link {
	min-height: 460px;
}
.featured-grid-b .small-item .image-link {
	min-height: 216px;
}
.featured-grid-b .medium-item .image-link {
	min-height: 296px;
}
.featured-grid-b .large-item .image-link::after {
	height: 60%;
}



@media only screen and (min-width:1129px)
{
}
@media only screen and (max-width:1128px)
{
.wrap {
	width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.featured-grid .image-link {
	min-height: 150px;
}
.featured-grid .small-item .image-link {
	min-height: 100px;
}
.featured-grid-b .medium-item .image-link {
	min-height: 150px;
}
.focus-grid .small-image img {
	width: 100%;
}
.focus-grid .posts-list {
	margin: 0px -7px;
}
.focus-grid .posts-list .post {
	padding: 0px 7px;
}

}

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

.featured-grid .first {
	margin: 0px; width: 100%; 
}
.featured-grid .second {
	margin: 0px; width: 100%; float: none;
}
.featured-grid .first {
	margin-bottom: 2px;
}
.featured-grid .image-link img {
	width: 100%;
}
.featured-grid-b .second .item {
	padding: 0px 1px 1px; width: 50%; float: left; box-sizing: border-box;
}
.featured-grid-b .second :nth-child(3).item {
	display: none;
}
.featured-grid-b .second .image-link {
	height: 200px; min-height: 200px;
}
.featured-grid-b .image-link img {
	height: 100%; font-family: "object-fit: cover"; max-height: 460px;
}
}
@media only screen and (max-width:767px)
{
.focus-grid .posts-list {
	margin: 0px 0px -21px; padding: 0px 15px;
}
.featured-grid-b.featured-grid {
	margin: 0px -25px;
}
}
@media only screen and (max-width:415px)
{

.featured-grid {
	margin: 0px -23px;
}
.featured-grid .the-date {
	display: none;
}

}
