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

    .elementor-element.elementor-widget-ova_team .items.elementor-items .ova-info-content,
    .archive_team .ova-info-content
    {
        position: relative;
        z-index: 10;
        min-height: 300px;
    }

    .elementor-element.elementor-widget-ova_team .items.elementor-items .ova-info-content::before,
    .archive_team .ova-info-content::before
    {
        content: "";
        display: block;
        position: absolute;
        background-color: white;
        width: 100.5%;
        height: 125%;
        clip-path: polygon(0 15%, 61% 0, 100% 15%, 100% 100%, 0% 100%);
        left: 0;
        text-align: center;
        align-self: center;
        /* opacity: 0.8; */
        transition: 0.3s;
        bottom: 0;
        z-index: -100;
    }

    .elementor-element.elementor-widget-ova_team .items.elementor-items:hover .ova-info-content::before,
    .archive_team .items.elementor-items:hover .ova-info-content::before
    {
        background-color: var(--gardner-green);
        transition: 0.5s;
    }
    

    /* if we whant to add some kinkd of fading effect to the shape on hover. uncomment this to selectors and comment the one above */
    /* .elementor-element.elementor-widget-ova_team .items.elementor-items:hover .ova-info-content::after{
        height: 125%;
        background-color: var(--gardner-green);
        transition: 0.5s;
    }
    .elementor-element.elementor-widget-ova_team .items.elementor-items .ova-info-content::after{
        content: "";
        display: block;
        position: absolute;
        background-color: white;
        width: 101%;
        height: 0;
        clip-path: polygon(0 15%, 61% 0, 100% 15%, 100% 100%, 0% 100%);
        left: 0;
        text-align: center;
        align-self: center;
        transition: 0.3s;
        bottom: 0;
        z-index: -100;
    } */



    /* move down the social icons so it can fit inside the new shape created with the "before" pseudo element */
    .archive_team .content .items .content_info .ova-info-content .ova-social{
        top: -12px;
    }


/* team single page */
.ova_team_single .ova_info .ova-info-content .name{
    color: var(--gardner-body-blue);
}

.ova_team_single .ova_info .ova-info-content .job{
    color: var(--gardner-fonts-orange);
}

.ova_team_single .ova_info .ova-info-content .ova-email label, .ova_team_single .ova_info .ova-info-content .ova-phone label, .ova_team_single .ova_info .ova-info-content .ova-expertise label, .ova_team_single .ova_info .ova-info-content .ova-experience label{
    color: var(--gardner-body-blue);
    /* color: fuchsia; */
}

.ova_team_single .ova_info .ova-info-content .ova-email a,
.ova_team_single .ova_info .ova-info-content .ova-phone a
{
    color: var(--gardner-fonts-orange);
}
.ova_team_single .ova_info .ova-info-content .ova-email a:hover,
.ova_team_single .ova_info .ova-info-content .ova-phone a:hover
{
    color: var(--gardner-orange-hover);
    /* color: fuchsia; */
}

.ova_team_single .ova_info .ova-excerpt-team .excerpt-2 p,
.ova_team_single .ova_info .ova-info-content .ova-expertise span,
.ova_team_single .ova_info .ova-info-content .ova-experience span
{
    color: var(--gardner-body-blue);
}


.archive_team .ova-info-content .name,
.ova_team_single .ova_info .ova-info-content .name
{
    font-family: "din-2014",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 1;
    margin-bottom: 25px;
    /* color: var(--gardner-body-blue); */
    /* color: fuchsia; */
}