/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */
nav {
  color: black;
}
nav a {
  color: black;
}
nav a:hover {
  text-decoration: underline black;
}

button.danger, input.danger {
  background-color: darkred;
  border-color: darkred;
}

a[role=button] {
  margin-top: 5px;
}

input[type=submit] {
  width: auto;
}

input[type=checkbox] {
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

input, select {
  margin-top: var(--pico-spacing);
  margin-bottom: var(--pico-spacing);
}

form input, form select {
  margin-top: 0;
}
form .seeker-subtitle {
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 10px;
}
form .seeker-max-selection {
  font-size: 14px;
  margin-bottom: -5px;
}
form .seeker-single-select > label,
form .seeker-numerical-input > label,
form .seeker-text-area-input > label,
form .seeker-title {
  font-size: 24px;
  line-height: 32px;
}
form .seeker-multi-select {
  margin-top: 20px;
}
form .seeker-multi-select-wrapper {
  margin-top: 5px;
}
form .seeker-checkbox-wrapper {
  margin-top: 10px;
  box-shadow: rgb(207, 213, 226) 0px 0px 0px 1px inset;
  background-color: rgb(251, 252, 252);
}
form .seeker-checkbox-wrapper input {
  margin-left: 5px;
}

nav img {
  max-width: 10rem;
}

summary.nav_dropdown {
  background-color: transparent;
}

body {
  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

header {
  background: rgb(11, 70, 81);
  background: linear-gradient(90deg, #0b4650 30%, #e6ff2b 70%);
}
header h1 {
  color: white;
}