g/*
Theme Name: SUITE for IFS-association
Theme URI:
Author: SUITE Digital Strategies
Author URI:https://suite-web-seo.com/
Description: Child theme of Twentytwentyfive
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version:
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: suite-ifs-association
Tags: blog, photography, portfolio, one-column, accessibility-ready, block-patterns, block-styles, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, front-page-post-form, full-site-editing, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, style-variations, template-editing, theme-options, threaded-comments,
*/

html body:not(.wp-admin) {
    -webkit-animation: fadeInAnimation ease 2s;
            animation: fadeInAnimation ease 2s;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}
@-webkit-keyframes fadeInAnimation {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

strong {
	font-weight: 600;
}
li:not(.comment, .wp-block-navigation-item, .wp-block-post) {
  list-style: circle;
  padding: 0 0 0.25rem 0.75rem;
  line-height: 1.7rem;
}
ul {
  padding-left: 1rem;
}
sup {
	font-size: 40%;
}
h2 {
	color: #2270ab;
}
/* imported from KLEO for legacy content */
body .alignleft {
	float: left;
	margin: 5px 30px 0 0;
	display: block;
}

/* Remove outline for mouse users, keep it for keyboard users */
:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}
/* Optional: Add a custom, cleaner style for keyboard users */
:focus-visible {
    outline: 2px solid #c6287d !important; /* Change color to match your branding */
    outline-offset: 2px;
}
/* Menus dépliants */
.wp-block-details {
  padding: clamp(15px,1.5vw,20px);
  border: 2px solid #ccc;
}
.wp-block-details summary {
  color: #c6287d;
  font-size: 1.1rem;
  text-transform: uppercase;
  word-spacing: 0.2rem;
}
/* Bouton par défaut */
.wp-element-button,
.wp-block-button__link {
	border-radius: 15px;
	word-spacing: 0.4rem;
  /* padding-top: 0.5rem; */
}
}
/* Formulaire de connexion */
#loginform label {
  font-size: 75%;
}
#loginform input[type="text"],
#loginform input[type="password"] {
  min-height: 30px;
}
body #buddypress input[type="submit"] {
	padding: 1rem;
	word-spacing: 0.03rem;
	background-color: var(--wp--preset--color--accent-2);
	border-width: 0;
	color: var(--wp--preset--color--base);
	font-family: var(--wp--preset--font-family--roboto);
	font-size: var(--wp--preset--font-size--medium);
	font-style: inherit;
	font-weight: inherit;
	letter-spacing: 1px;
	line-height: inherit;
	text-transform: uppercase;
	border-radius: 15px;
}


/* Lightbox video */
.wp-child-theme-suite-ifs-association .mfp-container.mfp-s-ready.mfp-iframe-holder {
  top: 7vh;
  width: 100vw;
}

/* .wp-site-blocks {
    overflow-x: hidden;
} */
.wp-child-theme-suite-for-crosscurrent-strategies .wp-element-caption {
	margin-bottom: 0;
	text-align: center;
}
.ifs-list-link-double-chevron a {
  letter-spacing: 1.4px;
  text-transform: uppercase;
  font-family: var(--wp--preset--font-family--nunito-sans);
  line-height: 1.125;
  font-size: var(--wp--preset--font-size--small);
}
.ifs-list-link-double-chevron::marker {
  content: "»";
  transform: translateY(-6px);
}

/* Header - Entête */
/* --- Base Initial State --- */
/* 1. Define the height of your 3-row header */
:root {
  --header-height: 252px; /* Adjust this to match your header's actual uncollapsed height */
}
/* Change header height only on the homepage */
.home {
    --header-height: 80px; /* Replace with your desired homepage height */
}
/* 3. Push the main content down */
/* In WordPress FSE, the main content wrapper is usually 'main' or '.wp-site-blocks' */
main,
#entete-connexion {
  padding-top: var(--header-height);
}
/* 4. Accountability for the Admin Bar */
.admin-bar main {
  padding-top: calc(var(--header-height) + 32px);
}

@media screen and (max-width: 782px) {
  .admin-bar main {
    padding-top: calc(var(--header-height) + 46px);
  }
}
.site-header-animated {
  position: fixed;
  top: 0; /* Standard top position for regular visitors */
  left: 0;
  width: 100%;
  z-index: 9999;
  transition: all 0.3s ease-in-out;
}
.menu-haut-wrap,
.menu-principal-wrap {
  margin: 0;
}
.menu-principal-wrap {
  padding: 15px 0;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
	color: #2270ab;
}
.wp-block-navigation-item.current-menu-ancestor,
.wp-block-navigation-item.current-menu-item {
	color: #c6287d;
}
#menu-du-haut-wrap .wp-block-navigation-item.current-menu-item,
#menu-pied-de-page .wp-block-navigation-item.current-menu-item,
#menu-du-haut-wrap .wp-block-loginout a {
	color: #ff97cf;
}
#custom-sm-menu a {
  position: relative;
  margin-right: 10px;
}
#custom-sm-menu a:after {
  content: "SM";
  font-size: 0.6em;
  /*! vertical-align: super; */
  position: absolute;
  top: -0.2em;
  margin-left: 2px;
  word-break: initial;
}
/* --- Admin Bar Corrections --- */
/* For Desktop screens (Admin bar is 32px tall) */
.admin-bar .site-header-animated {
  top: 32px;
}
/* For Mobile screens (Admin bar shrinks or becomes static at 46px max) */
@media screen and (max-width: 782px) {
  .admin-bar .site-header-animated {
    top: 0;
  }
}
/* Hide the duplicate logo by default */
.site-header-animated .scroll-only-logo {
  opacity: 0;
  visibility: hidden;
  max-width: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
/* Row 3 fade transition setup */
.site-header-animated .header-row-three {
  transition: all 0.3s ease-in-out;
  max-height: 200px; /* Adjust based on your logo size */
  opacity: 1;
  overflow: hidden;
  margin: 0;
}
.site-header-animated .header-row-three .wp-block-group {
	padding: 10px 50px;
}
/* --- Isolated Scrolled States --- */
/* Shrink Row 1 & Row 2 padding/fonts strictly inside this header */
.site-header-animated.scrolled {
  background-color: rgba(255, 255, 255, 0.95); /* Optional: solid bg on scroll */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); /* Optional: subtle shadow when sticky */
}
.site-header-animated.scrolled :is(p, a, .wp-block-navigation-item__label) {
  font-size: 1.1rem;
}
.site-header-animated.scrolled .menu-haut-wrap,
.site-header-animated.scrolled .menu-principal-wrap {
  padding: 5px;
}
/* Reveal the top-left logo */
.site-header-animated.scrolled .scroll-only-logo {
  opacity: 1;
  visibility: visible;
  max-width: 150px; /* Adjust to your preferred scrolled logo width */
}
/* Collapse and fade Row 3 */
.site-header-animated.scrolled .header-row-three {
  opacity: 0;
  max-height: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  pointer-events: none;
}
/* à modifier en fonction de la hauteur de l'entête ==> */
.is-style-sticky {
	top: 11rem;
}

