:root {
    --lfm-primary: #104D5B;
    --lfm-secondary: #FCF6DA;
}


/*#region Fonts*/

@font-face {
    font-family: 'super-clarendon-bold';
    src: url('fonts/super-clarendon-bold.woff2') format('woff2');
}

@font-face {
    font-family: 'super-clarendon-bold-italic';
    src: url('fonts/super-clarendon-bold-italic.woff2') format('woff2');
}

@font-face {
    font-family: 'super-clarendon-light';
    src: url('fonts/super-clarendon-light.woff2') format('woff2');
}

@font-face {
    font-family: 'super-clarendon-light-italic';
    src: url('fonts/super-clarendon-light-italic.woff2') format('woff2');
}

@font-face {
    font-family: 'super-clarendon-regular-bold';
    src: url('fonts/super-clarendon-regular-bold.woff2') format('woff2');
}

@font-face {
    font-family: 'super-clarendon-regular-bold-italic';
    src: url('fonts/super-clarendon-regular-bold-italic.woff2') format('woff2');
}

@font-face {
    font-family: 'super-clarendon-regular-italic';
    src: url('fonts/super-clarendon-regular-italic.woff2') format('woff2');
}

@font-face {
    font-family: 'super-clarendon-regular-regular';
    src: url('fonts/super-clarendon-regular-regular.woff2') format('woff2');
}

@font-face {
    font-family: 'roboto-bold';
    src: url('fonts/roboto-bold.ttf') format('truetype');
}

@font-face {
    font-family: 'roboto-light';
    src: url('fonts/roboto-light.ttf') format('truetype');
}

@font-face {
    font-family: 'roboto-medium';
    src: url('fonts/roboto-medium.ttf') format('truetype');
}

@font-face {
    font-family: 'roboto-regular';
    src: url('fonts/roboto-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'roboto-thin';
    src: url('fonts/roboto-thin.ttf') format('truetype');
}

/*#endregion*/

body {
    background-color: var(--lfm-secondary);
    font-family: roboto-medium;
}

.swagger-ui > * {
    font-family: roboto-regular;
}

.swagger-ui .topbar {
    background-color: var(--lfm-primary);
}

    .swagger-ui .topbar .link svg {
        display: none !important;
    }

    .swagger-ui .topbar .link {
        content: url('logo_small.png');
        max-width: 4em;
    }

.info {
    transform: translate(100px, -140px);
    position: absolute;
    max-width: fit-content;
}

    .swagger-ui .info .title {
        font-family: roboto-regular!important;
        color: white !important;
    }

    .info a:any-link .url {
        color: #89B334 !important;
        text-decoration: #89B334 underline;
        text-decoration-thickness: from-font;
    }

form.download-url-wrapper {
    display: none !important;
}

#swagger-ui > section > div.swagger-ui > div:nth-child(2) > div:nth-child(3) > section {
    /*    max-width: fit-content;*/
    margin-inline: auto;
    padding-block: 5em;
}

.swagger-ui .opblock-tag {
    color: #104D5B !important;
    /*background-color: #628A93;*/
}

.swagger-ui .opblock-tag-section {
    transition: .6s ease all;
    margin-block: 1em;
}

    .swagger-ui .opblock-tag-section .is-open {
        transition: .6s ease all;
    }

.swagger-ui .parameters-col_description {
    width: 80%;
}

.swagger-ui .operation-tag-content {
    background-color: #ffffff;
    padding: 1em;
    margin: .5em;
    border-radius: 10px;
    outline: 2px solid #aaaaaa;
}

.nostyle {
    font-family: roboto-regular!important;
}


.title {
    font-family: roboto-regular!important;
    content: 'LFM Network API';
}

    .title > span {
        display: none;
    }