.wp-image-924.aligncenter {
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
  display: block;
}
.tribe-events-after-html p {
  margin-top: 0.1rem !important;
  margin-bottom: 1rem !important; /* pour garder l’espace sous le texte/image */
}


@media (max-width: 768px) {
  .tribe-events-c-subscribe-dropdown__container {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .tribe-events-c-subscribe-dropdown__button {
    display: none !important;
  }
}


.wp-block-heading.alignfull {
  box-sizing: border-box;
  width: 100%;
  max-width: 100vw;
}
h1.has-background.alignfull,
h2.has-background.alignfull,
h3.has-background.alignfull,
h4.has-background.alignfull,
h5.has-background.alignfull,
h6.has-background.alignfull {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.tribe-events-calendar-month-mobile-events {
  padding-top: 0.0rem !important;
  padding-bottom: 0.5rem !important;
}


.tribe-common-l-container.tribe-events-l-container {
    padding-top: 0.0rem !important;
    padding-bottom: 0.5rem !important;
  }
}

}


html, body {
  overflow-x: hidden;
}

.container, #masthead, #footer, .slider, .hero, {
  width: 100%;
  max-width: 100%;
	overflow-x: hidden;
}


.post-thumbnail img {
    max-height: 200px !important;
    height: auto !important;
    width: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.single-tribe_events .post-thumbnail,
.single-tribe_events .post-thumbnail img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: 200px !important;
    height: auto !important;
    width: auto !important;
    margin: auto;
}

#masthead {
  top: 0;
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
	max-width: 100%;
	position: Sticky
}

/* Appliquer la hauteur limitée uniquement à partir de 960px */
@media (min-width: 960px) {
  #masthead {
    height: 50px;
    overflow: hidden;
  }

  #masthead img {
    height: 30px;
    max-height: 100%;
  }

  #masthead .menu,
  #masthead nav,
  #masthead ul {
    font-size: 14px;
    line-height: 1.2;
  }
}
html,
body,
.wrap,
.site,
.site-content,
.page,
.custom-content-wrapper {
  overflow: visible !important;
}


.bloquer-hauteur {
	max-height: 200px;
/* Remplacez 400px par la hauteur maximale souhaitée */
	overflow: hidden;
/* Pour gérer le contenu qui dépasse la hauteur maximale */
	margin-top: 0;
/* Remplacez 20px par la marge supérieure souhaitée */
	margin-bottom: 0;
/* Remplacez 20px par la marge inférieure souhaitée */
	padding: 0;
}

.bloquer-marges {
	overflow: hidden;
/* Pour gérer le contenu qui dépasse la hauteur maximale */
	margin-top: 0;
/* Remplacez 20px par la marge supérieure souhaitée */
	margin-bottom: 0;
/* Remplacez 20px par la marge inférieure souhaitée */
}

img:hover {
	transform: scale(1.01);
	transition: transform .5s ease;
}

img:not(:hover) {
	transform: scale(1);
	transition: transform .5s ease;
}

.wp-block-button {
	color: #FF5E00;
/* Couleur du texte par défaut */
	background-color: #ffffff;
/* Fond blanc par défaut */
	transition: color 0.3s, background-color 0.3s, transform .3s;
/* Ajout de la transition pour le déplacement et l'agrandissement */
}

.wp-block-button:hover {
	color: #ffffff;
/* Couleur du texte au survol */
	transform: translateX(0px) scale(1.02);
/* Déplacement de 10px vers la droite et agrandissement de 10% au survol */
}

.wp-element-button {
	background-color: #ffffff;
/* Fond blanc par défaut */
	transition: color 0.3s, background-color 0.3s, transform .3s;
/* Ajout de la transition pour le déplacement et l'agrandissement */
}

.wp-element-button:hover {
	color: #ffffff;
/* Couleur du texte au survol */
}

@media (min-width: 782px) {
  .tel-seul {
    display: none !important;
  }
}

@media (max-width: 782px) {
	.block-a-cacher {
		display: none;
	}
}

@media (min-width: 2250px) {
	.cacher-sur-tablette {
		display: none !important;
	}
}

/* Masquer le bloc sur les tablettes et les téléphones */
@media only screen and (max-width: 959px) {
	.cacher-tablette {
		display: none;
	}
}

@media only screen and (max-width: 1800px) {
	.cacher-moyen {
		display: none;
	}
}

