/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.1.40.1690312789
Updated: 2023-07-25 19:19:49

*/
@font-face {
	font-family: 'kelvinch';
	src: url(/fonts/Kelvinch-Roman.woff2) format('woff2'), url(/fonts/Kelvinch-Roman.woff) format('woff');
     /* Autres formats de police si nécessaire */
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'kelvinch';
	src: url(/fonts/Kelvinch-Bold.woff2) format('woff2'), url(/fonts/Kelvinch-Bold.woff) format('woff');
/* Autres formats de police si nécessaire */ 
	font-weight: 700; 
	font-style: normal; 
}
@font-face {
	font-family: 'kelvinch';
	src: url(/fonts/Kelvinch-Italic.woff2) format('woff2'), url(/fonts/Kelvinch-Italic.woff) format('woff');
/* Autres formats de police si nécessaire */ 
	font-weight: normal; 
	font-style: italic; 
}
@font-face {
	font-family: 'kelvinch';
	src: url(/fonts/Kelvinch-BoldItalic.woff2) format('woff2'), url(/fonts/Kelvinch-BoldItalic.woff) format('woff');
/* Autres formats de police si nécessaire */ 
	font-weight: 700; 
	font-style: italic; 
}
@font-face {
	font-family: 'taameyfrank';
	src: url(/fonts/TaameyFrankCLM-Medium.woff) format('woff');
/* Autres formats de police si nécessaire */ 
	font-weight: normal; 
	font-style: normal; 
	size-adjust: 120%;
}
@font-face {
	font-family: 'taameyfrank';
	src: url(/fonts/TaameyFrankCLM-Bold.woff) format('woff');
/* Autres formats de police si nécessaire */ 
	font-weight: 700; 
	font-style: normal; 
	size-adjust: 120%;
}
@font-face {
	font-family: 'taameyfrank';
	src: url(/fonts/TaameyFrankCLM-MediumOblique.woff) format('woff');
/* Autres formats de police si nécessaire */ 
	font-weight: normal; 
	font-style: italic;
	size-adjust: 120%;
}
@font-face {
	font-family: 'taameyfrank';
	src: url(/fonts/TaameyFrankCLM-BoldOblique.woff) format('woff');
/* Autres formats de police si nécessaire */ 
	font-weight: 700; 
	font-style: italic; 
	size-adjust: 120%;
}
/* css effective, polices pas defaut */
body {
    font-family: 'kelvinch', 'taameyfrank', serif;
    font-variant-ligatures: none;
}

input {
    font-variant-ligatures: none;
}

/* Appliquer la police hébreu aux éléments nécessaires */
/* Par exemple, si vous avez des éléments en hébreu avec la classe "hebrew-text" */
.hebrew {
    font-family: 'taameyfrank', 'kelvinch', serif !important;
    direction: rtl;
}

.wp-block-quote {
	padding-left: 10%;
	padding-right: 10%;
}


.single-content .wp-block-quote p {
   margin-bottom: 5px;
}

/* Changer couleurs des boutons Ajouter au cal et Réserver vos billets
dans le formulaire de l'événement seul */

/* Styles par défaut pour le bouton "Ajouter au Calendrier" */
button.em-event-add-to-calendar.em-tooltip-ddm.em-clickable.input {
   background-color: var(--global-palette-btn-bg) !important;
   color: white !important;
   cursor: pointer;
   border: 1px solid var(--border-color) !important;
}

/* Styles au survol pour le bouton "Ajouter au Calendrier" */
button.em-event-add-to-calendar.em-tooltip-ddm.em-clickable.input:hover
{
   background-color: var(--global-palette-btn-bg-hover) !important;
   color: white !important;
   cursor: pointer;
   border: 1px solid var(--border-color) !important;
}


/* Styles par défaut pour les liens dans le menu déroulant */
.em-event-add-to-calendar-content a {
   color: black !important;
   text-decoration: none;
}

/* Styles au survol pour les liens dans le menu déroulant */
.em-event-add-to-calendar-content a:hover {
   color: black !important;
   text-decoration: underline;
}

/* Si nécessaire, cibler les liens par leur classe spécifique */
.em-event-add-to-calendar-content a.em-a2c-download,
.em-event-add-to-calendar-content a.em-a2c-google,
.em-event-add-to-calendar-content a.em-a2c-apple,
.em-event-add-to-calendar-content a.em-a2c-office,
.em-event-add-to-calendar-content a.em-a2c-outlook {
   color: black !important;
}

/* Styles au survol pour les liens avec leur classe spécifique */
.em-event-add-to-calendar-content a.em-a2c-download:hover,
.em-event-add-to-calendar-content a.em-a2c-google:hover,
.em-event-add-to-calendar-content a.em-a2c-apple:hover,
.em-event-add-to-calendar-content a.em-a2c-office:hover,
.em-event-add-to-calendar-content a.em-a2c-outlook:hover {
   color: black !important;
   text-decoration: underline;
}



