:root {
    --ireba-primary: #0b3d6e;
    --ireba-dark: #082c50;
    --ireba-accent: #f0b429;
}

html {
    scroll-padding-top: 70px;
}

.bg-ireba {
    background-color: var(--ireba-primary);
}

.bg-ireba-dark {
    background-color: var(--ireba-dark);
}

.text-ireba {
    color: var(--ireba-primary);
}

.hero {
    /* To add a photo, append: , url("/img/hero.jpg") center/cover no-repeat */
    background: linear-gradient(135deg, rgba(11, 61, 110, .95), rgba(8, 44, 80, .9));
    color: #fff;
    padding: 7rem 0 6rem;
}

.hero .lead {
    max-width: 640px;
}

.hero-logo {
    display: block;
    width: 100%;
    max-width: 510px;
    height: auto;
}

.feature-icon {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: .75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    background-color: rgba(11, 61, 110, .1);
    color: var(--ireba-primary);
}

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

.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 .75rem 1.5rem rgba(0, 0, 0, .1) !important;
}

.stat-number {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--ireba-accent);
}

.cta {
    background-color: var(--ireba-primary);
    color: #fff;
}

.signup-header {
    background-color: var(--ireba-primary);
    color: #fff;
    padding: 3rem 0;
}

.form-section-title {
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--ireba-primary);
    font-weight: 700;
    border-bottom: 2px solid rgba(11, 61, 110, .15);
    padding-bottom: .35rem;
    margin-bottom: 1rem;
}

.hp-field {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Member area */
.member-tabs .nav-link {
    color: var(--ireba-primary);
}

.member-tabs .nav-link.active {
    background-color: var(--ireba-primary);
    color: #fff;
}

.stat-box {
    background: #f4f7fb;
    border-radius: .5rem;
    padding: .75rem .25rem;
}

.stat-num {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--ireba-primary);
}

.stat-label {
    font-size: .75rem;
    color: #6c757d;
}

.state-heading {
    color: var(--ireba-primary);
    border-bottom: 2px solid var(--ireba-accent);
    padding-bottom: .35rem;
}

.pricing-featured {
    border-top: 4px solid var(--ireba-accent) !important;
}

.admin-state-row td {
    background-color: #e9eff6 !important;
    font-weight: 600;
    color: var(--ireba-primary);
}