/* hover */

    /* .ova_archive_dep_slide .ova_dep_slide .items.elementor-items:hover{
        border: 2px solid red;
    } */


    /* .ova_archive_dep_slide .ova_dep_slide.content .owl-item .items:hover .wp-item .ova-media{
        border: 2px solid red;
    } */

    /* .ova_archive_dep_slide .ova_dep_slide.content .owl-item .items .wp-item .ova-content{
        border: 2px solid blue;
    } */

    /* wp item contians the ova-mnedia and ova-content */
    .ova_archive_dep_slide .ova_dep_slide .items.elementor-items .wp-item{
        /* border: 2px solid red; */
        position: relative;
        }
        
    /* THIS is visible directly. NO HOVER needed */
    .ova_archive_dep_slide .ova_dep_slide.content .items.elementor-items .wp-item::before{
        content: "";
        display: block;
        position: absolute;
        background-color: var(--gardner-orange);
        width: 103%;
        height: 102%;
        /* clip-path: polygon(0 90%, 15% 85%, 100% 100%, 0 100%); */
        clip-path: polygon(10% 85%, 100% 97%, 100% 100%, 0 100%, 0 90%);
        top: 0;
        left: 0;
        /* opacity: 0.8; */
        z-index: 2;
    }

    /* on hover HIDE the small clip */
    .ova_archive_dep_slide .ova_dep_slide .items.elementor-items:hover .wp-item::before{
        content: none;
    }




    /* overlay ON HOVER section
    *
    *
    */

    /* make the content container transparent so the image beneath is visible */
    .ova_archive_dep_slide .ova_dep_slide.content .owl-item .items .wp-item .ova-content{
        background-color: transparent;
        /* padding-top: 70px; */
        /* position: relative; */
    }

    .ova_archive_dep_slide .ova_dep_slide.content .owl-item .items:hover .wp-item .ova-content{
        padding-top: 70px;
    }

    /* create the clipPath ande make it z-index -1 so it wont be infront of the title and other items */
    .ova_archive_dep_slide .ova_dep_slide.content .owl-item .items:hover .wp-item .ova-content::before{
        content: "";
        display: block;
        position: absolute;
        background-color: var(--gardner-deep-blue);
        width: 103%;
        height: 102%;
        clip-path: polygon(100% 100%, 100% 23%, 24% 13%, 0 17%, 0 100%);
        top: 0;
        left: 0;
        opacity: 1;
        z-index: -1;
    }

    /* change icon color */
    .ova_archive_dep_slide .ova_dep_slide.content .owl-item .ova-content .icon > span i:before{
        color: #fff;
    }

    /* change title color to white */
    .elementor-section .elementor-container .ova_archive_dep_slide .ova_dep_slide.content .owl-item .ova-content .title a,
    .ova_archive_dep_slide .ova_dep_slide.content .owl-item .ova-content .title a{
        color: #fff;
    }
    /* title color on hover tile */
    .ova_archive_dep_slide .ova_dep_slide.content .owl-item .items:hover .ova-content .title a{
        color: var(--gardner-orange);
        /* color: #fff; */
    }

    .ova_archive_dep_slide .ova_dep_slide.content .owl-item .items:hover .ova-content .descption{
        color: #fff;
    }
    .ova_archive_dep_slide .ova_dep_slide.content .owl-item .items:hover .ova-content .readmore{
        color: #fff;
    }


    .ova_archive_dep_slide .ova_dep_slide.content .owl-item .items .ova-content .readmore{
        margin-top: 20px;
    }