/*
Theme Name: FSE child
Template: twentytwentyfour
Version: 2.0
*/

header {
  position: sticky;
  top: 0;
  z-index: 2;
}

figcaption {
  display: none;
}

.link_apropos {
  display: none;
}

.institut .wp-block-image img,
.reference .wp-block-image img {
  width: 100%;
}

.magazine .wp-block-image a::after {
  content: '';
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('./assets/img/download.png');
  background-color: #fff;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

#mc_embed_signup #mc_embed_signup_scroll div.mce_inline_error {
  background: none;
  padding: 0;
  margin: 1.25rem 0 0;
  font-size: 13px;
  line-height: 1;
  color: #222222;
  font-style: normal;
  font-weight: normal;
}

#mce-EMAIL::placeholder {
  font-family: 'Source Serif Pro';
  color: #ffffff;
}
#mce-EMAIL::-webkit-input::placeholder {
  font-family: 'Source Serif Pro';
  color: #ffffff;
}
#mce-EMAIL:-moz::placeholder {
  font-family: 'Source Serif Pro';
  color: #ffffff;
}
#mce-EMAIL::-moz::placeholder {
  font-family: 'Source Serif Pro';
  color: #ffffff;
}
#mce-EMAIL:-ms-input::placeholder {
  font-family: 'Source Serif Pro';
  color: #ffffff;
}

@media screen and (max-width: 599px) {
  header li.has-medium-font-size {
    font-size: 1.625rem !important;
    line-height: 3rem;
  }
  header ul {
    gap: 1rem !important;
  }

  .title {
    padding-bottom: 3rem !important;
  }

  .apropos {
    height: 31.21rem;
    overflow-y: hidden;
    position: relative;
  }
  .apropos h2,
  .reference h2,
  .reference .wp-block-group p,
  .equipe h2,
  .equipe .wp-block-group > h2 + p,
  .institut h2,
  .institut p {
    text-align: left !important;
  }
  .apropos h2,
  .about p {
    font-size: 1.5rem !important;
  }
  .apropos:after {
    content: '';
    display: block;
    position: absolute;
    background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255) 90%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    transition: opacity 2s;
    opacity: 1;
  }
  .apropos.is_open:after {
    opacity: 0;
  }
  .link_apropos {
    display: block;
    position: absolute;
    bottom: 0;
    margin-block-end: 20px !important;
    background-color: transparent;
    border: 0;
    z-index: 1;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: -0.16px;
    text-decoration-line: underline;
  }

  .reference img,
  .institut img {
    aspect-ratio: 4/3 !important;
  }

  .equipe .wp-block-columns {
    gap: 1.25rem;
  }
  .equipe .wp-block-columns .wp-block-column {
    flex-basis: calc(50% - 1.25rem) !important;
  }

  .newsletter .email {
    border-radius: 6px 6px 0 0 !important;
  }
  .newsletter .button {
    border-radius: 0 0 6px 6px !important;
  }
  .clear {
    width: 350px;
    max-width: 100%;
  }
  #mc_embed_signup_scroll {
    flex-direction: column;
  }
  #mc_embed_signup_scroll div.mce_inline_error {
    position: absolute;
    bottom: -90px;
  }
}