/*** Menus ***/
.wp-block-navigation {
	font-size: clamp(16px,1.4vw,20px);
}
/* progressive timeline nav */
/* --- DEFAULT: LAPTOPS & SMALLER DESKTOPS (< 1200px) --- */
@media (max-width: 1200px) {
    /* 1. Pop the container out of the grid and float it */
    .timeline-nav-container {
        position: fixed !important; /* Overrides FSE sticky logic */
        top: 180px;                /* Distance from top of screen */
        left: 20px;                 /* Distance from left wall */
        z-index: 999;               /* Keep it floating above text */

        /* 2. The Semi-Transparent White Background Style */
        background: rgba(255, 255, 255, 0.75);
        backdrop-filter: blur(10px); /* Modern frosted-glass effect */
        -webkit-backdrop-filter: blur(10px);

        /* 3. Padding and rounding for the widget look */
        padding: 20px 25px 20px 15px;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.05);
        border: 1px solid rgba(255, 255, 255, 0.4);

        max-width: 20vw; /* Prevent it from stealing too much text space */
        transition: all 0.3s ease;
    }

    /* Subtle hover effect to make it fully opaque when interacting */
    .timeline-nav-container:hover {
        background: rgba(255, 255, 255, 0.95);
        box-shadow: 0 4px 25px rgba(0,0,0,0.1);
    }
}

/* --- THE TIMELINE CORE STYLES (Applies to all layouts) --- */
ul.timeline-nav-container,
#deux-blocs-public-pro ul {
    list-style: none;
    position: relative;
    padding-left: 20px;
    margin: 0 0 0 5px;
    border-left: 2px solid rgba(0, 0, 0, 0.1);
}

.timeline-nav-container li,
#deux-blocs-public-pro ul li {
    position: relative;
    margin-bottom: 2vh;
    list-style: none;
    padding: 0;
    line-height: initial;
}
.timeline-nav-container li:last-child,
#deux-blocs-public-pro li:last-child {
    margin-bottom: 0;
}

/* The Dots */
#deux-blocs-public-pro li::before,
.timeline-nav-container li::before {
    content: '';
    position: absolute;
    left: -26px; /* Positions perfectly over the border line */
    top: 9px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.15);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Text styling */
.timeline-nav-container a,
#deux-blocs-public-pro a {
    text-decoration: none;
    color: #555;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    display: inline-block;
}

/* --- THE ACTIVE STATE EFFECTS --- */
.timeline-nav-container li.active a {
    font-size: 1.1rem; /* Dynamically scales text size up */
    font-weight: 600;
    color: #111;       /* Darker active text */
}

.timeline-nav-container li.active::before {
    background: #2270ab; /* Accent color for active dot */
    transform: scale(1.4); /* Magnifies the active dot */
    top: 9px;
}

/* --- MOBILE BREAKPOINT: Hide entirely if screen is too narrow (< 768px) --- */
@media (max-width: 768px) {
    .timeline-nav-container {
        display: none !important;
    }
}

#modal-2 .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	flex-direction: column;
}
/* Prevent the parent menu item from jumping when clicked */
.wp-block-navigation-item__content[href="#"] {
    cursor: default; /* Makes it look non-clickable */
    pointer-events: auto; /* Keeps hover working */
}


/* Accueil - Home */
.home .menu-home-link {
	display: none;
}
#deux-blocs-public-pro ul {
	max-width: 580px;
	margin: 0 auto;
}
#deux-blocs-public-pro a {
  font-size: inherit;
  transform-origin: left center;
  color: #c6287d;
}
#deux-blocs-public-pro a:hover {
  transform: scale(1.1);
  color: #2270ab;
}
#temoignages-accueil .wp-block-post-excerpt__excerpt {
  font-style: italic;
  font-family: "Lato", 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-weight: 300;
}
#temoignages-accueil .wp-block-post-title {
  font-size: 1.5rem;
}
#temoignages-accueil li.wp-block-post {
  position: relative;
  padding-left: 1rem;
}
#temoignages-accueil li.wp-block-post::before {
  content: '\f10d';
  font-family: 'fontello';
  position: absolute;
  left: 0;
  top: 34px;
  font-size: 2rem;
  color: #2270ab;
  line-height: 1;
}

/* homepage SS3 sliders */

.suite-ifs-ss3-rangee .n2-ss-layer-row-inner {
  width: fit-content !important;
  margin: 0 auto !important;
}
.suite-ifs-ss3-rangee .n2-ss-layer.n2-ow {
  flex: 0 0 auto !important;
  width: fit-content !important;
  margin: 0 !important;
}
.suite-ifs-ss3-rangee .n2-ss-layer-col.n2-ss-layer-content {
  padding: 0 !important;
}


