/*
 * Quark 2 — user customizations
 *
 * This file is safe to edit. It is loaded last so anything here overrides
 * theme.css without having to mark rules !important.
 */
:root,
:root[data-theme="light"] {
  --q2-nav-bg: #1F8DD6;
  --q2-nav-border: #175E91;
  --q2-accent: #1F8DD6;
}

#header {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.navbar-brand,
.navbar-brand:hover {
  color: #fff;
}

.navbar-brand svg,
.navbar-brand svg * {
  fill: #fff;
}

.desktop-menu a {
  color: #fff;
}

.desktop-menu a:hover {
  color: #eee;
}

.desktop-menu a:hover {
  background-color: #fff;
  color: #1F8DD6;
}

.navbar-brand img,
.navbar-brand svg {
  display: none;
}

.navbar-brand::after {
  content: "Heat Loss Calculator";
  font-family: var(--pico-font-family-display);
  font-size: 1.125rem;
  font-weight: 600;
  color: #fff;
}