/* Responsive Inline Simple List */

@media only screen and (max-width: 767px) {
  .listView.vAlgn1 .itemPreview.hasImg,
  .listView.vAlgn2 .itemPreview.hasImg {
    display: block;
  }

  .listView .itemPreview.hasImg .itemImg {
    width: 100%;
    margin-bottom: 20px;
  }

  .listView .itemPreview.hasImg .itemContent {
    width: 100%;
  }
}

/* Button Padding */
.button {
  padding: 20px 50px;
}

/* Fix Disappearing Mobile CTA Text */
@media only screen and (max-width: 768px) {
  .cols4 .imgGridItem .imgHover-content {
    display: block !important;
  }
}

/* Sitewide Banner */
.blockWrap_ef8240069c5a4418a08721f56a4da13e {
  background-color: #ffffff;
  color: #ff0000;
  text-align: center;
  padding: 10px;
}

.headerAndNavContainer {
  padding-top: 0px !important;
}

/* Video Styles */
.video-container {
  background: #000000;
  color: white;
  text-align: center;
  padding: 150px 50px;
  margin-bottom: 50px;
}

#iframe-container h1 {
  font-size: 52px;
  color: white;
}

#iframe-container h3 {
  font-size: 30px;
  color: white;
}

/* Mobile Video Styles */
@media only screen and (max-width: 767px) {
  #iframe-container h1 {
    font-size: 36px;
    color: white;
  }

  #iframe-container h3 {
    font-size: 20px;
    color: white;
  }

  /* -----------------------------
     QUICK CSS FIX (ALLOW VIDEO ON MOBILE)
     - Show the video wrapper again
     - Remove the forced fallback background image
     ----------------------------- */
  .video-wrap {
    display: block !important;
  }

  div#iframe-container {
    background-image: none !important;
  }
  /* ----------------------------- */

  .video-container {
    padding: 100px 20px 100px 20px;
  }
}

/* End Video Styles */