@media screen and (min-width: 576px) {
  #block-views-block-slide-programme-block-1,
  #block-views-block-dernieres-publications-block-1{
    .views{
      section{
        .head{
          display: flex!important;
          width: 100%;
          justify-content: space-between;
          align-items: center;
        }
      }
    }
  }
}

#block-views-block-slide-programme-block-1{
  .date{
    font-size: 1.5rem;
    font-family: 'truenoregular';
    text-transform: uppercase;
  }
  .__slide{
    .flickity-viewport{
      overflow: initial;
    }
    a{
      height: 100%;
      background: white;
      @include shadow;
    }
    article{
      height: 325px;
      background: none;
      display: flex;
      margin-top: 3rem;
      margin-bottom: 1.5rem;
      &.__wrap{
        background: white;
      }
      &.last::after{
        display: inline-block;
        content: " ";
        width: 3px;
        height: auto;
        margin: -2.5rem 0 0 0;
        background: $color1;
        position: relative;
        left: 0.5rem;
      }
      &.first{
        flex-direction: column;
        span{
          position: absolute;
          top: -2.5rem;
          width: max-content;
          font-size: 1.5rem;
          font-family: 'truenoregular';
        }
      }
    }
  }
}

#block-views-block-slide-programme-block-1,
#block-views-block-dernieres-publications-block-1{
  section:not(.wrap_head){
    margin: 1rem 0;
  }
  .views{
    section{
      .head{
        display: block;
      }
      .flickity-slider{
        // margin-left: 1rem;
      }
    }
  }
}


.paragraph--type--role-de-l-intervenant{
  margin-bottom: 2rem;
  .__slide{
    &:after {
      content: 'flickity';
      display: none;
      @media screen and ( min-width: 768px ) {
        content: '';
      }
    }
    .flickity-viewport{
      overflow: initial;
    }
    .flickity-slider > div{
      width: 70%;
      padding: 0 0.5rem;
      @media screen and ( min-width: 768px ) {
        width: 100%;
      }
    }
  }
}

.flickity-button {
  background: transparent;
  &:hover{
    background: transparent;
  }
}

.flickity-button-icon {
  fill: $col_black;
}

.flickity-button:disabled {
  display: none;
}