/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 * Note: This custom StyleSheet replaces the Additional CSS
 */
 


/* Réduire la grosseur du titre sur mobile */
@media screen and (max-width: 800px) {
  h1.page-title {
    font-size: 1.5em !important;
  }
}



/* Contenu original du CSS additionnel */
@media screen and (min-width: 691px) {
	.ct-feature-grid .stk-column {
		position: relative;
	}

	.ct-feature-grid .stk-column:not(:last-child):before {
		content: '' !important;
		position: absolute;
		right: -25px;
		height: 100%;
		width: 1px;
		background: #eee;
	}	

.ct-menu-link {
	color: yellow;
}
 
  .wpum-user-status + .wpum-account-links {
    display: block;
    margin-top: 10px;
  }
}

/* Réduction de l'espace au-dessus du message de connexion */
.wpum-already-logged-in.wpum-message.info {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.wpum-already-logged-in.wpum-message.info {
  margin-top: 0 !important;
  padding-top: 0 !important;
  line-height: 1.2;
}

/* Cibler le message de connexion WPUM */
.wpum-already-logged-in.wpum-message.info {
  white-space: pre-line;
}

/* Optionnel : styliser les liens */
.wpum-already-logged-in a {
  display: inline-block;
  margin: 4px 6px;
  color: #1a1a1a;
  font-weight: 500;
}

.wpum-already-logged-in a:hover {
  color: #0056b3;
  text-decoration: underline;
}

/* Mettre en gras le nom s’il n’est pas balisé */
.wpum-already-logged-in.wpum-message.info p:first-of-type {
  font-weight: bold;
}


/* Réduction de l’espace entre le menu principal et le sous-menu */
.ct-header-menu .ct-menu-dropdown {
  top: 100% !important; /* Positionne le sous-menu juste sous le parent */
}

/* CSS pour formulaire sur page Profile */
.profil-formulaire {
  max-width: 600px;
  margin: 0 auto;
  padding: 30px;
  background: #c7c7c7;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.profil-formulaire label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  color: #333;
}

.profil-formulaire input,
.profil-formulaire textarea {
  width: 100%;
  padding: 10px 12px;
  margin-bottom: 20px;
	background: #FFFFFF;
  border: 1px solid #898989;
  border-radius: 4px;
  font-size: 16px;
}

.profil-formulaire button {
  background-color: #0073aa;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
}

.profil-formulaire button:hover {
  background-color: #005f8d;
}

.profil-formulaire input:focus,
.profil-formulaire textarea:focus {
  border-color: #0073aa;
  box-shadow: 0 0 5px rgba(0,115,170,0.3);
  outline: none;
}

.profil-confirmation {
  margin-top: 30px;
  text-align: center;
  background-color: #dff0d8;
  color: #898989;
  padding: 15px 25px;
  font-size: 18px;
  border-radius: 6px;
  box-shadow: 0 0 8px rgba(0,0,0,0.1);
}

.profil-confirmation.fade-out {
  opacity: 0;
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #898989;
}

.wpum-already-logged-in {
  background-color: transparent !important;
  text-align: center;
	border: none;
}

textarea[name="adresse_postale"] {
  height: 6em; /* Environ 3 lignes selon la police */
  resize: vertical; /* Permet à l'utilisateur d'agrandir si besoin */
}

a[href*="account"] {
  display: none;
}

img.medaillon {
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  border: 2px solid #898989;
	width: 290px;
  height: 290px;
  object-fit: cover;
  transition: transform 0.3s ease;
}

img.medaillon:hover {
  transform: scale(1.05);
	filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.3));
}

#video-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  margin: 0;
}

#video-container video {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 12px;
}

@media (max-width: 300px) {
  #video-container {
    padding: 10px;
  }

  #video-container video {
    width: 90%;
    max-width: 100%;
    border-radius: 8px;
  }
}

.wpem-heading-text { display: none !important; }
.wpem-event-box-layout { display: none !important; }
.wpem-event-list-layout { display: none !important; }
.wpem-event-type { display: none !important; }

