.block-item {margin-bottom:1rem; position: relative; overflow: hidden; background: #fff; border: 1px solid #ddd; max-width:17.5rem;}
.block-item a {color: #222; text-decoration: none;}
.block-item::before, .block-item::after {display: table;content: " ";}
.block-image {position: relative;overflow:hidden;}
.block-image img {-moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out;}
.block-image__preview {width: 100%;position: absolute;bottom: 0;left: 0;padding: 10px;height: 100%;color: #fff;background: rgba(0,0,0,0.75);opacity: 0;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transform: translate(0px, 200px);-webkit-transform: translate(0px, 200px);-moz-transform: translate(0px, 200px);font-size:13px;z-index: 1000;line-height: 18px; white-space: ellipse;}

.block-image__category, 
.block-image__photos,
.block-image__duration,
.block-image__video {position: absolute;background:#4498d7;font-size: 0.75rem;font-weight:500;margin: 0;color: #fff;padding: .25rem .375rem;line-height: 1;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;-webkit-transition: all 1s ease-out;z-index:100;}
.block-image__category {left: 0;top: 0.75rem;}
.block-image__photos, .block-image__duration {left: 0;bottom: .75rem;}
.block-image__photos i,
.block-image__duration i {margin-right: 0.25rem;}

.block-image__category a,.block-image__category a:hover {color:#fff;}
.block-image__category:hover {background:#d97043;}

.block-image__play {position: absolute;top: 50%;left: 50%;font-size: 40px;width: 40px; line-height: 40px;margin-left: -20px;margin-top: -20px;color: rgba(255,255,255,0.9);-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;-webkit-transition: all 1s ease-out;}
.block-image__lens {position: absolute;top: 50%;left: 50%;font-size: 40px;width: 40px; line-height: 40px;margin-left: -20px;margin-top: -20px;color: rgba(255,255,255,0.9);-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;-webkit-transition: all 1s ease-out;}

.block-image__video {bottom: 0.75rem;right: 0;color: #fff;background: #ac0027;text-transform: uppercase;}


.block-content {padding: 0.9375rem;}
.block-content__inner {height: 15rem; overflow: hidden;}
.block-content__footer {border-top:1px solid #ddd; padding-top: 0.9375rem; font-size: .75rem;color: #666}
.block-content__footer .right {text-align:right;}
.block-content__footer .date {text-transform: uppercase;}
.block-content__footer .date::before {content:'\f017'; font-family:'FontAwesome','Font Awesome 5 Pro';padding-right: 0.25rem;font-size: 0.875em; }
.block-content__footer .view::before {content:'\f06e'; font-family:'FontAwesome', 'Font Awesome 5 Pro';padding-right: 0.25rem;font-size: 0.875em; }

.block-content__title {display: block; font-size: 1.125rem; font-weight: bold; line-height: 1.2rem;margin-bottom:.9375rem}
.block-content__preview {display: block; font-size: .875rem; font-weight: 300;color: #555;}
.block-content__info {display: block}

.block-item:hover .block-content__title {color: #4498d7;}
.block-item:hover .block-image .block-image__preview {opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); transition-delay: 0.2s;}
.block-item:hover .block-image .overflow-hidden img {-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2);}

.block-item.photo .block-image:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;-moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out;}
.block-item.photo:hover .block-image:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,0.4);}


.block-item.person .block-content__title{text-align:center; height: 50px;}
.block-item.person .block-content__title span {font-weight: normal; display:block;}
.block-item.person .block-content__post {text-align:center; display:block;font-size:0.8em; color: #c12a2c}

.hide {display: none;}

.block-item.compact{margin: 0 auto;margin-bottom:2rem;}
.block-item.compact .block-content__inner{height:5rem}
.block-item.compact .block-content__preview {display:none;}



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

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

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

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

}


@media only screen and (max-width: 479px) {
.block-item .block-image .block-image__preview {font-size: 16px; line-height: 24px;}

}

@media only screen and (max-width: 379px) {
.block-item:hover .block-image .block-image__preview {opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); transition-delay: 0.2s;font-size: 13px; line-height: 18px;}
}