/*
Copyright (C) 2023 Doco LLC

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

        http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
 */
/*
Copyright (C) 2023 Doco LLC

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

        http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
 */
* {
  box-sizing: border-box;
  overflow-wrap: break-word;
  word-break: break-word;
  transition: 0.17s;
}

body {
  margin: 0;
  padding: 0;
  background-color: #fbfcff;
  color: rgb(50, 50, 50);
  font-family: "Nunito Sans", sans-serif;
  scroll-behavior: smooth;
  line-height: 1.35;
}

.pastel-blue-background {
  background-color: #f4fafc;
}

.background {
  background-color: #fbfcff;
}

.background-transparent {
  background-color: rgba(251, 252, 255, 0.85);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  border-bottom: 1px solid #f0f0f0;
}

.white-background {
  background-color: white;
}

.serif {
  font-family: "Times New Roman", "Times", sans-serif;
}

.body-content-wrapper {
  min-height: 100vh;
}

.body-content {
  margin-top: 24px;
}

.page-content-wrapper {
  text-align: center;
}

.page-content, .page-content-small {
  display: inline-block;
  text-align: left;
  width: 90%;
  max-width: 1200px;
}

.page-content-padding {
  padding: 0 5%;
  display: inline-block;
  text-align: left;
}

.page-content-small-width, .page-content-small {
  max-width: 600px;
}

.main-content-wrapper {
  min-height: 100vh;
}

.main-content {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.text {
  color: rgb(50, 50, 50);
}

.weak, .strike {
  opacity: 0.6;
}

.theme-color {
  color: #00594d;
}

.theme-color-background {
  background-color: #00594d;
  color: white;
}

.button {
  background-color: #00594d;
  color: white;
  font-size: 15px;
  font-weight: 400;
  padding: 9px;
  border-radius: 6px;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  transition: 0.17s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #00594d;
}
.button:hover {
  filter: brightness(110%);
  -webkit-filter: brightness(115%);
  cursor: hand;
  text-decoration: none;
}
.button:active {
  filter: brightness(90%);
  -webkit-filter: brightness(90%);
  border-radius: 8px;
}
.button.weak, .button.strike {
  opacity: 1;
  background-color: transparent;
  color: #00594d;
}
.button.weak:hover, .button.strike:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.button.dark {
  opacity: 1;
  background-color: #111;
  border: 1px solid #111;
  color: white;
}
.button.dark:hover {
  background-color: #2b2b2b;
}
.button.dark:active {
  background-color: #1e1e1e;
}
.button.dark.weak, .button.dark.strike {
  opacity: 1;
  border: 1px solid #111;
  color: rgb(50, 50, 50);
  background-color: rgba(0, 0, 0, 0);
}
.button.dark.weak:hover, .button.dark.strike:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.button.light {
  background-color: white;
  color: black;
  opacity: 1;
}
.button.light:hover {
  opacity: 1;
  background-color: #ccc;
}
.button.light:active {
  opacity: 1;
  background-color: white;
}
.button.light.weak, .button.light.strike {
  opacity: 1;
  border: 1px solid white;
  color: white;
  background-color: rgba(0, 0, 0, 0);
}
.button.light.weak:hover, .button.light.strike:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.full-width, .button-card > .button {
  width: 100%;
  display: inline-block;
}

a.light {
  color: inherit;
  opacity: 0.63;
  text-decoration: none;
}

a.light:hover {
  opacity: 0.55;
}

a {
  color: #00594d;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a.none {
  color: inherit;
}
a.none:hover {
  text-decoration: none;
  opacity: 0.7;
}

#items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 16px;
  justify-content: space-between;
}

@media (max-width: 960px) {
  #items {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 700px) {
  #items {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 410px) {
  #items {
    display: block;
    text-align: center;
  }
}
.page-title {
  margin-bottom: 24px;
}
.page-title h1 {
  margin-bottom: 4px;
}
.page-title a {
  font-size: 14px;
}

.title {
  text-align: left;
  display: inline-block;
  width: 100%;
  margin-left: 2px;
  margin-top: 12px;
  font-size: 14px;
}

.input {
  font-size: 16px;
  margin-top: 0;
  border-bottom: 3px solid #dddddd;
  margin-bottom: 4px;
  text-align: left;
  background-color: inherit;
  color: #777777;
  display: inline-flex;
  width: 100%;
  transition: 0.17s;
}

.error-background {
  background-color: #e05454;
  color: white;
}

.error {
  color: #e05454;
}

.input.error {
  color: #e05454;
  border-bottom: 3px solid #e05454;
}

.input:focus-within {
  border-bottom: 3px solid #333333;
  color: #333333;
}

.input .icon {
  font-size: 18px;
  padding: 0 6px;
  vertical-align: center;
  align-self: center;
}

textarea.input {
  border: 1px solid #ddd;
  border-radius: 2px;
}

.input input {
  background-color: inherit;
  padding-bottom: 4px;
  color: rgb(50, 50, 50);
  border: none;
  font-size: 16px;
  outline: none;
  flex-grow: 1;
}