/* Hero Scroll Indicator */
.scroll-indicator {
  position: absolute;
  bottom: 30px;      /* Distance from the bottom of the slider */
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 10;       /* Ensure it sits above the slider images */
  /* pointer-events: none; /* Allows clicks to pass through to the slider if needed */
  transition: opacity 0.4s ease-out, visibility 0.4s;
  text-shadow: 1px 1px 3px rgb(0, 0, 0);
}
/* A helper class we will trigger with JS */
.scroll-indicator.hidden {
  opacity: 0;
  visibility: hidden;
}
.scroll-text {
  font-family: sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #ffffff;
  margin-bottom: -6px;
  opacity: 0.8;
}
.scroll-arrow {
  width: 30px;
  height: 30px;
  fill: #ffffff;
  /* Apply the animation */
  animation: bounce 2s infinite;
}
.scroll-text a {
  color: #fff;
  text-decoration: none;
}
.scroll-text a:hover {
  text-decoration: underline;
}
/* The Elegant Bobbing Effect */
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(8px);
  }
  60% {
    transform: translateY(4px);
  }
}

/* Barres latérales */
#barre-laterale-droite .wp-block-button__link.wp-element-button {
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
}
#barre-boutons-acces .wp-block-button__link.wp-element-button {
	padding: 0.3rem 0.75rem 1rem;
	font-size: 1rem;
  word-spacing: 0.03rem;
}
#barre-boutons-acces span {
	margin-right: 5px;
}


/* Pages principales */


/* Glossaire */
#glossaire-wrap h3 {
	font-style: italic;
	font-weight: 300;
}


/* Conférences-Stages (anciennement Découvrir-Expérimenter) */
/* Page « Apprentissages tout public » */
#mosaique-apprentissages .eg-events-manager-element-2 {  /* titre h2 */
    max-width: 77%;
    font-size: 1.2em;
}
#mosaique-apprentissages .eg-events-manager-element-2,
#mosaique-apprentissages .eg-events-manager-element-4 .eg-icon-plus {
	color: #fff;
}
#mosaique-apprentissages .esg-grid .mainul li.eg-events-manager-wrapper:nth-child(4n-1),
#mosaique-apprentissages .esg-grid .mainul li.eg-events-manager-wrapper:nth-child(4n-2) {
	background: #fff;
	border: 1px solid #2270ab;
}
#mosaique-apprentissages .esg-grid .mainul li.eg-events-manager-wrapper:nth-child(4n-1) .eg-events-manager-element-1,
#mosaique-apprentissages .esg-grid .mainul li.eg-events-manager-wrapper:nth-child(4n-2) .eg-events-manager-element-1,
#mosaique-apprentissages .esg-grid .mainul li.eg-events-manager-wrapper:nth-child(4n-1) .eg-events-manager-element-2,
#mosaique-apprentissages .esg-grid .mainul li.eg-events-manager-wrapper:nth-child(4n-2) .eg-events-manager-element-2 {
	color: #2270ab;
}
#mosaique-apprentissages .esg-grid .mainul li.eg-events-manager-wrapper .esg-media-poster {
	background-size: initial;
}
.main-color a.eg-events-manager-element-3,
.main-color a.eg-ressources-element-3 {
	color: #fff;
}
.main-color a.eg-events-manager-element-3:hover,
.main-color a.eg-ressources-element-3:hover {
	color: #e5e5e5;
}
.type-mosaique-emplacement {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.em-mosaique-infos-supp {
	font-family: "Francois One",'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    color: #fff;
}
.em-mosaique-animateurs {
    font-family: "Lato", 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-style: italic;
    margin-top: 10px;
}

/* Formations/événements (Events Manager) */
.page-id-10482 .wp-block-post-title { /* cacher le titre de la page Les Formations(SM) */
	display: none;
}
.page-id-10482 .entry-content {
	margin-block-start: 0;
}
/* Evénements (liste) */
.em-events-list {
  font-style: italic;
}
.event-extrait,
.event-bouton-wrap {
  font-style: initial;
}
.evenement-container {
	margin-bottom: 60px;
  padding: 0 15px;
}
.evenement-container:nth-child(2n) {
	background-color: #f7f7f7;
	padding: 25px;
}
.event-bloc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.event-image-liste {
    text-align: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
h3.liste-evenements {
    font-family: "Roboto", 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-style: initial;
	margin: 0 0 10px;
    line-height: 1.2em;
}
h3.liste-evenements a {
	color: #c6287d;
  text-decoration: none;
}
h3.liste-evenements a:hover {
  text-decoration: underline;
}
.event-extrait > p:last-child {
    margin-bottom: 0;
}
.dates-liste-evenements {
    font-style: italic;
    font-size: 14px;
}
.type-liste-evenements {
    min-width: 400px;
}
.event-type-deuxpoints {
    float: left;
    margin-right: 3px;
}
.event-categories {
    list-style-type: none;
    margin: 0 0 0 5px;
}
.event-categories > li {
    margin-left: 0;
}
.type-liste-emplacement {
    clear: left;
}
.type-liste-emplacement > p {
    margin: 0 0 10px;
    font-size: 1.2rem;
    line-height: 1.2rem;
}
.event-image ul.event-categories {
    margin: 15px 0 0;
    padding: 0;
}
.event-extrait > p {
    color: #777;
    font-size: 0.85em;
}
table.em-calendar {
    width: 100%;
}
label.screen-reader-text {
    display: none;
}
.public-container {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
    padding: 5px 0 0 0;
}
.event-types-public {
    font-variant: all-small-caps;
    font-style: initial;
    color: #777;
    border: 1px solid #777;
    max-width: 240px;
    padding: 5px 10px;
    margin: 0;
    line-height: 1em;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
}
#page-formation-individuelle .event-types-public {
    max-width: 320px;
}
.event-locationlink {
    margin: 0 0 10px;
}
.event-locationlink-notice {
    font-size: 12px;
    line-height: 14px;
    margin: 3px 0 10px;
    color: #777;
    font-style: italic;
}
#evenements-accueil .event-extrait > p {
    color: #000;
}
div.type-liste-emplacement > p > img {
   	vertical-align: text-top;
    margin-left: 5px;
}
.event-details {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
	margin-right: 10px;
}
.em-infos-supp {
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 0.01em;
  font-style: italic;
}
.em-pagination {
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 80px;
}
.event-bouton-wrap {
	text-align: center;
	margin: 30px 0 15px;
}
.event-bouton-wrap .wp-element-button {
	font-size: 1rem;
	padding: 0.9rem 2rem;
}


