/*  COPY OF block-post-popular-x1.css WITH EDITS */

.block-post-popular-x1 {
	min-width:none!important; margin-left:0 !important;
}
.block-post-popular-x1 .block-post--excerpt p {font-family: 'Open Sans', sans-serif;}

.block-post-popular-x1--post {
    /* border: 1px solid #ff0000; */
	padding-top: 5rem;
    padding-bottom: 1rem; 
    margin-bottom: 0;
	background-color: #f5f5f5;
}
.block-post-latest-x3--hover a {
	
}

.block-post-popular-x1--post-category{
	float:none; 
	display:inline-block; 
	margin-top:0;
	width:100%;
}
.block-post-popular-x1--post-category a {
	margin:0 !important;
}
.block-post-popular-x1--post-category h5 {
	margin:0;
	text-align:right;
	font-size:95%;
}
.block-post-popular-x1--post-category h5 a {
	color:#bb4030 !important;
	margin:0;
}
.block-post-popular-x1--post-category h5 a:hover {
	color:#e5988e !important;
}

.block-post-popular-x1--author-container {display:inline-table;}

.block-post-popular-x1--post-gravatar {
	display:inline-block; 
	border: 4px solid #ffffff; 
	border-radius: 50%; 
	overflow:hidden;
	margin-top:10px;
}

.block-post-popular-x1--post-author {
	float:none; 
	position: relative;
	display:inline-block; 
	height:60px;
	margin:0 0.5rem 0 5px;
	align-content:center;
}

.block-post-popular-x1--post-author h6 {display:table-cell; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; color:#333; padding-top:22px;}

.block-post-popular-x1--post-thumbnail {
	width: 100%;
	margin:0 0 0 0 !important;
}

.block-post-popular-x1--post-thumbnail img {
	display:flex;
	width:100%;
	height:240px;
	object-fit: cover;
	object-position: center center; /* or center top */
}

.block-post-popular-x1--post-content {
    /* border: 1px solid #0000ff; */
	z-index:1;
	position:relaive;
	padding: 2rem 1rem 0.5rem 0;
    margin: 0;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(245,245,245,0.6) 55%, rgba(2255,255,255,1.0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(245,245,245,1)), color-stop(55%, rgba(255,255,255,1.0)), color-stop(100%, rgba(211,211,211,0.27)));
    background: -webkit-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(245,245,245,0.6) 55%, rgba(255,255,255,1.0) 100%);
    background: -o-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(245,245,245,0.6) 55%, rgba(255,255,255,1.0) 100%);
    background: -ms-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(245,245,245,0.6) 55%, rgba(255,255,255,1.0) 100%);
    background: linear-gradient(to right, rgba(245,245,245,1) 0%, rgba(245,245,245,0.6) 55%, rgba(255,255,255,1.0) 100%);
}

.block-post-popular-x1--post-content h4 {
    text-decoration: none;
    color: #2C2936;
	margin:1rem 0 0 0 !important;
}


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

.block-post-popular-with-ads {background-color:#f5f5f5;}
.block-post-popular-x1--post-content .block-post--excerpt p {margin-top:5px !important;}

@media (max-width: 1219px) {
    .block-post-popular-with-ads {
        display:table; 
    }
    .pop-ads0 {
        display:table-row-group;
    }
    .pop-ads1 {
        display:table-cell;
    }
    .pop-ads2 {
        display:table-header-group; text-align:center;
    }
    .pop-ads3 {
         display:table-footer-group; text-align:center;
    }
}
@media (max-width: 699px) {
    /* MOBILE */     
    .pop-ads2 .eho-ad-box {display:block;}
    .pop-ads3 .eho-ad-box {display:block;}
}

@media (min-width: 400px) {
.block-post-popular-x1--post-thumbnail img {height:240px;}
}

@media (min-width: 500px) {
.block-post-popular-x1--post-thumbnail img {height:310px;}
}

@media (min-width: 600px) {
.block-post-popular-x1--post-thumbnail img {height:380px;}
}

@media (min-width: 700px) { /* Tablet screen */
	.block-post-popular-x1--post-content {padding: 0.5rem 1rem 0.5rem 0;}
	.block-post-popular-x1--post-content {margin-left:320px;}
	.block-post-popular-x1--post-thumbnail {float:left; width:300px;}
	.block-post-popular-x1--post-thumbnail img {width:300px; height:300px;}
	.block-post-popular-x1--post-author {margin-top:-20px;}
	.block-post-popular-x1--post-author h6 {height:20px;}
	.block-post--excerpt {height:150px; overflow:hidden;}	
	.block-post-popular-x1--post-gravatar {margin-top:0;}    
}
@media (min-width: 700px) and (max-width: 1219px) {
    /* TABLET */ 
    .pop-ads0 {margin-top:-1em;}
    .pop-ads2 .eho-ad-box {display:inline-block;}
    .pop-ads3 .eho-ad-box {display:inline-block;}
}

@media (min-width: 900px) {
	.block-post-popular-x1--post-content {margin-left:370px;}
	.block-post-popular-x1--post-thumbnail {width:350px;}
	.block-post-popular-x1--post-thumbnail img {width:350px; height:300px;}
}

@media (min-width: 1000px) {
	.block-post-popular-x1--post-content {margin-left:425px;}
	.block-post-popular-x1--post-thumbnail {width:400px;}
	.block-post-popular-x1--post-thumbnail img {width:400px; height:300px;}
	.block-post--excerpt {height:130px;}
}

@media (min-width: 1100px) {
	.block-post-popular-x1--post-content {margin-left:525px;}
	.block-post-popular-x1--post-thumbnail {width:500px;}
	.block-post-popular-x1--post-thumbnail img {width:500px; height:300px;}
}

@media (min-width: 1220px) {
    .block-post-popular-x1 {width:calc( 100% - 1em );} /* {width:calc( 80% - 60px ) !important;} */
	.block-post-popular-x1--post-content {margin-left:425px;}
	.block-post-popular-x1--post-thumbnail {width:400px;}
	.block-post-popular-x1--post-thumbnail img {width:400px; height:300px;}
	.block-post-popular-x1--post-author {}
	.block-post-popular-x1--post-author h6 {font-size:18px; height:19px;}
	.block-post--excerpt {height:145px;}
    
/* DESKTOP */  
    .block-post-popular-with-ads {
        display:grid; 
        grid-template-columns:[popads-col1] auto [popads-col2] 300px [popads-colend];
        grid-template-rows:[popads-row0] auto [popads-row1] auto [popads-row2] 1fr [popads-rowend];
    }
    .pop-ads0 {
        margin-top:-1.5em;
        grid-column: popads-col1 / span 2;
        grid-row: popads-row0 / span 1;
    }
    .pop-ads1 {
        grid-column: popads-col1 / span 1;
        grid-row: popads-row1 / span 2;
    }
    .pop-ads2 {
        margin-top:1em;
        grid-column: popads-col2 / span 1;
        grid-row: popads-row1 / span 1;
    }
    .pop-ads3 {
        grid-column: popads-col2 / span 1;
        grid-row: popads-row2 / span 1;
    }    
}
	
@media (min-width: 1500px) {
	/* .block-post-popular-x1 {width:calc( 75% - 60px ) !important;} */
	.block-post-popular-x1--post-content {margin-left:475px;}	
	.block-post-popular-x1--post-thumbnail {width:450px;}
	.block-post-popular-x1--post-thumbnail img {width:450px;}
	.block-post--excerpt {height:125px;}
}