/* Newsletter Background */

.nl-img-1{
  position: absolute!important;
  left: -2vw;
  width: auto;
  z-index: 0;

  @include media-breakpoint-down(xxl){
    left: 1%;
    top: 15px;
    width: 60px;
  }
}

.nl-img-2{
  position: absolute!important;
  right: -5vw;
  width: auto;
  z-index: 0;

  @include media-breakpoint-down(xxl){
    right: 1%;
    bottom: 15px;
    width: 90px;
  }
}

.subscribe-box{
  max-width: 748px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  input[type="text"]{
    padding-right: 56px;
    border: 2px solid #a2a2a2;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.375rem;
  }
  button{
    position: absolute;
    right: 0;
    height: 50px;
    width: 50px;
    outline: none;
    border-radius: 50px;
    border: none;
    background: $tertiary-color;
    color: $primary-color;
    .icon {
      width: 30px;
      height: 30px;
      display: block;
      background: $primary-color;
      margin-left: 2px;
      margin-top: 2px;
    }
  }
}
.subscribe-box{
  max-width: 748px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  input[type="text"]{
    padding-right: 56px;
  }
  button{
    position: absolute;
    right: 0;
    height: 50px;
    width: 50px;
    outline: none;
    border-radius: 50px;
    border: none;
    background: $tertiary-color;
    color: $primary-color;
    .icon {
      width: 30px;
      height: 30px;
      display: block;
      background: $primary-color;
      margin-left: 2px;
      margin-top: 2px;
    }
  }

  &.layout-7 {
    text-align: left;
    form .errors {
      background-color: #ffb718;
      border: 1px solid #851f23;
      margin-top: 5px;
      border-radius: 5px;;
      padding: 10px 0 10px 10px;
      p {
        font: bold 12px Roboto;
        color: #851f23 !important
      }
    }
    .privacy-wrapper {
      display: none;
      margin: 10px 0;
      color: #000;
      &.show {
        display: block;
      }
      a {
        color: #000;
        text-decoration: underline;
      }
      .check-box {
        margin: 10px 0;
        label {
          display: inline;
          color: #000;
          font-size: 0.9rem;
          font-weight: normal;
        }
      }
      iframe {
        padding: 0;
      }
    }
  }
}

.news {
  .news-list-view {
    .article {
      a.active {
        color: #000;
      }
      .media-image {
        margin-bottom: 20px;
        img  {
          max-width: 100%;
          height: auto;
        }
      }
      span.news-list-date {
        margin-bottom: 10px;
        display: block; 
      }
    }
  }
  aside.sidebar .nav .nav-item a.nav-link {
    color: #000;
    padding: 0px;
  }
  ul.news-tags {
    padding: 0;
    li {
      a {
        color: #000;
      }
    }
  }

}