/*
 Theme Name:     Le CAPE Theme
 Theme URI:      https://idealcomm.fr
 Description:    Theme pour le CAPE
 Author:         Idealcomm
 Author URI:     https://idealcomm.fr
 Template:       abisko
 Version:        1.0
*/
html {
  scroll-behavior: smooth;
}
/* FORM */
.rgpdInfos {
  margin: 1.2rem 0 3rem;
}
.rgpdInfos p {
  font-size: 0.9rem;
  line-height: 1;
  color: #535353;
}
.rgpdInfos p a {
  color: #444;
  transition: color 0.5s ease-in-out;
}
.rgpdInfos p a:hover {
  color: #000;
}

.wpcf7-form
  input:where(
    [type="text"],
    [type="email"],
    [type="tel"],
    [type="url"],
    [type="number"],
    [type="search"],
    [type="password"]
  ),
.wpcf7-form textarea {
  width: 100%;
  border: 0;
  border-bottom: 1px solid var(--wp--preset--color--custom-cyan);
  transition: background-color 0.5s ease-in-out;
  padding: 0.45rem;
}

.wpcf7-form
  input:where(
    [type="text"],
    [type="email"],
    [type="tel"],
    [type="url"],
    [type="number"],
    [type="search"],
    [type="password"]
  ):hover,
.wpcf7-form
  input:where(
    [type="text"],
    [type="email"],
    [type="tel"],
    [type="url"],
    [type="number"],
    [type="search"],
    [type="password"]
  ):focus,
.wpcf7-form textarea:hover,
.wpcf7-form textarea:focus {
  background-color: #f5f5f5;
}

#wpcf7-f839-p28-o1 label {
  font-weight: 700;
  color: var(--wp--preset--color--custom-aubergine);
}

#wpcf7-f839-p28-o1 .wpcf7-acceptance {
  margin-top: 3.5rem;
  display: inline-block;
}

.wpcf7-acceptance label span.wpcf7-list-item-label {
  font-weight: normal;
  color: #000;
}
.wpcf7-acceptance label :where(input, .wpcf7-list-item-label) {
  vertical-align: middle;
}
.wpcf7-acceptance > .wpcf7-list-item {
  margin-left: 0;
}
.wpcf7-acceptance label input {
  margin-right: 10px;
}
input[readonly="readonly"] {
  background: #f5f5f5;
  cursor: not-allowed;
  color: #787878;
}
.wpcf7-form input[type="submit"] {
  margin-top: 1rem;
}

.wpcf7-form input[type="submit"]:disabled {
  background-color: lightgray;
  border-color: gray;
  color: gray;
}
.contact__banner-title {
  text-shadow: 0px 0px 20px #0000004d;
}
.card {
  position: relative;
}
.card a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.card figure {
  transition: opacity 0.5s ease-in-out;
}
.card:hover figure {
  opacity: 0.8;
}

:is(h1, h2, h3, h4, h5, h6).wp-block-heading {
  hyphens: none !important;
}

.custom_menu {
  justify-content: space-around !important;
}

.wp-block-navigation-item.button-contact a {
  background-color: #005a66;
  color: #ffffff !important;
  padding-top: 1em !important;
  padding-right: 1.33em !important;
  padding-bottom: 1.1em !important;
  padding-left: 1.33em !important;
  border-radius: 5px;
  text-decoration: none;
}

.wp-block-navigation-item.button-contact:hover a {
  background-color: var(--wp--preset--color--custom-cyan);
}

/* Responsive */
@media screen and (min-width: 781px) and (max-width: 1024px) {
  :is(.img-side-txt, .txt-side-img) .wp-block-columns {
    flex-direction: column;
  }
  :is(.img-side-txt, .txt-side-img) .wp-block-column {
    max-width: 70%;
    padding-inline: 0 !important;
  }
  :is(.animatedColumns, .animatedColumns-50) {
    gap: 2em var(--wp--preset--spacing--70);
  }
  .slidingTitle .wp-block-heading {
    font-size: clamp(19px, 7vw, 60px) !important;
  }
  .animatedColumns.timeline
    > .wp-block-column
    > .wp-block-columns
    > .wp-block-column:nth-child(2)
    img {
    min-width: 15px;
  }
  #contactform .wp-block-columns {
    flex-direction: column;
  }
  #contactform form {
    max-width: 600px;
    margin-inline: auto;
  }
  .wp-block-navigation-link a {
    text-decoration: underline !important;
  }
}

