@use 'variables' as variables;


.news-filters-card {
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.news-filters-header {
  font-size: 1rem;

  i {
    font-size: 1.1rem;
  }
}

.news-filter-group {
  height: 100%;
}

.news-filter-label-icon {
  line-height: 1.2;

  i {
    font-size: 1rem;
  }
}

.news-filters-form {
  .form-control,
  .form-select {
    border-radius: 0.75rem;
  }

  .form-label {
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 0.4rem;
  }
}

@media (max-width: 767.98px) {
  .news-filters-card {
    padding: 1rem !important;
    border-radius: 1rem !important;
  }

  .news-filters-header {
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  }

  .news-filter-group {
    border-radius: 0.85rem;
  }

  .news-filters-form {
    .form-control,
    .form-select {
      font-size: 16px; // évite le zoom iPhone
    }
  }
}


article {
  video, audio, iframe {
    display: block;
    max-width: 100%;
    border-width: 0;
  }

  figure, img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0;
  }

  div.image-center {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  figure.image {
    &.image-left {
      float: left;
    }

    &.image-right {
      float: right;
    }

    figcaption {
      font-style: italic;
      padding: 4px 1em;
    }
  }

  div.youtube, div.dailymotion {
    width: 100%;
    position: relative;

    div.video-height {
      display: block;
      padding-top: 56.75%; // 16:9
    }

    iframe.youtube-embed, iframe.dailymotion-embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
  }

  div.tweet {
    display: flex;
    justify-content: center;
  }

  width: 100%;
  //overflow: auto;
}

#news-box {
  //h1 {
  //  color: $tertiary;
  //  margin-bottom: 1.5rem;
  //}

  .media {
    //margin: 2rem 0;
    //flex-wrap: wrap !important;
    //display: flex;
    //align-items: center;
    //
    //&:last-child {
    //  margin: 0;
    //}

    .media-body {
      flex: 1 0 50%;
    }

    //a.illustration {
    //  display: block;
    //  width: 210px;
    //  margin-right: 1rem;
    //  margin-bottom: 1rem;
    //
    //  img {
    //    width: 100%;
    //    height: auto;
    //    border: 1px $tertiary solid;
    //  }
    //}

    h5 {
      margin-bottom: 0.2rem;
      min-width: 180px;

      a {
        font-weight: 600;
        font-size: 1rem;
        color: #151414;

        &:hover {
          color: variables.$tertiary;
          text-decoration: none;
          transition: all 0.3s ease-out;
        }

        span {
          color: variables.$tertiary;
          font-weight: 800;
        }
      }
    }

    h6 {
      font-weight: 300;
      font-size: 1rem;
      line-height: 1.2rem;
    }

    p {
      font-weight: 300;
      font-size: 0.925rem;
    }

    &:hover {
      h5 a {
        color: variables.$tertiary;
        text-decoration: none;
        transition: all 0.3s ease-out;
      }
    }
  }

  &.list {
    .media {
      img {
        //border: 1px $tertiary solid;
      }

      h5 {
        a {
          color: variables.$body-color;

          &:hover {
            color: variables.$primary;
          }

          span {
            color: variables.$tertiary;
          }
        }
      }

      &:hover {
        h5 a {
          color: variables.$tertiary;
        }
      }
    }
  }


}

#news-box-after {
  /*position:absolute;
  bottom:0;
  right:0;*/
  .go-news {
    background: variables.$tertiary;

    a {
      color: #FFF;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 0.925rem;
    }

    &:hover {
      background: white;
      transition: all 0.3s ease-out;

      a {
        color: variables.$body-color;
        transition: all 0.3s ease-out;
      }
    }

  }
}

.signature {
  font-weight: 300;
}