/* shadows-into-light-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: "Shadows Into Light";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/shadows-into-light-v15-latin-regular.woff2") format("woff2"), url("../fonts/shadows-into-light-v15-latin-regular.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* lato-300 - 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: "Lato";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/lato-v24-latin-300.woff2") format("woff2"), url("../fonts/lato-v24-latin-300.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* lato-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: "Lato";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/lato-v24-latin-regular.woff2") format("woff2"), url("../fonts/lato-v24-latin-regular.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* lato-900 - 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: "Lato";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/lato-v24-latin-900.woff2") format("woff2"), url("../fonts/lato-v24-latin-900.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
body, html {
  font-size: 19px;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

i.big {
  font-size: 2.5rem;
}

h1 {
  font-family: "Shadows Into Light", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.9rem;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 900;
  letter-spacing: 0.02rem;
}

a {
  color: #008600;
  text-decoration: underline;
}
a:hover {
  color: #006d00;
}

.bg-primary a {
  color: #fff;
  font-weight: bolder;
  text-decoration: underline;
}
.bg-primary a:hover {
  color: #f2f2f2;
}

.card .icon {
  display: inline-block;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: 0.5s ease all;
  transition: 0.5s ease all;
}
.card .collapsed .icon {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 0.5s ease all;
  transition: 0.5s ease all;
}
.card .card-header {
  border: none;
  border-radius: 0;
  background: #008600;
  color: #fff;
  padding: 1rem;
  cursor: pointer;
}
.card .card-header .btn-link {
  color: white;
  text-decoration: none;
}

.bg-primary {
  background-color: #008600 !important;
}

.btn-primary {
  background: #008600;
  border-color: #008600;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: #006d00;
  border-color: #006d00;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sepa-option {
  display: none;
}

.form-wrapper {
  -webkit-transform: translateY(-2rem);
      -ms-transform: translateY(-2rem);
          transform: translateY(-2rem);
}

label {
  margin: 0;
}

.form-control {
  border-color: transparent;
  -webkit-transition: 0.5s ease all;
  transition: 0.5s ease all;
}
.form-control:focus {
  border-color: transparent;
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: 0.5s ease all;
  transition: 0.5s ease all;
}

.custom-control-input:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 1px #008600, 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
          box-shadow: 0 0 0 1px #008600, 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #fff;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23000'/%3E%3C/svg%3E");
}

.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #fff;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #fff;
}

.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #fff;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
  background-color: #fff;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.hero {
  background: url("../img/hero.jpg") no-repeat top center;
  background-size: cover;
  height: 55vh;
}

nav {
  padding: 2rem 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.background {
  padding: 1.5rem 0;
  background: #fff;
  -webkit-box-shadow: 0px 0.2rem 0.2rem rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0.2rem 0.2rem rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media (max-width: 992px) {
  nav {
    padding: 1rem 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}