/*!
Theme Name: ghtsante
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ghtsante
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

ghtsante is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@font-face {
    font-family: 'Blogger Sans';
    src: url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans-Italic.eot');
    src: url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans-Italic.woff2') format('woff2'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans-Italic.woff') format('woff'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans-Italic.ttf') format('truetype'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans-Italic.svg#BloggerSans-Italic') format('svg');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Blogger Sans';
    src: url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans-Bold.eot');
    src: url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans-Bold.woff2') format('woff2'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans-Bold.woff') format('woff'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans-Bold.ttf') format('truetype'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans-Bold.svg#BloggerSans-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Blogger Sans';
    src: url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans-MediumItalic.eot');
    src: url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans-MediumItalic.woff2') format('woff2'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans-MediumItalic.woff') format('woff'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans-MediumItalic.ttf') format('truetype'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans-MediumItalic.svg#BloggerSans-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Blogger Sans';
    src: url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans-Medium.eot');
    src: url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans-Medium.woff2') format('woff2'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans-Medium.woff') format('woff'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans-Medium.ttf') format('truetype'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans-Medium.svg#BloggerSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Blogger Sans';
    src: url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans.eot');
    src: url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans.eot?#iefix') format('embedded-opentype'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans.woff2') format('woff2'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans.woff') format('woff'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans.ttf') format('truetype'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/BloggerSans.svg#BloggerSans') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/DINPro-Regular.eot');
    src: url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/DINPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/DINPro-Regular.woff2') format('woff2'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/DINPro-Regular.woff') format('woff'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/DINPro-Regular.ttf') format('truetype'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/DINPro-Regular.svg#DINPro-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/DINPro-Medium.eot');
    src: url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/DINPro-Medium.woff2') format('woff2'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/DINPro-Medium.woff') format('woff'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/DINPro-Medium.ttf') format('truetype'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/DINPro-Medium.svg#DINPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/DINPro-Bold.eot');
    src: url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/DINPro-Bold.woff2') format('woff2'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/DINPro-Bold.woff') format('woff'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/DINPro-Bold.ttf') format('truetype'),
        url('https://ghtsante41.fr/wp-content/themes/ghtsante/assets/fonts/DINPro-Bold.svg#DINPro-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}



:root{
  --font-primary: 'Blogger Sans', -apple-system, BlinkMacSystemFont, sans-serif;
	--font-secondary:'DINPro', Arial;
	--yellow:#DED255;
	--background:#F6F4ED;
	--white:#FFFFFF;
	--dark-green:#00303C;
	--green:#007877;
	--light-green:#51BBB4;
  --pastel-green:#E6F5F4;
  --pastel-yellow:#FBF8DF;
	--radius-s:0.25rem;
  --black:#1D1D1D;
}

body{
	font-family: var(--font-secondary);
    color: var(--dark-green);
}

em{
  color: var(--black);
}



h1{
	font-family: var(--font-primary);
	font-size: 3.5rem;
	line-height: 4rem;
	font-weight: 700;
	color:var(--white);
}

h2{
	font-family: var(--font-primary);
	font-size: 2.5rem;
	line-height: 3rem;
	font-weight: 500;
	color:var(--dark-green);
}

h3{
	font-family: var(--font-primary);
	font-size: 1.75rem;
	line-height: 1.2;
	font-weight: 500;
	color:var(--dark-green);
}

@media screen and (max-width:960px) {
  h1{
    font-size: 2rem;
    line-height: 1.2;
  }

  h2{
    font-size: 1.5rem;
    line-height: 1.2;
  }

  h3{
    font-size: 1.25rem;
    line-height: 1.2;
  }

}

.uk-button-primary{
  background: var(--green);
  color: var(--white);
  text-transform: initial;
  font-weight: 500;
  padding: 0.75rem;
  line-height: 1.2;
  font-size: 1rem;
}

.uk-button-primary:hover,.uk-button-primary:active{
  background: var(--dark-green);
  color: var(--white);
}

.desktop-nav{
	padding-block: 2rem;
}

.desktop-nav .uk-sticky-below{
	padding: 0.5rem 0;
	background-color: #ffffff80;
	backdrop-filter: blur(8px);
  z-index: 999;
}

.mobile-nav .uk-sticky-below{
	padding: 0.5rem 0;
	background-color: #ffffff95;
	backdrop-filter: blur(4px);
  z-index: 999;
}

.desktop-nav .menu-menu-principal-container{
	padding: 0.75rem;
	background: #FFFFFF10;
	border-radius: 10rem;
}

/* Masquer le texte "Accueil" et ne montrer que l'icône */
.link-home a {
  font-size: 0; /* Masquer le texte */
  display: inline-block;
  width: 24px; /* Taille de l'icône */
  height: 24px; /* Taille de l'icône */
  text-decoration: none; /* Enlever le soulignement */
  line-height: 0; /* Enlever tout espacement vertical */
  padding: 0; /* Supprimer tout espacement autour du lien */
}

