.section-collage .section-description {
  color: var(--color-content-weak);
}

.collage-builder__grid-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

@media screen and (min-width:768px) {
  .collage-builder__grid-container {
    margin: -15px
  }

  .collage-builder--no-spacing .collage-builder__grid-container {
    margin: 0
  }
}

.collage-builder__grid-item {
  height: 0;
  position: relative
}

@media screen and (max-width:767px) {
  .collage-builder__grid-item {
    width: 100%
  }

  .collage-builder__grid-item:not(:last-of-type) {
    margin-bottom: 1rem
  }

  .collage-builder--no-spacing .collage-builder__grid-item:not(:last-of-type) {
    margin-bottom: 0
  }
}

.collage-builder__grid-item--inner {
  width: 100%;
  height: 100%;
  position: absolute
}

@media screen and (min-width:768px) {
  .collage-builder__grid-item--inner {
    padding: 1rem
  }

  .collage-builder--no-spacing .collage-builder__grid-item--inner {
    padding: 0
  }
}

.collage-builder__content {
  width: 100%;
  height: 100%
}

@media screen and (min-width:768px) {
  .collage-builder__content .md-min-align-top {
    align-items: flex-start
  }

  .collage-builder__content .md-min-align-center {
    align-items: center
  }

  .collage-builder__content .md-min-align-bottom {
    align-items: flex-end
  }

  .collage-builder__content .md-min-justify-left {
    justify-content: flex-start
  }

  .collage-builder__content .md-min-justify-center {
    justify-content: center
  }

  .collage-builder__content .md-min-justify-right {
    justify-content: flex-end
  }
}

@media screen and (max-width:767px) {
  .collage-builder__content .md-max-align-top {
    align-items: flex-start
  }

  .collage-builder__content .md-max-align-center {
    align-items: center
  }

  .collage-builder__content .md-max-align-bottom {
    align-items: flex-end
  }

  .collage-builder__content .md-max-justify-left {
    justify-content: flex-start
  }

  .collage-builder__content .md-max-justify-center {
    justify-content: center
  }

  .collage-builder__content .md-max-justify-right {
    justify-content: flex-end
  }
}

.collage-builder__text-container {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 1.5rem 0;
  overflow: hidden
}

.collage-builder__text-container--inner {
  width: 100%;
  /* height: 100%; */
  display: flex;
  flex-direction: column;
}

:not(collage-builder__grid-item--image) .collage-builder__image-wrapper {
  margin: -1.5rem -1.5rem 1.5rem;
  display: grid;
}

.collage-builder__image-wrapper img {
  width: 100%;
  height: auto;
}

.collage-builder__icon-wrapper {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  display: block;
  width: 3rem;
  height: 3rem;
  border: 1px solid var(--color-border-default);
  padding: .75rem;
  /* margin-bottom: 3rem; */
}

/* @media screen and (max-width:767px) {
  .collage-builder__text-container--inner {
    width: 100%
  }
} */

.collage-builder__heading {
  margin-bottom: 0;
  line-height: 1.1em;
  hyphens: auto;
  overflow-wrap: anywhere;
  /* margin-top: auto; */
}

.collage-builder__text-content {
  margin-bottom: 0;
  color: var(--color-content-weak);
}

.collage-builder__text-content:not(:first-child) {
  margin-top: 1rem
}

.collage-builder__text-content {
  margin-bottom: 0;
  color: #343434;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
}

.collage-builder__button-container.text-link-animated:not(:first-child) {
  margin-top: 1.25rem
}

.collage-builder__button-container:first-child .collage-builder__button {
  margin-top: 0
}

@media screen and (max-width:767px) {

  .collage-builder__grid-item--countdown_timer.collage-builder__grid-item,
  .collage-builder__grid-item--html.collage-builder__grid-item,
  .collage-builder__grid-item--text.collage-builder__grid-item {
    height: auto;
    padding-bottom: 0;
    /* aspect-ratio: 1; */
  }

  .collage-builder__grid-item--countdown_timer .collage-builder__grid-item--inner,
  .collage-builder__grid-item--html .collage-builder__grid-item--inner,
  .collage-builder__grid-item--text .collage-builder__grid-item--inner {
    position: static
  }
}

.collage-builder__media-wrapper {
  position: relative;
  height: 100%;
  width: 100%
}

.collage-builder__media-wrapper .collage-builder__image,
.collage-builder__media-wrapper .collage-builder__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0
}

.collage-builder__media-wrapper .collage-builder__text-container {
  position: absolute;
  z-index: 1;
  aspect-ratio: 1;
}

@media screen and (min-width:768px) {
  .collage-builder__grid-item--image.collage-builder__grid-item--mobile-image .responsive-image-wrapper {
    display: none
  }
}

@media screen and (max-width:767px) {
  .collage-builder__grid-item--image.collage-builder__grid-item--mobile-image {
    height: auto;
    position: static;
    padding-bottom: 0
  }

  .collage-builder__grid-item--image.collage-builder__grid-item--mobile-image .collage-builder__grid-item--inner,
  .collage-builder__grid-item--image.collage-builder__grid-item--mobile-image .collage-builder__image {
    position: static
  }

  .collage-builder__grid-item--image.collage-builder__grid-item--mobile-image .icon--placeholder {
    display: none
  }
}

.collage-builder__background-video,
.collage-builder__video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden
}

