/* :root {
    --md-code-bg-color: rgb(120, 150, 85);
    --md-code-fg-color: #ECB7B7;
} */

.md-header {
    background-color: #232837 !important;
}

.md-tabs {
    /* background-image: url(../assets/images/second-nav-blue.png); */
    background-color: #FAFAFA !important;
    font-weight: bold;
    color: #000000
}
/* Footer */

.md-footer-nav {
    /* background-image: url(../assets/images/second-nav-blue.png); */
    background-color: rgb(0, 76, 117) !important;

    /* max-height: 90px; */
}


.md-footer-meta {
    background-color: rgb(0, 76, 117) !important;
    border-top: 1px solid #1b2532 !important;
}
.custom-logo-container {
    display: flex;
    align-items: center;
    margin-right: auto;
    padding-left: 10px;
}
.custom-logo {
    height: 40px; /* Adjust size as needed */
    width: auto;
}
.logo-separator {
    margin: 0 10px;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff; /* Adjust separator color */
}

/* for the mobile nav bar */
@media only screen and (max-width: 76.1875em) {

    html .md-nav--primary .md-nav__title--site {
        background-color: rgb(0, 76, 117) !important;
        border-bottom: 1px solid #1b2532 !important;
    }

    .md-nav__source {
        background-color: #1f4e79 !important;
    }

    html .md-nav--primary .md-nav__title {
        background-color: rgb(0, 76, 117) !important;
        border-bottom: 1px solid #1b2532 !important;
        color: #ffffff;
    }

    html .md-nav--primary .md-nav__title::before {
        color: #ffffff;
    }

}

/* override swagger code */
.microlight > code {
    background: transparent;
    color: white;
}