/* Fiche d'événement */
.event-meta-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.event-meta {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
}
.event-meta p {
	margin: 0;
}
.event-location {
  display: flex;
  gap: 15px;
  margin: 5px 0;
}
.event-dates {
  font-weight: bold;
  font-size: 115%;
}
.event-meta .attachment-25x25.size-25x25.wp-post-image {
	vertical-align: text-bottom;
}
.event-meta .event-types-public {
	margin-top: 10px;
}
.event-meta-container .event-image {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	    flex-flow: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}



/* homepage private/public blocks */
#home-private-public-blocks .wp-block-cover__inner-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 40vw;
}
.private-public-blocks-wrap {
	width: 50%;
}
/* #home-private-public-blocks .wp-block-cover__inner-container h2,
#home-private-public-blocks .wp-block-cover__inner-container p {
	text-shadow: 5px 5px 10px #4f4f4f;
} */
#home-private-public-blocks .wp-block-cover {
	padding: 0;
}
#client-logos .wp-block-gallery.has-nested-images figure.wp-block-image img {
    transition: filter 0.5s ease, transform 0.3s ease;
    cursor: pointer;
    max-width: clamp(200px,40%,215px) !important;
}
#client-logos .wp-block-gallery.has-nested-images figure.wp-block-image img:hover {
    transform: translateY(-3px);
}
.home #client-logos .wp-block-gallery.has-nested-images figure.wp-block-image img {
    max-width: 100%;
}
.home #client-logos #client-logos-fade.wp-block-gallery.has-nested-images figure.wp-block-image img {
    /* Low saturation (30%) makes it washed out but still colored */
    /* High brightness (1.5) makes it look "faded" or overexposed */
    /* Low opacity (0.4) lets the white background bleed through */
    filter: saturate(30%) brightness(1.4) opacity(0.5);
    max-width: 100%;
}
.home #client-logos #client-logos-fade.wp-block-gallery.has-nested-images figure.wp-block-image img:hover {
  /* Returns all values to their natural state (100% / 1) */
    filter: saturate(100%) brightness(1) opacity(1);
}
/* Hide all images in the limited gallery by default */
[class*="max-images-shown-"] .wp-block-image {
    display: none !important;
}
/* Reveal only the images selected by our JS */
[class*="max-images-shown-"] .wp-block-image.is-visible {
    display: block !important;
}
.wp-child-theme-suite-for-crosscurrent-strategies figure.wp-block-gallery.has-nested-images {
	justify-content: center;
}
.home.wp-child-theme-suite-for-crosscurrent-strategies figure.wp-block-gallery.has-nested-images {
	gap: 40px;
}
#client-logos .wp-block-gallery.has-nested-images figure.wp-block-image {
	height: 110px;
	align-items: center;
}
.home #client-logos .wp-block-gallery.has-nested-images figure.wp-block-image {
	height: initial;
}
#ifs-about-all-clients summary {
    margin: 50px 1vw;
}

/* Template: Pages */
#ifs-page-template-title {
	max-width: var(--wp--style--global--wide-size);
	margin: 0 auto;
}

/* Posts/Articles/Insights */
.vlp-layout-ccs-basic .vlp-layout-zone-main {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
  margin-left: 10px;
}
.wp-child-theme-suite-for-crosscurrent-strategies .esg-grid.show-message .no-filter-message {
	top: 120px;
	font-family: "Nunito Sans", sans-serif;
	font-size: 1.5rem;
	font-weight: 200;
	color: #3a87c5;
	-webkit-font-smoothing: auto;
}
.filter-insight-private-sector .eg-css-insights-post-grid-element-35 { /* Private Sector insight */
	background-color: #3a87c5;
}
div.esg-filterbutton[data-filter="filter-insight-private-sector"]:hover,
div.esg-filterbutton[data-filter="filter-insight-private-sector"].selected {
    background-color: rgba(174,214,230,0.6);
}
.ifs-insights .eg-css-insights-post-grid-element-0-a a {
  transition: color 0.3s ease, transform 0.3s ease;
}
.ifs-insights .eg-css-insights-post-grid-element-0-a a:hover {
  transform: translateX(15px);
}
.ifs-insights .esg-media-cover-wrapper {
	padding: 0 30px;
}
.linkedin-outbound-link {
  display: flex;
  font-family: var(--wp--preset--font-family--nunito-sans);
  font-size: 1.3rem;
  border-radius: 20px;
  border-color: var(--wp--preset--color--accent-6);
  border-width: 0.8px;
  border-style: solid;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  width: fit-content;
}
.linkedin-outbound-link img {
  height: 24px;
  width: 24px;
  margin-right: 5px;
}
.linkedin-outbound-link a {
  text-decoration: none;
}
.linkedin-outbound-link a:hover {
	text-decoration: underline;
}
.wp-child-theme-suite-for-crosscurrent-strategies .crp_related_block h3 {
	text-transform: uppercase;
	font-size: 1rem;
	padding-left: 1.4em;
	letter-spacing: 0.12em;
	word-spacing: 0.2em;
}
.wp-child-theme-suite-for-crosscurrent-strategies .crp_excerpt {
  display: block;
  font-size: 1.2rem;
}
.wp-child-theme-suite-for-crosscurrent-strategies .crp_link, .crp_date {
  font-family: var(--wp--preset--font-family--nunito-sans);
  font-size: 1.6rem;
}
.wp-child-theme-suite-for-crosscurrent-strategies .crp_date {
  font-size: 1rem;
  color: #a27c5d;
}
.wp-child-theme-suite-for-crosscurrent-strategies .crp_link {
  margin-right: 10px;
  text-decoration: none;
}
.wp-child-theme-suite-for-crosscurrent-strategies .crp_link:hover {
  text-decoration: underline;
}
.wp-child-theme-suite-for-crosscurrent-strategies .crp_related_block ul li {
  padding-bottom: 20px;
  border-bottom: 1px solid #CCC;
  margin-bottom: 20px;
  list-style: none;
  padding-left: 0;
}

