/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/
/* Add your custom styles here... */
html body {
  overflow-y: scroll !important;
}

/* Apply font face to whole website */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li,
ul,
span,
div,
input,
textarea,
button {
  font-family: "SuisseIntl", sans-serif;
  font-weight: 400;
}

/* Utiliser SuisseIntl Medium (poids 500) */
.suisse-medium {
  font-family: "SuisseIntl", sans-serif;
  font-weight: 500;
}

body p,
body #fl-main-content a, header a {
  font-size: 16px;
  font-family: "SuisseIntl", sans-serif;
}

header a {
  font-size: 14px;
}

footer p,
footer li,
footer span,
footer a {
  font-family: "SuisseIntl", sans-serif;
}

@media screen and (max-width: 768px) {
  .no-mobile {
    display: none !important;
  }
}
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 textarea {
  border-radius: 100px !important;
  background: rgba(255, 255, 255, 0);
  color: white !important;
  border: 0;
  font-size: 16px !important;
  padding: 20px !important;
}

/* Placeholder */
.wpcf7 input[type=text]::-moz-placeholder, .wpcf7 input[type=email]::-moz-placeholder, .wpcf7 textarea::-moz-placeholder {
  color: white !important;
}
.wpcf7 input[type=text]::placeholder,
.wpcf7 input[type=email]::placeholder,
.wpcf7 textarea::placeholder {
  color: white !important;
}

/* Textarea */
.wpcf7 textarea {
  padding: 10px 15px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 25px !important;
  height: 150px;
}

/* Label */
.wpcf7 label {
  color: #fff;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 200% */
}

/* Submit */
.wpcf7 input[type=submit] {
  padding: 20px 35px;
  background-color: black;
  width: 100%;
  text-align: center;
  color: white !important;
  border-radius: 9999px;
  /* rounded-full */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  line-height: 14px;
  border-color: black;
}

.form-container input[type=text],
.form-container input[type=email],
.form-container textarea {
  box-shadow: 0px 0px 15.3px 0px rgba(0, 0, 0, 0.5) inset;
}

.form-container .wpcf7-spinner {
  display: none;
}

body:not(.home) li.current-menu-item a {
  font-weight: bold;
}

li.current-menu-item.focus a {
  font-weight: bold;
}

.menu-adbr #menu-main-menu {
  padding: 5px 20px;
  border: 1px solid white;
  border-radius: 200px;
  gap: 20px;
}

.menu-adbr #menu-main-menu li a {
  padding: 14px 25px;
}

.menu-adbr #menu-main-menu li a:hover,
.menu-adbr #menu-main-menu li.current_page_item a {
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(19.7999992371px);
          backdrop-filter: blur(19.7999992371px);
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.7) inset;
  -webkit-backdrop-filter: blur(60px);
          backdrop-filter: blur(60px);
  font-weight: 400;
}

.form-container .wpcf7-submit {
  background-color: black;
  border: 1px solid black !important;
  color: white !important;
  transition: all 0.3s ease-in-out;
  border-radius: 100px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-transform: lowercase;
}

.form-container .wpcf7-submit:hover {
  background-color: white;
  color: black !important;
}

.form-container .wpcf7-submit:hover * {
  color: black !important;
  stroke: black !important;
}

.wpcf7-response-output {
  border: none !important;
  padding: 0;
  color: white;
  padding: 0 !important;
  margin: 0 !important;
  margin-top: 20px !important;
}

li.mobile-menu-item a {
  color: white !important;
  font-size: 38px;
}

/* Bouton commun (category & project) */
.bb-pill {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  line-height: 1;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(19.8px);
  -webkit-backdrop-filter: blur(19.8px);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  color: white;
  text-decoration: none;
}
.bb-pill:hover, .bb-pill.active {
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 0 4px 0 #fff inset;
  backdrop-filter: blur(19.8px);
  -webkit-backdrop-filter: blur(19.8px);
  color: white;
  text-decoration: none;
}

span.category.bb-pill {
  width: 100%;
  max-width: 150px;
}

.bb-pill-container {
  border: 0.75px solid white;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(19.8px);
  -webkit-backdrop-filter: blur(19.8px);
  overflow: hidden;
}
.bb-pill-container .category-link-archive {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
          backdrop-filter: none !important;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 250px;
}
.bb-pill-container .category-link-archive:after {
  content: "";
  opacity: 0;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 0 4px 0 #fff inset;
  backdrop-filter: blur(19.8px);
  -webkit-backdrop-filter: blur(19.8px);
  border-radius: 100px;
  padding: 2.5px;
  z-index: -1;
}
.bb-pill-container .category-link-archive:hover:after {
  opacity: 1;
}

/* Animation container dual buttons (parent/child) */
.container-dual-btn {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  min-height: 50px;
}
.container-dual-btn .bb-pill {
  padding: 15px 20px !important;
  width: 200px;
  color: white;
  border: 1px solid white;
  text-decoration: none;
}
.container-dual-btn .bb-pill:hover {
  text-decoration: none !important;
  line-height: 1 !important;
  border-radius: 100px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  box-shadow: none !important;
  backdrop-filter: blur(19.8px) !important;
  -webkit-backdrop-filter: blur(19.8px) !important;
  transition: all 0.3s ease-in-out !important;
  cursor: pointer !important;
  color: white !important;
  text-decoration: none !important;
}
.container-dual-btn .bb-pill.active {
  text-decoration: none;
}
.container-dual-btn .parent-btn,
.container-dual-btn .child-btn {
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  top: 0;
  transition: left 0.6s ease, top 0.6s ease, transform 0.6s ease, opacity 0.6s ease;
}
.container-dual-btn .parent-btn {
  z-index: 2;
}
.container-dual-btn .child-btn {
  opacity: 0;
  pointer-events: none;
}
.container-dual-btn.show-child .parent-btn {
  transform: translateX(-100%);
}
@media screen and (max-width: 768px) {
  .container-dual-btn.show-child .parent-btn {
    transform: translateX(-90%);
  }
}
.container-dual-btn.show-child .child-btn {
  top: 0;
  opacity: 1;
  transform: translateX(-20%);
  pointer-events: auto;
}
@media screen and (max-width: 768px) {
  .container-dual-btn.show-child .child-btn {
    transform: translateX(-10%);
  }
}

#discover-btn {
  transition: all 0.3s ease-in-out;
  border: 1px solid transparent !important;
  text-transform: capitalize !important;
}
#discover-btn:hover, #discover-btn:focus, #discover-btn:active {
  background-color: white !important;
}

.container-dual-btn * {
  cursor: default !important;
}
.container-dual-btn *:hover {
  cursor: default !important;
}

@media screen and (max-width: 767px) {
  .project-info {
    max-width: 100% !important;
  }
}/*# sourceMappingURL=style.css.map */