@font-face {
    font-family: 'ProximaNova';
    src: url("../../../fonts/ProximaNova-Light.ttf");
    src: url("../../../fonts/ProximaNova-Light.ttf?#iefix") format("truetype");
    font-style: normal;
    font-weight: 200;
}

@font-face {
    font-family: 'ProximaNova';
    font-style: normal;
    font-weight: 300;
    src: url("../../../fonts/ProximaNova-Medium.ttf?#iefix") format("truetype");
}

@font-face {
    font-family: 'ProximaNova';
    font-style: normal;
    font-weight: 500;
    src: url("../../../fonts/ProximaNova-Bold.ttf?#iefix") format("truetype");
}

#redoc-nav {
    position: fixed;
    top: 0;
    width: 230px;
    z-index: 100;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    /* from Hugo styles */
    background-color: var(--MENU-HEADER-BG-color);
    color: #eee;
    font-size: 0.8rem;
    font-weight: 300;
    font-family: "ProximaNova", "Work Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    line-height: 1.6;
    --MENU-HEADER-BG-color: #3e3e45;
    --MENU-SECTIONS-LINK-color: #bbb;
    --MENU-SECTIONS-LINK-hover-color: #e6e6e6;
}
.redoc-nav-logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 0;
    max-width: 50em;
}
.redoc-nav-p {
    margin: 0.5rem;
    font-weight: 300;
}
.redoc-nav-select {
    font-weight: 300;
}
.redoc-nav-a {
    color: var(--MENU-SECTIONS-LINK-color);
    text-decoration: none;
}
.redoc-nav-a:hover {
    color: var(--MENU-SECTIONS-LINK-hover-color);
}