/* Override theme toggle icons to match the background color #070349 */
.theme-toggle svg.theme-icon-when-auto,
.theme-toggle svg.theme-icon-when-dark,
.theme-toggle svg.theme-icon-when-light {
    fill: #ffffff;
    /* Change to white or any color that stands out against the #070349 background */
    /* Optionally, remove the following line if you see issues */
    color: #070349;
    /* Change to match the fill color */
}

/* Ensure header background color */
#header {
    background-color: #070349;
    /* Your header background color */
}

#header #branding {
    background: url("/static/img/CheerEventsLogoGold.png") no-repeat left center;
    background-size: contain;
    height: 75px;
    /* Adjust the height to match the logo */
    width: 200px;
    /* Adjust the width based on your logo */
}

#header #site-name {
    display: none;
    /* Hide the "Django administration" text */
}

.theme-toggle {
    position: fixed;
    top: 20px;
    left: 20px;
    /* Keep the icon to the left */
}