/*
 * Apparence 2.x sous Charity Is Hope 3.x. Demande client : « garder tout comme avant ».
 * Valeurs relevées sur la prod 2.x (styles calculés, 2026-09-18). La 3.x pilote polices et couleurs
 * par des variables CSS (--theme-font-*, --theme-color-*) : on les redéfinit plutôt que de
 * surcharger chaque règle. Chargée seulement sous la 3.x (cf. functions.php).
 */

/* --- Dimensions 2.x : texte de base 16 px (17 en 3.x), contenu 1170 px (1290 en 3.x) --- */
html { font-size: 16px; }
:root, body { --theme-var-page: min(1170px, calc(100vw - 60px)); }
html body .page_content_wrap .content_wrap,
html body .footer_wrap .content_wrap { width: min(1170px, calc(100% - 60px)); max-width: 100%; }
/* Titre de page : 1370 px à 1440 (marges de 35 px), comme le page_title de la 2.x. */
html body .top_panel .top_panel_title .content_wrap { width: calc(100% - 70px); max-width: 100%; }
html body .top_panel .top_panel_navi .content_wrap { width: auto; max-width: none; margin: 0 48px; }

/* Marge basse des boutons WPBakery (défaut WPBakery 21.73px, remise à 0 par la 3.x). */
.vc_btn3-container { margin-bottom: 21.73px; }

/* Ombre du bandeau d'accueil (.row-shadow::before, box-shadow 180px/200px, CSS du site) : la 2.x
   la coupait au bord de la rangée ; la 3.x la laisse déborder sur la section suivante. */
html body .vc_row.wpb_row:has(> .row-shadow) { overflow: hidden !important; }

/* --- Polices : Open Sans partout, tailles et graisses de la 2.x --- */
:root {
  --rdp-font: "Open Sans", sans-serif;

  --theme-font-p_font-family: var(--rdp-font);
  --theme-font-p_font-size: 1rem;
  --theme-font-p_font-weight: 400;
  --theme-font-p_line-height: 1.65em;
  --theme-font-p_letter-spacing: 0;
  --theme-font-p_margin-bottom: 1.5em;

  --theme-font-h1_font-family: var(--rdp-font);
  --theme-font-h1_font-size: 4em;
  --theme-font-h1_font-weight: 400;
  --theme-font-h1_line-height: 1em;
  --theme-font-h1_text-transform: none;
  --theme-font-h1_letter-spacing: 0;
  --theme-font-h1_margin-top: 0.72em;
  --theme-font-h1_margin-bottom: 0.52em;

  --theme-font-h2_font-family: var(--rdp-font);
  --theme-font-h2_font-size: 2.4em;
  --theme-font-h2_font-weight: 800;
  --theme-font-h2_line-height: 1em;
  --theme-font-h2_text-transform: uppercase;
  --theme-font-h2_letter-spacing: 0;
  --theme-font-h2_margin-top: 1.1em;
  --theme-font-h2_margin-bottom: 0.52em;

  --theme-font-h3_font-family: var(--rdp-font);
  --theme-font-h3_font-size: 2.2em;
  --theme-font-h3_font-weight: 700;
  --theme-font-h3_line-height: 1em;
  --theme-font-h3_text-transform: none;
  --theme-font-h3_letter-spacing: -0.025em;
  --theme-font-h3_margin-top: 1.3em;
  --theme-font-h3_margin-bottom: 0.4em;

  --theme-font-h4_font-family: var(--rdp-font);
  --theme-font-h4_font-size: 1.7em;
  --theme-font-h4_font-weight: 700;
  --theme-font-h4_line-height: 1.25em;
  --theme-font-h4_text-transform: none;
  --theme-font-h4_letter-spacing: -0.025em;
  --theme-font-h4_margin-top: 1.6em;
  --theme-font-h4_margin-bottom: 0.6em;

  --theme-font-h5_font-family: var(--rdp-font);
  --theme-font-h5_font-size: 1.3em;
  --theme-font-h5_font-weight: 700;
  --theme-font-h5_line-height: 1.25em;
  --theme-font-h5_text-transform: uppercase;
  --theme-font-h5_letter-spacing: 0;
  --theme-font-h5_margin-top: 2.2em;
  --theme-font-h5_margin-bottom: 0.85em;

  --theme-font-h6_font-family: var(--rdp-font);
  --theme-font-h6_font-size: 1em;
  --theme-font-h6_font-weight: 700;
  --theme-font-h6_line-height: 1.25em;
  --theme-font-h6_text-transform: none;
  --theme-font-h6_letter-spacing: -0.025em;
  --theme-font-h6_margin-top: 1.25em;
  --theme-font-h6_margin-bottom: 0.65em;

  --theme-font-menu_font-family: var(--rdp-font);
  --theme-font-menu_font-size: 14px;
  --theme-font-menu_font-weight: 800;
  --theme-font-menu_text-transform: uppercase;
  --theme-font-menu_letter-spacing: 0;
  --theme-font-submenu_font-family: var(--rdp-font);
  --theme-font-submenu_font-size: 14px;

  --theme-font-button_font-family: var(--rdp-font);
  --theme-font-button_font-size: 1rem;
  --theme-font-button_font-weight: 700;
  --theme-font-button_text-transform: none;
  --theme-font-button_letter-spacing: -0.013em;

  --theme-font-logo_font-family: var(--rdp-font);
  --theme-font-info_font-family: var(--rdp-font);
  --theme-font-input_font-family: var(--rdp-font);
}

