/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.form-submit {
  --bs-btn-bg: var(--swim-darkgreen);
  --bs-btn-border-color: var(--swim-darkgreen);
  --bs-btn-hover-bg: #005d50;
  --bs-btn-hover-border-color: #005045;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #005045;
  --bs-btn-active-border-color: #00453c;
  --bs-btn-disabled-bg: var(--swim-darkgreen);
  --bs-btn-disabled-border-color: var(--swim-darkgreen);
  display: block;
  width: 100%;
  margin: 0 0 1rem;
}

.form-submit[name="reset"] {
  --bs-btn-bg: var(--swim-darkblue);
  --bs-btn-border-color: var(--swim-darkblue);
  --bs-btn-hover-bg: #0A3E6A;
  --bs-btn-hover-border-color: #073963;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #073963;
  --bs-btn-active-border-color: #05345b;
  --bs-btn-disabled-bg: var(--swim-darkblue);
  --bs-btn-disabled-border-color: var(--swim-darkblue);
}

.view-content, .view-empty {
  flex-direction:column;
  flex:1 650px;
}
.pagination {
  justify-content:start !important;
}
.pagination a {
  color: var(--swim-dark) !important;
}
.pagination .active a {
  background: var(--swim-darkgreen) !important;
  color:white !important;
}
.resource-list {
  list-style-type:none;
  margin:0;
  padding:0px;
  border:1px solid lightgrey;
  border-top:2px solid var(--swim-darkgreen);
}
.resource-list li {
  margin:0;
  padding:1.5rem 2rem;
  background:white;
}
.resource-list li:nth-child(even) {
  background: var(--swim-light);
}
.resource {
  display:flex;
  flex-direction:column;
  gap:0.5rem;
}
.resource a {
  font-size:1.3rem;
  text-decoration:underline;
  color:var(--swim-darkblue);
  font-weight:bold;
}
.resource a:hover {
  opacity:.75;
}
.resource h2 {
  font-size:1.2rem;
  font-weight:400;
  color:var(--swim-dark);
  margin:0;
}
.resource h1 {
  line-height:1.5rem;
  margin:0;
}
.view-filters {
  flex:0 310px;
  text-wrap:nowrap;
}
.view-filters fieldset {
  margin:0px;
}
.view-filters .form--inline > * {
  margin:0px !important;
}
.view-filters .form--inline {
  display:flex;
  flex-direction:column;
  gap:2rem;
}
.view-resources {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  gap:4rem;
}