﻿.entity-card-style {
    border-radius: var(--radius, 0.313rem);
    background-color: rgba(46, 181, 178, 0.1);
    background: var(--white-hex, #ffffff);
    box-shadow: var(--card-shadow, rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset);
}

    .entity-card-style:hover {
        box-shadow: var(--card-shadow-hover, rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px);
    }

        .entity-card-style:hover .card-body h4 a {
            color: var(--navy-hex, #00313f) !important;
        }

    .entity-card-style .card-entity-image {
        background-color: var(--navy-hex, #00313f);
        border-radius: var(--radius, 0.313rem) var(--radius, 0.313rem) 0 0;
    }

        .entity-card-style .card-entity-image img {
            border-radius: var(--radius, 0.313rem) var(--radius, 0.313rem) 0 0;
        }

        .entity-card-style .card-entity-image a:after {
            background: rgba(var(--skobeloff-rgb, 0, 110, 105), 0.5);
        }

    .entity-card-style .card-body h4 a {
        color: var(--skobeloff-hex, #006e69);
    }

.entity-card__wrapper.light-bg .text-teal {
    color: var(--navy-hex, #00313f) !important;
}

.modal-popout-image {
    background-color: var(--navy-hex, #00313f);
}