.collage-builder__background-video iframe,
.collage-builder__video iframe {
  position: absolute;
  max-width: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%
}

.collage-builder__background-video {
  pointer-events: none
}

@media screen and (min-width:768px) {
  .collage-builder__background-video .embed-container {
    height: 100%
  }
}

.collage-builder__background-video.collage-builder__background-video--narrow iframe {
  width: 470%;
  height: 100%
}

.collage-builder__background-video.collage-builder__background-video--wide iframe {
  width: 100%;
  height: 400%
}

.collage-builder__background-video.type-mp4 .video,
.collage-builder__background-video.type-mp4>native-video,
.collage-builder__background-video.type-mp4>native-video>div,
.collage-builder__background-video.type-mp4>native-video>div>div {
  display: block;
  height: 100%
}

.collage-builder__background-video.type-mp4 .hero-video-mp4 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center
}

@media screen and (max-width:767px) {
  .collage-builder__grid-item--background_video.collage-builder__grid-item--mobile-video {
    padding-bottom: 56.25%
  }

  .collage-builder__grid-item--background_video.collage-builder__grid-item--mobile-video.collage-builder__grid-item--mobile-video-mp4 {
    padding-bottom: 0;
    height: auto;
    position: static
  }

  .collage-builder__grid-item--background_video.collage-builder__grid-item--mobile-video.collage-builder__grid-item--mobile-video-mp4 .collage-builder__background-video,
  .collage-builder__grid-item--background_video.collage-builder__grid-item--mobile-video.collage-builder__grid-item--mobile-video-mp4 .collage-builder__grid-item--inner {
    position: static
  }

  .collage-builder__grid-item--background_video.collage-builder__grid-item--mobile-video.collage-builder__grid-item--mobile-video-mp4 .collage-builder__background-video--mobile video {
    max-width: 100%
  }

  .collage-builder__grid-item--background_video.collage-builder__grid-item--mobile-video .collage-builder__background-video--desktop {
    display: none
  }
}

@media screen and (min-width:768px) {
  .collage-builder__grid-item--background_video.collage-builder__grid-item--mobile-video .collage-builder__background-video--mobile {
    display: none
  }
}

.collage-builder__grid-item.collage-builder__grid-item--video .type-mp4 .native-video-wrapper {
  background: #000;
  height: 100%;
  margin: auto;
  overflow: hidden;
  width: 100%
}

@media screen and (max-width:767px) {
  .collage-builder__grid-item.collage-builder__grid-item--video {
    height: auto;
    position: static;
    padding-bottom: 0
  }

  .collage-builder__grid-item.collage-builder__grid-item--video .collage-builder__grid-item--inner,
  .collage-builder__grid-item.collage-builder__grid-item--video .collage-builder__video {
    position: static
  }
}

@media screen and (max-width:767px) {
  .collage-builder__grid-item--video.collage-builder__grid-item--mobile-video .collage-builder__video--desktop {
    display: none
  }
}

@media screen and (min-width:768px) {
  .collage-builder__grid-item--video.collage-builder__grid-item--mobile-video .collage-builder__video--mobile {
    display: none
  }
}

.collage-builder__video native-video {
  display: block;
  height: 100%
}

.collage-builder__video native-video .homepage-hero-content-overlay-wrapper {
  height: 100%
}

.collage-builder__video native-video .homepage-hero-content-overlay-wrapper video {
  display: block;
  height: 100%;
  width: 100%
}

@media screen and (min-width:768px) {
  .collage-builder__video .embed-container {
    position: static;
    padding-bottom: 0;
    height: auto
  }

  .collage-builder__video.type-mp4 .embed-container,
  .collage-builder__video.type-mp4 .video,
  .collage-builder__video.type-mp4>div,
  .collage-builder__video.type-mp4>div>div {
    height: 100%
  }
}

@media screen and (max-width:767px) {
  .collage-builder__video.type-mp4 .embed-container {
    position: static;
    padding-bottom: 0;
    height: auto
  }
}

.collage-builder__video .video--video__text-block {
  display: flex;
  align-items: flex-end;
  height: 100%;
  width: 100%;
  padding: 32px
}

.collage-builder__video .homepage-video-play-button {
  display: block;
  position: relative;
  overflow: hidden;
  width: 60px;
  height: 60px;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 1;
  border-radius: 50%;
  cursor: pointer;
  outline: 2px solid transparent
}

.collage-builder__video .homepage-video-play-button-inner {
  position: absolute;
  z-index: 2;
  border-style: solid;
  border-width: 9px 0 9px 16px;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
  margin-left: -10%;
  width: 20px;
  height: 20px
}

.collage-builder__video .video--video__static-image {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1
}

.collage-builder__grid-item--countdown_timer .collage-builder__text-content:not(:first-child),
.collage-builder__timer:not(:first-child) {
  margin-top: 20px
}

.collage-builder__grid-item--countdown_timer .collage-builder__text-container--inner {
  max-width: 700px
}

.collage-builder__timer {
  display: flex
}

.collage-builder__grid-item--countdown_timer [data-timer-complete-content].hide:first-child+.collage-builder__timer {
  margin-top: 0
}

.collage-builder__section-wrapper.fadeInUp {
  animation-name: FadeInUpSubtle
}

@keyframes FadeInUpSubtle {
  0% {
    opacity: 0;
    transform: translate3d(0, 5%, 0)
  }

  100% {
    opacity: 1;
    transform: translateZ(0)
  }
}