/* v52 - Blog detail cover aligned with service pages
   Uses the top inner-hero cover like service detail pages.
   Hides the extra lower static blog cover block.
   Only affects blog detail pages. */

body[data-page-type="blog"] .inner-hero .v4-cover-slot{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    overflow:hidden!important;
    width:100%!important;
    max-width:100%!important;
    min-height:320px!important;
    margin-top:26px!important;
    border-radius:26px!important;
    background:rgba(255,255,255,.04)!important;
}

body[data-page-type="blog"] .inner-hero .v4-cover-slot img{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    height:100%!important;
    min-height:320px!important;
    object-fit:cover!important;
    object-position:center!important;
    filter:none!important;
    transform:none!important;
}

/* Hide the extra lower image inserted in the previous package */
body[data-page-type="blog"] .cg-blog-single-cover{
    display:none!important;
}

@media(max-width:760px){
    body[data-page-type="blog"] .inner-hero .v4-cover-slot,
    body[data-page-type="blog"] .inner-hero .v4-cover-slot img{
        min-height:260px!important;
    }
}