@media screen and (max-width: 781px) {
  /* styles pour tablette et mobile */
  .hero-home {
    padding: 3rem 1em 3rem;
  }
  .hero-home .wp-block-heading:nth-child(2) {
    font-size: clamp(10px, 9.8vw, 60px) !important;
  }
  .hero {
    padding-inline: var(--wp--preset--spacing--20) !important;
  }
  .hero:is(.double-title, .fake-title)
    .wp-block-group
    :is(.wp-block-heading, p):nth-child(1) {
    font-size: clamp(15px, 9.5vw, 50px) !important;
  }
  .hero:is(.double-title, .fake-title)
    .wp-block-group
    .wp-block-heading:nth-child(2) {
    font-size: clamp(10px, 6.5vw, 30px) !important;
  }
  .title-vertical-offset-text .wp-block-buttons {
    justify-content: flex-start;
    margin-top: clamp(30px, 8vw, 40px) !important;
  }
  :is(.img-side-txt, .txt-side-img) {
    margin-top: var(--wp--preset--spacing--90) !important;
    margin-bottom: var(--wp--preset--spacing--90) !important;
  }
  :is(.img-side-txt, .txt-side-img) .wp-block-column {
    width: 100%;
    padding: 0 !important;
  }
  :is(.img-side-txt, .txt-side-img) .wp-block-column:nth-child(2) {
    margin-top: 2.5rem !important;
  }
  :is(.img-side-txt, .txt-side-img) .wp-block-column .wp-block-group {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  :is(.img-side-txt, .txt-side-img) .wp-block-column figure {
    max-width: 550px;
    margin-inline: auto;
  }
  .slidingTitle .wp-block-heading {
    font-size: clamp(19px, 7vw, 60px) !important;
  }
  .site-footer
    > .wp-block-group
    > .wp-block-group
    > .wp-block-group:nth-child(2) {
    margin-top: 2.5rem !important;
    justify-content: space-between;
  }
  :is(.animatedColumns, .animatedColumns-50):not(.timeline) {
    padding-inline: 0 !important;
  }
  :is(.animatedColumns, .animatedColumns-50):not(
      .timeline,
      .responsive-2-columns
    )
    .wp-block-column {
    max-width: 350px;
    margin-inline: auto;
  }
  :is(.animatedColumns, .animatedColumns-50):not(.timeline).responsive-2-columns
    .wp-block-column {
    max-width: 40%;
  }
  :is(.animatedColumns, .animatedColumns-50):not(.timeline)
    .wp-block-column
    .wp-block-image {
    max-width: 200px;
    margin-inline: auto;
  }
  .gray-bloc .wp-block-group:nth-child(1) p {
    padding-inline: 0 !important;
  }
  .animatedColumns.timeline > .wp-block-column > .wp-block-columns {
    flex-direction: row;
  }
  .animatedColumns.timeline
    > .wp-block-column
    > .wp-block-columns
    > .wp-block-column:nth-child(1) {
    flex-basis: 20% !important;
  }
  .animatedColumns.timeline
    > .wp-block-column
    > .wp-block-columns
    > .wp-block-column:nth-child(2) {
    flex-basis: 60% !important;
  }
  .animatedColumns.timeline
    > .wp-block-column
    > .wp-block-columns
    > .wp-block-column:nth-child(1)
    p {
    font-size: clamp(0px, 50vw, 150px) !important;
  }
  .animatedColumns.timeline
    > .wp-block-column
    > .wp-block-columns
    > .wp-block-column:nth-child(2)
    img {
    max-height: 80px;
  }
  .methode-eprouve > .wp-block-columns > .wp-block-column:nth-child(2) {
    padding-top: 70px;
    padding-left: 5rem;
  }
  .methode-eprouve > .wp-block-group:nth-child(2) {
    padding-top: 70px;
    padding-right: 5rem;
  }
  .methode-eprouve > .wp-block-group:nth-child(2) p {
    margin-left: 0 !important;
    max-width: 100% !important;
  }

  #contactform .infos {
    padding: var(--wp--preset--spacing--40) !important;
  }
  .wp-block-navigation__responsive-container
    :is(.wp-block-navigation__container, .wp-block-navigation-submenu) {
    align-items: flex-start !important;
  }
  .wp-block-navigation__responsive-container
    .wp-block-navigation__submenu-container
    li {
    margin-bottom: 15px;
  }
  .wp-block-navigation__responsive-container
    .wp-block-navigation__submenu-container
    li:last-child {
    margin-bottom: 0px;
  }
  .site-header .wp-block-navigation-item a[href] {
    text-decoration: underline !important;
  }
  .chevron_timeline {
    display: none;
  }
  .text_timeline p {
    text-align: left;
  }
}

@media screen and (max-width: 375px) {
  /* styles pour petit ecran */
  :is(.img-side-txt, .txt-side-img) .wp-block-column .wp-block-heading {
    padding-left: 0 !important;
  }
  :is(.animatedColumns, .animatedColumns-50) .wp-block-column {
    max-width: 100% !important;
    width: 100% !important;
  }
}