.wpem-event-layout-wrapper {
  background-color: #c7c7c7!important;
  color: #c34f01 !important;
  border-radius: 8px;
  padding: 20px;
}

.page-title, .wpem-theme-text {
  color: #ffffff !important;
}

/* Fond pour page events */
.wpem-single-event-body, .wpem-dashboard-event-list, .wpem-events-filter {
	background-color: #c7c7c7!important;
}


/* Pour les titres et liens */
.wpem-event-listings .wpem-event-listing a,
.wpem-theme-text h3,
.wpem-event-listings .wpem-event-listing h3 {
  color: #444 !important;
}


/* Pour les icônes ou détails */
.wpem-event-listings .wpem-event-listing .wpem-event-meta .wpem-event-details .wpem-event-listings .wpem-event-listing .wpem-event-date-time {
  color: #c34f01 !important;
}

/* Formulaire de création d'évènement  */

#submit-event-form {
	background-color: #c7c7c7; 
	color: #000000;
	padding: 20px;
	margin-bottom: 40px;
}

.wpem-form-group.fieldset-event_country {
  display: none !important;
}

@media (max-width: 768px) {
  .wp-block-heading {
    margin-top: 0px;
  }
}

/* Supprimer l'affichage des vues  */
.wpem-single-event-short-info { display: none !important; }

/* Supprime l'espacement avant l'info sur l'evenement */
body.single-event_listing .wp-block-spacer[style*="height:100px"] {
  height: 0 !important;
  margin: 0 !important;
}

/* Supprimer l'enristrement aux activitées /*
.event_registration.registration { display: none !important; }

.wpem-single-event-sidebar-info::before {
  content: "Date, heure et lieu de l’évènement";
  display: block;
  font-weight: bold;
  font-size: 1.1em;
/*  color: #14180d; /*
}

/* Masquer le menu principal sur les pages WP Customer Area */
.page-id-2306 .ct-header,
.page-id-2305 .ct-header,
.page-id-2312 .ct-header,
.page-id-2314 .ct-header,
.page-id-2316 .ct-header,
.page-id-2317 .ct-header {
    display: none;
}

/* Supprimer l'espace en haut et au bas des pages ayant data-vertical-spacing contenant "top" et "bottom"  */
[data-vertical-spacing*="top"],
[data-vertical-spacing*="bottom"] {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.page-id-2306,
.page-id-2312,
.page-id-2314  {
    background-image: url('https://mission.wp.local/wp-content/uploads/2025/10/Gang_blurred.jpg');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

/* On masque l'avatar sur la barre admin */
.cuar-menu-avatar-icon { display: none !important; }

/* On masque l'accès au profile via la barre admin */
#wp-admin-bar-customer-account-home { display: none !important; }

/* Ajuster le background pour le calendrier des préparatifs sur les mobiles */
@media screen and (max-width: 782px) {
  .tribe-events-single {
    background-color: #c7c7c7 !important;
		padding-left: 10px;
    padding-top: 5px;
    padding-right: 10px;  
  }
}

/* Page Objectif pour le financement
*/
form input[type="number"] {
  background-color: #f0f4f8;   /* Light blue-gray background */
  color: #003366;              /* Deep blue text */
  border: 2px solid #c7c7c7;
  padding: 8px;
  border-radius: 4px;
  width: 120px;
  font-size: 18px;
}

/* Optional: style the submit button too */
form input[type="submit"] {
  background-color: #2271B1;
  color: white;
  border: none;
  margin-top: 10px;
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
  text-align: center;
}

.fundraising table, tr, td {
	border: none;
}

form input[type="submit"]:hover {
  background-color: #135E96;   /* Darker blue on hover */
  color: white;                /* Keep text white */
}


/* Capsules vidéos 

.modal {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.modal-content {
  position: relative;
  background: #000;
  padding: 0;
}
.modal .close {
  position: absolute;
  top: 10px; right: 15px;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}
*/