footer .mh-logo {
    height: 24px;
}

.navbar .mh-logo {
    height: 32px;
}

/***************************************/

:root {
    --color-primary-light: rgb(243, 213, 39);
    --color-primary-dark: rgb(17, 77, 150);
    --color-background-light: rgb(246, 237, 224);
    --color-primary-accent-1: rgb(245, 97, 75);
    --color-primary-accent-2: rgb(168, 195, 31);
    --color-primary-accent-3: rgb(74, 119, 41);

    --color-mh-brand-blue: rgb(0, 37, 74);
    --color-mh-brand-blue-rgb: 0, 37, 74;

    --color-mh-brand-gold: rgb(212, 184, 113);
    --color-mh-brand-gold-rgb: 212, 184, 113;

    --color-mh-darkblue: rgb(4, 30, 58);
    --color-mh-darkblue-rgb: 4, 30, 58;

    --color-mh-teal: rgb(0, 199, 177);
    --color-mh-teal-rgb: 0, 199, 177;

    --color-mh-purple: rgb(150, 120, 211);
    --color-mh-purple-rgb: 150, 120, 211;

    --color-mh-extra: rgb(175, 175, 175);
    --color-mh-extra-rgb: 175, 175, 175;

    --color-mh-white: rgb(255, 255, 255);
    --color-mh-white-rgb: 255, 255, 255;
}


:root,
[data-bs-theme=light] {
    --bs-primary: var(--color-mh-brand-blue);
    --bs-primary-rgb: var(--color-mh-brand-blue-rgb);
    --bs-link-color: var(--color-mh-brand-blue);
    --bs-link-color-rgb: var(--color-mh-brand-blue-rgb);
}

.pagination {
    --bs-pagination-active-bg: var(--color-mh-brand-blue);
    --bs-pagination-active-border-color: var(--color-mh-brand-blue);
}

/* .dropdown-menu {
    --bs-dropdown-bg: var(--color-mh-brand-blue);
} */

[data-bs-theme=dark] {
    /* --bs-primary-rgb: var(--color-mh-brand-blue-rgb);*/
}

body {
    height: 100vh;
}

a {
    text-decoration: none;
}

a:visited {
    color: inherit;
}

.body-grid {
    display: grid;
    grid-template-areas:
        'header'
        'content'
        'footer';
    /*'header header header'*/
    /*'content content content'*/
    /*'footer footer footer';*/
    grid-template-rows: max-content 1fr max-content;
    grid-template-columns: auto;
    /*    grid-template-columns: auto minmax(1fr, 1420px) auto;*/
}


nav.navbar {
    grid-area: header;
    /*background-color: var(--color-primary-dark);*/
    /*border-color: var(--color-primary-dark);*/
}

.navbar-dark .nav-item>a {
    color: var(--color-mh-white);
}

.navbar-dark .nav-item>a:hover {
    color: var(--color-mh-brand-gold);
}

.content {
    grid-area: content;
}

footer {
    grid-area: footer;
    color: #ffffff;
    background-color: var(--color-primary-dark);
}

table {
    border-collapse: collapse;
}

th,
td {
    text-align: left;
    padding-right: 1em;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}



/* Direction arrows for django_tables2 sorted columns */
th.orderable.asc a::after {
    content: " ↑";
}

th.orderable.desc a::after {
    content: " ↓";
}



.form-control::placeholder {
    color: var(--color-mh-teal);
    font-style: italic;
}