/* line 1, ../sass/screen.scss */
.member-filter {
  display: flex;
  margin-bottom: 100px;
  justify-content: start;
}
/* line 5, ../sass/screen.scss */
.member-filter .item {
  padding: 16px 32px;
  border-radius: 100px;
  color: #2C2C2C;
  margin-right: 16px;
  border: 1px solid #73D3BF;
  font-weight: 600;
  transition: all .3s;
  line-height: 1em;
  cursor: pointer;
}
/* line 15, ../sass/screen.scss */
.member-filter .item:hover, .member-filter .item.active {
  background: #73D3BF;
}

@media screen and (max-width: 860px) {
  /* line 23, ../sass/screen.scss */
  .member-filter {
    display: block;
    margin-bottom: 40px;
  }
  /* line 26, ../sass/screen.scss */
  .member-filter .item {
    margin-bottom: 16px;
  }
}
/* line 34, ../sass/screen.scss */
#membres .team-row {
  display: grid;
}
/* line 37, ../sass/screen.scss */
#membres .item {
  transform: scale(1);
  transition: transform .3s;
}
/* line 40, ../sass/screen.scss */
#membres .item.hidden {
  transform: scale(0);
}
/* line 44, ../sass/screen.scss */
#membres .elementor-column-wrap {
  display: block;
  border-bottom: 1px solid #15433B;
}
/* line 49, ../sass/screen.scss */
#membres .elementor-column-wrap:hover .bg-overlay {
  opacity: 1;
}
/* line 54, ../sass/screen.scss */
#membres .bg {
  position: relative;
  width: 100%;
}
/* line 58, ../sass/screen.scss */
#membres .inner-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-position: center;
  background-size: cover !important;
  height: 100%;
  width: 100%;
  transition: all, 1.5s;
  background-repeat: no-repeat;
}
/* line 68, ../sass/screen.scss */
#membres .inner-bg .corner {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}
/* line 91, ../sass/screen.scss */
#membres .linkedin {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 16;
}
/* line 97, ../sass/screen.scss */
#membres .linkedin.circle {
  padding: 1em;
  border-radius: 1000px;
}
/* line 102, ../sass/screen.scss */
#membres .overlay {
  background: #112e3e;
  opacity: .9;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 199;
  display: none;
}
/* line 113, ../sass/screen.scss */
#membres .popup {
  opacity: 0;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 200;
  width: 100%;
  margin: 6% auto;
  background: #15433B;
  z-index: 1000;
  overflow: scroll;
  height: 100%;
}
/* line 128, ../sass/screen.scss */
#membres .popup > div {
  position: relative;
}
/* line 131, ../sass/screen.scss */
#membres .popup .bg-wrap {
  margin: 0 24px 0 0;
  flex: 0 0 50%;
  position: relative;
}
/* line 135, ../sass/screen.scss */
#membres .popup .bg-wrap .bg {
  min-height: 100%;
  max-height: 150%;
}
/* line 140, ../sass/screen.scss */
#membres .popup .close-button {
  width: 60px;
  height: 60px;
  display: block;
  position: absolute;
  top: 16px;
  right: 16px;
  transition: all .3s;
  color: #fff;
  font-size: 13px;
  display: flex;
  align-items: center;
  padding-right: 115px;
}
/* line 153, ../sass/screen.scss */
#membres .popup .close-button:after {
  background: url(../img/close-icon.svg);
  background-size: 60px;
  background-repeat: no-repeat;
  background-position: center right;
  content: '';
  width: 60px;
  height: 60px;
  position: absolute;
  right: 0;
  transition: transform .3s;
}
/* line 166, ../sass/screen.scss */
#membres .popup .close-button:hover:after {
  transform: rotate(90deg);
}
/* line 171, ../sass/screen.scss */
#membres .popup .gutter {
  display: flex;
}
/* line 174, ../sass/screen.scss */
#membres .popup .top {
  padding: 40px 40px 0;
}
/* line 177, ../sass/screen.scss */
#membres .popup .desc {
  padding: 0px 40px;
}
/* line 180, ../sass/screen.scss */
#membres .popup .bottom {
  padding: 16px;
  display: flex;
  justify-content: end;
}
/* line 184, ../sass/screen.scss */
#membres .popup .bottom a {
  margin-left: 16px;
  transition: transform .3s;
}
/* line 187, ../sass/screen.scss */
#membres .popup .bottom a:hover {
  transform: scale(1.1);
}

@media screen and (max-width: 960px) {
  /* line 198, ../sass/screen.scss */
  #membres .popup {
    margin-top: 0 !important;
    overflow: scroll;
    height: 100%;
  }
  /* line 202, ../sass/screen.scss */
  #membres .popup > div {
    height: 100%;
    padding: 70px 16px 16px 16px;
  }
  /* line 206, ../sass/screen.scss */
  #membres .popup .gutter {
    display: block;
  }
  /* line 209, ../sass/screen.scss */
  #membres .popup .bg {
    display: none;
  }
}