@media only screen and (max-width: 2600px) {
	.cacher-grand {
		display: none;
	}
	
	@media only screen and (max-width: 4600px) {
	.cacher-geant {
		display: none;
	}
	
	.wp-block-navigation {
    position: sticky !important;
    top: 0 !important;
    background-color: rgba(255, 255, 255, 0.8) !important;  /* Blanc légèrement transparent */
    z-index: 9999 !important;
    border-radius: 10px !important;  /* Bords arrondis */
}
		
.menu-logo {
  height: 60px !important;
  max-height: 60px !important;
  overflow: hidden !important;
  white-space: nowrap;
}

.menu-logo > a {
  display: inline-block !important;
  width: 50px !important;
  height: 50px !important;
  background-image: url(https://golf-font-romeu.com/wp-content/uploads/2022/11/cropped-cropped-logo-sans-fond-as-golf-2.001.png) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 8px !important;
  background-color: transparent !important;
}

/* Supprimer tout texte résiduel dans le lien logo */
.menu-logo > a span,
.menu-logo > a::before,
.menu-logo > a::after {
  display: none !important;
}


	.site-footer {
		width: 50%;
	/* Assurez-vous qu'il occupe toute la largeur de son conteneur */
		background-color: #f2f2f2;
	/* Couleur de fond du pied de page */
		padding: 5px;
	/* Ajoutez un espacement intérieur pour l'esthétique */
	}
	
	/* Pour que le contenu du pied de page soit également en pleine largeur */
	.footer-content {
		max-width: 3000px;
	/* Définissez une largeur maximale pour le contenu du pied de page */
		margin: 0 auto;
	/* Centrez le contenu horizontalement */
	}
	
	.wp-block-movement {
		width: 100px;
	/* Largeur de votre bloc */
		height: 100px;
	/* Hauteur de votre bloc */
		background-color: #ffffff;
	/* Couleur de fond du bloc */
		animation: slideIn 3s ease forwards;
	/* Nom de l'animation, durée, type d'animation, direction */
		opacity: 0;
	/* Initialiser l'opacité à 0 pour que le bloc soit invisible au début */
	}
	
	@keyframes slideIn {
	0% {
		opacity: 0;
		transform: translateY(-50px);
	/* Déplacer le bloc vers le haut de 50px */
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	/* Le bloc revient à sa position initiale */
	}
}

.appear1 {
	background-color: #ffffff;
/* Couleur de fond du bloc */
	animation: slideIn 3s ease forwards;
/* Nom de l'animation, durée, type d'animation, direction */
	opacity: 0;
/* Initialiser l'opacité à 0 pour que le bloc soit invisible au début */
}

.appear2 {
	background-color: #ffffff;
/* Couleur de fond du bloc */
	animation: slideIn 5s ease forwards;
/* Nom de l'animation, durée, type d'animation, direction */
	opacity: 0;
/* Initialiser l'opacité à 0 pour que le bloc soit invisible au début */
}

.appear3 {
	background-color: #ffffff;
/* Couleur de fond du bloc */
	animation: slideIn 7s ease forwards;
/* Nom de l'animation, durée, type d'animation, direction */
	opacity: 0;
/* Initialiser l'opacité à 0 pour que le bloc soit invisible au début */
}

.main-navigation>div>ul>li:first-of-type>a {
	color: #FF6600;
/* Noir */
}

.main-navigation>div>ul>li:first-of-type>a:hover {
	color: #23883d;
/* Vert pomme au survol */
}

.column {
	flex: 1 1 auto;
	max-width: calc(33.33% - 1%);
	margin-bottom: 3%;
}

.column:not(:last-child) {
	margin-right: 0;
}

.column:last-child {
	margin-bottom: 0;
}

.image-container {
	position: relative;
	border-radius: 5%;
	margin-bottom: 50%;
}

.image-container img {
	display: block;
	width: 100%;
	height: auto;
	transition: opacity .6s ease, transform .s ease;
/* Ajout de la transition pour l'opacité et la taille */
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid rgba(182, 78, 14, 0.2);
	border-radius: 10px;
}

.image-container img.hover-image {
	opacity: 0;
}

.image-container:hover img:first-child {
	opacity: 0;
	transform: scale(1.01);
/* Agrandissement de l'image au survol */
}

.image-container:hover img.hover-image {
	opacity: 1;
}

.wp-block-newspack-blocks-homepage-articles article .post-thumbnail img {
	width: 300px;
}

#footer {
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Forcer le footer à passer en full width */
#colophon.site-footer {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
}

/* Supprimer les limitations de largeur réactive */
#colophon.site-footer .responsive-max-width {
	max-width: 100% !important;
	padding: 0 !important;
}

/* Ajuster les widgets à l'intérieur du footer */
#colophon.site-footer .widget-area {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
}
/* Forcer le wrapper à être en pleine largeur sans dépasser */
.page .wp-block-group.alignfull,
.page .wp-block-group,
#ebec-events-list-content.ebec-list-wrapper {
  width: 100% !important; /* Utiliser 100% au lieu de 100vw */
  max-width: 100% !important;
  margin-left: 0 !important; /* Enlever le calc pour ne pas déborder */
  padding-left: 2vw !important;
  padding-right: 2vw !important;
  box-sizing: border-box !important;
}

