.admin-interface #header {
    height: auto;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width:1024px) {
    .admin-interface #header {
        align-items: start;
    }
}

.admin-interface #branding h1 img.logo {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 15px;
    display: inline-block !important; /* override inline display:none; */
}

.admin-interface #branding h1 span {
    display: inline-block;
}

.admin-interface #branding h1 img.logo+span {
    white-space: nowrap;
}

.admin-interface #user-tools {
    margin-top: 10px;
    margin-bottom: 10px;
    white-space: nowrap;
    align-self: center;
    text-transform: none !important;
    font-size: 0.8125rem !important;
    letter-spacing: normal !important;
}

.admin-interface #user-tools a,
.admin-interface #user-tools button,
.admin-interface #user-tools strong {
    text-transform: none !important;
    letter-spacing: normal !important;
    font-size: 0.8125rem !important;
    margin: 0 0.25rem;
}

.admin-interface #user-tools {
    color: #687086;
}

.admin-interface #user-tools .theme-toggle {
    display: none !important;
}
.admin-interface #user-tools .header-links a {
    border: 1px solid rgba(255, 255, 255, 0.25);
}
.admin-interface #user-tools .header-links a:hover {
    color: #fff !important;
    text-decoration: none !important;
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;

}
#user-tools a, #logout-form button {

    border-bottom: inherit;
}

.admin-interface #user-tools br {
    display: none;
}

@media (max-width: 768px) {
    .admin-interface #user-tools br {
        display: block;
    }
}

/* hide theme toggle button until dark theme will be supported */
/*
.admin-interface #user-tools button.theme-toggle {
    display: none;
}
*/