/* About */
/* #ifs-about-partners h3.wp-block-heading {
	text-transform: uppercase;
	font-size: 95%;
} */
/* 1. Position the menu in the top right */
.floating-jump-menu {
    position: fixed;
    top: 190px;       /* Distance from the top */
    right: 10px;      /* Distance from the right edge */
    z-index: 9999;    /* Ensure it stays above all other content */

    /* 2. Make it look like a floating UI element */
    background: #ffffffc2;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    border: 1px solid #e5e5e5;
    max-width: 133px;
}
ul.floating-jump-menu {
	padding: 10px 10px 0;
}

/* 3. Style the internal links */
.floating-jump-menu .wp-block-navigation-item {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 12px;
}

.floating-jump-menu a {
    text-decoration: none;
    color: #333;
}

.floating-jump-menu a:hover {
    color: #007cba;
    text-decoration: underline;
}
/** Floating jump menu **/
}/* 1. Position the menu in the top right */
.floating-jump-menu {
    position: fixed;
    top: 150px;       /* Distance from the top */
    right: 30px;      /* Distance from the right edge */
    z-index: 9999;    /* Ensure it stays above all other content */

    /* 2. Make it look like a floating UI element */
    background: #ffffff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    border: 1px solid #e5e5e5;
    max-width: 200px;
}
.floating-jump-menu .wp-block-navigation-item {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 12px;
}
.floating-jump-menu a {
    text-decoration: none;
    color: #333;
}
.floating-jump-menu a:hover {
    color: #007cba;
    text-decoration: underline;
}


/* Sidebar */
.wp-block-search__label {
  color: var(--wp--preset--color--accent-1);
  font-family: var(--wp--preset--font-family--nunito-sans);
  font-size: var(--wp--preset--font-size--small);
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
.ifs-sidebar-insights li {
	list-style: none;
	padding: 0;
}

/* contact */
.wp-child-theme-suite-ifs-association .wpforms-form .wpforms-field-label,
.wp-child-theme-suite-ifs-association .wpforms-form .wpforms-field-sublabel.after,
.wp-child-theme-suite-ifs-association .wpforms-form .wpforms-field-label-inline,
.wp-child-theme-suite-ifs-association .wpforms-form .wpforms-field-description,
.wp-child-theme-suite-ifs-association div.wpforms-container-full .wpforms-form .wpforms-submit {
	font-family: var(--wp--preset--font-family--nunito-sans);
}
.wp-child-theme-suite-ifs-association div.wpforms-container-full .wpforms-form .wpforms-submit {
  background-color: var(--wp--preset--color--accent-2);
	border-width: 0;
	color: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--medium);
	font-style: normal;
	font-weight: 500;
	letter-spacing: 3px;
	line-height: inherit;
	padding-top: 1rem;
	padding-right: 2.25rem;
	padding-bottom: 1rem;
	padding-left: 2.25rem;
	text-decoration: none;
	text-transform: uppercase;
  border-radius: 15px;
}
.wp-child-theme-suite-ifs-association div.wpforms-container-full .wpforms-form input[type="submit"]:hover,
.wp-child-theme-suite-ifs-association div.wpforms-container-full .wpforms-form input[type="submit"]:focus,
.wp-child-theme-suite-ifs-association div.wpforms-container-full .wpforms-form input[type="submit"]:active,
.wp-child-theme-suite-ifs-association div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
.wp-child-theme-suite-ifs-association div.wpforms-container-full .wpforms-form button[type="submit"]:focus,
.wp-child-theme-suite-ifs-association div.wpforms-container-full .wpforms-form button[type="submit"]:active,
.wp-child-theme-suite-ifs-association div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,
.wp-child-theme-suite-ifs-association div.wpforms-container-full .wpforms-form .wpforms-page-button:active {
	background-color: color-mix(in srgb, var(--wp--preset--color--contrast) 85%, transparent);
  border: none;
	color: var(--wp--preset--color--base);
}
.wp-child-theme-suite-ifs-association div.wpforms-container-full .wpforms-form input[type="text"] {
	font-size: 1.3rem;
}
.wp-child-theme-suite-ifs-association div.wpforms-container.wpforms-container-full .wpforms-confirmation-container-full,
.wp-child-theme-suite-ifs-association div[submit-success] > .wpforms-container .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
	background: rgba(174, 214, 230, 0.52);
	border: 1px solid rgba(174, 214, 230, 0.52);
	box-sizing: border-box;
}
.wp-child-theme-suite-ifs-association div.wpforms-container.wpforms-container-full .wpforms-form textarea,
.wp-child-theme-suite-ifs-association div.wpforms-container.wpforms-container-full input[type="email"] {
	font-size: 22px;
}
div.wpforms-container-full .wpforms-form input[type="submit"]:hover,
div.wpforms-container-full .wpforms-form input[type="submit"]:focus,
div.wpforms-container-full .wpforms-form input[type="submit"]:active,
div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
div.wpforms-container-full .wpforms-form button[type="submit"]:focus,
div.wpforms-container-full .wpforms-form button[type="submit"]:active,
div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,
div.wpforms-container-full .wpforms-form .wpforms-page-button:active,
div.wpforms-container-full .wpforms-form .wpforms-page-button:focus

