/****************
 * Fonts
 ****************/
/****************
 * Colors
 ****************/
/****************
 * Grid Settings
 ****************/
/**************
 * Buttons
 **************/
/****************
 * Blocks
 ****************/
.block-video-gallery {
  padding-bottom: 2.5rem;
  margin-bottom: -2.5rem;
}

@media (min-width: 768px) {
  .block-video-gallery {
    padding-bottom: 5rem;
    margin-bottom: -5rem;
  }
}

.block-video-gallery.bottom-border {
  border-bottom: 0.0625rem solid #000;
}

.block-video-gallery.bottom-border + .block-cta {
  padding-top: 2.5rem;
}

@media (min-width: 768px) {
  .block-video-gallery.bottom-border + .block-cta {
    padding-top: 5rem;
  }
}

.block-video-gallery.bottom-border + .block-grid-columns {
  padding-top: 3.75rem;
}

@media (min-width: 768px) {
  .block-video-gallery.bottom-border + .block-grid-columns {
    padding-top: 7.5rem;
  }
}

.block-video-gallery__row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 2.8125rem;
  position: relative;
}

.block-video-gallery__row a[name] {
  position: absolute;
  top: -31.25rem;
}

@media (min-width: 768px) {
  .block-video-gallery__row a[name] {
    top: -37.5rem;
  }
}

@media (min-width: 768px) {
  .block-video-gallery__row--left .block-video-gallery__content div:not(.c-btn-wrapper) {
    margin-left: -7.5rem;
  }
}

@media (min-width: 768px) {
  .block-video-gallery__row--right .block-video-gallery__video {
    order: 2;
  }
}

@media (min-width: 768px) {
  .block-video-gallery__row--right .block-video-gallery__content {
    order: 1;
  }
}

.block-video-gallery__row--right .block-video-gallery__content div:not(.c-btn-wrapper) {
  margin-right: -7.5rem;
}

.block-video-gallery__video {
  z-index: 1;
}

.block-video-gallery__video figure,
.block-video-gallery__video picture,
.block-video-gallery__video img {
  width: 100%;
}

.block-video-gallery__video .embed-wrapper .accent-square-1 {
  display: none;
}

.block-video-gallery__video .iframe-wrapper {
  margin: 0;
}

.block-video-gallery__content {
  z-index: 2;
}

.block-video-gallery__content div:not(.c-btn-wrapper) {
  width: 100%;
  padding: 2.5rem 1.25rem;
}

@media (min-width: 768px) {
  .block-video-gallery__content div:not(.c-btn-wrapper) {
    width: calc(100% + 120px);
    padding: 3.75rem 2.5rem;
  }
}

.block-video-gallery__content div:not(.c-btn-wrapper) h1,
.block-video-gallery__content div:not(.c-btn-wrapper) h2,
.block-video-gallery__content div:not(.c-btn-wrapper) h3,
.block-video-gallery__content div:not(.c-btn-wrapper) h4,
.block-video-gallery__content div:not(.c-btn-wrapper) h5,
.block-video-gallery__content div:not(.c-btn-wrapper) h6 {
  font-weight: 500;
  text-transform: uppercase;
}

.block-video-gallery__content--green .accent-square-1 {
  content: '';
  background-color: #28b780;
  position: absolute;
  top: -2.5rem;
  right: auto;
  bottom: auto;
  left: -1.25rem;
  height: 2.5rem;
  width: 2.5rem;
}

@media (min-width: 768px) {
  .block-video-gallery__content--green .accent-square-1 {
    content: '';
    background-color: #28b780;
    position: absolute;
    top: -2.5rem;
    right: auto;
    bottom: auto;
    left: -1.5625rem;
    height: 2.5rem;
    width: 2.5rem;
  }
}

.block-video-gallery__content--green div:not(.c-btn-wrapper) {
  clip-path: polygon(0 0, calc(100% - 2.5rem) 0, calc(100% - 2.5rem) 2.5rem, 100% 2.5rem, 100% 100%, 0 100%);
  background-color: #28b780;
  color: #fff;
}

