@import url('https://fonts.googleapis.com/css?family=Fira+Mono:400,500,700|Heebo:300,400,500,700,800,900');

:root {
    --color-primary: #1D365E;
    --color-primary__darker-1: #152846;
    --color-primary__darker-2: #1D365E;
    --color-primary-lighter: #0060aa;
    --color-primary-lighter__hover: rgba(21, 40, 70, .35);
    --color-secondary: #F69139;

    --color-white: #ffffff;
    --color-white__muted: rgba(255, 255, 255, .35);
    --color-white__muted-lighter: rgba(255, 255, 255, .75);
    --color-white__search: rgba(255, 255, 255, .1);

    --color-muted: #576988;
    --color-success: #3FAF2A;

    --color-text-default: #4B5057;
    --color-text-dark: #191919;

    --color-theme-border: rgba(87, 105, 136, .25);

    --color-dark-theme: #1c2836;
    --color-dark-theme__lighter: #253042;
    --color-dark-theme-border: rgba(87, 105, 136, .25);

    --color-table__hover: rgb(226, 234, 243);
    --color-code-background: #253042;

    --font-primary: 'Heebo', Helvetica, Arial, sans-serif;
    --font-code: 'Fira Mono', Courier, monospace;
}

html {
    box-sizing: border-box;
}

body {
    margin: 0;
}

h1,
h2 {
    color: var(--color-primary-lighter) !important;
}

h3 {
    font-weight: 400 !important;
}

h5,
h6 {
    color: var(--color-primary) !important;
    font-weight: 500 !important;
    border: none !important;
}

img {
    cursor: pointer !important;
}

table {
    border-color: var(--color-theme-border);
}

table td {
    border-bottom-color: var(--color-theme-border) !important;
}

/*  Code Examples */

pre,
pre *,
code,
code *,
.redoc-json * {
    font-family: var(--font-code) !important;
}

pre,
code {
    border-radius: 3px !important;
    background-color: var(--color-code-background) !important;
    color: var(--color-white__muted-lighter) !important;
}

/* Logo */

.menu-content>div {
    background-color: var(--color-primary) !important;
}

/* Search Input */

div[role="search"] {
    position: relative;
}

.search-icon {
    top: 9px !important;
    left: 27px !important;
}

.search-input {
    font-weight: 400 !important;
    font-size: 14px !important;
    border-radius: 3px !important;
    background-color: var(--color-white__search) !important;
    padding: 7px 10px 7px 30px !important;
    border-bottom: none !important;
}

.search-input::-webkit-input-placeholder {
    color: var(--color-white__muted) !important;
}

.search-input::-moz-placeholder {
    color: var(--color-white__muted) !important;
}

.search-input::-ms-placeholder {
    color: var(--color-white__muted) !important;
}

.search-input::placeholder {
    color: var(--color-white__muted) !important;
}

/* Menu */

ul[role="navigation"] li label {
    font-size: 16px !important;
}

ul[role="navigation"] li ul li label {
    font-size: 14px !important;
}

ul[role="navigation"] li label:hover {
    background-color: var(--color-primary-lighter__hover);
    color: var(--color-secondary) !important;
}

ul[role="navigation"] li label:hover svg polygon {
    fill: var(--color-white) !important;
}

ul[role="navigation"] li label.active {
    color: var(--color-secondary) !important;
}

/*  Download Button */

.api-info a {
    color: var(--color-white) !important;
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    padding: 4px 15px !important;
    border-radius: 3px !important;
}

.api-info a:hover {
    background-color: var(--color-primary-lighter) !important;
}

.redoc-markdown {
    overflow-x: auto;
}

/* Powered By */

.menu-content>div>div>a[target="_blank"] {
    display: none;
}


@media screen and (max-width: 50rem) {
    .search-input {
        font-weight: 400 !important;
        font-size: 14px !important;
        border-radius: 3px !important;
        background-color: var(--color-white__search) !important;
        padding: 7px 10px 7px 30px !important;
        border-bottom: none !important;
    }
}