/* Styles par défaut pour le bouton "Réservez vos billets */
.em.button.input,
.em .button.input.with-icon-right,
.em .input .button.with-icon-right,
.em .input button.with-icon-right,
.em button.input.with-icon-right {  
	background-color: var(--global-palette-btn-bg) !important;
	color: white !important;
	cursor: pointer;
	border: 1px solid var(--border-color) !important;
}

/* Styles au survol pour le bouton "Réservez vos billets" */
.em.button.input:hover,
.em .button.input.with-icon-right:hover,
.em .input .button.with-icon-right:hover,
.em .input button.with-icon-right:hover,
.em button.input.with-icon-right:hover {  
	background-color: var(--global-palette-btn-bg-hover) !important;
	color: white !important;
	cursor: pointer;
	border: 1px solid var(--border-color) !important;
}

/* transferé depuis additional css */

/*pour mettre le message d'erreur car manque d'infos dans le formulaire avec add on woocommerce*/
div.em-wc-booking-message.woocommerce-error {
	color: #cc1818 !important;
}

/*pour mettre le message d'erreur car manque d'infos dans le formulaire*/
div.em-booking-message-error {
	color: #cc1818 !important;
}

/* Cibler précisément le bouton de réservation */
.em.pixelbones .input input[type=submit] {
    background-color: var(--global-palette-btn-bg) !important; /* Fond bleu par défaut */
    color: white !important; /* Texte blanc */
    cursor: pointer; /* Changer le curseur au survol */
    border: 1px solid var(--border-color) !important;
}
.em.pixelbones .input input[type=submit]:hover {
    background-color: var(--global-palette-btn-bg-hover) !important; /* Fond bleu par défaut */
    color: white !important; /* Texte blanc */
    cursor: pointer; /* Changer le curseur au survol */
    border: 1px solid var(--border-color) !important;
}


/* WP forms Boutons de add remove repeater fields 
on a besoin d'etre tres specifique car le css de wpforms mets des !important */
div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-repeater .wpforms-field-repeater-display-blocks-buttons button {
    background-color: var(--global-palette-btn-bg) !important; /* Fond bleu par défaut */
    color: var(--global-palette-btn) !important; /* Texte blanc */
    cursor: pointer; /* Changer le curseur au survol */
    border: 1px solid var(--border-color) !important;
    opacity: 1 !important;
}
div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-repeater .wpforms-field-repeater-display-blocks-buttons button:hover {
    background-color: var(--global-palette-btn-bg-hover) !important; /* Fond bleu par défaut */
    opacity: 1 !important;
}

/* gestion des entete d'article blog custom */
/*pour modif header des articles blog*/
.post-header-single-post-custom {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   padding: 20px;
   margin-bottom: 20px;
}

.infos-single-post-custom {
   flex: 1;
   padding-right: 20px;
   text-align: center;
}

.image-single-post-custom {
   flex: 1;
   text-align: right;
}

.image-single-post-custom img {
   max-width: 100%;
   height: auto;
   width: 80%;
}

.caption-image-header-single-post {
  flex: 1;
  text-align: left;
  font-size: 0.8em;
  font-style: italic;
}

/* Styles responsive pour petits écrans */
@media (max-width: 768px) {
   .post-header-single-post-custom {
     flex-direction: column;
     text-align: center;
   }

   .infos-single-post-custom {
     padding-right: 0;
     padding-bottom: 20px;
   }

   .image-single-post-custom {
     text-align: center;
     padding-bottom: 0;
     margin-top: 20px;
   }

   .image-single-post-custom img {
     width: 80%;
     margin: 0 auto;
   }
	
	.caption-image-header-single-post {
    flex: 1;
    text-align: center;
    font-size: 0.8em;
    font-style: italic;
  }
}

/*Pour afficher les légendes images kadence */
/* Assurer que chaque figure est positionnée relativement */
.wp-block-kadence-image {
  position: relative;
}

/* Cacher les légendes par défaut */
.wp-block-kadence-image figcaption {
  display: none;
  position: absolute; /* Positionne la légende au-dessus de l'image */
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #e9d4a0;
  color: white;
  font-style: italic;
  width: 100%; /* La légende occupe toute la largeur de la figure */
  padding: 5px;
  box-sizing: border-box;
  transition: opacity 0.3s;
  opacity: 0,15;
  pointer-events: none; /* Désactive les événements de souris sur la légende */
}