.block-video-gallery__content--green h1,
.block-video-gallery__content--green h2,
.block-video-gallery__content--green h3,
.block-video-gallery__content--green h4,
.block-video-gallery__content--green h5,
.block-video-gallery__content--green h6,
.block-video-gallery__content--green p,
.block-video-gallery__content--green li {
  color: #fff;
}

.block-video-gallery__content--yellow .accent-square-1 {
  content: '';
  background-color: #c9db03;
  position: absolute;
  top: -2.5rem;
  right: -1.25rem;
  bottom: auto;
  left: auto;
  height: 2.5rem;
  width: 2.5rem;
}

@media (min-width: 768px) {
  .block-video-gallery__content--yellow .accent-square-1 {
    content: '';
    background-color: #c9db03;
    position: absolute;
    top: -5rem;
    right: -4.0625rem;
    bottom: auto;
    left: auto;
    height: 5rem;
    width: 5rem;
  }
}

.block-video-gallery__content--yellow div:not(.c-btn-wrapper) {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2.5rem), calc(100% - 2.5rem) calc(100% - 2.5rem), calc(100% - 2.5rem) 100%, 0 100%);
  background-color: #c9db03;
  color: #173963;
}

@media (min-width: 768px) {
  .block-video-gallery__content--yellow div:not(.c-btn-wrapper) {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 2.5rem 100%, 2.5rem calc(100% - 2.5rem), 0 calc(100% - 2.5rem));
  }
}

.block-video-gallery__content--yellow h1,
.block-video-gallery__content--yellow h2,
.block-video-gallery__content--yellow h3,
.block-video-gallery__content--yellow h4,
.block-video-gallery__content--yellow h5,
.block-video-gallery__content--yellow h6,
.block-video-gallery__content--yellow p,
.block-video-gallery__content--yellow li {
  color: #173963;
}

.block-video-gallery__content--blue .accent-square-1 {
  content: '';
  background-color: #173963;
  position: absolute;
  top: -2.5rem;
  right: auto;
  bottom: auto;
  left: 1.25rem;
  height: 2.5rem;
  width: 2.5rem;
}

@media (min-width: 768px) {
  .block-video-gallery__content--blue .accent-square-1 {
    content: '';
    background-color: #173963;
    position: absolute;
    top: -5rem;
    right: auto;
    bottom: auto;
    left: 0.9375rem;
    height: 5rem;
    width: 5rem;
  }
}

.block-video-gallery__content--blue div:not(.c-btn-wrapper) {
  clip-path: polygon(0 0, calc(100% - 2.5rem) 0, calc(100% - 2.5rem) 2.5rem, 100% 2.5rem, 100% 100%, 0 100%);
  background-color: #173963;
  color: #fff;
}

.block-video-gallery__content--blue h1,
.block-video-gallery__content--blue h2,
.block-video-gallery__content--blue h3,
.block-video-gallery__content--blue h4,
.block-video-gallery__content--blue h5,
.block-video-gallery__content--blue h6,
.block-video-gallery__content--blue p,
.block-video-gallery__content--blue li {
  color: #fff;
}

.block-video-gallery__content--blue-light div:not(.c-btn-wrapper) {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2.5rem), calc(100% - 2.5rem) calc(100% - 2.5rem), calc(100% - 2.5rem) 100%, 0 100%);
  background-color: #00aeef;
  color: #fff;
}

@media (min-width: 768px) {
  .block-video-gallery__content--blue-light div:not(.c-btn-wrapper) {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 2.5rem 100%, 2.5rem calc(100% - 2.5rem), 0 calc(100% - 2.5rem));
  }
}

.block-video-gallery__content--blue-light h1,
.block-video-gallery__content--blue-light h2,
.block-video-gallery__content--blue-light h3,
.block-video-gallery__content--blue-light h4,
.block-video-gallery__content--blue-light h5,
.block-video-gallery__content--blue-light h6,
.block-video-gallery__content--blue-light p,
.block-video-gallery__content--blue-light li {
  color: #fff;
}