html,
body {
  font-family: 'Montserrat', sans-serif;
}
html .tooltip-inner,
body .tooltip-inner {
  max-width: 350px;
  /* If max-width does not work, try using width instead */
  width: 350px;
}
html .tooltip,
body .tooltip {
  font-size: 36px;
}
html .cms-blocks p,
body .cms-blocks p {
  font-size: 24px;
  line-height: 36px;
}
html .cms-blocks p a,
body .cms-blocks p a {
  color: darkgrey;
}
html .modal-backdrop,
body .modal-backdrop {
  background-color: black !important;
  opacity: 1 !important;
}
html .modal-content,
body .modal-content {
  background-color: black !important;
}
html .modal-content h2 p,
body .modal-content h2 p {
  line-height: 40px;
}
html .modal-content p,
body .modal-content p,
html .modal-content h2,
body .modal-content h2,
html .modal-content h4,
body .modal-content h4,
html .modal-content label,
body .modal-content label {
  color: white !important;
}
html .modal-content label,
body .modal-content label {
  font-weight: bold;
}
html .modal-content input,
body .modal-content input,
html .modal-content textarea,
body .modal-content textarea {
  color: white !important;
  background-color: black;
  border: 1px solid white;
}
html .modal-content input:focus,
body .modal-content input:focus,
html .modal-content textarea:focus,
body .modal-content textarea:focus {
  background-color: black;
  border: 1px solid #29ff56;
}
html .btn-green,
body .btn-green {
  border: 1px solid #29ff56 !important;
  background-color: #29ff56 !important;
  border: 1px solid #29ff56;
  color: black !important;
}
html .btn-green:hover,
body .btn-green:hover {
  background-color: lightgreen !important;
  color: black !important;
}
html .btn-outline-green,
body .btn-outline-green {
  color: #29ff56 !important;
  border: 1px solid #29ff56 !important;
}
html .btn-outline-green:hover,
body .btn-outline-green:hover {
  background-color: lightgreen !important;
  color: black !important;
}
html p,
body p {
  color: black;
}
html *,
body * {
  letter-spacing: 0px !important;
}
html.page-home #about .card-body,
body.page-home #about .card-body,
html.page-category #about .card-body,
body.page-category #about .card-body {
  cursor: pointer;
  height: 150px;
  border: 5px solid black;
}
html.page-home #about .card-body:hover,
body.page-home #about .card-body:hover,
html.page-category #about .card-body:hover,
body.page-category #about .card-body:hover {
  border-color: #2e8540;
  background-color: rgba(46, 133, 64, 0.13) !important;
}
html.page-home #about .card-body a:hover,
body.page-home #about .card-body a:hover,
html.page-category #about .card-body a:hover,
body.page-category #about .card-body a:hover {
  text-decoration: none;
}
html.page-home #about .card-body a span,
body.page-home #about .card-body a span,
html.page-category #about .card-body a span,
body.page-category #about .card-body a span {
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
}
html.page-home #supporters .supporter-logo,
body.page-home #supporters .supporter-logo,
html.page-category #supporters .supporter-logo,
body.page-category #supporters .supporter-logo {
  width: 100%;
  height: 150px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
html .container,
body .container {
  max-width: 1344px !important;
}
html .text-warning,
body .text-warning,
html .text-color-warning,
body .text-color-warning {
  color: #29ff56 !important;
}
html #header,
body #header {
  padding-top: 10px;
}
html #hero h2,
body #hero h2 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 40px !important;
  line-height: 61px !important;
}
@media screen and (max-width: 479px) {
  html #hero h2,
  body #hero h2 {
    font-size: 40px !important;
    line-height: 61px !important;
    letter-spacing: 0px !important;
  }
}
html #hero p,
body #hero p {
  font-size: 24px !important;
  line-height: 35px !important;
}
html .validationErrors,
body .validationErrors {
  padding: 0;
  margin: 0;
  list-style: none;
}
html .formValidationError,
body .formValidationError {
  color: red;
  padding: 0;
  line-height: normal;
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  width: auto;
  position: relative;
  display: block;
  margin: .2rem 0 0;
}
.field--checkbox html .formValidationError,
.field--checkbox body .formValidationError,
.field--choice html .formValidationError,
.field--choice body .formValidationError {
  border-radius: 3px;
}
.field--radio-toggle html .formValidationError,
.field--radio-toggle body .formValidationError {
  margin: .8rem 0 0;
  border-radius: 3px;
}
html .page-category .list li,
body .page-category .list li {
  padding-left: 72px !important;
  padding-top: 15px !important;
}
html .page-category .list li i,
body .page-category .list li i {
  padding: 8px !important;
  width: 50px !important;
  height: 50px !important;
  font-size: 1.6em !important;
}
/*# sourceMappingURL=custom.css.map */