/* ===================================================================================

* Theme Name: Helpy Child
* Theme URI: https://wp.fleexstudio.com/helpy
* Author: Vikinglab
* Author URI: https://sujon.fleexstudio.com/
* Description: Helpy - Charity And Fundraising WordPress Theme
* Version: 1.0.0
* Template: helpy
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/
====================================================================================== */ 

/*** variable global ***/
:root {
	--ztc-family-font1: 'Nunito Sans', serif;
  	--ztc-family-font2: 'Quicksand', sans-serif;
	--ztc-weight-semibold: 600;
	--ztc-text-text-1: #fff;
	--ztc-text-text-3: #181713;
	--ztc-text-text-4: #01715D;
	--background-section: #F6F4EE;
	--background-badge: #01715d1a;
	
	
}
.btn-area .header-btn1 {
  background: var(--ztc-text-text-4);
  color: var(--ztc-text-text-1);
}
.btn-area .header-btn1 span { 
  color: var(--ztc-text-text-4);
}


/* Page Qui sommes-nous ? */

/*enlever les boutons réseaux sociaux pour les cartes de membre*/
.vl-team-social {
	display: none !important;
}

.vl-team-content a {
pointer-events: none !important;
}

/************** Single post ******************/
body.single-post .main-heading h1 {
	display: none;
}
/************** Fin Single post ******************/

/************************* The events calendar Samir ************************************/

.tribe-common-g-row {
	background: var(--background-section);
	padding: 35px 0 35px 0 !important;
	border-radius:15px;
}

img.tribe-events-calendar-list__event-featured-image, 
.tribe-events-calendar-latest-past__event-featured-image { 
    border-radius:20px;
}

.tribe-events-calendar-list__event-datetime, .tribe-events-calendar-latest-past__event-datetime  {
	border-radius: 8px;
    background: #01715d1a;
    padding: 15px !important;
    display: inline-block;
    font-size: var(--ztc-font-size-font-s20);
    line-height: var(--ztc-specing-height20);
    font-family: var(--ztc-family-font1);
    font-weight: var(--ztc-weight-semibold);
    color: var(--ztc-text-text-4) !important;
}

 .tribe-events-calendar-list__event-title a, .tribe-events-calendar-latest-past__event-title  a{
	 font-family: var(--ztc-family-font2) !important;
	 font-size:24px !important;
}

/* Tronquer les descriptions à 2 lignes avec "..." */
.tribe-events-calendar-list__event-description p,
.tribe-events-calendar-latest-past__event-description p {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* nombre de lignes visibles */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Barre verticale décorative à gauche des dates */
.tribe-events-calendar-list__event-date-tag-datetime::after,
.tribe-events-calendar-latest-past__event-date-tag-datetime::after {
  background-color: rgba(1, 113, 93, 0.1); /* équivalent à #01715d1a */
  content: "";
  height: 100%;
  width: 4px;
  position: absolute;
  right: calc(100% - 120px);
  top: 50%;
  transform: translateY(-50%);
}

/* Style de la date (typo + taille) */
.tribe-events-calendar-list__event-date-tag span,
.tribe-events-calendar-latest-past__event-date-tag span {
  font-family: var(--ztc-family-font1) !important;
  font-size: 24px !important;
}

.tribe-events-schedule.tribe-clearfix {
	display: inline-block;
    border-radius: 8px;
    background: #01715d1a !important;
	color: var(--ztc-text-text-4) !important;
	padding: 10px 10px !important;
    max-width: 100%;         
    box-sizing: border-box;  
	font-family: var(--ztc-family-font1);
    font-weight: var(--ztc-weight-semibold);
	
}

.tribe-events-single-event-title {
	font-family: var(--ztc-family-font2) !important;
	font-size: 32px !important;
}

.tribe-events-single-event-description.tribe-events-content {
	font-family: var(--ztc-family-font1);
	color: #514F4C;
}

.tribe-events-single-section-title {
	font-family: var(--ztc-family-font2) !important;
	font-size: 18px !important;
	font-weight:700;
}

.tribe-events-start-datetime-label{
  font-family: var(--ztc-family-font1) !important;
  font-size: 16px !important;
  font-weight:bold;
}


.tribe-events-event-image img{
	width: 100%;
    height: 403px;
    object-fit: cover;
    object-position: center center;
}

.tribe-events-calendar-latest-past__event-date-tag.tribe-common-g-col {
		display: none !important;
}
@media (max-width: 600px) {
		.tribe-events-calendar-latest-past__event-row {
			flex-direction: column;
			align-items: center;
			text-align: center;
		}

	  /* Date */
	  .tribe-events-calendar-latest-past__event-date-tag {
			margin-bottom: 15px;
	  }

	  /* Image responsive */
	  .tribe-events-calendar-latest-past__event-featured-image-wrapper img {
			width: 100%;
			height: auto;
			max-width: 100%;
			border-radius: 8px;
	  }

	  /* Détails de l'événement */
	  .tribe-events-calendar-latest-past__event-details {
			width: 100%;
			padding: 10px;
	  }

	  /* Titre + texte plus lisibles sur mobile */
	  .tribe-events-calendar-latest-past__event-title {
			font-size: 18px;
			line-height: 1.4;
			margin: 10px 0;
	  }

	  .tribe-events-calendar-latest-past__event-description p {
			font-size: 14px;
			line-height: 1.5;
	  }
}


/********** Bouton "Ajouter au calendrier" ***************/
.tribe-events-c-subscribe-dropdown__button {
	display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ztc-text-text-4) !important;
    padding: 10px 14px;
    color: #fff !important;
    font-weight: bold !important;
    border-radius: 8px !important;
	transition: 0.3s !important;
	font-size: 20px !important;
	font-family: var(--ztc-family-font1) !important;
}

