/* Topbar background */
.fi-topbar nav,
.fi-topbar nav.fi-topbar-nav,
.fi-topbar > nav,
header.fi-topbar > nav {
    background-color: #0e66c6 !important;
}

.fi-topbar {
    background-color: #0e66c6 !important;
}

/* All text inside topbar white */
.fi-topbar nav *,
.fi-topbar * {
    color: #ffffff !important;
    --tw-text-opacity: 1 !important;
}

/* SVG icons white */
.fi-topbar svg {
    color: #ffffff !important;
    fill: currentColor;
}

/* Hover state */
.fi-topbar button:hover,
.fi-topbar a:hover {
    color: #dbeafe !important;
}

/* Sidebar header (brand) */
.fi-sidebar-header,
.fi-sidebar-header a,
.fi-sidebar nav > header,
aside.fi-sidebar > header,
.fi-sidebar > header {
    background-color: #0e66c6 !important;
}

.fi-sidebar-header *,
.fi-sidebar > header * {
    color: #ffffff !important;
}

/* Topbar logo */
.topbar-logo {
    display: flex;
    align-items: center;
    margin-right: 1rem;
}

.topbar-logo img {
    height: 2rem;
}

.topbar-logo-separator {
    padding: 0 9px;
    color: #fff !important;
    font-size: 1.2rem;
}

.topbar-logo-text {
    color: #fff !important;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 0.05em;
}

/* User menu dropdown */
.fi-topbar .fi-dropdown-panel *,
.fi-topbar .fi-dropdown-list *,
.fi-topbar .fi-dropdown-panel .fi-dropdown-list-item *,
.fi-topbar .fi-dropdown-panel span,
.fi-topbar .fi-dropdown-panel a,
.fi-topbar .fi-dropdown-panel button,
.fi-topbar .fi-dropdown-panel svg {
    color: #313131 !important;
}

/* H1 headings */
h1 {
    font-family: "Barlow Condensed", sans-serif !important;
    color: #313131 !important;
    font-weight: 500 !important;
    font-size: 30px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1rem !important;
}