.search-list {
  position: fixed;
  top: 225px;
  width: 1380px;
  height: calc(100vh - 480px);
  z-index: 20;
  background-color: #f2f2f2;
  left: 50%;
  margin-left : -690px;
  padding: 80px;
  display: none; }
  .search-list .block-search-result {
    display: flex;
    flex-direction: row;
    width : 100%; }
    .search-list .block-search-result .nb-results {
      position: absolute;
      top: 40px;
      left: 430px;
      color: #283e4d;
      font-family: 'LatoLatinMedium'; }
    .search-list .block-search-result .search-filters {
      display: flex;
      flex-direction: column;
      width : 20%;
      border-right: 1px solid rgba(148, 163, 176, .5);
      position: relative; }
      .search-list .block-search-result .search-filters .sub-details {
        display: none; }
      .search-list .block-search-result .search-filters .abs-div-filter {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%; }
        .search-list .block-search-result .search-filters .abs-div-filter .title {
          font-size: 16px;
          margin-bottom: 10px;
          padding: 10px 0 10px 30px;
          color: #a5a7aa; }
        .search-list .block-search-result .search-filters .abs-div-filter a {
          position: relative;
          display: flex;
          justify-content: center;
          align-items: flex-start;
          flex-direction: column;
          width : 100%;
          text-decoration: none;
          height : 30px;
          padding: 10px 0 10px 30px;
          cursor: pointer;
          border-radius: 80px 0 0 80px; }
          .search-list .block-search-result .search-filters .abs-div-filter a.selected {
            background-image: linear-gradient(90deg, #ff2f19, #8e50a8);
            color: white; }
            .search-list .block-search-result .search-filters .abs-div-filter a.selected:after {
              content: "";
              position: absolute;
              right: -15px;
              width: 0;
              height: 0;
              border-top: 25px solid transparent;
              border-left: 15px solid #8e50a8;
              border-bottom: 25px solid transparent; }
    .search-list .block-search-result .search-result {
      display: flex;
      flex-direction: column;
      overflow-y: auto;
      overflow-x: hidden;
      width : 80%; }
      .search-list .block-search-result .search-result .sub .search-detail {
        position: relative;
        margin-left: 70px;
        display: flex;
        width: calc(100% - 140px);
        flex-direction: row;
        flex-wrap: wrap;
        border-bottom: 1px solid rgba(148, 163, 176, .5); }
        .search-list .block-search-result .search-result .sub .search-detail .search-image {
          height: 123px;
          background-size: cover;
          margin: 20px 0; }
        .search-list .block-search-result .search-result .sub .search-detail .img-detail-search {
          display: none;
          background-size: contain;
          background-repeat: no-repeat;
          height: 123px;
          min-width: 85px; }
        .search-list .block-search-result .search-result .sub .search-detail .search-infos {
          display: flex;
          margin-left: 30px;
          flex-direction: column;
          width: calc(100% - 250px); }
          .search-list .block-search-result .search-result .sub .search-detail .search-infos .title {
            font-size: 16px;
            color: #ed2939; }
            .search-list .block-search-result .search-result .sub .search-detail .search-infos .title .read {
              font-size: 12px;
              color: #405966; }
          .search-list .block-search-result .search-result .sub .search-detail .search-infos .theme {
            font-size: 16px;
            color: #90a3b1;
            margin: 20px 0 10px;
            text-transform: uppercase; }
          .search-list .block-search-result .search-result .sub .search-detail .search-infos .search-descr {
            width: calc(100% - 50px);
            color: #405966;
            /*> p{
                line-height: 1.3;
              }*/ }
            .search-list .block-search-result .search-result .sub .search-detail .search-infos .search-descr > *:first-child {
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 3;
              -webkit-box-orient: vertical;
              word-wrap: break-word;
              line-height: 1.2;
              --lh: 1.2rem;
              --max-lines: 3;
              max-height: calc(var(--lh) * var(--max-lines)); }
            .search-list .block-search-result .search-result .sub .search-detail .search-infos .search-descr > *:not(:first-child) {
              display: none; }
        .search-list .block-search-result .search-result .sub .search-detail .outer-bullet {
          position: absolute;
          bottom: 20px;
          right: 0; }

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.8;
  z-index: 19;
  display: none;
  /* =============================================================== RESPONSIVE =================================================================*/ }

@media (max-width: 960px) {
  .search-list {
    width: calc(100vw + 22px);
    height: calc(100% - 225px);
    z-index: 20;
    background-color: #f2f2f2;
    left: 0;
    margin-left: -22px;
    padding: 0; }
    .search-list .block-search-result {
      margin-top: 30px; }
      .search-list .block-search-result .search-result .sub {
        overflow-y: auto;
        height: 100%; }
        .search-list .block-search-result .search-result .sub .search-detail {
          flex-direction: column;
          margin-bottom: 30px;
          padding-bottom: 30px;
          width: calc(100% - 90px); }
          .search-list .block-search-result .search-result .sub .search-detail .search-image {
            margin: 0; }
          .search-list .block-search-result .search-result .sub .search-detail .search-image {
            display: none; }
          .search-list .block-search-result .search-result .sub .search-detail .img-detail-search {
            display: block; }
          .search-list .block-search-result .search-result .sub .search-detail .search-infos {
            margin: 0;
            width: 100%; }
            .search-list .block-search-result .search-result .sub .search-detail .search-infos .title {
              margin-right: 40px; }
      .search-list .block-search-result .nb-results {
        top: 0;
        left: unset;
        right: 0; }
    .search-list .search-result .sub {
      height: auto;
      margin: 10px 0; }
      .search-list .search-result .sub.publication {
        display: none; }
      .search-list .search-result .sub.person {
        display: none; } }

@media (max-width: 480px) {
  .search-list {
    margin-left : 0;
    height: auto; }
    .search-list .block-search-result .search-filters {
      border-right : none; }
      .search-list .block-search-result .nb-results {
        left: 30px;
        top: 10px; }
      .search-list .block-search-result .search-result {
        height: calc(100vh - 90px); }
        .search-list .block-search-result .search-result .sub {
          height: auto;
          margin: 10px 0; }
          .search-list .block-search-result .search-result .sub.publication {
            display: none; }
          .search-list .block-search-result .search-result .sub.person {
            display: none; } }