:root {
    --bs-primary: #008fa8;
    --bs-body-color: #6e6363;
    --bs-body-font-family: 'Helvetica Neue Light';
    --bs-link-color-rgb: 0, 143, 168;
    --bs-link-hover-color-rgb: 0, 114, 134;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #26a0b5;
    --bs-btn-hover-border-color: #1a9ab1;
    --bs-btn-focus-shadow-rgb: 0, 122, 143;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #33a5b9;
    --bs-btn-active-border-color: #1a9ab1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

.form-control:focus {
    border-color: #80c7d4;
    box-shadow: 0 0 0 .25rem rgba(0, 143, 168, .25);
}

.form-check-input:focus {
    box-shadow: 0 0 0 .25rem rgba(0, 143, 168, .25);
}

.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.nav {
    --bs-nav-link-color: #fff;
    --bs-nav-link-hover-color: var(--bs-body-color);
}

@font-face {
    font-family: 'Helvetica Neue Light';
    src: url("../fonts/HelveticaNeueLTStd-Lt-dfbbe6b410ffd4b2281cc276f1b56825.otf") format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Font Awesome 6';
    src: url("../vendor/@fortawesome/fontawesome-free/webfonts/fa-solid-900-781f701fc30008aca96013646ccff4a6.ttf") format('truetype');
}

html {
    display: grid;
    min-height: 100%;
}

body {
    display: grid;
    grid-template-rows: auto 1fr auto;
}

.logo {
    height: 45px;
}

main {
    background-color: #f7f7f7;
}

.content {
    max-width: 936px;
}

.content a:hover {
    text-decoration: none;
}

form {
    max-width: 600px;
}

form.login-form {
    max-width: 290px;
}

.help-text::before {
    display: inline-block;
    content: '\f05a';
    font-family: 'Font Awesome 6';
    margin-right: 0.4rem;
}

footer {
    color: #fff;
    font-size: 0.9rem;
    background-color: #00526c;
}

footer .logo {
    height: 10px;
}