#header {
background: linear-gradient(90deg, #1B2340, #2A3458) !important;
padding: 0 !important;
min-height: 0 !important;
}
#header-in.header-in {
padding: 10px 24px !important;
min-height: 0 !important;
align-items: center !important;
gap: 16px !important;
flex-wrap: nowrap !important;
} h1.logo.logo-header,
h1.logo-image {
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
h1.logo.logo-header a,
h1.logo-image a {
display: inline-flex !important;
align-items: center !important;
padding: 0 !important;
}
img.header-site-logo-image,
img.site-logo-image {
max-height: 36px !important;
width: auto !important;
height: 36px !important;
object-fit: contain !important;
display: inline-block !important;
vertical-align: middle !important;
} .tagline,
#site-description,
p.tagline {
font-size: 11px !important;
color: rgba(255,255,255,0.7) !important;
margin: 0 !important;
padding: 0 !important;
} #header .navi a,
#header .navi-in a,
#header-in .navi a {
color: rgba(255,255,255,0.85) !important;
}
#header .navi a:hover,
#header-in .navi a:hover {
color: #ffffff !important;
} html[data-theme="dark"] #header {
background: linear-gradient(90deg, #1B2340, #2A3458) !important;
}
html[data-theme="dark"] img.header-site-logo-image,
html[data-theme="dark"] img.site-logo-image {
filter: brightness(1) !important;
}
html[data-theme="dark"] .tagline,
html[data-theme="dark"] #site-description {
color: rgba(255,255,255,0.7) !important;
}