/* Appliquer box-sizing pour tout le document */
* {
  box-sizing: border-box;
}

/* Rendre toutes les images d'événements uniformes, propres et responsive */
.ebec-right-wrapper img {
  width: 100% !important;
  max-height: 200px !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 6px !important;
}

/* Empêcher le wrapper de brider la largeur des images */
.ebec-right-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}

#tribe-events-content {
  max-width: 800px;
  padding: 0 2vw;
  margin: 0 auto;
}

/* Changer la couleur de fond du div de lieu d'événement */
.ect-list-venue.default-venue {
  background-color: rgb(0, 150, 102) !important;
}

/* Ajuster les paddings du bandeau de la page */
.wp-block-group.alignfull {
  padding-left: 1vw !important; /* Réduire légèrement */
  padding-right: 1vw !important; /* Réduire légèrement */
}

/* Limiter la largeur maximale de l'élément de bandeau */
.page .wp-block-group.alignfull {
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.tribe-events-back a {
    color: transparent !important;  /* Texte invisible */
    position: relative;
    display: inline-block;
    white-space: nowrap;
    transition: color 0.3s, transform 0.3s;  /* Ajoute une transition pour les effets */
}

.tribe-events-back a::after {
    content: "Voir le calendrier général";
    color: #FF5E00;  /* Remplace par la couleur d'origine */
    font-size: inherit;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
}

/* Ajoute l'effet hover pour le pseudo-élément et le lien */
.tribe-events-back a:hover {
    transform: scale(1.05); /* Effet de zoom sur le lien */
}

.tribe-events-back a:hover::after {
    color: #FF4500; /* Changer la couleur du texte lors du survol */
}

		@media (min-width: 1920px) {
  html, body {
    width: 100%;
    overflow-x: hidden !important;
  }

  .wrap,
  .conteneur,
  .site,
  .page,
  .container,
  .custom-content-wrapper {
    max-width: 1920px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }
}
@media (min-width: 1920px) {
  .row,
  .columns,
  .content-area,
  .main-content,
  .inner-container {
    max-width: 100% !important;
    margin: 0 auto !important;
    overflow: hidden !important;
  }
}

.image-container {
  position: relative !important;
  border-radius: 5%;
  margin-bottom: 50%;
  max-width: 520px !important;
  width: 100%;
}
	/* Limiter la largeur à 2000px sans cacher le contenu */
@media (min-width: 2001px) {
  .wrap,
  .conteneur,
  .site,
  .page,
  .container,
  .custom-content-wrapper {
    max-width: 2000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }
}

/* Masquer .non-panoramique au-delà de 2300px */
@media (min-width: 2251px) {
  .non-panoramique {
    display: none !important;
  }
}

/* Masquer #ordi-seul au-delà de 2000px */
@media (min-width: 2250px) {
    display: none !important;
  }
}

/* Limiter la taille de l'image-container à 520px pour éviter qu'elle prenne trop de place */
.image-container {
  max-width: 700px !important;
  width: 100% !important;
  position: relative !important;
  border-radius: 5% !important;
  margin-bottom: 50% !important;
}

/* Conteneur principal flex */
.container {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  max-width: 2250px !important;  /* Limite la largeur */
  margin: 0 auto !important;    /* Centre l'élément */
}

/* Pour ne pas étirer excessivement les colonnes */
.column {
  flex: 1 1 auto;
  max-width: calc(33.33% - 1%) !important;
  margin-bottom: 3% !important;
}

/* Réduire la taille des colonnes lorsque l'écran est plus large */
@media (min-width: 2001px) {
  .column {
    max-width: calc(33.33% - 1%) !important;
  }
}

/* Masquer #ordi-seul par défaut */
#ordi-seul {
  display: none !important; /* Toujours cacher par défaut */
}