/* Effet hover */
.tribe-events-c-subscribe-dropdown__button:hover{
    background-color: #181713 !important; /* vert foncé */
    /*transform: translateY(-2px) !important;*/
	transform: scaleX(1) !important;
  	transition: 0.3s !important;
}

.tribe-events-c-subscribe-dropdown__button:hover::after {
    /*background-color: #181713 !important; /* vert foncé */
	background-color: #fff !important; /* vert foncé */
    /*transform: translateY(-2px) !important;*/
	transform: scaleX(1) !important;
	transform: rotate(90deg) !important;
  	transition: 0.3s !important;
}

.tribe-events-c-subscribe-dropdown__button-text:focus{
	outline: none !important;
}

/* Icône flèche (remplace le petit caret ▼ par une flèche comme dans ton design) */
.tribe-events-c-subscribe-dropdown__button:after {
    font-family: "Font Awesome 6 Pro"; 
    font-weight: 900; /* solid */
    content: "\f061"; /* fa-arrow-right */
	height: 36px;
	width: 36px;
	line-height: 36px;
	text-align: center;
	display: inline-block;
	background: var(--ztc-text-text-1);
	color: var(--ztc-text-text-4);
	border-radius: 50px;
	transform: rotate(-45deg);
	transition: 0.3s;
}

.tribe-common-c-svgicon.tribe-common-c-svgicon--cal-export.tribe-events-c-subscribe-dropdown__export-icon, 
.tribe-common-c-svgicon--caret-down {
 	display:none !important;
}
/********** END Bouton "Ajouter au calendrier" ***************/


/************** Fin The events calendar **********************************/

/************************ VL-CORE ***********************/

.vl-translatey:hover {
  transform: none !important;
  transition: none !important;
}

a.vl-btn.vl-btn2.vl-translatey {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ztc-text-text-4) !important;
    padding: 10px 14px;
    color: #fff;
    font-weight: 700;
    border-radius: 8px !important;
	transition: 0.3s !important;
}

/************************ FIN DE VL-CORE ***********************/


/************************ Single article ***********************/

/*enlever le nom de l'auteur et le nombre de commentaire sur un article*/
.vl-postbox-meta span:nth-child(1), .vl-postbox-meta span:nth-child(3) {
	display:none;
}

/* enlever le lien sur la date d'un article */
.blog-content a.date {
  pointer-events: none;
}

/*enlever le nom de celui qui a ecrit l'article*/
.vl-single-blg-item .vl-meta ul li:nth-child(1) {
	display:none !important;
}

/*padding au dessus de "en savoir plus"*/
.article-page .blog-content  a:nth-child(3) {
	margin-top: 16px !important;
}