/* =========================================================
   LPS / MHISYSTEMS CONNECTED SERVICES FOOTER
========================================================= */

.lps-network {
    position: relative;
}


/* =========================================================
   MHISYSTEMS INTRO LINK
========================================================= */

.lps-mhi-link {
    display: inline-flex;
    align-items: center;
    color: var(--bs-info);
    font-size: .82rem;
    font-weight: 600;
    text-decoration: none;
}

.lps-mhi-link:hover {
    color: #fff;
}


/* =========================================================
   NETWORK CARDS
========================================================= */

.lps-network-card {
    display: block;
    height: 100%;
    padding: 1rem;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: .75rem;
    color: inherit;
    text-decoration: none;
    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

a.lps-network-card:hover {
    background: rgba(255, 255, 255, .07);
    border-color: rgba(255, 255, 255, .3);
    transform: translateY(-2px);
}


/* Current Loudoun Psychology card */

.lps-network-card.active {
    background: rgba(var(--bs-info-rgb), .08);
    border-color: rgba(var(--bs-info-rgb), .4);
}


/* =========================================================
   NETWORK CARD DETAILS
========================================================= */

.lps-network-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: .6rem;
    background: rgba(255, 255, 255, .08);
    color: var(--bs-info);
    font-size: 1rem;
}

.lps-network-type {
    margin-bottom: .3rem;
    color: rgba(255, 255, 255, .5);
    font-size: .64rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.lps-current-badge {
    padding: .25rem .5rem;
    background: rgba(var(--bs-info-rgb), .15);
    border-radius: 50rem;
    color: var(--bs-info);
    font-size: .62rem;
    font-weight: 700;
    white-space: nowrap;
}

.lps-network-link {
    color: var(--bs-info);
    font-size: .73rem;
    font-weight: 600;
}

a.lps-network-card:hover .lps-network-link {
    color: #fff;
}


/* =========================================================
   POWERED BY MHISYSTEMS
========================================================= */

.lps-powered {
    padding: 1rem;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: .7rem;
}

.lps-powered span {
    display: block;
    margin-bottom: .35rem;
}

.lps-powered a {
    display: inline-flex;
    align-items: center;
    color: #fff;
    text-decoration: none;
}

.lps-powered a:hover {
    color: var(--bs-info);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 767.98px) {

    .lps-network-card {
        padding: .9rem;
    }

}