/* Hue 205 */
:root {
  --trans-blue: #5DA8DC;
  --lightest-blue: #0077b3;
  /* S, L 100, 70 */
  --light-blue: #00649c;
  /* S, L 100, 61 */
  --mid-blue: #005185;
  /* Bibel*/
  /* S, L 100, 52 */
  --base-blue: #003e6f;
  /* S, L 100, 43 */
  --dark-blue: #002e51;
  /* S, L 100, 31 */
  --navy-blue: #001d33;
  /* S, L 100, 20 */
  --gulv: #393f52;
  --hue: 205;
  --form-width: 420px;
  --form-padding: 10px;
  --white: rgba(255, 255, 255, 1);
  --gray: rgba(200, 200, 200, 0.7);
  --mobile-padding: 5%;
  --default-width: min(var(--form-width), calc(100% - var(--mobile-padding) * 2));
  --header-font-size: 19px;
  --header-font-padding: 8px;
  --header-padding-top: 13px;
  --header-padding-bottom: 24px;
  --header-line-height: 40px;
  --body-background: #212529;
}

@font-face {
  font-family: "Raleway";
  font-weight: 900;
  font-style: normal;
  src: url("../fonts/raleway/raleway-v28-latin-ext_latin-900.woff2");
}
@font-face {
  font-family: "Raleway";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/raleway/raleway-v28-latin-ext_latin-regular.woff2");
}
@font-face {
  font-family: "Raleway";
  font-weight: 600;
  font-style: normal;
  src: url("../fonts/raleway/raleway-v28-latin-ext_latin-600.woff2");
}
@font-face {
  font-family: "Raleway";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/raleway/raleway-v28-latin-ext_latin-regular.woff2");
}
html {
  scroll-behavior: smooth;
}

html[data-theme=dark] {
  --theme-switcher-color: rgba(255, 255, 255, 1);
}

html[data-theme=light] {
  --theme-switcher-color: rgba(0, 0, 0, 1);
}

header nav li {
  padding-top: 0px;
  padding-bottom: 0px;
}
header nav li h1 {
  margin-bottom: 0px;
}
header nav li a svg {
  width: 16px;
  height: 16px;
  color: var(--theme-switcher-color);
}

a[href="#top"] {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  background-color: var(--pico-primary-background); /* Change to your preferred color */
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%; /* Makes it a circle */
  text-decoration: none;
  font-size: 24px;
  font-weight: bold;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s, transform 0.2s;
}

/* Hover effect */
a[href="#top"]:hover {
  background-color: var(--pico-primary-hover-background);
  transform: scale(1.1);
}

p.target-selector {
  font-family: var(--pico-font-family-monospace);
}

#parish-top-10-list td > p.target-selector {
  margin-bottom: 0px;
}