@import url(./contact_form.css);
@import url(./mega_menu.css);
@import url(./formations_page.css);

body,
html {
  scroll-behavior: smooth;
}

[id] {
  scroll-margin-top: 150px;
}

header:has(div.is-sticky) {
  position: sticky;
  top: var(--wp-admin--admin-bar--height, 0);
  z-index: 999;
}

.w-fit {
  width: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
}

.entry-content {
  margin-top: 0px;
}

.wp-block-button .wp-block-button__link {
  transition: all ease-in-out 0.1s !important;
}

.wp-block-button .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--custom-lavender) !important;
  color: var(--wp--preset--color--custom-very-light-blue) !important;
  transition: all ease-in-out 0.1s !important;
}

.wp-block-button.is-style-outline.is-style-outline--1
  .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--custom-lavender) !important;
  color: var(--wp--preset--color--custom-very-light-blue) !important;
  transition: all ease-in-out 0.1s !important;
}

.wp-block-velcome-group-marquee-effect {
  .marquee-item {
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    width: 20.729vw;
    max-width: 398px;
    min-width: 275px;
    aspect-ratio: 398/560;
  }
}

.wp-block-media-text {
  overflow: hidden;
}

.ville-centre figure {
  display: flex;
}

.bg-on-hover {
  transition: all ease-in-out 0.3s !important;
}

.bg-on-hover:hover {
  transition: all ease-in-out 0.3s !important;
  background-color: var(--wp--preset--color--custom-lavender) !important;
}

.search-bar {
  width: auto;
  border-radius: 5px;
  background-color: var(--wp--preset--color--custom-lotion);
  border: solid 1px var(--wp--preset--color--custom-very-light-blue);
  width: min(530px, 100%);

  form {
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  button {
    border: none;
    background: transparent;
    cursor: pointer;
  }

  input {
    font-family: var(--wp--preset--font-family--inter-variable);
    padding: 12px 0;
    background: transparent;
    border: none;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
  }
}

.formation-template-default {
  li::marker {
    color: var(--wp--preset--color--custom-very-light-blue);
  }
}

.velcome-blocks-faq-item-active {
  padding-bottom: 10px;
}

.wp-block-velcome-group-faq-wrapper {
  display: grid;
  gap: 10px;
}

.wp-block-velcome-group-faq-item {
  border-bottom: none !important;
  border-radius: 10px;
  background-color: var(--wp--preset--color--custom-lotion);
  overflow: hidden;
}

.velcome-blocks-faq-question-button {
  padding: 0 15px;
}

.domaines-list {
  img {
    min-width: 40px;
  }
}