/* ---------- Fonts ---------- */
@font-face {
    font-family: Queulat;
    src: url('/public/fonts/Latinotype - Queulat-Regular.otf');
}

@font-face {
    font-family: Queulat;
    font-weight: bold;
    src: url('/public/fonts/Queulat/Latinotype - Queulat-Bold.otf');
}

/* ---------- Page ---------- */
.page-container {
    min-height: 100vh;
    position: relative;
    /* font-family: "Lato",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; */
}

/* ---------- Top section ---------- */
.top-section a img.logo {
    height: 50px;
    margin: 20px 0;
}

@media (min-width: 992px) {
    .top-section a img.logo {
        height: 100px;
    }
}

/* ---------- Navigation ---------- */
.navbar {
    color: #fff;
}

.navbar {
    background-color: #299e99;
}

.navbar a,
.navbar a:hover,
.navbar a:focus,
.navbar a:active
{
    color: #fff;
    text-decoration: none;
}

.navbar .navbar-nav .nav-item .nav-link {
    padding: 0.5rem 1rem;
}

@media (min-width: 992px) {
    .navbar .navbar-nav .nav-item .nav-link {
        padding: 20px 50px;
        border-right: 1px #bddbd9 solid;
    }
}

.navbar li.active,
.navbar li:hover,
.navbar li:focus,
.navbar li:active
{
    background-color: #22736d;
}

/* ---------- Main section ---------- */
.main-section {
    margin-top: 15px;
    padding-bottom: 90px;
}

/* ---------- Footer ---------- */
.footer {
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    background-color: #299e99;
    padding-top: 15px;
    padding-bottom: 15px;
}


.footer span,
.footer a
{
    color: #fff;
    font-size: .9rem;
}

.footer a:hover,
.footer a:focus,
.footer a:active
{
    color: #e8e8e8;
    text-decoration: none;
}

/* ---------- Common styles ---------- */
.btn-dark-green {
    background-color: #22736d;
    border-color: #206a65;
    color: #fff;
}

.btn-dark-green:hover,
.btn-dark-green:focus,
.btn-dark-green:active
{
    background-color: #1c5f5a;
    color: #fff;
}

.btn-dark-green:focus {
    box-shadow: 0 0 0 0.2rem rgba(34, 119, 113, 0.25);
}

.btn-light-green {
    background-color: #299e99;
    border-color: #279690;
    color: #fff;
}

.btn-light-green:hover,
.btn-light-green:focus,
.btn-light-green:active
{
    background-color: #22736d;
    color: #fff;
}

.btn-light-green:focus {
    box-shadow: 0 0 0 0.2rem rgba(39, 139, 133, 0.25);
}

.text-card .card-title {
    font-size: 1.05rem;
    color: #484848;
    margin-bottom: 1rem;
}

.text-card .card-subtitle {
    font-size: 0.9rem;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.text-card p {
    font-size: 0.9rem;
}

/* ---------- Components ---------- */
.login-card {
    background-color: #299e99;
    color: #fff;
}

.login-card .login-header {
    font-size: 1.05rem;
    font-weight: bold;
}

.login-card label {
    font-size: 0.9rem;
}

.login-card .logged-in-as {
    font-size: 0.95rem;
}

.arrow-icon {
    line-height: 0.9em;
    height: 0.9em;
    width: 0.9em;
    font-size: 0.9em;
    margin-top: 0.1em;
}

.arrow-icon .icon-bg {
    color: #fff;
    font-size: 80%
}

.arrow-icon .icon-fg {
    color: #22736d;
}