/* Hide the built-in Swagger logo (the <svg> element) */
.swagger-ui .topbar .topbar-wrapper .link > svg {
    display: none !important;
}

.swagger-ui .topbar .topbar-wrapper .link {
    display: inline-block;
    position: relative;
    /* Use your logo as background */
    background: url("/cloudmersive.png") no-repeat left center;
    width: 242px;
    height: 40px;
    /* Make room for the text to the right of the logo */
    padding-left: 260px;
    line-height: 40px;
    vertical-align: middle;
    white-space: nowrap; /* Prevent line wrapping */
}

    /* Insert "API Console" text via ::before pseudo-element */
    .swagger-ui .topbar .topbar-wrapper .link::before {
        content: "API Console";
        font-weight: bold;
        color: #000;
        /* Adjust font-size, letter-spacing, or padding if needed */
    }

/* Make the top bar green */
.swagger-ui .topbar,
.swagger-ui .topbar .topbar-wrapper {
    background-color: #89bf04 !important;
}

    /* Ensure top bar text is black */
    .swagger-ui .topbar .topbar-wrapper a,
    .swagger-ui .topbar .topbar-wrapper span {
        color: #000 !important;
    }



.api-sections-container {
    background-color: #dbebb3;
    padding: 8px;
    display: flex;
    align-items: flex-start;
    justify-content: center; /* Center the boxes horizontally */
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
}

.api-section {
    padding: 8px;
    margin: 8px;
    text-align: center;
    background-color: #e1f7bb; /* Slightly darker green fill color */
}


.api-section-heading {
    font-family: Arial, sans-serif;
    font-weight: bold;
    margin-bottom: 4px;
    text-align: left !important; /* Force headings to align left */
}