.link-home a svg {
  display: block; /* Assurer que l'icône soit un bloc */
  width: 100%; /* Utiliser toute la largeur de l'élément parent */
  height: 100%; /* Utiliser toute la hauteur de l'élément parent */
}


.home .desktop-nav .uk-navbar-left img, .home .mobile-nav .uk-navbar-left img{
	opacity: 0;
	transition: all .3s ease-out;
}

.home .mobile-nav .uk-navbar-left img{
  height: 3.5rem;
}

.mobile-nav .uk-navbar-item, .mobile-nav .uk-navbar-nav>li>a, .mobile-nav .uk-navbar-toggle{
  min-height: initial;
}

.home .desktop-nav .uk-sticky-below .uk-navbar-left img, .home .mobile-nav .uk-sticky-below .uk-navbar-left img{
	opacity: 1;
}

.mobile-nav .uk-navbar-toggle{
 color: var(--white); 
}

.mobile-nav  .uk-sticky-below  .uk-navbar-toggle{
  color: var(--dark-green); 
 }

.menu-menu-principal-container #menu-menu-principal{
	background: var(--white);
	border-radius: 2rem;
	gap: 1.25rem;
	padding-inline: 1.5rem;
}

.menu-menu-principal-container #menu-menu-principal.uk-navbar-nav>li>a {
	min-height: initial;
	text-transform: initial;
	color: var(--dark-green);
	font-family: var(--font-secondary);
	font-weight: 700;
	color: var(--green);
	padding: 0.625rem 0 ;
}

#modal-full .uk-modal-dialog{
  background-color: var(--green);
}

#modal-full .uk-modal-close-full{
  background-color: transparent;
  top: 1rem;
  right: 1rem;
}

#modal-full .uk-close{
  color: var(--white);
}

#modal-full .uk-navbar-dropdown-nav>li>a{
  color: var(--white);
  font-size: 1.25rem;
  font-family: var(--font-secondary);
}

#modal-full .uk-list-divider>:nth-child(n+2){
  border-color: var(--yellow);
}

#modal-full .uk-modal-dialog .trame{
  width: 80vw;
}

/*footer*/

