/* Site overrides */


h4 {
    color: --bs-primary;
    text-align: center;
}

h5 {
    color:#c5892f;
    font-weight: 900;
    font-size: 1.4rem;
    margin-bottom: 1.2rem;
    margin-top: 10px;
  }

  h6 {
    color: #38761d;
    font-weight: bolder;
    font-size: 1.2rem;
    margin-bottom: 1.2rem;
    margin-top: 10px;
  }

.badge {
    border-radius: 0;
}

/* Scrolling Marquee - start */

#animated-text-strip {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  overflow: hidden;
}

#animated-text-strip .marquee {
  white-space: nowrap;
  animation: marquee 5s linear infinite;
  max-width: none;
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}

/* Styles for the sake of the demonstration */

#animated-text-strip {
  background: var(--bs-yellow);
  padding: 1rem 0;
}

.marquee {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.5rem;
  font-weight: 900;
  padding-left: 10px;
  /* text-transform: uppercase; */
  color: #000000;
}

/* Scrolling Marquee - end */

/* start - background youtube video */

.youtube-video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.youtube-video-container::after {
  display: block;
  content: "";
  padding-top: 56.25%;
}

.youtube-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* end - background youtube video */


/* start - custom css for image blocks on front page */

.featuredBottom {
  position: absolute;
  text-align: center;
  bottom: -11px;
  border-radius: 10px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.featuredImage {
  border-radius: 20px;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
}

.featuredOverlayText {
  font-family: sans-serif;
  background: var(--bs-primary);
  width: 100%;
  font-weight: 900;
  font-size: clamp(12px, 1.2vw, 16px);
  text-transform: uppercase;
  padding: 5px 2px 10px 2px;
  color: var(--bs-tertiary-bg);
  z-index: 999;
}

.featuredImage:hover {
  opacity: .85;
  filter: alpha(opacity=100);
}

.overlayWrapper {
  position: relative;
  /* text-align: center; */
  /* min-height: 500px; */
  /* color: white; */
}

.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

.bottom-centred {
  position: absolute;
  bottom: 8px;
  /*right: 16px;*/
  left: 50%;
  transform: translate(-50%);
}

.top-centred {
  position: absolute;
  top: 8px;
  /*right: 16px;*/
  left: 50%;
  transform: translate(-50%);
}

.centered {
  object-fit: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  /* bottom: -238px; */
  /* left: 50%; */
  top: 10%;
  left:  0;
  /* transform: translate(-50%, -50%); */
}

/* end - custom css for image blocks on front page */

/* for the pricing matrix */
.price-border {
  border-right: 2px solid var(--bs-info-text-emphasis);
  border-left: 2px solid var(--bs-info-text-emphasis);
}