// Background Colors.
.bg-primary {
  background-color: $background-lightblue !important;
}
.bg-gray,
.bg-grey {
  background: $gray-100;
}

.bg-white {
  background: $white;
}

.layout {
  margin: rem-calc(80 0);
  &:first-child {
    margin: 0;
  }
  &.no-margin {
    margin: 0;
  }
}

[class^="bg-"] {
  padding: rem-calc(80 0);
  @include media-breakpoint-down(md) {
    padding: rem-calc(40 0);
  }
  .layout {
    margin: 0;
  }
}

[class^="_none"]:first-child {
  padding: 0;
  @include media-breakpoint-down(md) {
    padding: rem-calc(40 0);
  }
  .layout {
    margin: 0;
  }
}

[class^="_none"] {
  padding: rem-calc(80 0);
  @include media-breakpoint-down(md) {
    padding: rem-calc(40 0);
  }
  .layout {
    margin: 0;
  }
}

.background-local-video {
  height: rem-calc(540) !important;
  h1, h2, h3, h4, h5, h6, p, .subheading {
    color: $white;
    text-shadow: 0 0 rem-calc(8) $black, 0 0 rem-calc(20) $black;
    text-align: center;
  }
  .video-content {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  // Special processing for search form inside a background video section.
  .search-block-form {
    form {
      .form-actions {
        display: none;
      }
    }
  }
}

.section-background-image {
  min-height: rem-calc(350);
  padding: rem-calc(100 0);
  h1, h2, h3, h4, h5, h6, p, .subheading {
    color: $white;
    text-shadow: 0 0 rem-calc(8) $black, 0 0 rem-calc(20) $black;
    text-align: center;
  }
}