/* Footer / pied de page */
.wp-child-theme-suite-for-crosscurrent-strategies footer.wp-block-template-part {
	margin-block-start: 0;
}
#logo-slogan-footer-wrap {
	justify-content: center;
}
#logo-footer-white.wp-block-site-logo img {
	/* filter: grayscale(100%) brightness(200%); <-- respects gradients */
	filter: brightness(0) invert(1); /* Turns everything black, then flips it to white */
}
#menu-pied-de-page .wp-block-navigation__container {
  columns: 2;
  display: block;
  column-gap: 95px;
}
#menu-pied-de-page .wp-block-navigation-item.wp-block-navigation-link {
  margin-bottom: 10px;
}
#scrollToTop {
    /* Positioning */
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;

    /* Look & Feel */
    border: none;
    outline: none;
    background-color: #11111187;
    color: white;
    cursor: pointer;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;

    /* The Fade Effect */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease, background-color 0.3s;
}
/* This class will be toggled by JS */
#scrollToTop.show {
    opacity: 1;
    visibility: visible;
}
#scrollToTop:hover {
    background-color: #555;
}
footer .wp-block-site-logo img {
	filter: brightness(0) invert(1);
}
footer .wp-block-search__label {
  color: #FFFFFF;
}


/* Annuaire */
/* Fenêtre pop-up/Model "Accepter les conditions d'utilisation" */
.dir-modal-overlay {
    position: fixed !important; /* Forces it to remain relative to the browser viewport */
    top: 0 !important;
    left: 0 !important;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99999999 !important; /* High enough to beat WordPress core block lightboxes */
    display: flex;
    justify-content: center;
    align-items: center;
}
.dir-modal-box {
    background: #fff;
    padding: 30px;
    max-width: 600px;
    width: 90%;
    max-height: 80vh;
    border-radius: 8px;
    position: relative;
    display: flex;
    flex-direction: column;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.dir-modal-close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 28px;
    font-weight: bold;
    color: #aaa;
    cursor: pointer;
    line-height: 1;
}
.dir-modal-close:hover { color: #333; }
.dir-modal-terms {
    overflow-y: auto;
    border: 1px solid #ddd;
    padding: 15px;
    margin: 20px 0;
    background: #f9f9f9;
    max-height: 300px;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
    text-align: left;
}
/* Make sure custom HTML elements inside match nicely */
.dir-modal-terms p { margin-bottom: 1em; }
.dir-modal-terms ul, .dir-modal-terms ol { padding-left: 20px; margin-bottom: 1em; }

.dir-modal-actions { margin-top: 10px; font-size: 16px; color: #333; text-align: left; }
.dir-modal-actions input[type="checkbox"] { margin-right: 10px; transform: scale(1.2); cursor: pointer; }
.dir-modal-error { color: #d9534f; font-size: 14px; margin-top: 15px; display: none; line-height: 1.4; text-align: left; }
.dir-modal-error a { color: #d9534f; text-decoration: underline; font-weight: bold; }

/* Carte + liste dynamtique */
.form-inline.ifs-filters {
	max-width: 1120px;
	margin: 0 auto;
}
#map_listing {
	width: 100%;
}
#map_listing td {
	padding: 15px;
}
#map_listing .even {
	background-color: #eee;
}
.form-inline.ifs-filters .row {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
#form-group-filter-map-city {
	display: flex;
	gap: 10px;
}
.colonne_pays {
	text-align: center;
}
.select2-search--dropdown,
.select2-results,
#select2-filter-map-city-results,
.select2-container--open,
.select2-dropdown.select2-dropdown--above,
.select2-dropdown.select2-dropdown--below {
  width: 300px !important;
}
#filter-map-search {
	height: 35px;
	min-width: 300px;
}
#map_listing_paginate .pagination {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin: 0 0 40px;
}
#map_listing_paginate .pagination .paginate_button {
  list-style: none;
}
#map_listing_info {
  text-align: center;
  margin: 40px 0 10px;
  font-style: italic;
}
#map_listing_paginate {
  font-size: 2rem;
}

