@keyframes ani {
  0% {
    filter: url([svg]);
    filter: gray;
    -webkit-filter: grayscale(0%);
    -webkit-transition: all .6s ease;
  }
  100% {
    filter: none;
    -webkit-filter: grayscale(100%);
  }
}

.grayscale {
  animation: ani 20s ease;
  animation-fill-mode: forwards;
}

.grayscale {
  animation: ani 20s ease;
  animation-fill-mode: forwards;
}

@media (max-width: 412px) {
  .masthead .intro-body .brand-heading {
    font-size: 35px;
  }
}

@media (max-width: 360px) {
  .masthead .intro-body .brand-heading {
    font-size: 32px;
  }
}

@media (min-width: 410px) {
  .masthead .intro-body .brand-heading {
    font-size: 33px;
  }
}

@media (min-width: 768px) {
  .masthead .intro-body .brand-heading {
    font-size: 70px;
  }
}

@media (min-width: 1400px) {
  .masthead .intro-body .brand-heading {
    font-size: 80px;
  }
}

#mainNav {
  font-family: "Cabin","Helvetica Neue",Helvetica,Arial,sans-serif;
  margin-bottom: 0;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255,255,255,.3);
  background-color: #a9a08f;
}

@media (min-width: 992px) {
  #mainNav {
    padding-top: 20px;
    padding-bottom: 20px;
    transition: background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;
    letter-spacing: 1px;
    border-bottom: none;
    background: transparent;
  }
}

@media (min-width: 768px) {
  #mainNav.navbar-shrink {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,.3);
    background: #a9a08f;
  }
}

.btn-primary {
  color: white;
  border-radius: 5px;
  background-color: var(--bs-danger);
  border-color: var(--bs-danger);
}

.btn-primary:hover {
  color: black;
  background-color: white;
  border-color: white;
}

.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(255,255,255,0.53);
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #000;
  background-color: white;
  border-color: white;
  box-shadow: 0 0 0 .25rem rgba(255,255,255,0.5);
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #a9a08f;
}

.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: .5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #9c9382;
  background-clip: padding-box;
  border: 1px solid rgba(173,134,57,.15);
  border-radius: .25rem;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: black!important;
  background-color: white;
}

#drop {
  padding: 8px;
}

@media (min-width: 1200px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}

a {
  color: blue;
}

@media (max-width: 992px) {
  #drop {
    margin-left: -8px;
  }
}

.article-clean {
  color: #56585b;
  background-color: #fff;
  font-family: 'Lora', serif;
  font-size: 14px;
  user-select: auto;
  -webkit-user-select: auto;
  -khtml-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
}

.accordion-button:not(.collapsed) {
  color: #000000;
  background-color: rgba(101,96,88,0.25);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

.accordion-button:not(.collapsed)::after {
  /*background-image: url([svg]);*/
  transform: rotate(-180deg);
}