﻿.company {
    width: 100%;
    font-weight: 700;
    color: #222;
    font-size: .875em;
    margin-bottom: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .company a {
        color: inherit;
        text-decoration: none
    }

.total-reviews {
    /* color: var(--green-dark); */
    /* font-size: 13px; */
    /* font-weight: 600; */
    /* margin-top: auto; */
}

/* placeholder building */
.placeholder {
    width: 100%;
    height: 64px;
    background: linear-gradient(180deg,#f0f0f0,#e8e8e8);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #cfcfcf;
    font-size: 12px;
    border-radius: 4px;
}





/* New */

/* Read Reviews (directory) */



.grid > .row {
    margin: 0 -24px;
}

.grid a {
    text-decoration: none !important;
}

    .grid a:focus-visible {
        outline-offset: 2px;
    }

.card {
    outline: solid 2px transparent;
    transition: outline .15s ease-in-out, border .15s ease-in-out, box-shadow .15s ease-in-out;
    padding-top: 0 !important;
}

    .card:hover {
        outline: solid 3px #3B8CF7;
        transition: outline .15s ease-in-out, border .15s ease-in-out, box-shadow .15s ease-in-out;
        border: solid 1px #3B8CF7 !important;
        /* box-shadow: 0 0 0 4px #C4DDFD inset !important; */
    }

.supporter > div {
    margin-right: -16px;
}





.card .total-reviews {
    color: #FB6F18;
    font-size: 14px;
    font-weight: 700;
}

.card .company {
    font-size: 18px;
}

.logo-wrap {
    height: 88px;
    /* width: 100%; */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 16px 0;
}

    .logo-wrap img {
        max-height: 92px;
        max-width: 76%;
    }


/* Read Reviews (directory) sm and up screen size */
@media (min-width: 768px) {

}

/* Read Reviews (directory) md screen size only */
@media (min-width: 768px) and (max-width: 991px) {
    .filters > select:first-child {
        /*max-width: 150px;*/
    }

    .grid > .row > div:nth-child(odd) {
        /* padding-right: 8px !important; */
    }

    .grid > .row > div:nth-child(even) {
        /* padding-left: 8px !important; */
    }
}

/* Read Reviews (directory) md and up screen size */
@media (min-width: 992px) {
    .supporter > div {
        margin-right: -24px;
    }
}
