/* HOME - SPLASH BLOG */
.block-home-blog  .actions { color: #202124; font-size: 12px; }
.block-home-blog  .actions i{font-size: 18px; } 
.block-home-blog  .actions div:first-child, 
.block-home-blog  .actions div:last-child { position: relative; } 
.block-home-blog  .actions div.pr-3:nth-child(1):before { content: ""; position: absolute; right: 0; height: 10px; background: #ccc; width: 1px; top: 50%; margin-top: -5px; } 
.block-home-blog  .actions div:nth-child(3):before { content: ""; position: absolute; left: 0; height: 10px; background: #ccc; width: 1px; top: 50%; margin-top: -5px; } 

.block-home-blog .h3{font-size: 21px; font-weight: bold}
.block-home-blog .h3 span{ font-weight:normal}
.block-home-blog h2{font-size: 17px; color: #000;}
.block-home-blog p{font-size: 13px; color: #000;}
.block-home-blog .comment,
.block-home-blog .comment i{ font-size: 14px; color: #202124;}
.block-home-blog .like,
.block-home-blog .like i{ font-size: 14px; color: #202124;}
.block-home-blog .date,
.block-home-blog .date i{font-size: 11px;color: #202124; }
.block-home-blog .title{ font-size: 14px; color: #000000;font-weight: 500;display: block;line-height: 17px; }
.block-home-blog .footer a{ color: #000;}
.block-home-blog .pagination a{ color: #000; font-size: 12px; border-radius: 0px; -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
.block-home-blog .pagination a:hover{ color: #fff; background: #000}
@media (min-width: 768px){
    .block-home-blog ul { display: grid; grid-auto-columns: 1fr; grid-auto-rows: 1fr; grid-template-columns: 1fr 1fr;}
}
.block-home-blog ul li a:hover .title{ color: #007aff;}
.block-home-blog ul li .thumb{ position: relative;}
.block-home-blog ul li .thumb:before{ position: absolute; width: 100%; height: 100%; content: '';}
.block-home-blog ul li .thumb i{  position: absolute; left: 50%; top: 50%; font-size: 40px; margin-left: -20px; margin-top: -20px; color: #fff}
.block-home-blog .box-img{  position: relative;}
.block-home-blog .box-img i{  position: absolute; left: 50%; top: 50%; font-size: 40px; margin-left: -20px; margin-top: -20px; color: #fff}
.block-home-blog ul li a .thumb:before{ box-shadow: inset 0 0 0 0px #007aff; -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
.block-home-blog ul li a:hover .thumb:before{ box-shadow: inset 0 0 0 3px #007aff; }
@media (max-width: 767.98px) {
   .block-home-blog ul { column-count: 1;max-height: inherit;}
}
body[class^="blog-"] .section-breadcrumb, body[class*=" blog-"] .section-breadcrumb{
    margin-bottom: 0!important
}

.block-related-blog ul{display: grid; grid-auto-columns: 1fr; grid-auto-rows: 1fr; grid-template-columns: 1fr;}