/* Dancing Script */
@font-face {
  font-family: "Dancing Script";
  src: url("../../assets/fonts/Dancing_Script/Dancing Script.ttf")
    format("truetype");
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
}

/* =========================
   PMCC - hero section
   ========================= */
.pmcc-hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: 0;
}

.pmcc-hero-banner {
  position: relative;
  width: 100%;
  height: 82vh; /* desktop height */
  min-height: 82vh;
  overflow: hidden;
}

.pmcc-hero-banner .container-fluid {
  position: relative;
  z-index: 3;
}

.pmcc-hero-banner .text-apostle {
  font-family: "Dancing Script", cursive;
  text-shadow: 6px 10px 19px rgba(0, 0, 0, 0.84);
}

.pmcc-hero-banner .text-name {
  text-shadow: 6px 10px 19px rgba(0, 0, 0, 0.84);
}

/* pmcc-home-free section */
.pmcc-quotes {
  /* min-height: 20vh;
  overflow: hidden;
  position: relative; */

  background-position: center 20% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/* =========================
   PMCC - quotes section
   ========================= */
.quotes-carousel p span {
  display: block;
  text-align: center;
}

.quotes-carousel p span:first-of-type {
  margin-top: 25px;
}

/* .pmcc-home-free-content {
  min-height: 78vh;
  bottom: 20px;
} */

/* Responsive for small screens */
@media (max-width: 768px) {
  .pmcc-hero-banner {
    height: 40vh;
    min-height: 40vh;
  }

  .pmcc-quotes {
    height: 80vh;
    min-height: 80vh;

    background-position: center 10% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }

  .text-apostle {
    font-size: 1.5rem;
  }
  .text-name {
    font-size: 1.3rem;
  }

  /* .pmcc-home-free-content {
    min-height: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
  } */
}