/*
Theme Name: Generatepress
Theme URI:  https://www.gfca-foot.com/
Author:     GFCA FOOT
Author URI: https://www.gfca-foot.com/
Template:   generatepress
Version:    1.0
License:    GNU General Public License v2 or later
*/

li.wp-block-navigation-item.wp-block-navigation-link {
    padding: 12px 25px;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
}
li.wp-block-navigation-item.wp-block-navigation-link:hover{
	color: #000;
	background: #fff;
}

button.wp-block-search__button.wp-element-button {
    border: 2px solid;
    border-radius: 30px;
    padding: 12px 25px;
}
a.gb-container-link {
    visibility: hidden;
}
.site-header {
    background-color: var(--color);
    display: none;
}
.main-navigation .main-nav ul li a {
    padding-left: 20px;
    padding-right: 20px;
	line-height: 47px;
}
input#wp-block-search__input-1 {
    border: 2px solid;
    border-radius: 20px 0px 0px 20px;
    margin-right: -23px;
    padding-right: 21px;
	  background: #fff;
}
.wp-block-search__inside-wrapper {
    padding-left: 23px;
}
.gb-button {
    text-decoration: none;
    font-size: 15px;
}

input#wp-block-search__input-2 {
    margin-left: -23px;
    border: 1px solid;
    background: #fff;
	  border-radius: 10px;
}
.gb-container.gb-container-12df4d7e.gb-has-dynamic-bg {
    transition: transform 0.3s ease-in-out;
}
.nav-links {
    text-align: center;
    font-size: 19px;
    color: #D10070;
	  font-weight: 500;
}
.main-navigation a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {
    font-family: inherit;
    font-weight: 700;
    font-size: 17px;
    line-height: 0;
}
@media only screen and (min-width: 769px) {
	.main-navigation .menu-bar-item {
    position: relative;
    display: none;
}
}
@media only screen and (max-width: 768px){
	.top-header-hook{
		display: none;
	}
}
img.avatar.avatar-50.photo {
    border-radius: 50px;
}
.navigation-branding img, .site-logo.mobile-header-logo img {
    height: 60px;
    width: 240px;
}
a.tag-cloud-link {
    color: #fff;
    border-color: #eee;
    border-radius: 15px;
}
.wp-block-tag-cloud.is-style-outline a {
    border: 2px solid rgb(255 255 255 / 50%);
    font-size: 15px!important;
    margin-right: 0;
    padding: 4px 12px;
    text-decoration: none!important;
}
button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link:not(.has-background) {
    color: #ffffff;
}


.gb-container-link {
    position: initial !important;}

.wp-block-site-logo img.custom-logo {
    width: 250px !important;
}

.gb-container-afb1e9fd figure {
    padding-left:0px !important;
    padding-right:0px !important;
}

.gb-container-afb1e9fd figure img {
    border-radius:20px;
    width: 100%;
    max-height:700px;
    object-fit:cover;
}

span.ctaText {
    background-color: var(--color);
    color: #fff !important;
    padding: 5px;
    border-radius: 15px;
}


blockquote {
    position: relative; /* Nécessaire pour la position de l'icône */
    background-color: #f9f9f9; /* Couleur de fond */
    color: #333; /* Couleur du texte */
    margin: 20px 0; /* Marge autour du blockquote */
    padding: 20px; /* Rembourrage à l'intérieur du blockquote */
    padding-left: 50px; /* Augmente le rembourrage à gauche pour faire de la place pour l'icône plus grande */
    border-left: 5px solid #D2BB72; /* Bordure à gauche avec la nouvelle couleur */
    font-style: italic; /* Style de police pour les citations */
    border-radius: 12px; /* Rayon de bordure pour adoucir les coins */
}

blockquote::before {
    content: "\201C"; /* Code Unicode pour une guillemet typographique gauche */
    position: absolute; /* Positionne l'icône de citation par rapport à son parent */
    left: 15px; /* Ajustement de la position de l'icône */
    top: 5px; /* Ajustement de la position de l'icône */
    font-size: 70px; /* Taille plus grande pour l'icône */
    color: #D2BB72; /* Couleur de l'icône ajustée */
}

h2 {
    position: relative;
    padding-bottom: 5px; /* Ajustez selon l'espace désiré entre le texte et le trait */
}

/* Style de base pour les titres h2 */
h2 {
  position: relative; /* Nécessaire pour positionner correctement le pseudo-élément */
  cursor: pointer; /* Change le curseur pour indiquer que l'élément est interactif */
}

/* Création du pseudo-élément pour le soulignement */
h2::after {
  content: ''; /* Nécessaire pour générer le pseudo-élément */
  position: absolute;
  left: 0;
  bottom: 5px; /* Ajustez cette valeur pour changer la position verticale du trait sous le titre */
  width: 0; /* Largeur initiale du trait */
  height: 2px; /* Épaisseur du trait */
  background-color: #4B8040; /* Couleur du trait, ajustez selon votre design */
  transition: width 4s ease; /* Animation de l'élargissement du trait */
}

/* Animation du trait au survol */
h2:hover::after {
  width: 100%; /* La largeur du trait devient 100% de celle du titre */
}