/* Afficher #ordi-seul entre 960px et 2250px */
@media only screen and (min-width: 960px) and (max-width: 2250px) {
  #ordi-seul {
    display: block ;
  }
}

	.tribe-events-calendar-list__event-featured-image-wrapper.tribe-common-g-col {
  height: 180px !important;
  overflow: hidden; /* Pour cacher le contenu qui dépasse de la hauteur spécifiée */
}

/* Suppression du fond vert du titre des événements multijours */
.tribe-events-calendar-month__multiday-event-hidden-title {
    background-color: transparent !important;  /* Suppression du fond vert */
    z-index: 3;
    position: relative;
}

/* Assurer que l'élément multijour a un fond doré et bien visible */
.tribe-events-calendar-month__multiday-event.tribe_events_cat-sejours-competitions-speciales {
    background-color: rgba(218, 165, 32, 0.8) !important; /* Gold + opacité */
    border-radius: 4px;
    padding: 2px;
    z-index: 100; /* Passer en avant-plan */
    position: relative;
}

/* Supprimer le fond vert générique dans le conteneur parent */
.tribe-events-calendar-month__day.tribe-events-calendar-month__day--multiday {
    background-color: transparent !important; /* Pas de fond vert */
}

/* Assurer que les événements multijours ne sont pas recouverts par d'autres éléments */
.tribe-events-calendar-month__multiday-event.tribe_events_cat-sejours-competitions-speciales {
    background-color: rgba(218, 165, 32, 0.6) !important; /* Doré + opacité */
    position: relative;
    z-index: 2;  /* Assure que l'événement est au premier plan */
}


/* Estivales - vert clair */
.tribe-events-calendar-month__calendar-event.tribe_events_cat-competitions-estivales {
    background-color: rgba(144, 238, 144, 0.3);
    border-radius: 4px;
    padding: 2px;
}

/* Ladies - rose bonbon */
.tribe-events-calendar-month__calendar-event.tribe_events_cat-competitions-ladies {
    background-color: rgba(255, 105, 180, 0.3);
    border-radius: 4px;
    padding: 2px;
}

/* Jeunes - bleu vif */
.tribe-events-calendar-month__calendar-event.tribe_events_cat-competitions-jeunes {
    background-color: rgba(30, 144, 255, 0.3);
    border-radius: 4px;
    padding: 2px;
}

/* Point mobile rose pour Ladies */
.tribe-events-calendar-month__day:has(.tribe_events_cat-competitions-ladies)
.tribe-events-calendar-month__mobile-events-icon {
    background-color: rgba(255, 105, 180, 0.8);
}

/* Point mobile bleu pour Jeunes */
.tribe-events-calendar-month__day:has(.tribe_events_cat-competitions-jeunes)
.tribe-events-calendar-month__mobile-events-icon {
    background-color: rgba(30, 144, 255, 0.8);
}

/* Point mobile doré pour 'Séjours & Compétitions Spéciales' */
.tribe-events-calendar-month__day:has(.tribe_events_cat-sejours-competitions-speciales)
.tribe-events-calendar-month__mobile-events-icon {
    background-color: rgba(218, 165, 32, 0.9); /* Gold intense */
}
/* Fond doré pour un événement d'un jour unique de 'Séjours & Compétitions Spéciales' */
.tribe-events-calendar-month__calendar-event.tribe_events_cat-sejours-competitions-speciales {
    background-color: rgba(218, 165, 32, 0.6) !important; /* Gold + opacité */
    border-radius: 4px;
    padding: 2px;
}
/* Fond rouge vif mais plus clair pour les événements de la catégorie 'Pentagolf' */
.tribe-events-calendar-month__calendar-event.tribe_events_cat-competitions-pentagolf {
    background-color: rgba(255, 0, 0, 0.5) !important; /* Rouge vif + opacité modérée pour bien garder la lisibilité */
    border-radius: 4px;
    padding: 2px;
}
/* Point mobile rouge vif pour la catégorie 'Pentagolf' */
.tribe-events-calendar-month__day:has(.tribe_events_cat-competitions-pentagolf)
.tribe-events-calendar-month__mobile-events-icon {
    background-color: rgba(255, 0, 0, 0.9); /* Point mobile en rouge vif */
}

	
html, body {
  overflow-x: hidden;
}

body .elementor-section {
  overflow-x: hidden;
}

body .elementor-container {
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
}

body [class*="elementor-"] {
  max-width: 100vw;
}