body {
  font-family: "Barlow", sans-serif;
  font-family: "Sen", sans-serif;
}

a:hover, span.red {
  color: #EE3F27;
}

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

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

nav {
  margin-bottom: 0;
  position: sticky;
  top: 0;
  background-color: rgba(255, 255, 255, 0.6431372549);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  border-bottom: 1px solid #f1f0f0;
  z-index: 2;
}

.mobile-menu {
  z-index: 1;
  opacity: 0;
  margin-top: 25px;
  width: 100%;
  padding: 1em 0;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.6431372549);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  transform: translateY(-130%);
  transition: all 0.2s ease;
}
.mobile-menu .mobile-link {
  display: block;
  text-align: center;
  font-size: 1.5em;
  padding: 0.2em;
  margin: 0.2em;
  text-decoration: none;
  color: #231F20;
}
.mobile-menu.is-active {
  display: block;
  transform: translateY(0);
  opacity: 1;
}

.nav-item {
  padding: 0.4em 0.8em;
  text-decoration: none;
  color: #231F20;
  position: relative;
}
.nav-item.is-active::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  background-color: #EE3F27;
  top: 50%;
  left: 7px;
  transform: translateY(-50%);
  animation-name: menu-blink;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes menu-blink {
  0% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
.header {
  width: 100%;
  color: white;
  background-size: cover;
  background-position: center center;
}
.header .overlay {
  background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0.0941176471) 0%, rgba(0, 0, 0, 0.831372549) 100%) 0% 0% no-repeat padding-box;
  min-height: 45vh;
}

.miniimage {
  background-size: cover;
  background-position: center center;
  color: white;
}
.miniimage .overlay {
  background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0.0941176471) 0%, rgba(0, 0, 0, 0.831372549) 100%) 0% 0% no-repeat padding-box;
  min-height: 300px;
}

.article-link {
  background-size: cover;
  background-position: center center;
  width: 100%;
  color: white;
}
.article-link .overlay {
  background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0.0941176471) 0%, rgba(0, 0, 0, 0.831372549) 100%) 0% 0% no-repeat padding-box;
  min-height: 450px;
}
.article-link a {
  text-decoration: none;
  color: white;
  display: inline;
}

a.btn {
  background-color: #EE3F27;
  display: block;
  color: white;
  text-align: left;
  padding: 0.4em 0.8em;
  margin: 5px;
  border-radius: 0;
}
a.btn:hover {
  background-color: #ffceca;
  color: #231F20;
}

.hamburger-box {
  height: 18px;
}

.squareimage {
  width: 100%;
  aspect-ratio: 1;
  margin-bottom: 1.5em;
  background-size: cover;
  background-position: center center;
}

.accordion-button {
  background-color: #F2F2F2;
  color: #EE3F27;
  font-size: 0.8em;
}

.accordion-button:not(.collapsed) {
  background-color: #e5e4e4;
  color: #EE3F27;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23da291c'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
}

.form-control {
  background-color: rgba(255, 255, 255, 0.3176470588);
  border: none;
  border-radius: 0;
  resize: none;
}
.form-control::-moz-placeholder {
  color: white;
}
.form-control::placeholder {
  color: white;
}
.form-control[type=submit] {
  background-color: #EE3F27;
  color: white;
}

.call-me {
  z-index: 2;
  background-color: #EE3F27;
  position: fixed;
  bottom: 1em;
  right: 1em;
  transition: all 0.2s ease;
  transform: translateY(200%);
  animation-name: slideIn;
  animation-duration: 1.5s;
  animation-delay: 2s;
  animation-fill-mode: forwards;
}
.call-me a {
  color: white;
  text-decoration: none;
}

.grecaptcha-badge {
  visibility: hidden;
}

.well {
  max-width: 650px;
  display: block;
  margin: auto;
}

@keyframes slideIn {
  0% {
    transform: translateY(200%) scale(1.5);
    filter: invert(1);
  }
  100% {
    transform: translateY(0);
  }
}
footer {
  background-color: #231F20;
  color: white;
}
footer a {
  color: white;
  text-decoration: none;
}
footer .wrapper {
  background-color: rgba(255, 255, 255, 0.1019607843);
  padding: 1em;
}