#detail-text {
  font-size: 1.75rem;
}

#font-control {
  float: right;
}

#hymn-title {
  clear: right;
  padding-left: 0;
  padding-right: 0;
}

#hymn-title-control {
  padding-left: 0;
  padding-right: 0;
}

.hymns a:hover {
  text-decoration: underline;
  text-decoration-thickness: 0.25rem;
  text-decoration-color: hsl(0, 0%, 71%);
}
.hymns .is-active:hover {
  text-decoration: none;
}

.hymn-card-link {
  display: block;
  text-decoration: none;
}
.hymn-card-link:hover, .hymn-card-link:focus {
  text-decoration: none;
}

.hymn-card {
  padding: 1rem;
  padding-left: 1.5rem;
  border-left: 0.25rem solid transparent;
  transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  border-radius: 0.25rem;
}
.hymn-card-link:hover .hymn-card {
  border-left-color: hsl(0, 0%, 71%);
  background-color: hsl(0, 0%, 96%);
}
.hymn-card-link:focus .hymn-card {
  border-left-color: hsl(0, 0%, 29%);
  background-color: hsl(0, 0%, 93%);
  outline: 0.15rem solid hsl(0, 0%, 29%);
  outline-offset: 0.15rem;
}
.hymn-card-link:active .hymn-card {
  border-left-color: hsl(0, 0%, 21%);
  background-color: hsl(0, 0%, 90%);
}

.breadcrumbs a {
  font-weight: bold;
}
.breadcrumbs a:hover {
  color: hsl(0, 0%, 29%);
}
.breadcrumbs .is-active:hover {
  text-decoration: none;
}
.breadcrumbs .is_active a {
  color: pink;
}

#search-input {
  clear: right;
}

#search-input-button {
  float: right;
}

#search-input-border #id_search {
  outline: 0.1rem solid hsl(0, 0%, 29%);
}
#search-input-border #id_search #placeholder {
  color: pink;
}

input[type=text]:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

input[type=text]:focus {
  outline: 0.1rem solid hsl(0, 0%, 29%);
  box-shadow: inset 0 0 0 0.1px hsl(0, 0%, 71%), 0 2px 8px rgba(0, 0, 0, 0.1);
}

.search-input-border-hymns {
  margin-top: -1.5rem;
}

.search-input-border-landing-page {
  margin-top: -1.5rem;
}

::placeholder {
  color: hsl(0, 0%, 71%);
  opacity: 1; /* Firefox */
  font-weight: bold;
  font-size: 1.1rem;
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: hsl(0, 0%, 71%);
  font-weight: bolder;
  font-size: 1.1rem;
}

#landing-outer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

#hymn-subtitle {
  margin-top: -3rem;
  padding-left: 0;
  padding-right: 0;
}

input[type=text] {
  font-size: 1.3rem;
  font-weight: bold;
}

input[type=text], textarea {
  background-color: hsl(0, 0%, 86%);
  outline: 0.1rem solid hsl(0, 0%, 21%);
}

.errorlist {
  margin-top: 1.5rem;
  margin-bottom: -0.5rem;
}
.errorlist li {
  font-size: 1.3rem;
  font-weight: bolder;
  color: hsl(348, 100%, 61%);
}

#search-results-count {
  margin-top: -1.5rem;
  margin-bottom: -1.5rem;
}

.nav-bar a:hover {
  text-decoration: none;
}

.select:not(.is-multiple):not(.is-loading)::after {
  border-color: hsl(0, 0%, 71%);
}

.select:not(.is-multiple):not(.is-loading):hover::after {
  border-color: hsl(0, 0%, 21%);
}

.select select:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.select select:focus,
.select select.is-focused {
  border-color: hsl(0, 0%, 29%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Navbar accessibility improvements for dark background */
.navbar.has-background-dark .navbar-item:hover {
  background-color: hsl(0, 0%, 29%);
}

.navbar.has-background-dark .navbar-item:focus {
  background-color: hsl(0, 0%, 29%);
  outline: 0.15rem solid hsl(0, 0%, 71%);
  outline-offset: 0.15rem;
}

.navbar.has-background-dark .navbar-item:active {
  background-color: hsl(0, 0%, 21%);
}

/*# sourceMappingURL=main.css.map */