/* Brand colours, taken from the logo and the Rimedio/CRAM application theme */
:root {
    --callit-navy: #13263a;
    --callit-navy-light: #24476b;
    --callit-accent: #33b5e5;
    --callit-accent-hover: #5cc8ee;
}

:root,
[data-bs-theme=light] {
    --bs-link-color: #0b7fab;
    --bs-link-color-rgb: 11, 127, 171;
    --bs-link-hover-color: #085f80;
    --bs-link-hover-color-rgb: 8, 95, 128;
    --callit-icon-color: #0b7fab;
}

[data-bs-theme=dark] {
    --bs-link-color: #5cc8ee;
    --bs-link-color-rgb: 92, 200, 238;
    --bs-link-hover-color: #8fd9f3;
    --bs-link-hover-color-rgb: 143, 217, 243;
    --callit-icon-color: #5cc8ee;
}

/* Navy surfaces: navbar, hero, page headers, footer */
.bg-navy {
    background-color: var(--callit-navy);
}

.bg-navy-gradient {
    background: linear-gradient(135deg, var(--callit-navy) 0%, var(--callit-navy-light) 100%);
}

.text-accent {
    color: var(--callit-accent);
}

.btn-accent {
    --bs-btn-color: var(--callit-navy);
    --bs-btn-bg: var(--callit-accent);
    --bs-btn-border-color: var(--callit-accent);
    --bs-btn-hover-color: var(--callit-navy);
    --bs-btn-hover-bg: var(--callit-accent-hover);
    --bs-btn-hover-border-color: var(--callit-accent-hover);
    --bs-btn-active-color: var(--callit-navy);
    --bs-btn-active-bg: #2aa3cf;
    --bs-btn-active-border-color: #2aa3cf;
    --bs-btn-focus-shadow-rgb: 51, 181, 229;
    font-weight: 600;
}

.navbar-brand img {
    width: 32px;
    height: 32px;
}

.eyebrow {
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* Home page hero */
.hero {
    padding: 5rem 0;
}

.hero-logo {
    width: 220px;
    height: 220px;
    opacity: .9;
}

/* Rounded icon tile used on cards and feature lists */
.feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    border-radius: .75rem;
    background-color: rgba(51, 181, 229, .15);
    color: var(--callit-icon-color);
    font-size: 1.5rem;
}

.card-hover {
    transition: transform .15s ease, box-shadow .15s ease;
}

    .card-hover:hover {
        transform: translateY(-2px);
        box-shadow: var(--bs-box-shadow);
    }

.check-list {
    list-style: none;
    padding-left: 0;
}

    .check-list li {
        position: relative;
        padding-left: 1.5rem;
        margin-bottom: .25rem;
    }

        .check-list li::before {
            content: "\f272"; /* bi-check2 */
            font-family: "bootstrap-icons";
            position: absolute;
            left: 0;
            color: var(--callit-icon-color);
        }

.screenshot {
    border-radius: .5rem;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, .2);
}

.site-footer a {
    color: rgba(255, 255, 255, .75);
    text-decoration: none;
}

    .site-footer a:hover {
        color: #fff;
    }