@import "../variables/colors";
@import "./loading";

.landing-content {
  min-height: 280px;

  .ap-section-header-lined {
    border-bottom-color: $dominant-color;
    color: #555;
    line-height: 22px;
    padding: 0 8px;
    margin: 0;
  }

  .news-list-more-button {
    &.ap-button {
      border: none;
      font-size: 11px;
      &:active {
        box-shadow: none;
        opacity: 0.8;
      }
    }
  }

}

.landing-menu {
  padding: 8px 0;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  .ap-button {
    margin: 4px 8px;
    &.ap-button-primary,
    &.ap-button-primary:link,
    &.ap-button-primary:visited {
      border-color: white;
    }
  }
}

.landing-jumbotron {
  &.ap-jumbotron {
    width: auto;
    margin: 0 -8px 32px;
  }
  .ap-jumbotron-title,
  .ap-jumbotron-text {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  }
}

.landing-news-section {
  display: block;
  .news-list-item {
    padding: 8px;
  }
}

.landing-loading {
  @extend .loading;
}