.info {
  opacity: 0.6;
  font-size: 12px;
}

.loader {
  border: 3px solid white;
  border-top: 3px solid #00594d;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: spin-loader 1s linear infinite;
  display: inline-block;
}

@keyframes spin-loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.checkbox-input {
  font-size: 14px;
  transition: 0.17s;
  color: inherit;
}
.checkbox-input label input {
  display: block;
  height: 0;
  width: 0;
  margin: 0;
  border: 1px solid transparent;
  position: absolute;
  overflow: hidden;
  z-index: -2;
}
.checkbox-input label span {
  height: 16px;
  width: 16px;
  border: 1px solid #00594d;
  background-color: white;
  color: white;
  font-size: 12px;
  display: inline-block;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
}
.checkbox-input label [type=checkbox]:checked + span {
  background-color: #00594d;
  color: white;
  border: 1px solid #00594d;
}
.checkbox-input label [type=radio]:checked + span {
  background-color: #00594d;
  color: white;
  border: 1px solid #00594d;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

select {
  display: block;
  font-size: 16px;
  color: #444;
  line-height: 1.3;
  padding: 0.6em 1.4em 0.5em 0.8em;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: none;
  border-bottom: 3px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.08);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #fff 100%);
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
  font-weight: 400;
  font-family: inherit;
}
select option {
  font-weight: 400;
  font-family: inherit;
}

select::-ms-expand {
  display: none;
}

select:hover {
  border-color: #888;
}

select:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 3px #00594d -moz-mac-focusring;
  color: #222;
  outline: none;
}

.drag-sort-container {
  margin: 0;
  padding: 0;
  list-style: none;
}
.drag-sort-container .drag-sort-active {
  background: transparent;
  border: 1px solid rgb(50, 50, 50);
}
.drag-sort-container li {
  list-style: none;
  transition: 0s;
  cursor: move;
}

img {
  max-width: 100%;
  object-fit: contain;
}

.outline {
  border: 3px solid #333;
  border-radius: 8px;
  padding: 16px 12px;
}

.outline-weak {
  border: 3px solid rgba(51, 51, 51, 0.6);
  border-radius: 8px;
  padding: 16px 12px;
}

.card, .card-link, a.card, a.card-link {
  background-color: rgba(255, 255, 255, 0.999);
  padding: 24px;
  border-radius: 6px;
  border: 1px solid #f0f0f0;
}
.card.nopadding, .nopadding.card-link {
  padding: 0;
}
.card.vertical, .vertical.card-link, .button-card > .card, .button-card > .card-link {
  display: flex;
  flex-flow: column;
}
.card.top, .top.card-link {
  padding-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: 0;
}
.card.middle, .middle.card-link {
  border-radius: 0;
  border-top: 0;
  border-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.card.bottom, .bottom.card-link {
  padding-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top: 0;
}

.button-card {
  display: flex;
  flex-flow: column;
}
.button-card > .card, .button-card > .card-link {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: 0;
  display: flex;
  flex: 1 1 auto;
}
.button-card > .button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.card-bottom {
  display: flex;
  flex: 1 1 auto;
}

.card-bottom > * {
  align-self: flex-end;
  width: 100%;
}

.cardpadding {
  padding: 24px;
}

.card-link-hover, .card-link:hover, a.card:hover {
  transition: 0.4s;
  background-color: rgba(255, 255, 255, 0.999);
  padding: 24px;
  border-radius: 6px;
  box-shadow: 3px 3px 12px 2px rgba(0, 0, 0, 0.08);
  color: inherit;
  text-decoration: none;
}

a.card, a.card-link {
  display: inline-block;
  color: inherit;
}
a.card.theme-color, a.theme-color.card-link {
  color: #00594d;
}

.header-content {
  background-color: rgba(255, 255, 255, 0.899);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid #f0f0f0;
}

.header-dropdown {
  visibility: hidden;
  opacity: 0;
  position: relative;
  transition: all 0.5s ease;
  left: 0;
  height: 0;
  display: none;
}
.header-dropdown:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

.header-button {
  color: rgb(50, 50, 50);
}
.header-button:hover {
  color: rgb(50, 50, 50);
}
.header-button:hover > .header-dropdown {
  visibility: visible;
  opacity: 1;
  display: block;
}

.header-dropdown-item {
  padding: 8px;
  border-top: 1px solid #ccc;
}
.header-dropdown-item:hover {
  background-color: #f0f0f0;
}

.header-dropdown-inner {
  position: absolute;
  padding-top: 16px;
  width: 200px;
}

.header-dropdown-contents {
  background-color: white;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 0;
  box-shadow: -5px 5px 8px rgba(0, 0, 0, 0.2);
  z-index: 40;
}

h1 {
  margin-top: 0;
}

.strike {
  text-decoration: line-through;
  font-weight: normal;
}

hr {
  height: 1px;
  border: none;
  background-color: #ccc;
}

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