/* header on blog/posts archive page. chnga from blog to news and resources */
.blog.theme-egovt .wrap_ova_header .ova_header_el .header_title,
.blog.theme-egovt .wrap_ova_header h1.second_font.header_title .elementor-widget-ova_header .wrap_ova_header .ova_header_el .header_title,

.blog.theme-egovt .elementor-section .elementor-container .elementor-widget-ova_header .wrap_ova_header .ova_header_el h1.header_title, 
.blog.theme-egovt .elementor-section .elementor-container .elementor-widget-ova_header .wrap_ova_header .ova_header_el h1.second_font.header_title, 
.blog.theme-egovt .elementor-widget-ova_header .wrap_ova_header .ova_header_el .header_title
{
    color: transparent;
    /* display: none; */
}

/* the fitst selector is for the post grid on the home page. the second is  for the posts page */

    .elementor-element.elementor-widget-ova_blog .ova-blog .post-wrap .post-media,
    .blog-grid .post-wrap.post.has-post-thumbnail .post-media{
        /* border: 2px solid red; */
        position: relative;
        /* overflow: hidden; */
    }

    .ova_por_slide.por_element .ovapor-item > a::before,
    .wrap-portfolio .archive-por .content-por.classic-portfolio .ovapor-item .ovapor-item-sub-content > a:before,
    .elementor-element.elementor-widget-ova_blog .ova-blog .post-wrap .post-media::before,
    .blog-grid .post-wrap.post.has-post-thumbnail .post-media::before{
        content: "";
        display: block;
        position: absolute;
        background-color: var(--gardner-orange);
        width: 105%;
        height: 100%;
        clip-path: polygon(51% 0, 100% 0, 100% 25%, 75% 8%, 0 25%, 0% 0%);
        top: -1px;
        left: -5px;
        text-align: center;
        align-self: center;
        opacity: 0.8;
        transition: 0.3s;
    }


    /* .ova_por_slide.por_element .ovapor-item > a::before{ */
    .ova_por_slide.por_element .ovapor-item:hover > a::before{
        content: "";    
        display: block;
        transition: 0.5s;
        height: 0;
    }


    .wrap-portfolio .archive-por .content-por.classic-portfolio .ovapor-item:hover .ovapor-item-sub-content > a:before,
    .elementor-element.elementor-widget-ova_blog .ova-blog .post-wrap .post-media:hover::before,
    .blog-grid .post-wrap.post.has-post-thumbnail .post-media:hover::before
    {
        /* content: none; */
        transition: 0.5s;
        height: 0;
        /* clip-path: none; */

        /* transition: 0.5s;
        clip-path: polygon(51% 0, 100% 0, 100% 100%, 0 100%, 0 25%, 0% 0%); */
    }

    article.post-wrap .post-media img:hover{
        opacity: unset;
    }