/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* GUIDAP VARIABLE CSS */
:root {
  /* Texts */
  --text: #606060; /* Couleur des textes par défaut */
  --text-light: #6b7a91; /* Couleur des textes des détails */
  --text-invert: #c7ccd4; /* Couleur des textes disable */
  --family-primary: 'Poppins', sans-serif; /* Typographie à utiliser */

  /* Couleurs de fond (backgrounds) */
  --background: #f1f3f5; /* Couleur de fond générale */
  --white: #ffffff; /* Fonds blancs et quelsues textes blancs */

  /* Bordures */
  --border: #5a8e52; /* Bordures des éléments sélectionnés */
  --border-light: #e2e5e9; /* Bordures des éléments non sélectionnés */
  --radius: 5px; /* Arrondis des images, inputs, sélecteurs... */
  --radius-large: 8px; /* Arrondi des cartes */
  --radius-rounded: 9999px; /* Arrondi des boutons */

  /* Boutons et liens */
  --primary: #30604a; /* Couleur des boutons principaux */
  --primary-invert: #ffffff; /* Textes des boutons principaux */
  --black: #0d1e3d; /* Couleur des boutons secondaires et checkbox */
  --link: #08947b; /* Couleur des liens */
}

@keyframes fadeDown {
  from {
    opacity: 0;
    transform: translate3d(0, -30px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.elementor-element.fadeInDown {
  animation-name: fadeDown;
}

@keyframes fadeLeft {
  from {
    opacity: 0;
    transform: translate3d(-30px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.elementor-element.fadeInLeft {
  animation-name: fadeLeft;
}

@keyframes fadeRight {
  from {
    opacity: 0;
    transform: translate3d(30px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.elementor-element.fadeInRight {
  animation-name: fadeRight;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.elementor-element.fadeInUp {
  animation-name: fadeUp;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.elementor-element.slideInUp {
  animation-name: slideUp;
}

.style-primary {
  display: inline-block;
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15) !important;
  background-image: linear-gradient(to right, #5a8e52 0%, #106c2f 51%, #004718 100%);
  text-decoration: none;
  color: white;
  border-radius: 8px !important;
  border: none !important;
  padding: 15px 20px 15px 20px;
  color: white !important;
  background-color: none !important;
}

.style-primary:hover {
  transform: none !important;
  background-position: right center;
  border: none !important;
  background-color: none !important;
}

.gdp-scoped-ui .button.is-primary,
.gdp-scoped-ui .button.is-primary.is-hovered,
.gdp-scoped-ui .button.is-primary:hover {
  background-color: none !important;
  border: none !important;
  outline: none !important;
}

@media screen and (min-width: 992px) {
  .gdp-scoped-ui .modal.is-full-screen > .animation-content,
  .gdp-scoped-ui .modal.is-full-screen > .animation-content > .modal-card {
    border-radius: 20px;
    height: 80%;
    width: 90%;
  }

  .gdp-scoped-ui .modal.is-full-screen > .animation-content .modal-card,
  .gdp-scoped-ui .modal.is-full-screen > .animation-content > .modal-card .modal-card {
    height: 100%;
    border-radius: 10px !important;
  }

  .gdp-scoped-ui .modal .modal-background {
    background: black !important;
    opacity: 0.6;
  }
}

/* 
*/

.btn-reserver {
  padding: 15px 20px 15px 20px;
  transition: 0.5s;
  background-size: 200% auto;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  background-image: linear-gradient(to right, #5a8e52 0%, #106c2f 51%, #004718 100%);
  display: inline-block;
  border-radius: 8px;
  font-family: var(--e-global-typography-0a4824c-font-family), Sans-serif;
  font-size: var(--e-global-typography-0a4824c-font-size);
  font-weight: var(--e-global-typography-0a4824c-font-weight);
  text-transform: var(--e-global-typography-0a4824c-text-transform);
  line-height: var(--e-global-typography-0a4824c-line-height) 1.4rem;
  letter-spacing: var(--e-global-typography-0a4824c-letter-spacing);
  color: #ffffff;
  transition: background ease 0.3s;
}

.btn-reserver:hover {
  background-image: linear-gradient(to right, #106c2f 0%, #106c2f 51%, #106c2f 100%);
}

div#footer-contact {
  scroll-margin-top: 100px;
}