/* Global Styles */
body {
    background-color: #eff4f6;
}

/* Dashboard/Landing Page Styles */
.fadehr {
    height: 1px;
    background: linear-gradient(
        to right,
        transparent,
        rgba(0, 0, 0, 0.2),
        rgba(0, 0, 0, 0.2),
        transparent
    );
}

.landing-card {
    transition: all 0.3s ease;
    --bs-border-radius: 1rem;
}

.landing-card:hover {
    transform: translateY(-5px);
    /* need to the !important to override bootstrap shadow on initial state */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15) !important;
}

.landing-card-header {
    transition: background-color 0.3s ease;
}

.landing-card:hover .landing-card-header {
    background-color: #8fc640;
}

.landing-header-live {
    background-color: #62ad58;
}

.landing-header-test {
    background-color: #3078c0;
}

.landing-header-beta {
    background-color: #767676;
}

/* Have to override for custom underline color because using border-primary on nav-link overrides transparent borders, causing borders to always show even when link is not active */
.landing-nav.nav-underline .nav-link.active,
.landing-nav.nav-underline .show > .nav-link {
    border-bottom-color: rgba(var(--bs-primary-rgb));
}

.landing-nav.nav-underline .nav-link:hover {
    border-bottom-color: #9ac355;
}