.footer-menu-secondaire{
    border-top: solid 1px var(--yellow);
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.footer-menu-secondaire a{
    color: var(--green)
}


/*animation*/


  /* Animation de volet */
  .animation-volet {
    overflow: hidden;
    position: relative;
    animation: revealMask 1s ease-out forwards;
  }
 
  /* Une fois que le wrapper a fini l’animation, on anime l’image */
  .animation-volet img {
    animation: scaleAndFade 1.2s ease-out forwards;
    /* animation-delay: 0.2s; */

  }

    footer{
        background-color: var(--background);
    }
 
    footer .footer-menu-principal{
        padding: 2rem 0;
    }

    footer .footer-menu-principal p.uk-text-bold{
        font-family: var(--font-primary);
        color: var(--dark-green);
        font-weight: 500;
    }

    footer .footer-menu-principal li{
        margin-top: 0.25rem!important;
    }

    footer .footer-menu-principal a{
        font-family: var(--font-secondary);
        color: var(--green);
    }


 /*acces*/
 
 .acces .uk-card a{
    background-color: var(--green);
    display: block;
    padding: 2rem;
    transition: all .3s ease-out;
}

 .acces .uk-card a:hover, .presentation .acces .uk-card a:focus{
    background-color: var(--dark-green);
    text-decoration: none;
}

 .acces .uk-card a h3{
    color: var(--white);
    font-size: 1.5rem;
    line-height: 1.5;
    font-family: var(--font-primary);
    font-weight: 400;
}

/*Liens*/

.liens a:hover img {
  transform: scale(1.1);
}

.liens h3{
  color: var(--white);
  text-transform: uppercase;
  font-size: 2.25rem;
  font-family: var(--font-primary);
  font-weight: 700;
  margin-top: 0.5rem;
}

.liens .content-card{
  z-index: 12;
}

.liens .point{
  background-color: var(--light-green);
  width: 1rem;
  height: 1rem;
  border-radius: 50px;
  }


/* Conteneur principal */
.liens  .content-card {
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  padding-bottom: 40px; /* espace pour le bouton */
}

/* Titre */
.liens  .content-card h3 {
  transition: transform 0.3s;
  transform: translateY(0);
}

@media screen and (max-width:960px) {
  .liens h3{
    font-size: 1.25rem;
    margin-bottom: 0;
  }

  .liens  .content-card {
    
    padding-bottom: 2rem; /* espace pour le bouton */
  }

  .fake-btn{
    display: none;
  }
}


/* Bouton caché */
.liens .fake-btn {
  transform: translateY(30px);
  opacity: 0;
  position: absolute; 
  bottom: 1.5rem;
  left: 2.5rem;
  margin-top: 12px;
  padding: 8px 18px;
  background: var(--green);
  color: var(--white);
  font-weight: 500;
  font-size: 1rem;
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
  pointer-events: none; /* évite de perturber le lien principal */
  box-shadow: 0 2px 8px rgba(30, 135, 240, 0.1);
  transform: translateY(10px);
}

/* Au survol */
.liens .card-hover:hover .content-card h3 {
  transform: translateY(-15px); /* monte le texte */
}

.liens .card-hover:hover .fake-btn {
  transform: translateY(0);
  opacity: 1;
}


/* Point existant */
.liens .point {
  transition: transform 0.3s;
  transform: translateY(0);
  will-change: transform; /* Optimise le rendu GPU */
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); /* Courbe d'animation "ease" */
}

/* Au survol - Animation conjointe */
.liens .card-hover:hover .content-card h3,
.liens .card-hover:hover .content-card .point {
  transform: translateY(-15px); /* Même décalage vertical */
}

.liste-puce-verte li{
  margin-top:0.25rem;
  color: var(--dark-green);
  font-size: 1rem;
  font-family: var(--font-primary);
} 

 .liste-puce-verte {
  list-style: none;
  padding-left: 0;
}

 .liste-puce-verte li {
  position: relative;
  padding-left: 1rem;
}

 .liste-puce-verte li::before {
  content: ""; /* Puces Unicode ou caractères spéciaux */
  background-color: var(--yellow)  ; /* Couleur différente du texte */
  position: absolute;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50px;
  display: inline-block;
  margin-left: 0;
  top: 7px;
}


  /* Volet descendant */
  @keyframes revealMask {
    0% {
      clip-path: inset(0 0 100% 0); /* caché */
    }
    100% {
      clip-path: inset(0 0 0% 0); /* tout visible */
    }
  }
  

  @keyframes scaleAndFade {
    0% {
      transform: scale(1.05);
      opacity: 0;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
  
  .bar-infinite {
    animation: barAnimation 1.5s infinite alternate; /* Ajustez la durée et l'itération */
  }

  /* Staggered delay for each bar */
.bar-infinite:nth-child(1)  { animation-delay: 0.1s; }
.bar-infinite:nth-child(2)  { animation-delay: 0.2s; }
.bar-infinite:nth-child(3)  { animation-delay: 0.3s; }
.bar-infinite:nth-child(4)  { animation-delay: 0.4s; }
.bar-infinite:nth-child(5)  { animation-delay: 0.5s; }
.bar-infinite:nth-child(6)  { animation-delay: 0.6s; }
.bar-infinite:nth-child(7)  { animation-delay: 0.7s; }
.bar-infinite:nth-child(8)  { animation-delay: 0.8s; }
.bar-infinite:nth-child(9)  { animation-delay: 0.9s; }
.bar-infinite:nth-child(10) { animation-delay: 1.0s; }
.bar-infinite:nth-child(11) { animation-delay: 1.1s; }
.bar-infinite:nth-child(12) { animation-delay: 1.2s; }
.bar-infinite:nth-child(13) { animation-delay: 1.3s; }
.bar-infinite:nth-child(14) { animation-delay: 1.4s; }

  
  @keyframes barAnimation {
    from {
      transform: translateY(0); /* Hauteur initiale */
    }
    to {
      transform: translateY(20px); /* Hauteur réduite (ajustez selon vos besoins) */
    }
  }
  
  .grecaptcha-badge { 
    visibility: hidden !important;
}