@charset "UTF-8";
@-webkit-keyframes slideIn-right {
  0% {
    left: 100%;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes slideIn-right {
  0% {
    left: 100%;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@-webkit-keyframes slideOut-right {
  0% {
    left: 0;
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@keyframes slideOut-right {
  0% {
    left: 0;
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
:root {
  /* Font Family */
  --font-family: Arial;
  --font-family-heading: Arial;
  /* Font Size */
  --font-size-xs: clamp(0.88rem, 0vw + 0.88rem, 0.88rem);
  --font-size-sm: clamp(0.94rem, 0.11vw + 0.91rem, 1rem);
  --font-size-base: clamp(1rem, 0.45vw + 0.89rem, 1.25rem);
  --font-size-md: clamp(1rem, 0.23vw + 0.94rem, 1.13rem);
  --font-size-lg: clamp(1.38rem, 0.23vw + 1.32rem, 1.5rem);
  --font-size-xl: clamp(1.75rem, 1.36vw + 1.41rem, 2.5rem);
  --font-size-xxl: clamp(1.88rem, 1.7vw + 1.45rem, 2.81rem);
  --font-size-xxxl: clamp(2rem, 2.05vw + 1.49rem, 3.13rem);
  /* Font Weight */
  --font-weight-thin: 100;
  --font-weight-extrathin: 200;
  --font-weight-light: 300;
  --font-weight-base: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  /* Line-Height */
  --line-height-headline: 1;
  --line-height-xs: 1.2;
  --line-height-base: 1.333;
  --line-height-md: 1.4;
  --line-height-lg: 1.5;
  --line-height-xl: 1.75;
  --heading--font-size-h1: var(--font-size-xxl);
  --heading--font-size-h2: var(--font-size-lg);
  --heading--font-size-h3: calc(var(--font-size-md) * 1.222);
  /* Sizing & Spacing */
  --max-width-content: 80rem;
  --spacing-120: clamp(1.25rem, 11.36vw + -1.59rem, 7.5rem);
  --spacing-100: clamp(1.25rem, 9.09vw + -1.02rem, 6.25rem);
  --spacing-80: clamp(1.25rem, 6.82vw + -0.45rem, 5rem);
  --spacing-60: clamp(1.25rem, 4.55vw + 0.11rem, 3.75rem);
  --spacing-40: clamp(1.25rem, 2.27vw + 0.68rem, 2.5rem);
  --spacing-30: clamp(1.25rem, 1.14vw + 0.97rem, 1.88rem);
  --spacing-20: .75rem;
  --spacing-10: .625rem;
  --spacing-5: .3125rem;
  --spacing: 1.25rem;
  /* Header */
  --header-height: 6rem;
}

/* dm-sans-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/dm-sans-v14-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/dm-sans-v14-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
header {
  background-color: #cad7a2;
  border-color: transparent;
  -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
  -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
  box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
  height: 64px;
}
header .container {
  height: 100%;
}
header .container .homelink {
  display: flex;
  align-items: center;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}
header .container .homelink .logo {
  height: 100%;
  width: auto;
  margin-right: 10px;
}
header .container .homelink .siteTitle {
  font-size: var(--font-size-lg);
}

footer {
  background-color: #cad7a2;
  height: 64px;
  font-size: var(--font-size-sm);
}
footer .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
}
footer .container p {
  margin: 0 10px 0 0;
}

.formContainer.formContainer-page {
  margin-bottom: 1.25rem;
  display: none;
}
.formContainer.formContainer-page .pageSubcontainer {
  border-top: 1px solid #c4c4c4;
  padding-top: 1.25rem;
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 1.25rem;
  /*            border: 1px solid $colorVeryLightGray;
              padding: rem(10);*/
  margin-bottom: 1.25rem;
}
.formContainer.formContainer-page .errorMessages {
  border: 1px solid #fae0de;
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  display: none;
}
.formContainer.formContainer-page .errorMessages .errorMessage {
  color: #9c0d03;
  font-size: var(--font-size-sm);
}

.formWrapper .formContainer-row {
  padding: 0 0.9375rem 0 0.9375rem;
}

.formWrapper .formContainer-headline {
  margin-top: 1.875rem;
  margin-bottom: 1.5625rem;
}

.formWrapper .formContainer-input {
  margin-bottom: 1.25rem;
}
.formWrapper .formContainer-input .inputContainer {
  margin-bottom: 0.3125rem;
  position: relative;
}
.formWrapper .formContainer-input .inputContainer .delete-field {
  color: red;
  display: block;
  position: absolute;
  top: 50%;
  right: 0.25em;
  transform: translateY(-50%);
  z-index: 1;
  background-color: white;
  padding: 0.25rem;
}
.formWrapper .formContainer-input .inputContainer .delete-field:after {
  display: inline;
  content: "×";
  /* This will render the 'X' */
}
.formWrapper .formContainer-input .help-block {
  font-size: var(--font-size-xs);
}
.formWrapper .formContainer-input label {
  font-size: var(--font-size-sm);
  font-weight: bold;
}
.formWrapper .formContainer-input label a {
  text-decoration: underline;
}
.formWrapper .formContainer-input label a:hover {
  opacity: 0.75;
}
.formWrapper .formContainer-input .maxchars-block {
  font-size: var(--font-size-xs);
  opacity: 0.5;
}

.formWrapper .formContainer-text {
  margin-bottom: 0.9375rem;
  font-size: var(--font-size-sm);
}

.form-control {
  border-color: #383838;
  border-radius: 0;
}
.form-control.error {
  background-color: #fae0de;
}

.form-check-input {
  border-color: #383838;
  border-radius: 0 !important;
}
.form-check-input.error {
  background-color: #fae0de;
}
.form-check-input:checked {
  background-color: #014f25;
}

.input-group-text {
  border-color: #383838;
  border-radius: 0 !important;
}

.contentWrapper {
  padding: 2.5rem 0 2.5rem 0;
}

.btn {
  border-radius: 0;
}
.btn.btn-primary {
  background-color: #014f25;
  border-color: #014f25;
}
.btn.btn-primary:hover {
  background-color: #cad7a2;
  color: #014f25;
}
.btn.btn-outline-primary {
  border-color: #014f25;
  color: #014f25;
}
.btn.btn-outline-primary:hover {
  background-color: #cad7a2;
  color: #014f25;
}

body {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-base);
  line-height: var(--line-height-base);
  background-color: white;
  color: #2A2C2E;
}

h1,
h2,
h3,
h4,
h5,
.headline {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-base);
  line-height: var(--line-height-headline);
  margin-top: 0;
}
h1.mb-0,
h2.mb-0,
h3.mb-0,
h4.mb-0,
h5.mb-0,
.headline.mb-0 {
  margin-bottom: 0;
}

h1 {
  font-size: var(--heading--font-size-h1);
  font-weight: var(--font-weight-bold);
}

h2 {
  font-size: var(--heading--font-size-h2);
  font-weight: 400;
}

h3,
h4,
h5,
h6 {
  font-size: var(--heading--font-size-h3);
  margin-bottom: var(--heading--font-size-h3);
}

p {
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}

a {
  color: #2A2C2E;
  text-decoration: none;
}
a.green {
  color: #cad7a2;
}

hr {
  width: 100%;
  border: none;
}
hr.default {
  border-top: 1px solid #cad7a2;
}

.text-center {
  text-align: center;
}

.disabled {
  opacity: 0.3 !important;
  cursor: not-allowed;
}

@media (min-width: 1024px) {
  .desktop-hide {
    display: none;
  }
}

.ajax-call,
.method-call {
  cursor: pointer;
}

#ajaxLoader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  opacity: 0;
}

#ajaxLoader.display {
  display: block;
  opacity: 1;
  -webkit-animation: fadeIn 2s;
  animation: fadeIn 2s;
}

#ajaxLoader .spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 4rem;
  color: white;
  display: inline-block;
  padding: 0;
  margin: 0;
  animation-name: spin;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#ajaxError .modal-title {
  color: red;
}

#ajaxSuccess .modal-title {
  color: green;
}

small {
  font-size: var(--font-size-xs);
}

.jsTemplate {
  display: none;
}

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