/* Fiches profil d'annuaire */
.buddypress.profile .wp-block-group.alignfull.is-layout-constrained {
  --wp--preset--spacing--60: 0;
}
.buddypress.profile main {
  --wp--preset--spacing--60: 30px;
}
.profile .entry-content {
  padding: 10px 50px;
}
.buddypress.profile .wp-block-post-title,
.profile #buddypress {
	max-width: 1380px;
}
.profile #buddypress {
  display: flex;
  gap: 60px;
}
.profile #object-nav {
  display: none;
}
.profile .buddypress-wrap .public .profile-fields td.label {
  width: 15%;
}
.buddypress.profile #item-header {
	/* text-align: center; */
	width: 20%;
	font-size: 77%;
	color: #2270ab;
}
.buddypress.profile #item-header #item-header-avatar {
  display: flex;
  justify-content: center;
}
.buddypress.profile .single-headers #item-header-avatar a img {
  width: 100%;
  min-width: 150px;
  float: none;
  border-radius: 90%;
  transition: all 0.4s ease;
  border: 1px solid #ccc;
  padding: 6px;
}
.buddypress.profile .single-headers #item-header-content {
  padding-left: 0;
}
body.buddypress.bp-user.profile .buddypress-wrap .member-header-actions {
  display: flex;
  flex-direction: column;
}
#profile-sidebar {
  min-width: 250px;
}
#profile-sidebar .wp-block-details {
	margin-bottom: 30px;
}
#buddypress div.profile {
    font-size: 0.8em;
}
#buddypress div.profile .dl-horizontal dt {
    margin: 0;
    width: 100%;
    float: none;
    text-align: left;
    color: #2270ab;
}
.fiche-annuaire-adresse-intitule {
    color: #2270ab;
    font-weight: bold;
}
#buddypress div.profile .dl-horizontal.field_a-propos p,
#buddypress div.profile .dl-horizontal.field_a-propos ul,
#buddypress div.profile .dl-horizontal.field_a-propos ol {
    margin-bottom: 10px;
}
#buddypress #item-body div.profile .dl-horizontal dd {
    margin: 0;
    padding: 0;
    line-height: 1.2em;
}
#buddypress div.profile .dl-horizontal.field_13.field_adresse dd p,
#buddypress div.profile .dl-horizontal.field_36.field_adresse-2 dd p,
#buddypress div.profile .dl-horizontal.field_14.field_ville dd p,
#buddypress div.profile .dl-horizontal.field_16.field_code-postal dd p,
#buddypress div.profile .dl-horizontal.field_17.field_pays dd p {
    margin: 0;
}
.field_36.field_adresse-2 dt,
.field_14.field_ville dt,
.field_16.field_code-postal dt,
.field_17.field_pays dt,
.field_13.field_numero-de-la-voie-extension-bis-ter-voie-du-lieu-de-consultation dt {
    display: none;
}
#buddypress #item-body div.profile .dl-horizontal dd p,
#buddypress #item-body div.profile .dl-horizontal.field_14 {
  margin: 0;
}
#buddypress #item-body div.profile .dl-horizontal.field_16 {
  margin: 0 6px 0 0;
  float: left;
}
#buddypress #item-body div.profile .dl-horizontal.field_13 {
  margin: 10px 0 0;
}
#buddypress #item-body div.profile .dl-horizontal.field_17 {
  margin: 0 0 10px;
}
#buddypress.buddypress-wrap .bp-navs.bp-priority-nav {
  visibility: hidden;
  margin: 0;
}
.logged-in.my-account #buddypress.buddypress-wrap .bp-navs.bp-priority-nav,
.logged-in.admin-bar #buddypress.buddypress-wrap .bp-navs.bp-priority-nav {
  visibility: initial;
}
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items,
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items {
  display: none;
}
.logged-in.my-account #buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items,
.logged-in.my-account #buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items,
.logged-in.admin-bar #buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items,
.logged-in.admin-bar #buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items {
  display: inline-block;
}
.buddypress-wrap .item-body .screen-heading {
  display: none;
}
.logged-in.my-account .buddypress-wrap .item-body .screen-heading,
.logged-in.admin-bar .buddypress-wrap .item-body .screen-heading {
  display: initial;
}
.dl-horizontal.field_1 {
  display: none;
}
.logged-in.my-account .dl-horizontal.field_1,
.logged-in.admin-bar .dl-horizontal.field_1 {
  display: initial;
}
.buddypress-wrap .profile {
  margin-top: 0;
}
.logged-in.my-account .buddypress-wrap .profile,
.logged-in.admin-bar .buddypress-wrap .profile {
  margin-top: 30px;
}
body.buddypress.bp-user .buddypress-wrap .users-header h2.user-nicename {
	display: none;
}
.single-headers .item-meta {
	display: none;
}
.logged-in.my-account .single-headers .item-meta,
.logged-in.admin-bar .single-headers .item-meta {
  display: block;
	color: #767676;
	font-size: 14px;
	margin: 15px 0 5px;
	padding-bottom: .5em;
}

/*************************************************************/
/****************** Responsive versions **********************/
/*************************************************************/

@media (min-width: 993px) {

    /* 1. Hide the text but keep it for screen readers */
    .menu-home-icon .wp-block-navigation-item__label {
        text-indent: -9999px;
        display: inline-block;
        width: 24px; /* Adjust size */
        position: relative;
    }
    /* 2. Inject the icon using a pseudo-element */
    .menu-home-icon .wp-block-navigation-item__label:after {
        content: "\f102"; /* This is the WordPress Dashicon for a house */
        font-family: dashicons;
        text-indent: 0;
        position: absolute;
        top: -2px;
        left: 0;
        font-size: 20px;
        color: inherit; /* Matches your other menu links */
        display: block;
    }

}

@media (min-width: 1200px and max-height: 800px) {
      .scroll-indicator.left-side {
      	left: 20%;
      }
}

@media (max-width: 599px) {

    body {
      font-size: 1.2rem;
    }
    h3,
    h4 {
    	font-size: 110%;
    }
    h5,
    h6 {
    	font-size: 90%;
    }

    .wp-child-theme-suite-ifs-association .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-half,
    .wp-child-theme-suite-ifs-association .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-sixths,
    .wp-child-theme-suite-ifs-association .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fourths,
    .wp-child-theme-suite-ifs-association .wpforms-container .wpforms-one-half,
    .wp-child-theme-suite-ifs-association .wpforms-container .wpforms-three-sixths,
    .wp-child-theme-suite-ifs-association .wpforms-container .wpforms-two-fourths {
      width: 100%;
      padding: 0;
      margin: 0;
    }
    .wpforms-container .wpforms-field.wpforms-five-sixths, .wpforms-container .wpforms-field.wpforms-four-sixths, .wpforms-container .wpforms-field.wpforms-four-fifths, .wpforms-container .wpforms-field.wpforms-one-fifth, .wpforms-container .wpforms-field.wpforms-one-fourth, .wpforms-container .wpforms-field.wpforms-one-half, .wpforms-container .wpforms-field.wpforms-one-sixth, .wpforms-container .wpforms-field.wpforms-one-third, .wpforms-container .wpforms-field.wpforms-three-fourths, .wpforms-container .wpforms-field.wpforms-three-fifths, .wpforms-container .wpforms-field.wpforms-three-sixths, .wpforms-container .wpforms-field.wpforms-two-fourths, .wpforms-container .wpforms-field.wpforms-two-fifths, .wpforms-container .wpforms-field.wpforms-two-sixths, .wpforms-container .wpforms-field.wpforms-two-thirds {
    	float: none;
    	margin-bottom: 10px;
    }
    #about-why-bb,
    #about-why-bb > div {
      padding: 0;
    }
    .site-header-animated .header-row-three .wp-block-group {
    	padding: 15px;
    	display: flex;
    	flex-direction: column;
    }
    .site-header-animated .header-row-three .wp-block-group {
    	display: flex;
    	flex-direction: column;
    }
    .site-header-animated .header-row-three .wp-block-group p {
    	font-size: 90%;
    	line-height: 0.5rem !important;
    }
    body .is-layout-flex .appel-a-action-wrap {
    	display: flex;
    	flex-direction: column;
    }
    #menu-pied-de-page .wp-block-navigation__container {
    	columns: 1;
    }
}