/* --- Couleurs : liens verts, survol orange, texte noir, titres #333 (schéma « original » 2.x) --- */
html body.scheme_light,
html .scheme_light,
html .scheme_default {
  --theme-color-text: #000000;
  --theme-color-text_dark: #333333;
  --theme-color-text_link: #84c54e;
  --theme-color-text_hover: #ff7e27;
  --theme-color-alter_link: #84c54e;
  --theme-color-alter_hover: #ff7e27;
  --theme-color-alter_dark: #333333;
}

/* --- En-tête : fond beige, logo à gauche, menu juste à côté, loupe à droite --- */
html body .top_panel .top_panel_navi {
  background-color: #f6f5f2;
  box-sizing: border-box;
  height: 108px;
  min-height: 108px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
  display: flex;
  align-items: center;
}
html body .top_panel .top_panel_navi > .content_wrap { flex: 1 1 auto; }
html body .top_panel .top_panel_navi .columns_wrap { margin-left: 0; margin-right: 0; }
html body .top_panel .top_panel_navi .columns_wrap > .sc_layouts_column { padding-left: 0; padding-right: 0; }
/* Logo à 48 px du bord, toujours 80 px de haut ; menu qui démarre à 182 px (128 + 54). */
html body .top_panel .sc_layouts_logo img { height: 80px; max-height: 80px; width: auto; }
html body .top_panel .top_panel_navi { margin-left: 0 !important; margin-right: 0 !important; width: 100%; }
html body .top_panel .top_panel_navi > .content_wrap { margin: 0 48px 0 63px; }
html body .top_panel .top_panel_navi .columns_wrap > .sc_layouts_column_align_right { padding-left: 56px; }
/* Entrées du menu : en-tête « style 3 » de la 2.x — 1.85em, 0.8em entre 1440 et 1700 px. */
html body .top_panel .sc_layouts_menu_nav > li > a { padding: 21px 1.85em; }
@media (min-width: 1440px) and (max-width: 1700px) {
  html body .top_panel .sc_layouts_menu_nav > li > a { padding: 21px 0.8em; }
}
/* Au-delà de 1700 px, la 2.x recule la loupe de 15 px (bord droit à 63 px au lieu de 48). */
@media (min-width: 1701px) {
  html body .top_panel .top_panel_navi > .content_wrap { margin-right: 63px; }
}
.top_panel .top_panel_navi .columns_wrap {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.top_panel .top_panel_navi .sc_layouts_column_align_left {
  flex: 0 0 auto;
  width: auto;
}
.top_panel .top_panel_navi .sc_layouts_column_align_right {
  flex: 1 1 auto;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  padding-left: 2.5rem;
}
.top_panel .sc_layouts_logo img {
  max-height: 80px;
  width: auto;
}
.top_panel .sc_layouts_menu_nav > li > a { color: #333333; }
.top_panel .sc_layouts_menu_nav > li.current-menu-item > a,
.top_panel .sc_layouts_menu_nav > li.current-menu-ancestor > a,
.top_panel .sc_layouts_menu_nav > li > a:hover { color: #84c54e !important; }
.top_panel .search_wrap .search_submit,
.top_panel .search_wrap .search_submit:before { color: #84c54e; }
html body .top_panel .search_wrap .search_submit {
  width: 34px !important;
  height: 34px !important;
  line-height: 30px !important;
  font-size: 16px !important;
  padding: 0 !important;
  text-align: center;
  border: 2px solid #84c54e !important;
  border-radius: 50% !important;
  color: #84c54e !important;
}
html body .top_panel .search_wrap .search_submit::before { font-size: 16px !important; }

/* Loupe pleine et grasse comme l'icône fontello de la 2.x (celle de la 3.x est fine et évidée). */
html body .top_panel .search_wrap .search_submit {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
html body .top_panel .search_wrap .search_submit::before {
  content: "" !important;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.6 0a6.6 6.6 0 0 1 5.4 10.4l3.6 3.6a1.3 1.3 0 0 1-1.8 1.8L10.2 12.2A6.6 6.6 0 1 1 6.6 0zm0 3.3a3.3 3.3 0 1 0 0 6.6 3.3 3.3 0 0 0 0-6.6z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.6 0a6.6 6.6 0 0 1 5.4 10.4l3.6 3.6a1.3 1.3 0 0 1-1.8 1.8L10.2 12.2A6.6 6.6 0 1 1 6.6 0zm0 3.3a3.3 3.3 0 1 0 0 6.6 3.3 3.3 0 0 0 0-6.6z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* --- Pied de page : zone de widgets blanche (96/72 px), bandeau copyright sombre --- */
html body .footer_wrap .footer_widgets_wrap {
  background-color: #ffffff;
  padding-top: 96px;
  padding-bottom: 72px;
}
html body .footer_wrap .footer_copyright_wrap .copyright_text { font-size: 14px; color: #8a8a8a; }

/* --- Menu principal : ligne de 18 px, remonté comme en 2.x (texte à 37 px du haut) --- */
html body .top_panel .sc_layouts_menu_nav > li > a { line-height: 18px; }
html body .top_panel .sc_layouts_menu { position: relative; top: -8px; }

/* --- Sous-menus : fond vert, coins arrondis, pointe, texte blanc gras 16 px (2.x) --- */
html body .top_panel .sc_layouts_menu_nav > li ul {
  background-color: #84c54e;
  border-radius: 4px;
  box-shadow: none;
  padding: 17px 0 20px;
  width: 210px;
}
html body .top_panel .sc_layouts_menu_nav > li > ul { top: 68.8px; left: -5px; }
html body .top_panel .sc_layouts_menu_nav > li > ul::after {
  content: "";
  position: absolute;
  top: -6px;
  left: 30px;
  width: 12px;
  height: 12px;
  background-color: #84c54e;
  transform: rotate(45deg);
}
html body .top_panel .sc_layouts_menu_nav > li ul li > a {
  color: #ffffff !important;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 19.36px;
  padding: 8px 41.6px 8px 32px;
  background: none;
}
html body .top_panel .sc_layouts_menu_nav > li ul li > a:hover,
html body .top_panel .sc_layouts_menu_nav > li ul li.current-menu-item > a,
html body .top_panel .sc_layouts_menu_nav > li ul li.current-menu-ancestor > a { color: #333333 !important; background: none; }
html body .top_panel .sc_layouts_menu_nav > li ul li.menu-item-has-children > a::after {
  color: inherit;
  font-size: 16px;
  right: 32px;
  top: 50%;
  transform: translateY(-50%);
}

/* --- Recherche ouverte : voile sombre, champ 720 px centré, loupe cerclée à gauche, croix blanche --- */
html body .top_panel .search_wrap.search_opened .search_form_wrap { background-color: rgba(0, 0, 0, 0.85); }
html body .top_panel .search_wrap.search_opened .search_form {
  position: relative;
  width: 720px;
  max-width: calc(100% - 40px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
html body .top_panel .search_wrap.search_opened .search_field {
  width: 100%;
  height: 67px;
  padding: 0 0 0 44.8px !important;
  color: #cccccc;
  font-size: 22.4px;
  letter-spacing: 1px;
  background: transparent;
  border: 0;
}
html body .top_panel .search_wrap.search_opened .search_field::placeholder { color: #ffffff !important; opacity: 1; }
html body .top_panel .search_wrap.search_opened .search_submit {
  position: absolute;
  left: 0 !important;
  right: auto !important;
  top: 50%;
  transform: translateY(-50%);
  width: 33px !important;
  height: 33px !important;
  line-height: 29px !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}
html body .top_panel .search_wrap.search_opened .search_close {
  position: absolute;
  top: 0 !important;
  line-height: 36.6px;
  left: auto;
  right: 0;
  color: #ffffff;
  font-size: 32px;
  font-weight: 300;
}

html body .top_panel .search_wrap.search_opened .search_field { font-size: 22.4px !important; color: #cccccc !important; }
html body .top_panel .search_wrap.search_opened .search_submit::before { background-color: #ffffff; }
/* Un seul voile (le 85 % de la 2.x) : la 3.x en ajoute un second à 80 %, d'où un fond presque noir. */
html body .search_form_overlay { background-color: transparent !important; }
/* Comme la 2.x : le menu reste au-dessus du voile ; le logo et le fond de l'en-tête sont assombris. */
html body .top_panel_navi:has(.search_wrap.search_opened) .sc_layouts_column:has(.menu_main_nav_area):not(:has(.search_wrap)) { z-index: 21; }
html body .top_panel_navi:has(.search_wrap.search_opened) .menu_main_nav_area { position: relative; z-index: 100006; }
/* Croix grasse comme l'icône fontello de la 2.x. */
html body .top_panel .search_wrap.search_opened .search_close::before {
  content: "" !important;
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  background-color: #ffffff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.1 0 8 5.9 13.9 0 16 2.1 10.1 8 16 13.9 13.9 16 8 10.1 2.1 16 0 13.9 5.9 8 0 2.1z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.1 0 8 5.9 13.9 0 16 2.1 10.1 8 16 13.9 13.9 16 8 10.1 2.1 16 0 13.9 5.9 8 0 2.1z'/%3E%3C/svg%3E") center / contain no-repeat;
}
html body .top_panel .search_wrap.search_opened .search_close { font-size: 18px; width: 32px; text-align: center; }

/* --- Liste d'articles (blog, catégories, recherche) : modèle 2.x, cf. skins/default/templates/content-excerpt.php --- */
html body .rdp-excerpt { margin: 0 0 48px; padding: 0; border: 0; }
html body .rdp-excerpt + .rdp-excerpt { padding-top: 48px; border-top: 1px dotted #d8d8d8; }
/* Dernier article : filet pointillé sous le bouton (41.6 px), comme en 2.x. */
html body .rdp-excerpt:last-of-type { padding-bottom: 41.6px; border-bottom: 1px dotted #d8d8d8; }
html body .rdp-excerpt__more.ktl-button--small { margin-top: 12px; padding: 14.4px 24px; line-height: 22.4px; }
html body .rdp-excerpt__featured {
  margin: 0 0 20.8px;
  border-radius: 4px;
  overflow: hidden;
  aspect-ratio: 1170 / 385;
}
html body .rdp-excerpt__featured img { display: block; width: 100%; height: auto; }
html body .rdp-excerpt__title {
  margin: 0 0 14.08px;
  font-size: 35.2px;
  font-weight: 700;
  line-height: 35.2px;
  letter-spacing: -0.88px;
  text-transform: none;
}
html body .rdp-excerpt__title a { display: inline; color: #84c54e; }
html body .rdp-excerpt__title a:hover { color: #ff7e27; }
html body .rdp-excerpt__info { margin: 0 0 19.512px; font-size: 13.008px; line-height: 16.7244px; color: #000; }
html body .rdp-excerpt__date { color: #757575; }
html body .rdp-excerpt__sep { margin: 0 13.008px; }
html body .rdp-excerpt__comments { display: inline-flex; align-items: center; vertical-align: top; color: #000; }
html body .rdp-excerpt__comments svg { width: 16.65px; height: 16.65px; margin: 0 5px 0 3.3px; color: #84c54e; }
html body .rdp-excerpt__descr p { margin: 0 0 24px; font-size: 16px; line-height: 24px; color: #000; }

/* --- Pagination : petits carrés gris, page courante foncée (2.x) --- */
html body .nav-links,
html body .pagination { text-align: center; }
html body .nav-links .page-numbers,
html body .pagination .page-numbers {
  display: inline-block;
  width: auto;
  height: auto;
  min-width: 0;
  margin: 0 4px 4px 0;
  padding: 7.7px 10.5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 12.25px;
  color: #8a8a8a;
  background-color: #f6f5f2;
  border: 0;
  border-radius: 4px;
}
html body .nav-links .page-numbers.current,
html body .pagination .page-numbers.current { color: #ffffff; background-color: #333333; }
html body .nav-links a.page-numbers:hover,
html body .pagination a.page-numbers:hover { color: #ffffff; background-color: #84c54e; }

/* Pagination 2.x (cf. charity_is_hope_show_pagination du thème enfant). */
html body .rdp-pagination { margin: 0; text-align: center; font-size: 14px; }
html body .rdp-pagination a,
html body .rdp-pagination span {
  display: inline-block;
  margin: 0 4px 4px 0;
  padding: 7.7px 10.5px;
  font-size: 14px;
  line-height: 12.25px;
  color: #8a8a8a;
  background-color: #f6f5f2;
  border-radius: 4px;
  text-decoration: none;
}
html body .rdp-pagination .pager_current,
html body .rdp-pagination .pager_next,
html body .rdp-pagination .pager_last,
html body .rdp-pagination .pager_prev,
html body .rdp-pagination .pager_first { color: #ffffff; background-color: #333333; }
html body .rdp-pagination a:hover { color: #ffffff; background-color: #84c54e; }
/* 96 px sous le dernier article comme en 2.x (padding : ne fusionne pas avec la marge de l'article). */
html body .rdp-pagination { padding-top: 48px; }

/* --- Titre de page : vert, grand, centré, sans bandeau gris ni fil d'Ariane --- */
/* Titre à 177 px du haut, contenu à 292 px, comme la 2.x (page_title : padding 32/16 + 35 px). */
html body .top_panel .top_panel_title {
  background-color: #ffffff;
  padding-top: 61px !important;
  padding-bottom: 16px !important;
}
html body:not(.home) .page_content_wrap { padding-top: 27px !important; }
/* Marge basse 2.x (page_paddings_yes) : 128 px avant le pied de page. */
html body:not(.home) .page_content_wrap { padding-bottom: 128px !important; }
.top_panel .top_panel_title .sc_layouts_title_caption {
  color: #84c54e;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
}
.top_panel .top_panel_title .sc_layouts_title_breadcrumbs { display: none; }

/* Image d'ouverture des pages : bandeau pleine largeur 1170×385 et coins arrondis, comme en 2.x. */
.post_item_single .rdp-page-featured { margin: 0 0 1.5em; text-align: left; }
.post_item_single .rdp-page-featured img {
  display: block;
  width: 100% !important;
  max-width: none;
  height: auto;
  aspect-ratio: 1170 / 385;
  object-fit: cover;
  object-position: center top;
  border-radius: 4px;
}
/* Accueil : le bandeau colle à l'en-tête et le dernier bloc au pied de page, comme en 2.x. */
body.home .page_content_wrap { padding-top: 0; padding-bottom: 0; }
.footer_default.footer_wrap .sc_layouts_row.footer_widgets_wrap aside.widget { margin: 0 0 16px !important; }
html body .footer_wrap { background-color: transparent; }
html body .footer_wrap .footer_copyright_wrap { padding: 0 !important; background-color: #0f0f0f; }
html body .footer_wrap .footer_copyright_wrap .footer_copyright_inner {
  padding: 54px 0;
  background-color: #0f0f0f;
  border-top: 0 !important;
}
/* Bouton « remonter en haut » de la 3.x : absent en 2.x. */
html body .trx_addons_scroll_to_top { display: none !important; }

@media (max-width: 1023px) {
  .top_panel .top_panel_title .sc_layouts_title_caption { font-size: 2.75rem; }
}

/* --- Article seul (content-single-style-5.php du thème enfant), comme la 2.x --- */
/* Le bandeau titre sert aussi aux articles : on masque la méta que la 3.x y ajoute. */
.top_panel .top_panel_title .sc_layouts_title_meta { display: none; }
html body .rdp-single__featured {
  margin: 0 0 20.8px;
  border-radius: 4px;
  overflow: hidden;
  aspect-ratio: 1170 / 385;
}
html body .rdp-single__featured img { display: block; width: 100%; height: auto; max-width: none; }
html body .rdp-single__info { margin-bottom: 35.12px; }
html body .rdp-single__cats { clear: both; margin: 76.8px 0 24px; font-size: 16px; line-height: 24px; color: #000; }
html body .rdp-single__cats a { font-weight: 700; color: #84c54e; }
html body .rdp-single__cats a:hover { color: #ff7e27; }
/* Articles liés (rdp_related_posts_v2) */
/* padding-top : empêche la marge du titre de fusionner avec celle des catégories, comme en 2.x. */
html body .rdp-related { margin: 0 0 48px; padding: 1px 0 31px; }

html body .rdp-related__title { margin: 40px 0; font-size: 40px; line-height: 40px; font-weight: 700; color: #333; text-transform: none; letter-spacing: 0; }
html body .rdp-related__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; align-items: start; }
html body .rdp-related__item { background-color: #f6f5f2; }
html body .rdp-related__thumb { display: block; aspect-ratio: 570 / 385; overflow: hidden; }
html body .rdp-related__thumb img { display: block; width: 100%; aspect-ratio: 1; height: auto; max-width: none; object-fit: cover; }
html body .rdp-related__name { margin: 0; padding: 16px 20px 21.2px; font-size: 20.8px; line-height: 26px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; }
html body .rdp-related__name a { display: inline; color: #333; }
html body .rdp-related__name a:hover { color: #84c54e; }
@media (max-width: 767px) {
  html body .rdp-related__grid { grid-template-columns: 1fr; }
}

/* --- Calendrier The Events Calendar (vue mois), comme la 2.x ---
   La 2.x n'avait pas de feuille dédiée à ces vues : la grille <table> de TEC héritait des règles
   génériques des tableaux du thème (1re ligne verte, lignes impaires beiges) et TEC gardait ses
   propres gouttières et polices. On reproduit ce rendu. */
body.post-type-archive-tribe_events .top_panel .top_panel_title { display: none !important; }
/* En-tête 3.x de 108 px contre 145 en 2.x : +37 px, d'habitude repris par le bandeau titre masqué ici. */
html body.post-type-archive-tribe_events .page_content_wrap { padding-top: 72.2px !important; }
html body .tribe-common.tribe-events .tribe-events-l-container { padding: 96px 42px 160px !important; }
html body .tribe-events .tribe-events-header__events-bar { margin-bottom: 32px !important; background-color: #d6d6d6 !important; border: 1px solid #e4e4e4 !important; }
html body .tribe-events .tribe-events-c-search__input { padding: 20px 20px 20px 40px !important; font-size: 14px !important; line-height: 22.68px !important; color: #141827 !important; }
html body .tribe-events .tribe-events-c-search__button { padding: 11px 20px !important; font-size: 14px !important; line-height: 22.68px !important; }
html body .tribe-events .tribe-events-c-view-selector__list-item-text { font-size: 14px !important; line-height: 22.68px !important; font-weight: 400 !important; text-transform: none !important; color: #141827 !important; }
html body .tribe-events .tribe-events-c-top-bar { margin-bottom: 32px !important; }
html body .tribe-events .tribe-events-c-top-bar__today-button { margin-right: 15px !important; padding: 6px 15px !important; font-size: 12px !important; line-height: 16.56px !important; font-weight: 400 !important; text-transform: none !important; color: #5d5d5d !important; background-color: #fff !important; border: 1px solid #d5d5d5 !important; }
html body .tribe-events .tribe-events-c-top-bar__datepicker-button,
html body .tribe-events .tribe-events-c-top-bar__datepicker-desktop { font-size: 28px !important; line-height: 39.76px !important; font-weight: 400 !important; color: #141827 !important; }
html body .tribe-events .tribe-events-calendar-month tr:first-child { background-color: #84c54e !important; color: #fff !important; }
html body .tribe-events .tribe-events-calendar-month tbody tr:nth-child(2n+3) { background-color: #f6f5f2 !important; }
html body .tribe-events .tribe-events-calendar-month__header-column { padding: 10.4px 16px !important; font-size: 16px !important; line-height: 20.8px !important; font-weight: 700 !important; color: #fff !important; }
html body .tribe-events .tribe-events-calendar-month__header-column-title { font-size: 12px !important; line-height: 16.56px !important; font-weight: 400 !important; color: #fff !important; }
html body .tribe-events .tribe-events-calendar-month__day { min-height: 168px !important; padding: 10.4px 16px !important; border-color: #e4e4e4 !important; }
/* Rembourrage vertical sur la 1re ligne seulement (règle générique tr:first-child de la 2.x). */
html body .tribe-events .tribe-events-calendar-month tbody tr:not(:first-child) .tribe-events-calendar-month__day { padding-top: 0 !important; padding-bottom: 0 !important; }
html body .tribe-events .tribe-events-calendar-month__day-cell { min-height: 146px !important; }
html body .tribe-events .tribe-events-calendar-month__events { min-height: 0 !important; }
html body .tribe-events .tribe-events-calendar-month__day-date { margin: 0 !important; padding: 8px 16px !important; font-size: 24px !important; line-height: 34.08px !important; }
html body .tribe-events .tribe-events-calendar-month__day-date-daynum,
html body .tribe-events .tribe-events-calendar-month__day-date-link { font-size: 24px !important; line-height: 34.08px !important; color: #141827 !important; }
html body .tribe-events .tribe-events-calendar-month__calendar-event-datetime { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 11px !important; line-height: 16.5px !important; }
html body .tribe-events .tribe-events-calendar-month__calendar-event-title,
html body .tribe-events .tribe-events-calendar-month__calendar-event-title-link { margin: 0 !important; font-size: 12px !important; line-height: 16.56px !important; font-weight: 400 !important; color: #141827 !important; }
html body .tribe-events .tribe-events-c-subscribe-dropdown__button { padding: 11px 20px !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 14px !important; line-height: 22.68px !important; color: #e84d19 !important; background-color: #fff !important; border: 1px solid #e84d19 !important; }
html body .tribe-events .tribe-events-c-subscribe-dropdown__button:hover { color: #fff !important; background-color: #e84d19 !important; }
html body .tribe-events .tribe-events-c-subscribe-dropdown__button button { font: inherit !important; line-height: normal !important; color: inherit !important; }
html body .tribe-events-c-small-cta a, html body p.tribe-events-promo a { color: #84c54e !important; }
html body .tribe-events .tribe-events-c-subscribe-dropdown { margin-top: 32px !important; margin-bottom: 32px !important; }

/* --- Fiche événement (The Events Calendar), comme la 2.x ---
   Titre dans le bandeau (header-default.php) ; celui de TEC est masqué, comme le faisait la 2.x. */
html body .tribe-events-single .tribe-events-single-event-title { display: none !important; }
html body .tribe-events-pg-template { padding: 40px 20px 0 !important; }
html body #tribe-events-content.tribe-events-single { padding: 0 !important; }
html body .tribe-events-single .tribe-events-notices {
  margin: 0 0 20px !important; padding: 0 0 12px !important; background: none !important;
  border: 0 !important; border-bottom: 1px solid #e4e4e4 !important; border-radius: 0 !important;
}
html body .tribe-events-single .tribe-events-notices li { font-size: 16px !important; line-height: 26.4px !important; color: #000 !important; background: none !important; padding: 0 !important; }
html body .tribe-events-single .tribe-events-schedule { display: flex; align-items: baseline; justify-content: flex-start; margin: 24px 0 32px !important; text-align: left !important; }
html body .tribe-events-single .tribe-events-schedule h2,
html body .tribe-events-single .tribe-events-schedule h2 * { font-size: 16px !important; line-height: 22px !important; font-weight: 400 !important; color: #000 !important; }
html body .tribe-events-single .tribe-events-cost {
  display: inline !important; margin: 0 8px !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 16px !important; line-height: 25.92px !important; font-weight: 700 !important; text-transform: uppercase; color: #8a8a8a !important;
}
html body .tribe-events-single .tribe-events-event-image { margin: 0 0 32px !important; text-align: left !important; }
html body .tribe-events-single .tribe-events-event-image img { width: auto !important; max-width: 50% !important; height: auto; }
html body .tribe-events-single .tribe-events-single-event-description { margin-bottom: 24px !important; color: #8a8a8a !important; }
html body .tribe-events-single .tribe-events-single-event-description :is(p, span, li, strong) { color: inherit !important; }
html body .tribe-events-single .tribe-events-single-event-description p { margin: 0 0 16px !important; }
html body .tribe-events-single .tribe-events-single-event-description li { margin: 0 0 9px !important; font-size: 18px !important; line-height: 27px !important; }
html body .tribe-events-single .tribe-events-c-subscribe-dropdown { margin: 32px 0 !important; }
html body .tribe-events-single .tribe-events-event-meta { padding-top: 42px !important; margin: 0 !important; font-size: 14px !important; color: #8a8a8a !important; background: none !important; border: 0 !important; }
html body .tribe-events-single .tribe-events-meta-group { margin: 0 24px 0 0 !important; padding: 32px 0 16px !important; }
html body .tribe-events-single .tribe-events-single-section-title { margin: 0 0 8px !important; font-size: 17px !important; line-height: 17px !important; font-weight: 700 !important; text-transform: uppercase !important; color: #333 !important; }
html body .tribe-events-single .tribe-events-meta-group :is(dt, dd, li, span, div, abbr) { font-size: 14px !important; color: #8a8a8a !important; }
html body .tribe-events-single .tribe-events-meta-group dt { margin: 0 0 4px !important; line-height: 22.68px !important; font-weight: 700 !important; }
html body .tribe-events-single .tribe-events-meta-group :is(dd, div, li, a) { line-height: 26.4px !important; }
html body .tribe-events-single .tribe-events-meta-group-venue { width: 58.4% !important; }
html body .tribe-events-single .tribe-address > *, html body .tribe-events-single .tribe-events-gmap { display: inline !important; width: auto !important; }
html body .tribe-events-single .tribe-events-meta-group a { font-size: 14px !important; color: #84c54e !important; }
html body .tribe-events-single .tribe-address, html body .tribe-events-single .tribe-address * { font-weight: 300 !important; line-height: 23.8px !important; }
html body .tribe-events-single #tribe-events-footer { margin: 0 !important; padding: 32px 0 28px !important; border-top: 1px dashed #e2e2e2 !important; }
html body .tribe-events-single :is(.tribe-events-nav-previous, .tribe-events-nav-next) a {
  display: inline-block; padding: 14.4px 28px !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 16px !important; line-height: 22.4px !important; font-weight: 700 !important; color: #fff !important; background-color: #84c54e !important; border-radius: 0;
}
html body .tribe-events-single :is(.tribe-events-nav-previous, .tribe-events-nav-next) a:hover { background-color: #ff7e27 !important; }
html body .tribe-events-single .tribe-venue-location, html body .tribe-events-single .tribe-venue-location address { display: inline !important; }
html body .tribe-events-single .tribe-events-single-event-description ul { margin-bottom: 11px !important; }
html body .tribe-events-single .tribe-events-meta-group dd { margin-bottom: 3px !important; }

/* --- Page 404 (content-404.php du thème enfant), comme la 2.x --- */
html body .rdp-404 { text-align: left; }
html body .rdp-404 .post_content { padding: 0 !important; }
html body .rdp-404 .rdp-404__title { margin: 57.6px 0 0 !important; font-size: 128px; line-height: 128px; font-weight: 400; letter-spacing: 0; color: #84c54e; }
html body .rdp-404 .rdp-404__subtitle { margin: 16px 0 19.2px; font-size: 32px; line-height: 32px; font-weight: 800; letter-spacing: 0; text-transform: uppercase; color: #84c54e; }
html body .rdp-404 .rdp-404__descr { margin: 0 0 32px; font-size: 16px; line-height: 26.4px; color: #222; }
html body .rdp-404 .rdp-404__descr a { color: #84c54e; }
html body .rdp-404 .rdp-404__descr a:hover { color: #ff7e27; }
html body .rdp-404 .rdp-404__search { position: relative; width: 50%; margin: 0 0 48px; }
html body .rdp-404 .rdp-404__field {
  display: block; width: 100%; height: 37px; margin: 0; padding: 8.8px 8px 8.8px 36.57px; border: 0; border-radius: 0;
  font-size: 16px; line-height: 19px; color: #757575; background-color: #f6f5f2; box-shadow: none;
}
html body .rdp-404 .rdp-404__submit {
  position: absolute; top: 0; left: 0; width: 32px; height: 37px; padding: 0; border: 0;
  display: flex; align-items: center; justify-content: center; color: #757575; background: none;
}
@media (max-width: 767px) { html body .rdp-404 .rdp-404__search { width: 100%; } }
