.section {
  &-listing {
    &__title {
      padding: 10px 15px;
    }
    &__link {
      color: #dc5a11;
    }
  }
  &-banner {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    img {
      width: 100%;
      display: block;
      margin: 0 auto;
    }
  }

  &-teaser-listing {
    &--base {
      overflow: hidden;
    }
    .heading__section {
      color: #fff;
      text-align: center;
      vertical-align: middle;
      padding: 3.5em 0;
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      z-index: 9999999;
      &:after {
        content: " ";
        background-image: url(/static/img/icons/tanzania/icon-sprite.png);
        background-position: -7.5em -26.5em;
        background-size: 250px;
        background-repeat: no-repeat;
        display: block;
        width: 150px;
        padding: 10px 0;
        margin: 0 auto 20px;
      }
    }
    &-header {
      background: $color-dark_grayish-blue;
      list-style-type: none;
      position: relative;
      overflow: auto;
      height: 160px;
      overflow: hidden;
      @each $name, $styleElements in $sectionThemes {
        &--#{$name} {
          .heading__section {
            color: map-get($styleElements, labelColor);
            &:after {
              background-position: map-get($styleElements, underlinePos);
            }
          }
          .section-banner {
            background-image: map-get($styleElements, bgImage);
            background-position: map-get($styleElements, bgPos);
            background-repeat: no-repeat;
            background-size: 100%;
          }
        }
      }
    }
  }
}

.page__heading {
  color: #fff;
  position: absolute;
  top: 55px;
  left: 15px;
}
