/*---------------------------------

WE NEED THESE TO REFERENCE VARIABLES, MIXINS AND SUCH. DO NOT REMOVE!
Thanks, Friend :)

---------------------------------*/
/*---------------------------------

YOUR CUSTOM STYLES GO UNDER HERE.
You're doing great.

---------------------------------*/
h2, h3, h4, h5, h6, p {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*--- End Typography ---*/
.banner-image sup, .sub-banner-header sup {
  font-size: 50%;
  vertical-align: 0.5rem;
}

@media (max-width: 767.98px) {
  .banner-image[data-bg-sm] {
    background-position: center bottom;
  }
}
.sub-banner-header h3 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 575.98px) {
  .sub-banner-header {
    padding: 2rem 0;
  }
  .sub-banner-header h2, .sub-banner-header .h2 {
    font-size: 2.5rem;
  }
  .sub-banner-header h3, .sub-banner-header .h3 {
    font-size: 1.25rem;
  }
}
.bg-light-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(20%, #f5f8fc));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f5f8fc 20%);
  background: -moz- oldlinear-gradient(top, #ffffff 0%, #f5f8fc 20%);
  background: linear-gradient(to bottom, #ffffff 0%, #f5f8fc 20%);
}

.bg-light-blue {
  background-color: #F5F8FC;
}

.btn-primary-light {
  color: #885087;
  background-color: #fff;
  border-color: #fff;
}

.impact-statement img {
  width: 100px;
  height: auto;
}

.infographic {
  -webkit-clip-path: ellipse(100% 55% at 48% 44%);
  clip-path: ellipse(100% 55% at 48% 44%);
}
.infographic__belly-bump {
  position: relative;
}
.infographic__belly-bump img {
  position: absolute;
  right: -23%;
}
@media (max-width: 575.98px) {
  .infographic__stats .h5 {
    font-size: 1rem;
  }
  .infographic__stats .h2 {
    font-size: 2rem;
  }
}
.infographic__icon {
  margin: 4.5px;
}

.overflow-hidden {
  overflow: hidden;
}

.inline-video {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  min-height: 265px;
  max-height: 600px;
}
.inline-video .container-1440 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  height: 100%;
  min-height: 265px;
  max-height: 600px;
  max-width: 1440px;
  width: 100%;
  position: relative;
}
.inline-video .embed-responsive {
  min-height: 265px;
  max-height: 600px;
}
.inline-video a {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border-radius: 100%;
  border: 0;
  cursor: pointer;
  height: 80px;
  left: 50%;
  outline: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 80px;
}
@media (min-width: 768px) {
  .inline-video a {
    height: 125px;
    width: 125px;
  }
}
.inline-video a svg {
  height: 100%;
  width: 100%;
}
.inline-video a svg circle {
  -webkit-transition: fill-opacity 0.2s ease-in-out;
  -moz-transition: fill-opacity 0.2s ease-in-out;
  transition: fill-opacity 0.2s ease-in-out;
}
.inline-video a:hover svg circle, .inline-video a:active svg circle {
  fill-opacity: 1;
}