:root {
  --menu-mobile-bar-bg-color: #000;
  --menu-mobile-bar-bg-color: #fff;
  --primary: rgba(16, 16, 16, 1);
  --body-bg: rgba(242, 249, 244, 1);
}

.page-template-homepage .hero .container {
  margin-top: max(3.2661458333vw, 62.71px);
  margin-bottom: max(2.2916666667vw, 44px);
  position: relative;
  display: flex;
  gap: 3.9583333333vw;
}
@media only screen and (max-width: 768px) {
  .page-template-homepage .hero .container {
    flex-direction: column;
  }
}
.page-template-homepage .hero .container .right {
  width: max(25.78125vw, 25.78%);
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: max(1.40625vw, 14px);
}
@media only screen and (max-width: 768px) {
  .page-template-homepage .hero .container .right {
    gap: 25px;
    width: 100%;
  }
}
.page-template-homepage .hero .container .right .titles-wrapper {
  display: flex;
  flex-direction: column;
  align-items: end;
}
@media only screen and (max-width: 768px) {
  .page-template-homepage .hero .container .right .titles-wrapper {
    width: 100%;
    align-items: center;
  }
}
.page-template-homepage .hero .container .right .titles-wrapper .title {
  font-size: clamp(2rem, 1.58rem + 1.81vw, 3.75rem);
  font-weight: 400;
  color: hsl(35, 17%, 22%);
  text-align: center;
  margin: auto;
  white-space: nowrap;
  line-height: 1.7333em;
}
.page-template-homepage .hero .container .right .titles-wrapper .subtitle {
  width: max(20.7291666667vw, 80%);
  width: 80%;
  font-size: clamp(2rem, 1.58rem + 1.81vw, 3.75rem);
  color: hsl(35, 17%, 22%);
  font-weight: 600;
  line-height: 1em;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .page-template-homepage .hero .container .right .titles-wrapper .subtitle {
    text-align: center;
  }
}
.page-template-homepage .hero .container .right .divider {
  background-color: #e359c9;
  height: 3px;
  width: 61px;
}
@media only screen and (max-width: 768px) {
  .page-template-homepage .hero .container .right .divider {
    margin-inline: auto;
  }
}
.page-template-homepage .hero .container .right .donation-btn {
  margin-left: max(0.5338541667vw, 10.25px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: max(0.6270833333vw, 12.04px);
  border: none;
  border-radius: 5px;
  background-color: #e359c9;
  width: max(7.6953125vw, 147.75px);
  height: max(3.0208333333vw, 58px);
}
@media only screen and (max-width: 768px) {
  .page-template-homepage .hero .container .right .donation-btn {
    margin-inline: auto;
  }
}
.page-template-homepage .hero .container .right .donation-btn img {
  width: max(0.8411458333vw, 16.15px);
  height: max(0.7192708333vw, 13.81px);
}
.page-template-homepage .hero .container .right .donation-btn span {
  font-family: "Assistant";
  font-weight: 700;
  color: rgb(255, 255, 255);
  font-size: clamp(1rem, 0.924rem + 0.324vw, 1.3125rem);
  line-height: 1.15em;
  letter-spacing: 0em;
}
.page-template-homepage .hero .container .right .bottom-text {
  max-width: max(15.9895833333vw, 307px);
  font-size: clamp(1.125rem, 0.94rem + 0.776vw, 1.875rem);
  color: #e359c9;
  font-weight: 700;
  line-height: 1.2em;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .page-template-homepage .hero .container .right .bottom-text {
    font-size: clamp(1.5rem, 1.27rem + 1.03vw, 2.5rem);
    text-align: center;
    margin-inline: auto;
  }
}
@media only screen and (max-width: 575px) {
  .page-template-homepage .hero .container .right .bottom-text {
    width: auto;
  }
}
.page-template-homepage .hero .container .images-wrapper {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .page-template-homepage .hero .container .images-wrapper {
    justify-content: center;
    align-items: center;
  }
}
.page-template-homepage .hero .container .images-wrapper .middle-img,
.page-template-homepage .hero .container .images-wrapper .left-img {
  border-radius: 10px;
}
.page-template-homepage .hero .container .images-wrapper .middle-img {
  max-width: max(27.03125vw, 27%);
  max-height: max(27.0833333333vw, 27%);
  padding-bottom: 30px;
}
@media only screen and (max-width: 2000px) {
  .page-template-homepage .hero .container .images-wrapper .middle-img {
    padding-bottom: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .page-template-homepage .hero .container .images-wrapper .middle-img {
    max-width: 50%;
  }
}
.page-template-homepage .hero .container .images-wrapper .left-img {
  z-index: -1;
  max-width: max(32.7083333333vw, 32.7%);
  max-height: max(42.1875vw, 42.18%);
  margin-top: -18%;
  margin-right: -4%;
}
@media only screen and (max-width: 768px) {
  .page-template-homepage .hero .container .images-wrapper .left-img {
    max-width: 50%;
    margin-top: 0;
  }
}
.page-template-homepage .about .container {
  width: 100%;
  margin-bottom: max(1.6666666667vw, 32px);
}
.page-template-homepage .about .container .block:nth-child(even) {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 768px) {
  .page-template-homepage .about .container .block:nth-child(even) {
    flex-direction: column-reverse;
  }
}
.page-template-homepage .about .container .block {
  position: relative;
  display: flex;
  min-height: max(23.5416666667vw, 452px);
  background-color: var(--block-bg);
}
@media only screen and (max-width: 768px) {
  .page-template-homepage .about .container .block {
    flex-direction: column-reverse;
  }
}
.page-template-homepage .about .container .block .main-img {
  flex: 1;
  max-width: 38%;
}
@media only screen and (max-width: 768px) {
  .page-template-homepage .about .container .block .main-img {
    max-width: 100%;
    max-height: 40vh;
  }
}
.page-template-homepage .about .container .block .middle-img {
  width: max(7.96875vw, 153px);
  height: max(11.3020833333vw, 217px);
  position: absolute;
  top: 50%;
  left: 63%;
  transform: translate(-63%, -50%);
}
@media only screen and (max-width: 768px) {
  .page-template-homepage .about .container .block .middle-img {
    display: none;
  }
}
.page-template-homepage .about .container .block .content-wrapper {
  flex: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .page-template-homepage .about .container .block .content-wrapper {
    padding-block: 60px;
  }
}
.page-template-homepage .about .container .block .content-wrapper .content {
  display: flex;
  flex-direction: column;
  width: 75%;
  color: rgb(255, 255, 255);
}
.page-template-homepage .about .container .block .content-wrapper .content h3 {
  font-size: clamp(2rem, 1.58rem + 1.81vw, 3.75rem);
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  .page-template-homepage .about .container .block .content-wrapper .content h3 {
    font-size: clamp(1.5rem, 1.27rem + 1.03vw, 2.5rem);
  }
}
.page-template-homepage .about .container .block .content-wrapper .content p {
  margin-top: max(1.0416666667vw, 20px);
  font-size: clamp(1.3rem, 1.04rem + 0.38vw, 1.5rem);
  font-weight: 600;
  line-height: 1.75em;
}
@media only screen and (max-width: 768px) {
  .page-template-homepage .about .container .block .content-wrapper .content p {
    font-size: clamp(1rem, 0.97rem + 0.13vw, 1.13rem);
  }
}
.page-template-homepage .about .container .block .content-wrapper .content .read-more-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: max(0.5208333333vw, 10px);
  margin-left: max(-2.6041666667vw, -50px);
  align-self: end;
  width: max(7.0703125vw, 135.75px);
  height: max(2.7755208333vw, 53.29px);
  font-size: clamp(1rem, 0.924rem + 0.324vw, 1.3125rem);
  line-height: 1.15em;
  font-weight: 700;
  color: rgb(255, 255, 255);
  border: none;
  border-radius: 5px;
  background-color: hsl(309, 91%, 55%);
}
.page-template-homepage .articles {
  margin-bottom: max(3.0729166667vw, 59px);
}
.page-template-homepage .articles .custom-container {
  width: min(69.0104166667vw, 95%);
  margin-inline: auto;
}
.page-template-homepage .articles .custom-container .logo {
  width: max(9.1145833333vw, 175px);
  margin-inline: auto;
}
.page-template-homepage .articles .custom-container .title {
  font-size: clamp(2rem, 1.58rem + 1.81vw, 3.75rem);
  color: hsl(35, 17%, 22%);
  font-weight: 700;
  line-height: 1em;
}
.page-template-homepage .articles .custom-container .articles-wrapper {
  margin-top: max(1.09375vw, 21px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: max(2.5520833333vw, 49px);
}
.page-template-homepage .articles .custom-container .articles-wrapper .article-link {
  width: 48%;
  flex: 1;
}
@media only screen and (max-width: 768px) {
  .page-template-homepage .articles .custom-container .articles-wrapper .article-link {
    flex: auto;
    width: 100%;
  }
}
.page-template-homepage .articles .custom-container .articles-wrapper .article-link .article-img {
  border-radius: 6px;
  object-fit: cover;
  box-shadow: 0px 6px 6px hsla(0, 0%, 0%, 0.161);
}
.page-template-homepage .articles .custom-container .articles-wrapper .article-link .article-img:hover {
  box-shadow: 0px 6px 6px hsla(0, 0%, 0%, 0.482);
}
.page-template-homepage .dedications {
  margin-bottom: max(5.2083333333vw, 100px);
}
.page-template-homepage .dedications .container {
  width: min(69.0104166667vw, 95%);
}
.page-template-homepage .dedications .container .title {
  font-size: clamp(1.75rem, 1.49rem + 1.1vw, 2.8125rem);
  color: hsl(309, 91%, 55%);
  font-weight: 600;
  line-height: 1.333em;
  text-align: center;
}
.page-template-homepage .dedications .container .title-image-container {
  padding-block: 50px;
}
.page-template-homepage .dedications .container .dedications-splide .splide__track {
  padding-block: max(1.7708333333vw, 34px);
  overflow: visible;
  margin-inline: auto;
}
.page-template-homepage .dedications .container .dedications-splide .splide__arrow {
  width: 50px;
  height: 50px;
  background-color: hsl(309, 91%, 55%);
}
.page-template-homepage .dedications .container .dedications-splide .splide__arrow svg {
  width: 14px;
  height: 14px;
  fill: rgb(255, 255, 255);
}
.page-template-homepage .dedications .container .dedications-splide .splide__arrow--next {
  left: -80px;
}
.page-template-homepage .dedications .container .dedications-splide .splide__arrow--prev {
  right: -80px;
}
.page-template-homepage .dedications .container .dedications-splide .splide__slide {
  width: max(21.3541666667vw, 410px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: max(1.0416666667vw, 20px);
  box-shadow: 0px 10px 80px hsla(0, 0%, 16%, 0.102);
  border-radius: 10px;
  padding: max(2.96875vw, 57px) max(2.4479166667vw, 47px) max(1.7708333333vw, 34px) max(1.1458333333vw, 22px);
  opacity: 0;
}
.page-template-homepage .dedications .container .dedications-splide .splide__slide .dedication {
  font-size: clamp(0.8125rem, 0.78rem + 0.129vw, 0.9375rem);
  color: hsl(35, 17%, 22%);
  font-weight: 400;
  line-height: 1.4em;
}
.page-template-homepage .dedications .container .dedications-splide .splide__slide .person-details {
  display: flex;
  align-items: center;
  gap: max(0.5729166667vw, 11px);
}
.page-template-homepage .dedications .container .dedications-splide .splide__slide .person-details .image {
  width: max(1.875vw, 36px);
  height: max(2.0833333333vw, 40px);
}
.page-template-homepage .dedications .container .dedications-splide .splide__slide .person-details .details .name {
  font-size: clamp(0.875rem, 0.845rem + 0.129vw, 1rem);
  color: hsl(35, 17%, 22%);
  font-weight: 400;
  line-height: 1.375em;
}
.page-template-homepage .dedications .container .dedications-splide .splide__slide .person-details .details .description {
  font-size: clamp(0.75rem, 0.72rem + 0.129vw, 0.875rem);
  color: hsl(285, 70%, 90%);
  font-weight: 400;
  line-height: 1.4em;
}
.page-template-homepage .dedications .container .dedications-splide .splide__slide.shown {
  opacity: 1;
}
.page-template-homepage .dedications .container #newDedicationForm {
  width: min(1090px, 100%);
  margin-inline: auto;
  display: flex;
  align-items: end;
  gap: 16px;
}
@media only screen and (max-width: 650px) {
  .page-template-homepage .dedications .container #newDedicationForm {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
}
.page-template-homepage .dedications .container #newDedicationForm .dedication-inputs {
  background-color: hsl(285, 70%, 90%);
  padding: 1vmin 2.4vmin;
  border-radius: 8px;
  display: grid;
  flex: 1;
  transition: all 0.25s ease;
  color: hsl(0, 0%, 44%);
}
.page-template-homepage .dedications .container #newDedicationForm .dedication-inputs[data-open=false] {
  grid-template-rows: 1fr 0 0;
}
.page-template-homepage .dedications .container #newDedicationForm .dedication-inputs[data-open=false] input:not(:first-of-type) {
  opacity: 0;
}
.page-template-homepage .dedications .container #newDedicationForm .dedication-inputs[data-open=false] textarea {
  opacity: 0;
}
.page-template-homepage .dedications .container #newDedicationForm .dedication-inputs[data-open=true] input:first-of-type {
  padding-bottom: 0.625vw;
  border-bottom: 1px solid rgba(103, 116, 130, 0.5215686275);
}
.page-template-homepage .dedications .container #newDedicationForm .dedication-inputs[data-open=true]::after {
  content: attr(data-comment);
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateY(calc(100% + 13px));
  color: hsl(0, 0%, 33%);
  font-size: 15px;
  font-family: "Heebo", sans-serif;
}
@media only screen and (max-width: 650px) {
  .page-template-homepage .dedications .container #newDedicationForm .dedication-inputs[data-open=true]::after {
    text-align: center;
  }
}
.page-template-homepage .dedications .container #newDedicationForm .dedication-inputs input,
.page-template-homepage .dedications .container #newDedicationForm .dedication-inputs textarea {
  background-color: transparent;
  border: unset;
  resize: none;
}
.page-template-homepage .dedications .container #newDedicationForm .dedication-inputs input:not(.ff-next-exit),
.page-template-homepage .dedications .container #newDedicationForm .dedication-inputs textarea:not(.ff-next-exit) {
  font-size: clamp(0.875rem, 0.845rem + 0.129vw, 1rem);
  font-weight: 300;
}
.page-template-homepage .dedications .container #newDedicationForm .dedication-inputs input:focus,
.page-template-homepage .dedications .container #newDedicationForm .dedication-inputs textarea:focus {
  border: unset;
  outline: unset;
}
.page-template-homepage .dedications .container #newDedicationForm .dedication-inputs textarea {
  padding-top: 1vmin;
}
.page-template-homepage .dedications .container #newDedicationForm .image-field {
  display: flex;
  align-items: center;
  padding: 1.2vmin 2.4vmin;
  background-color: hsla(0, 0%, 16%, 0.102);
  border-radius: 8px;
  gap: 3px;
  color: hsl(0, 0%, 33%);
  transition: all 0.2s ease;
}
.page-template-homepage .dedications .container #newDedicationForm .image-field input {
  display: none;
}
.page-template-homepage .dedications .container #newDedicationForm .image-field label {
  cursor: pointer;
}
.page-template-homepage .dedications .container #newDedicationForm .image-field label::before {
  content: "|";
  margin-inline-end: 10px;
}
.page-template-homepage .dedications .container #newDedicationForm .image-field svg {
  width: 16px;
  height: 16px;
}
.page-template-homepage .dedications .container #newDedicationForm .image-field:hover {
  cursor: pointer;
  background-color: hsl(285, 70%, 90%);
  color: rgb(0, 0, 0);
}
.page-template-homepage .dedications .container #newDedicationForm .image-field:hover svg path {
  transition: all 0.2s ease;
  fill: rgb(0, 0, 0);
}
.page-template-homepage .dedications .container #newDedicationForm #dedication_description {
  display: none;
}
.page-template-homepage .dedications .container #newDedicationForm .dedication-send {
  background-color: unset;
  border: unset;
  height: 50px;
  transform-origin: top center;
}
.page-template-homepage .dedications .container #newDedicationForm .dedication-send:hover {
  cursor: pointer;
}
.page-template-homepage .dedications .container #newDedicationForm .dedication-send:hover svg path {
  transition: all 0.2s ease;
  fill: rgb(0, 0, 0);
}
.page-template-homepage .dedications .container #newDedicationForm .dedication-send:active, .page-template-homepage .dedications .container #newDedicationForm .dedication-send:focus {
  outline: unset;
}
.page-template-homepage .dedications .container #newDedicationForm .dedication-send--loading {
  pointer-events: none;
  transform: translate(100%, calc(100% + 2px));
  animation: rotate-the-funk infinite forwards;
}
.page-template-homepage .dedications .container #newDedicationForm .dedication-error {
  position: absolute;
  inset: 0;
  margin-top: auto;
  margin-inline: auto;
  transform: translateY(calc(100% + 5vmin));
  height: fit-content;
  width: fit-content;
  color: red;
}
.page-template-homepage .dedications .container #newDedicationForm .dedication-error--hide {
  opacity: 0;
  transition: opacity 0.25s ease 2s;
}
.page-template-homepage .gallery .custom-container {
  max-width: min(89.8958333333vw, 95%);
  margin-inline: auto;
}
.page-template-homepage .gallery .custom-container .logo {
  width: max(7.3958333333vw, 142px);
  margin-inline: auto;
  margin-bottom: max(0.46875vw, 9px);
}
.page-template-homepage .gallery .custom-container .title {
  font-size: clamp(1.25rem, 1.14rem + 0.453vw, 1.6875rem);
  color: hsl(35, 17%, 22%);
  font-weight: 600;
  line-height: 1.18em;
  text-align: center;
}
.page-template-homepage .gallery .custom-container .gallery-wrapper {
  margin-top: max(6.5625vw, 126px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: max(2.1875vw, 42px);
}
.page-template-homepage .gallery .custom-container .gallery-wrapper .gallery-item {
  width: 20.8333333333vw;
  height: 14.8958333333vw;
  border: 1px solid hsl(0, 0%, 44%);
}
@media only screen and (max-width: 1200px) {
  .page-template-homepage .gallery .custom-container .gallery-wrapper .gallery-item {
    width: max(20.8333333333vw, 400px);
    height: max(14.8958333333vw, 286px);
  }
}
.page-template-homepage [data-modal] {
  inset: 0;
  z-index: 11;
  animation: show-up 0.5s ease-in-out;
}
.page-template-homepage [data-modal][data-show=false] {
  display: none;
}
.page-template-homepage [data-modal] [data-underlayer] {
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(3px);
}
.page-template-homepage [data-modal] [data-content] {
  max-height: 90vh;
}
.page-template-homepage [data-modal] [data-content=image] {
  width: min(85%, 670px);
}
.page-template-homepage [data-modal] [data-content=image] [content-type=video] {
  display: none;
}
.page-template-homepage [data-modal] [data-content=video] [content-type=image] {
  display: none;
}
.page-template-homepage [data-modal] [data-exit] {
  border-radius: 10px;
  border: 1px solid rgb(255, 255, 255);
  transform: translateX(calc(100% + 8px));
  height: 30px;
  width: 30px;
  transition: all 0.2s ease;
  cursor: pointer;
  color: rgb(255, 255, 255);
}
.page-template-homepage [data-modal] [data-exit]:hover {
  background-color: #e359c9;
  border-color: #e359c9;
}
.page-template-homepage .thank-you {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-template-homepage .thank-you__underlayer {
  position: absolute;
}
.page-template-homepage .thank-you__content {
  position: relative;
  display: flex;
  width: min(449px, 95%);
}
.page-template-homepage .thank-you__exit {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-template-homepage .thank-you__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block: 3.2vmin;
  gap: 2.4vmin;
  background-color: hsl(285, 70%, 90%);
  border-radius: 16px;
}
.page-template-homepage .thank-you__title {
  color: #e359c9;
  font-variation-settings: "ROUN" 0, "wght" 700;
}
.page-template-homepage .thank-you__text {
  color: #e359c9;
  text-align: center;
  font-weight: 600;
  max-width: 25ch;
}
.page-template-homepage .thank-you__image {
  width: min(246px, 75%);
}

@keyframes rotate-the-funk {
  0% {
    transform: rotate(-360deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes show-up {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/*# sourceMappingURL=homepage.min.css.map */