.block-post-latest-x3 {
   /*  border: 1px solid #00ff00; */
	display: grid;
}

.block-post-latest-x3--post {
    /* border: 1px solid #ff0000; */
    padding-bottom: 1rem; 
    margin-bottom: 0;
	background-color: #ffffff;
}

.block-post-latest-x3--post-taxonomy {
    height:58px;
	margin-top: 10px;
	/* border: 1px solid #aa00ff; */
}

.block-post-latest-x3--post-category{
	float:left; 
	display:inline-block; 
	margin-top:-22px;
}

.block-post-latest-x3--post-gravatar {
	float:right; 
	display:block; 
	border: 4px solid #ffffff; 
	border-radius: 50%; 
	overflow:hidden;
}

.block-post-latest-x3--post-author {
	float:right; 
	display:inline-block; 
	margin:-20px 0.5rem 0 0;
}

.block-post-latest-x3--post-author h6 {overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}

.block-post-latest-x3--post-thumbnail {
	width: 100%;
    height: 0;
	margin:-17px 0 0 0 !important;
	background-size: cover;
	padding-top: 65%;
	background-position: center center;
}

.block-post-latest-x3--post-content {
    /* border: 1px solid #0000ff; */
	padding: 0.5rem 1rem 0.5rem 0;
    margin: 0 0 -1rem 0;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.6) 55%, rgba(211,211,211,0.27) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(55%, rgba(255,255,255,0.6)), color-stop(100%, rgba(211,211,211,0.27)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.6) 55%, rgba(211,211,211,0.27) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.6) 55%, rgba(211,211,211,0.27) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.6) 55%, rgba(211,211,211,0.27) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.6) 55%, rgba(211,211,211,0.27) 100%);
}

.block-post-latest-x3--post-content h4 {
    text-decoration: none;
    color: #2C2936;
	margin:1.5rem 0 0 0 !important;
}

.block-post-latest-x3--post-content p {
    font-family: sans-serif;
    font-size: 16px;
    margin: 1rem 0 0 0 !important;
    color: #3c3c3c;
}

.block-post-latest-x3--post-content a {
    position: relative;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #04b189;
    margin-left: 20px;
}

.block-post-latest-x3--post-content a:after {
    display: block;
    position: absolute;
    content: "";
    border-top: 3px solid #04b189;
    border-right: 3px solid #04b189;
    border-top-right-radius: 3px;
    width: 8px;
    height: 8px;
    transform: rotate( 45deg );
    top: 4px;
    right: -20px;
    transition-duration: 0.1s;
}

.block-post-latest-x3--post-content a:hover:after {
    right: -26px;
}

@media (max-width: 480px) {
.block-post-latest-x3--post-author {display:none;}
}


@media (max-width: 699px) {
    .block-post-latest-x3 {grid-template-columns: auto; grid-gap: 2rem;} /* Default Columns */
	.block-post-latest-x3--post-taxonomy {margin-top:-50px;} /* Adjust for vertical spacing glitch */
}

@media (min-width: 700px) {
    .block-post-latest-x3 {grid-template-columns: auto auto; grid-gap: 2.5rem;} /* Default Columns */
	.block-post-latest-x3--post-taxonomy {margin-top:-80px;} /* Adjust for vertical spacing glitch */
	.block-post-latest-x3--post-category{margin-top:-32px;}
	.block-post-latest-x3--post-author {max-width: calc((( 100vw - 700px ) / 2 ) + 155px ); margin-top:-28px;}
	.block-post-latest-x3--post-author h6 {height:20px;}
	.block-post-latest-x3--post-gravatar{display:none;}
}

@media (min-width: 850px) {
	.block-post-latest-x3--post-gravatar {display:block;}
}

@media (min-width: 1220px) {
    .block-post-latest-x3 {grid-template-columns: auto auto auto; grid-gap: 3rem;} /* Default Columns */
	.block-post-latest-x3--post-category{margin-top:-30px;}	
	.block-post-latest-x3--post-category h5 {font-size: 21px;}
	.block-post-latest-x3--post-author {max-width:167px; margin-top:-28px;}
	.block-post-latest-x3--post-author h6 {font-size:18px; height:19px;}
}