@media (max-width: 768px) {

    /* 1. Target Columns blocks that are NOT inside a header
    main .wp-block-columns.is-not-stacked-on-mobile,
    footer .wp-block-columns.is-not-stacked-on-mobile {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }

    main .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column,
    footer .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
        flex-basis: 100% !important;
        margin-left: 0 !important;
        margin-bottom: var(--wp--style--block-gap, 2rem);
    }

    /* 2. Target Group 'Rows' that are NOT inside a header
    main .wp-block-group.is-layout-flex,
    footer .wp-block-group.is-layout-flex {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    /* 3. Cleanup spacing for stacked items outside the header
    main .wp-block-group.is-layout-flex > *,
    footer .wp-block-group.is-layout-flex > * {
        margin-inline-start: 0 !important;
        margin-top: var(--wp--style--block-gap, 1.5rem);
    } */

    .three-services-block .wp-block-group.is-vertical {
        flex-basis: 100%;
        flex-direction: row;
        gap: 5px;
        justify-content: center;
    }
    .three-services-block > .wp-block-group.wp-block-group-is-layout-flex {
        flex-wrap: wrap;
    }
    .three-services-block > .wp-block-group.wp-block-group-is-layout-flex h4 {
    	line-height: 1.5em !important;
    	font-size: 90%;
    }
    .wp-block-group.three-services-block.is-layout-flow.wp-block-group-is-layout-flow {
    	padding: 5% !important;
    }
    .wp-block-column.is-style-sticky {
    	position: initial;
    }
    .has-background div:not(#home-private-public-blocks) > .wp-block-group:not(.private-public-blocks-wrap) {
    	padding: 10px;
    }
    .has-background .wp-block-group .wp-block-columns {
    	padding: 15px 15px 30px !important;
    	gap: 1em;
    }
    .has-background .wp-block-group .wp-block-columns .wp-block-column {
    	padding: 0 !important;
    }
    .wp-block-columns {
      padding: 5px;
    }
    #titre-du-page {
    	padding: 20px 20px 0;
    }
    .wp-block-group.ifs-services-slogan {
      margin-bottom: 20px;
      gap: 1rem;
    }
    .wp-block-group.ifs-services-slogan h4 {
      font-size: 80%;
      line-height: 1rem;
    }
    #ifs-cta-button {
    	flex-direction: column-reverse;
    	text-align: center;
    }
    .wp-block-image.alignright {
    	float: none;
    	padding: 0;
    	margin: 0 25px 40px;
    }
    #about-top .wp-block-cover__inner-container {
        padding: 0;
    }
    #about-top .wp-block-column.is-vertically-aligned-center {
        padding: 0 !important;
    }
    :root {
      --header-height: 220px; /* Adjust based on your mobile header height */
    }
      /* Change header height only on the homepage */
    .home {
          --header-height: 248px; /* Replace with your desired homepage height */
    }
    #conferences-stages-mobile .event-image-liste {
    	display: none;
    }
    .single-event .event-meta-container {
      flex-direction: column;
      gap: 10px;
    }
    #page-principale-wrap.inverser-colonnes {
    	flex-direction: column-reverse;
    }
    .form-inline.ifs-filters .row {
    	flex-direction: column;
    }

}

@media screen and (max-width:992px) {

    .wp-child-theme-suite-for-crosscurrent-strategies figure.wp-block-gallery.has-nested-images {
    	gap: 20px;
    }
    .floating-jump-menu,
    .scroll-indicator {
    	display: none;
    }
    .private-public-blocks-wrap {
    	width: initial;
    }
    #home-private-public-blocks .wp-block-cover__inner-container {
    	height: 70vw;
    }
    .home.wp-child-theme-suite-for-crosscurrent-strategies #client-logos-fade figure.wp-block-gallery.has-nested-images {
    	gap: 10px;
    }
    .floating-jump-menu {
        display: none;
    }
    #modal-2-content .wp-block-navigation-item__content {
    	font-size: 115%;
    }
    .wp-child-theme-suite-for-crosscurrent-strategies .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
    	margin-bottom: 20px;
    }
    #logo-footer-menu-mobile .wp-block-navigation__container {
    	gap: 1.5rem;
    }

}

@media screen and (max-width:1199px) {

    #home-header-slogan {
      display: none;
    }
    #home-header-slogan-mobile {
      display: flex;
    }
    .wp-child-theme-suite-for-crosscurrent-strategies .wp-block-media-text > .wp-block-media-text__content {
    	padding: 8%;
    }
    .event-bloc {
      flex-direction: column;
    }
    .event-image-liste {
    	text-align: left;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    }

}

@media screen and (max-width:1340px) {

  #ifs-page-template-title h1 {
  	padding-left: 20px !important;
  }

}