header {
  background-color: #b25045;
}
footer {
  background-color: #00190e;
  color: #686a69;
  text-align: center;
}
.pt-95\% {
  padding-top: 95%;
}
.pt-65\.5\% {
  padding-top: 65.5%;
}
.pt-60\% {
  padding-top: 60%;
}
.pt-56\.2\% {
  padding-top: 56.2%;
}
.pt-54\% {
  padding-top: 54%;
}
.pt-51\% {
  padding-top: 51%;
}
.pt-48\% {
  padding-top: 48%;
}
.w-140px {
  width: 140px;
}
.w-180px {
  width: 180px;
}
.w-26\% {
  width: 26%;
}
.w-30\% {
  width: 30%;
}
.w-41\.2\% {
  width: 41.2%;
}
.w-45\% {
  width: 45%;
}
.w-56\.8\% {
  width: 56.8%;
}
.w-70\% {
  width: 70%;
}
.h-160px {
  height: 160px;
}
.h-25 {
  height: 6.25rem;
}
.h-30 {
  height: 7.5rem;
}
.h-45 {
  height: 11.25rem;
}
.h-60 {
  height: 15rem;
}
.p-6\% {
  padding: 6%;
}
.px-4\% {
  padding-left: 4%;
  padding-right: 4%;
}
.text-\#b25045 {
  color: #b25045;
}
.text-\#d5b276 {
  color: #d5b276;
}
.text-\#686a69 {
  color: #686a69;
}
.text-\#707270 {
  color: #707270;
}
.bg-\#b25045 {
  background-color: #b25045;
}
.bg-\#d5b276 {
  background-color: #d5b276;
}
.bg-\#d6cfbe {
  background-color: #d6cfbe;
}
.bg-\#f2ecdd {
  background-color: #f2ecdd;
}
.bg-\#fff {
  background-color: #fff;
}
.border-\#b25045 {
  border-color: #b25045;
}
.border-\#8a8a86 {
  border-color: #8a8a86;
}
.border-\#686a69 {
  border-color: #686a69;
}
.border-\#e0d2b0 {
  border-color: #e0d2b0;
}
.mt-4\% {
  margin-top: 4%;
}
.text-ellipsis-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
#menuMask {
  transform: translateX(-100%);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#menuMask.active {
  transform: translateX(0%);
}
#menuList > li {
  overflow: hidden;
  width: 90%;
  height: 90px;
  padding-left: 40px;
  border-radius: 4px;
  font-size: 32px;
  line-height: 90px;
}
#menuList > li.active {
  color: #b25045;
  background-color: #f2ecdd;
}
#donateBtn {
  font-size: 28px;
  height: 72px;
  line-height: 72px;
  text-align: center;
  color: #fff;
  background-color: #d5b276;
}
#homeBanner {
  height: 25rem;
  background: #b25045 url("/assets/images/bg.png") no-repeat right;
  background-size: contain;
}
#CommunityTabs > div {
  cursor: pointer;
  color: #686a69;
  border-bottom: 1px solid transparent;
}
#CommunityTabs > div.active {
  color: #b25045;
  border-color: #b25045;
}
#ContactForm input,
#ContactForm textarea {
  width: 100%;
  padding: 0 1.5rem;
  margin-bottom: 2rem;
  background-color: #d6cfbe;
}
#ContactForm input {
  height: 4rem;
}
#ContactForm textarea {
  padding: 1rem 1.5rem;
  line-height: 2;
}
#ContactForm input:focus-visible,
#ContactForm textarea:focus-visible {
  outline: 1px solid #b25045;
}
.nice-select-dropdown {
  min-width: 100%;
}
.nice-select-dropdown .list li {
  text-align: center;
}
#status-select + .nice-select {
  border: none;
  background: transparent;
}
#status-select + .nice-select .current {
  font-size: 1rem;
}
#status-select ~ button {
  border-radius: 0 9999px 9999px 0;
}
#year-select + .nice-select {
  background: transparent;
}
#year-select + .nice-select .current::before {
  content: "Year: ";
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
@media (min-width: 768px) {
  .md\:max-w-50\% {
    max-width: 50%;
  }
  .md\:w-65\% {
    width: 65%;
  }
  .md\:h-15 {
    height: 3.75rem;
  }
  .md\:h-40 {
    height: 10rem;
  }
  .md\:h-55 {
    height: 13.75rem;
  }
  .md\:mt-4 {
    margin-top: 1rem;
  }
  .md\:basis-70\% {
    flex-basis: 70%;
  }
  .md\:text-\#d5b276 {
    color: #d5b276;
  }
  .md\:text-ellipsis-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  #homeBanner {
    height: 45rem;
  }
}