body {
    color: hsl(0, 0%, 23%);
    font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* header */
.md-header {
    background-color: rgb(50, 120, 189);
    background-image: url(../img/checkers.png);
    border-top: 1px solid rgba(247, 247, 247, 0.4);
}

.md-header__inner {
    padding: 0 0.5rem;
}

.md-header__topic:first-child {
    font-weight: 400;
}

.md-header__button.md-logo {
    margin: 0;
    padding: 0.2rem 0.5rem 0.3rem 0;
}

.md-header__button {
    padding: 0;
}

    .md-header-nav__button.md-logo img, .md-header-nav__button.md-logo svg,
    .md-header__button.md-logo img, .md-header__button.md-logo svg {
        height: 40px !important;
        width: auto;
    }

.md-header__title {
    margin-left: 0.25rem !important;
}

/* header: search */
.md-search {
    padding: 0;
}

.md-search__input {
    border-bottom: 1px solid #ffffff99;
}

/* header: space between top nav and fiscal year dropdown */
.md-grid {
    display: flex;
    justify-content: space-between;
    margin-left: 1rem;
    margin-right: 1rem;
    max-width: 100%;
}

/* header: topnav */
.md-tabs {
    background: linear-gradient(90deg, rgb(127, 220, 220), rgb(204, 245, 245)) rgb(174, 239, 239);
    border-bottom: 1px solid rgb(87, 209, 209);
    border-top: 1px solid rgb(247, 247, 247);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.3px -2px, rgba(0, 0, 0, 0.15) 0px 0.1px 0.8px -2px, rgba(0, 0, 0, 0.23) 0px 0.3px 1.8px -2px, rgba(0, 0, 0, 0.4) 0px 1px 6px -2px;
    display: block !important;
    height: fit-content;
    justify-content: space-between;
    left: 0;
    overflow: hidden;
    right: 0;
    top: 54px;
}

.md-tabs__item {
    height: 34px;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    padding: 0;
}

.md-tabs__link {
    align-items: center;
    color: hsl(180,100%,5%);
    display: flex;
    font-weight: 600;
    height: 100%;
    margin: 0;
    padding: 0.25rem;
}

.md-tabs__link--active, 
.md-tabs__link:focus, 
.md-tabs__link:hover {
    background: hsl(0,0%,100%);
    color: hsl(180,100%,19%);
}

.md-tabs__inner.md-grid {
    flex-wrap: wrap;
}

.md-tabs__list,
[dir=ltr].md-tabs__list {
    margin-left: 0.5rem !important;
}

/* sidebar */
.md-nav__link {
    color: hsl(210,58%,44%);
    font-weight: 400;
    padding: 0 0.25rem;
}

.md-nav__link.md-nav__link--index {
    font-weight: 400;
}

.md-nav__item--section {
    margin: 0;
}

.md-nav__item .md-nav__link--active {
    border-bottom: 1px solid hsl(0,0%,65%);
    color: hsl(0,0%,23%);
    font-weight: 600;
}

.md-nav--lifted>.md-nav__list>.md-nav__item--active>.md-nav__link {
    border-bottom: 1px solid hsl(210,58%,44%);
}

.md-nav--primary .md-nav__link[for=__toc] .md-icon:after {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.59 16.58 13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.42Z"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.59 16.58 13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.42Z"/></svg>');
}

.md-nav__icon.md-icon {
    transform: rotate(90deg);
}

td, th {
    padding: 0.9375em 1em !important;
}

th {
    color: inherit !important;
    font-weight: 600;
}

.md-typeset h1 {
    color: hsl(0,0%,14%);
    font-weight: 500;
}

.md-typeset table:not([class]) th:not([align]), 
.md-typeset__scrollwrap .md-typeset__table table thead tr th,
.md-typeset table:not([class]) th {
    background: #e3e3e3;
    min-width: 0% !important;
    vertical-align: bottom;
}

.md-top {
    top: 90vh !important;
}

/* footer */
.md-footer {
    background-color: hsl(180, 31%, 34%);
}

.md-footer-meta.md-typeset a {
    color: hsl(0, 0%, 100%);
}

.md-footer-copyright,
.md-footer-copyright__highlight {
    color: hsl(0, 0%, 100%);
}

/* fonts: Fira */
@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans-Hair.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans-HairItalic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans-UltraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans-UltraLightItalic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans-ExtraBoldItalic.woff2') format('woff2');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans-Heavy.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans-HeavyItalic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Mono';
    src: url('fonts/FiraMono-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Mono';
    src: url('fonts/FiraMono-Bold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}