@charset "UTF-8";
/*
Theme Name: Astra Child
Description: Thème enfant pour Astra
Author: YL Solutions Web
Template: astra
Version: 1.0
Text Domain: astra-child
*/
/* Importer les styles du thème parent */
@import url("../astra/style.css");
/* 5 couleurs plus foncé */
/** 🔷 ELEMENTOR BREAKPOINTS **/
/** 🔷 ASTRA BREAKPOINTS **/
/**********************************/
/* Menu */
/**********************************/
#masthead {
  z-index: 3 !important;
  background-color: #010101;
}

.sticky-element-placeholder {
  position: absolute;
}

.element-is-sticky {
  background: linear-gradient(45deg, #010101 45%, #fff 45%) !important;
  transition: background 250ms ease-out;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  left: 0 !important;
  width: 100% !important;
}
@media (max-width: 1024px) {
  .element-is-sticky {
    background: linear-gradient(45deg, #010101 50%, #fff 50%) !important;
  }
}
@media (max-width: 767px) {
  .element-is-sticky {
    background: linear-gradient(45deg, #010101 60%, #fff 60%) !important;
  }
}
.element-is-sticky .ast-header-button-1 .ast-custom-button {
  color: var(--e-global-color-primary);
  border-color: var(--e-global-color-primary);
}
.element-is-sticky .menu-item a {
  color: #010101 !important;
}
.element-is-sticky .menu-item a.mPS2id-highlight {
  color: var(--e-global-color-secondary) !important;
}
.element-is-sticky .menu-item a.mPS2id-highlight:before {
  width: calc(100% - 1.2em) !important;
  background-color: var(--e-global-color-secondary) !important;
  transform: scale(1, 1) translate(50%, 0) !important;
}
.element-is-sticky .menu-item a:focus {
  outline: none;
}
.element-is-sticky .menu-item:hover a {
  color: var(--e-global-color-primary) !important;
}

/**********************************/
/* Hero */
/**********************************/
.hero-container {
  margin-block-start: 110px !important;
}
@media (max-width: 920px) {
  .hero-container {
    /* Astra déclenche le menu hamburger ici, on est obligé de supprimé à la main la marge */
    margin-block-start: 0 !important;
  }
}

.ast-builder-social-element {
  padding: 3px;
  border-radius: 5px;
}

.ast-builder-social-element svg {
  fill: #fff;
}

.ast-facebook {
  background-color: #3b5998;
}

.ast-instagram {
  background-color: #c32aa3;
}

.ast-builder-social-element:hover {
  scale: 1.2;
}

/* BOUTONS */
.ast-custom-button, .wpcf7-submit {
  background-color: var(--e-global-color-primary) !important;
  color: #fff !important;
  border-radius: 30px !important;
  font-size: 20px !important;
  padding: 15px 50px 15px 50px;
  font-family: Pacifico, Sans-serif !important;
  font-weight: var(--e-global-typography-accent-font-weight);
  border: solid 1px var(--e-global-color-primary) !important;
}
.ast-custom-button:hover, .wpcf7-submit:hover {
  background-color: #fff !important;
  color: var(--e-global-color-primary) !important;
  transition: 0.3s ease-in-out;
}

/**********************************
Actualités
**********************************/
#actualites .elementor-image-box-content {
  position: relative;
  display: inline-block;
  padding: 1rem 3rem;
  color: white;
  z-index: 1;
}
#actualites .elementor-image-box-content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--e-global-color-primary);
  z-index: 0;
  -webkit-clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
          clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
}
#actualites .elementor-image-box-content h3 {
  color: #fff;
  font-family: Pacifico;
  position: relative;
  z-index: 1;
  padding: 0 1rem 0 1rem;
}

/**********************************/
/* Module d'avis */
/**********************************/
.ti-footer {
  display: none;
}

/**********************************/
/* Titres */
/**********************************/
h1 {
  position: relative;
  font-family: "Poppins", sans-serif;
  color: #f6d8d5;
  font-size: 150px;
  text-shadow: 0px 0px 0px #fff, 0px 0px 20px var(--e-global-color-primary);
}

/**********************************/
/* Textes */
/**********************************/
.elementor-widget-text-editor strong {
  color: var(--e-global-color-primary) !important;
}

p b {
  color: var(--e-global-color-primary);
}

.gallery-icon {
  overflow: hidden;
}

.gallery-icon:hover img {
  transform: scale(1.3);
  transition: 0.3s ease-in-out;
}

/* Formulaire de contact */
.wpcf7 {
  padding: 0 4rem 0 4rem;
}
.wpcf7:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #010101;
  z-index: 0;
  -webkit-clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
          clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
}
.wpcf7 .wpcf7-text, .wpcf7 .wpcf7-email, .wpcf7 .wpcf7-select, .wpcf7 .wpcf7-textarea {
  border-color: #ccc !important;
  border-width: 0px 0px 1px 0px !important;
  font-size: 20px;
  font-weight: 300;
  color: #fff !important;
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  background: none !important;
}
.wpcf7 .wpcf7-text::-moz-placeholder, .wpcf7 .wpcf7-email::-moz-placeholder, .wpcf7 .wpcf7-select::-moz-placeholder, .wpcf7 .wpcf7-textarea::-moz-placeholder {
  color: #ccc !important;
}
.wpcf7 .wpcf7-text::placeholder, .wpcf7 .wpcf7-email::placeholder, .wpcf7 .wpcf7-select::placeholder, .wpcf7 .wpcf7-textarea::placeholder {
  color: #ccc !important;
}
.wpcf7 .wpcf7-text:focus, .wpcf7 .wpcf7-email:focus, .wpcf7 .wpcf7-select:focus, .wpcf7 .wpcf7-textarea:focus {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  outline: 0;
}
.wpcf7 .wpcf7-response-output {
  color: #54595F;
}
.wpcf7 .wpcf7-submit {
  background-color: var(--e-global-color-secondary) !important;
  border-color: var(--e-global-color-secondary) !important;
  color: #fff !important;
}
.wpcf7 .wpcf7-submit:hover {
  background-color: #fff !important;
  color: var(--e-global-color-primary) !important;
  transition: 0.3s ease-in-out;
}

/**********************************/
/* Page de contenu */
/**********************************/
.content h1 {
  text-shadow: none;
}
.content h2 {
  color: var(--e-global-color-primary);
  margin-bottom: 2rem;
  margin-top: 3rem;
}
.content h3 {
  margin-bottom: 1rem;
  margin-top: 2rem;
  font-size: 1.6rem;
  color: #333;
}
.content ul {
  padding-left: 1rem;
}
.content a {
  text-decoration: underline;
  color: var(--e-global-color-primary);
}
.content a:hover {
  text-decoration: underline;
}
.content #cmplz-document {
  max-width: 100%;
}

/**********************************/
/* Footer */
/**********************************/
.site-footer a:hover {
  text-decoration: underline;
}
.site-footer img {
  max-height: 200px;
  width: auto;
  margin-bottom: 1rem;
}/*# sourceMappingURL=style.css.map */