/* MN 29/07 18:06 a restreint la getsion du hover a .wp-block-kadence-image pour que seule la zone 
   de l'image declenche l'affichage de la lengende en case hover */
/* Afficher la légende lorsque l'image est survolée */
/* .wp-block-kadence-column:hover .wp-block-kadence-image figcaption { */
.wp-block-kadence-column .wp-block-kadence-image:hover figcaption {
  display: block;
  opacity: 1;
  pointer-events: auto; /* Réactive les événements de souris sur la légende */
}

/* S'assurer que les légendes s'affichent également au survol de chaque colonne */
/*.kt-row-column-wrap .wp-block-kadence-column:hover .wp-block-kadence-image figcaption { */
.kt-row-column-wrap .wp-block-kadence-column .wp-block-kadence-image:hover figcaption {
  display: block;
  opacity: 1;
}

/* Cacher les légendes des images non survolées */
/* .kt-row-column-wrap .wp-block-kadence-column:not(:hover) .wp-block-kadence-image figcaption { */
.kt-row-column-wrap .wp-block-kadence-column .wp-block-kadence-image:not(:hover) figcaption {
  display: none;
  opacity: 0;
}


/* cache les "Aucun articles" qaund une boucle d'articles est vide (cf page d'accueil) */
div.kb-row-layout-wrap+p  {
  display: none;
}

/* Aligner les query loop */
.wp-block-query .wp-block-post-template {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* Garder dimensions identiques pour toutes les cartes de query loop*/
.wp-block-post {
  flex: 0 0 300px;
  margin: auto;
}

/*la couleur du bouton dans le formulaire Newsletter*/
.tnp-field.tnp-field-button .tnp-submit {
  background-color: var(--global-palette-btn-bg);
  border-radius: 3px;
}

/*pour le bouton de souscription rapide à Newsletter*/
.tnp-subscription-minimal input.tnp-submit {
  background-color: var(--global-palette-btn-bg) !important;
  border-radius: 3px !important;
}

/*pour champs de saisie formulaire Newsletter*/
.tnp-subscription input[type=text], .tnp-subscription input[type=email], .tnp-subscription select, .tnp-subscription textarea, .tnp-profile input[type=text], .tnp-profile input[type=email], .tnp-profile input[type=submit], .tnp-profile select, .tnp-profile textarea {
  border: 1px solid !important;
  border-color: var(--border-color-softer, #d3d3d3) !important;
  background-color: var(--background-color-inputs) !important;
}


/* Définir la taille pour le titre h2 */
h2 {
  font-size: 28px;
  color: var(--global-palette3);
}

.em.pixelbones h2 {
  font-size: 28px !important;
  font-family: 'kelvinch', serif !important;
  color: var(--global-palette3) !important;
}

/* Définir la taille pour le titre h3 */
h3 {
  font-size: 26px !important;
  color: var(--global-palette3) !important;
}

.em.pixelbones h3 {
  font-size: 26px !important;
  font-family: 'kelvinch', serif !important;
  color: var(--global-palette3) !important;
}

/* Définir la taille pour le titre h4 */
h4 {
  font-size: 24px !important;
  color: var(--global-palette3) !important;
}

.em.pixelbones h4 {
  font-size: 24px !important;
  font-family: 'kelvinch', serif !important;
  color: var(--global-palette3) !important;
}

/* Définir la taille pour le titre h5 */
h5 {
  font-size: 24px !important;
  color: var(--global-palette3) !important;
}

.em.pixelbones h5 {
  font-size: 24px !important;
  font-family: 'Kelvinch', serif !important;
  color: var(--global-palette3) !important;
}

/* Définir la taille pour le titre h6 */
h6 {
  font-size: 22px !important;
  color: var(--global-palette3) !important;
}

.em.pixelbones h6 {
  font-size: 22px !important;
  font-family: 'Kelvinch', serif !important;
  color: var(--global-palette3) !important;
}

.em.pixelbones h2, .em.pixelbones h3, .em.pixelbones h4, .em.pixelbones h5, .em.pixelbones h6 {
  font-weight: bold !important;
}

/*enlever l'uppercase du Quand des événements */
.em.em-item.em-item-single .em-item-meta h3 {
  font-size: calc(var(--font-size) + 10px) !important;
  text-transform: none;
}

/* pour harmoniser les captions dans le texte d'un evenement et sous l'image principale et en responsive*/
.em.pixelbones figcaption,
.em.pixelbones div.event-thumbnail-caption {
  flex: 1 !important;
  text-align: left !important;
  font-size: 0.6em !important;
  font-style: italic !important;
  color: var(--text-color-normal) !important;
}

@media (max-width: 768px) {
  .em.pixelbones figcaption,
  .em.pixelbones div.event-thumbnail-caption {
    text-align: center !important;
  }
}