/*
===============================================================================================================================
Put your custom CSS in this file.
===============================================================================================================================
*/

/* ================================================================================= */
/* Global
/* --------------------------------------------------------------------------------- */

/* Prevent zoom on mobile */
/*html, body {
    touch-action: pan-x pan-y;
}*/

html {
    scrollbar-gutter: stable;
    /* scrollbar-gutter: stable both-edges; */
}

/* ================================================================================= */
/* Loading panel
/* --------------------------------------------------------------------------------- */

#edb-loading-panel {
    background-color: #222222 !important;
}

#edb-loading-panel-content {
}

.edb-loading-info {
    color: #555555 !important;
}

.edb-loading-info a {
    text-decoration: none !important;
    color: #4c98c2 !important;
}

.edb-loading-info a:hover {
    text-decoration: underline !important;
    color: #eeeeee !important;
}

.edb-loading-info a:visited {
    text-decoration: none !important;
    color: #4c98c2 !important;
}

.edb-loading-panel-reload {

}

.edb-loading-reload {
    border-radius: 1em;
    border-width: 1px;
    border-color: #4c98c2;
    border-style: solid;
    padding-top: .8em;
    padding-bottom: .8em;
    padding-left: 1.3em;
    padding-right: 1.3em;
    color: #4c98c2;
    background-color: rgba(0,0,0,0.0);
}

.edb-loading-reload:hover {
    color: #eeeeee;
    background-color: #4c98c2;
}

.edb-loading-reload-info {
    color: #aaaaaa;
}

/* ================================================================================= */
/* Loader
/* --------------------------------------------------------------------------------- */

.edb-loader  {
}

/* ================================================================================= */
/* Spinner: ripple
/* https://loading.io/css/
/* --------------------------------------------------------------------------------- */

.edb-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.edb-ripple div {
  position: absolute;
  border: 4px solid rgb(0, 168, 252);
  opacity: 1;
  border-radius: 50%;
  animation: edb-ripple 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.edb-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes edb-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}

/* ================================================================================= */
/* Fade in/out animation
/* --------------------------------------------------------------------------------- */

@keyframes edb-fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-moz-keyframes edb-fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-webkit-keyframes edb-fadein { /* Safari */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-o-keyframes edb-fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/* ================================================================================= */
/* Typography
/* --------------------------------------------------------------------------------- */

@font-face {
    font-family: 'EDB';
    src: url('../fonts/fira-sans.font-face-kit/FiraSans-Book.eot');
    src: url('../fonts/fira-sans.font-face-kit/FiraSans-Book.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fira-sans.font-face-kit/FiraSans-Book.woff2') format('woff2'),
         url('../fonts/fira-sans.font-face-kit/FiraSans-Book.woff') format('woff'),
         url('../fonts/fira-sans.font-face-kit/FiraSans-Book.ttf') format('truetype'),
         url('../fonts/fira-sans.font-face-kit/FiraSans-Book.svg#FiraSans-Heavy') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'EDB-Bold';
    src: url('../fonts/fira-sans.font-face-kit/FiraSans-Bold.eot');
    src: url('../fonts/fira-sans.font-face-kit/FiraSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fira-sans.font-face-kit/FiraSans-Bold.woff2') format('woff2'),
         url('../fonts/fira-sans.font-face-kit/FiraSans-Bold.woff') format('woff'),
         url('../fonts/fira-sans.font-face-kit/FiraSans-Bold.ttf') format('truetype'),
         url('../fonts/fira-sans.font-face-kit/FiraSans-Bold.svg#FiraSans-Heavy') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'EDB-ExtraBold';
    src: url('../fonts/fira-sans.font-face-kit/FiraSans-ExtraBold.eot');
    src: url('../fonts/fira-sans.font-face-kit/FiraSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fira-sans.font-face-kit/FiraSans-ExtraBold.woff2') format('woff2'),
         url('../fonts/fira-sans.font-face-kit/FiraSans-ExtraBold.woff') format('woff'),
         url('../fonts/fira-sans.font-face-kit/FiraSans-ExtraBold.ttf') format('truetype'),
         url('../fonts/fira-sans.font-face-kit/FiraSans-ExtraBold.svg#FiraSans-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

h1 { /* Title */
}

h2 { /* Subtitle */
    font-weight: normal !important;
    color: #dcdcdc;
    padding-top: 0.7em;
}

h3 { /* Title in text */
    text-align: left;
    font-family: "EDB-ExtraBold", Helvetica, Arial, sans-serif;
    /*font-variant: small-caps !important;*/
    font-size: 1.4em;
    /*font-weight: bold;*/
    color: #1f5800;
    margin-top: 2em;
    margin-bottom:1.1em;
    margin-left: 1em;
    text-indent: 0;
    padding-left: .75em;
    padding-top: .5em;
    padding-bottom: .5em;
    border-radius: .2em;
    background-image: linear-gradient(to right , #e1edfd, rgba(225, 237, 252, 0.0));
}

h4 { /* Subtitle in text */
    text-align: left;
    font-family: "EDB-ExtraBold", Helvetica, Arial, sans-serif;
    /*font-variant: small-caps !important;*/
    font-size: 1.2em;
    /* font-weight: bold; */
    color: #1f5800;
    margin-top: 2em;
    margin-bottom:1.1em;
    margin-left: 1.15em;
    text-indent: 0;
}

h5 { /* Little title: card and accordion */
    text-indent: 0;
    color: #3a414e;
}

h6 { /* Image caption in text */
    font-family: 'EDB', Helvetica, Arial, sans-serif;
    font-size: 0.7em;
    color: #888888;
    margin-top:-0.9em;
    margin-bottom:1.2em;
    text-indent: 0;
}

.edb-image-caption { /* Caption for floating image */
    font-family: 'EDB', Helvetica, Arial, sans-serif;
    font-size: 0.7em;
    line-height: 1.2;
    text-align: left;
    color: #888888;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom:0;
    text-indent: 0;
    display: inherit;
}

ul {
    text-indent: 0;
}

ol {
    text-indent: 0;
}

p { /* Paragraph in text */
    margin-bottom: 0.5em;
}

:root {
    --edb--a-color: #3085EE;
    --edb--a-visited-color: #3085EE;
    --edb--a-hover-color: #3085EE;
}

a {
    color: #3085EE;
    color: var(--edb--a-color);
}

a:visited {
    color: #3085EE;
    color: var(--edb--a-visited-color);
}

a:hover {
    color: #3085EE;
    color: var(--edb--a-hover-color);
}

:root {
    --edb--blockcode-background: #f8f8f8;
}
pre code:not(.hljs):not([class*="language-"]) {
    background: #f8f8f8;
    background: var(--edb--blockcode-background);
}

/* ================================================================================= */
/* Symbols
/* --------------------------------------------------------------------------------- */

.edb-symbol-warning-high {
    color: #ff0000;
}

.edb-symbol-warning-medium {
    color: #ffa500;
}

.edb-symbol-warning-normal {
    color: #ffff00;
}

.edb-symbol-warning-low {
    color: #50596c;
}

.edb-symbol-circle-background {
    background-color: #ffffff;
    border-radius: 4em;
    padding-top: .3em;
    padding-bottom: .4em;
    padding-left: .4em;
    padding-right: .4em;
}

/* ================================================================================= */
/* Typography entities
/* --------------------------------------------------------------------------------- */

.edb-star-sep {
    /*font-family: EDB, Helvetica, Arial, sans-serif;*/
    font-weight: bold;
    text-align: center;
    text-indent: 0;
    color: #1f5800; /* rgba(31, 88, 0, 1.0) */
    /*height: 2em;*/
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.edb-fa-spin-fix { /* Animated spin (fixed centered rotation) */
    text-indent: 0.3em;
}

/* ================================================================================= */
/* Mark
/* --------------------------------------------------------------------------------- */

#edb-mark { /* https://max.hn/thoughts/how-to-create-a-highlighter-marker-effect-in-css */
    color: #50596c;
    margin: 0 -0.4em;
    padding: 0.1em 0.4em;
    border-radius: 0.8em 0.3em;
    border-bottom-color: #ffd367;
    background: transparent;
    background-image: linear-gradient(
      to right,
      rgba(255, 225, 0, 0.1),
      rgba(255, 225, 0, 0.7) 4%,
      rgba(255, 225, 0, 0.3)
    );
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

/* ================================================================================= */
/* Link special behaviors
/* --------------------------------------------------------------------------------- */

.edb-ancor-hashtag-offset:before {
	display: block;
 	content: " ";
  	height: 100px;      /* Give height of the fixed element */
    margin-top: -100px; /* Give negative margin of the fixed element */
    visibility: hidden;
}

:root {
    --edb--anchor-highlight-start: rgba(255, 225, 0, 0.7);
    --edb--anchor-highlight-mid: rgba(255, 225, 0, 0.4);
}

@keyframes edb-anchor-highlight-animation {
    0% {
        background-color: var(--edb--anchor-highlight-start);
    }
    50% {
        background-color: var(--edb--anchor-highlight-mid);
    }
    100% {
        background-color: transparent;
    }
}

.edb-anchor-highlight {
    animation: edb-anchor-highlight-animation 8s ease-out; /* Sync with JS value */
    border-radius: 3px;
}

/* Special style for footnote reference highlights */
/* Highlight a horizontal bar around the small superscript number */
/* The class is applied directly to the <sup> element via JavaScript */
sup.edb-anchor-highlight-footnote-ref {
    position: relative;
}
sup.edb-anchor-highlight-footnote-ref::before {
    content: '';
    position: absolute;
    left: -20px;  /* Extend to the left */
    right: -20px;  /* Extend to the right */
    top: -0.5em;
    height: 2.2em;
    z-index: -1;
    pointer-events: none;
    border-radius: 30px;
    animation: edb-anchor-highlight-animation 8s ease-out; /* Use standard animation */
}

/* ================================================================================= */
/* Input form
/* --------------------------------------------------------------------------------- */

:root {
    --edb--form-input-background-color: #e8f0fe;
    --edb--form-input-focus-background-color: #e8f0fe;
}

.form-input {
    background-color: #e8f0fe !important;
    background-color: var(--edb--form-input-background-color) !important;
}

.form-input:focus {
    background-color: #e8f0fe !important;
    background-color: var(--edb--form-input-focus-background-color) !important;
}

/* ================================================================================= */
/* Tooltip (balloon.css)
/* --------------------------------------------------------------------------------- */

.edb-tooltip {
    --balloon-font-size: 13px;
    --balloon-color: rgba(29, 85, 1, 0.822);
    z-index: 2 !important;
}

.edb-tooltip::after {
    text-align: left !important;
}

/* ================================================================================= */
/* Labels (used for taxonomy)
/* --------------------------------------------------------------------------------- */

.label {
    font-size: 14px;
    text-transform: none;
    font-variant: small-caps;
    color: #3085BF;
    background: #e1edfd;
}

.label.label-primary {
    background: #3085EE !important;
    color: #ffffff !important;
}

.tags a:hover {
    text-decoration: none;
    color: #ffffff !important;
    background: #3085EE !important;
}

.label.edb-label-taxonomy {
    font-size: 12px;
    font-variant: normal;
}

.label.label-rounded {
    border-radius: .2rem;
    padding-left: .3rem;
    padding-right: .3rem;
    padding-top: .15em;
    padding-bottom: .2em;
    margin-top: .1em;
    margin-bottom: .1em;
}

#listing-footer {
    margin-left: 12px;
    margin-right: 12px;
}

.edb-label-button-filter-disable {
    width: 100%;
    font-variant: small-caps;
    color: #3085EE;
    padding: 0.2em;
    margin-bottom: -1em;
    border-width: 0.05em;
    border-radius: 0.5em;
    border-color: #ff0000;
    border-style: solid;
    background-color: #e1edfd;
}

.edb-label-button-filter-disable:hover {
    text-decoration: none;
    color: #ffffff;
    border-color: #3085EE;
    background-color: #3085EE;
    cursor: pointer;
}

/* ================================================================================= */
/* Sidebar
/* --------------------------------------------------------------------------------- */

.edb-sidebar-button-sort-info[aria-label]:after { /* Tooltip for sort info button */
    text-align: left !important;
    white-space: normal !important;
}

/* Hide fixed sidebar on desktop when floating sidebar is visible */
@media (min-width: 841px) {
    #sidebar {
        /* Use "visibility: hidden" instead of "display: none" to keep layout for JS positioning */
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

/* ================================================================================= */
/* Sidebar (floating sidebar)
/* --------------------------------------------------------------------------------- */

:root {
    --edb--floating-sidebar-scroll-shadow: rgba(0, 0, 0, 0.2);
}

/* Floating sidebar overlay (non-intrusive copy) */
.edb-floating-sidebar-container {
    position: fixed;
    z-index: 1;             /* Same level as page content; TOC (4), Algolia, etc. will be above */
    top: 0;                 /* Actual top/left/width will be aligned via JS to original sidebar */
    left: 0;
    width: auto;
    height: auto;           /* Height controlled by top + bottom */
    pointer-events: none;   /* Container itself does not capture events; panel is interactive */
    display: block;         /* Visible by default on desktop */
    visibility: visible;    /* Visible by default on desktop */
}

.edb-floating-sidebar {
    position: absolute;
    inset: 0;
    border-radius: 10px;
    /*box-shadow: 0 10px 45px -9px rgb(0 0 0 / 30%);*/
    background-color: transparent;
    display: flex;
    flex-direction: column;
    pointer-events: auto;   /* Enable interaction inside */
    overflow: hidden;       /* Clipping during scroll */
    box-sizing: border-box; /* Include padding/border in width to avoid horizontal overflow */
}

.edb-floating-sidebar-content-container {
    position: relative;
    flex: 1 1 auto;
    overflow: auto;
    overflow-x: hidden;     /* Prevent horizontal scrollbar */
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding: 0px 0px 0px 4px;
    /* Hide native scrollbar completely (Windows arrow buttons included) */
    scrollbar-width: none; /* Firefox: hide scrollbar */
    -ms-overflow-style: none; /* IE/Edge: hide scrollbar */
}

/* Shadow overlay when scrolled - positioned on parent to stay fixed */
.edb-floating-sidebar::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 30px;
    background: linear-gradient(to bottom, var(--edb--floating-sidebar-scroll-shadow) 0%, transparent 100%);
    pointer-events: none;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.edb-floating-sidebar.scrolled::before {
    opacity: 1;
}

/* WebKit browsers (Chrome, Safari, Opera): hide scrollbar completely (including arrow buttons on Windows) */
.edb-floating-sidebar-content-container::-webkit-scrollbar {
    width: 0px; /* Hide scrollbar completely */
    display: none; /* Additional hiding for Windows */
}

.edb-floating-sidebar-content {
    font-family: EDB, Helvetica, Arial, sans-serif;
    line-height: 1.35;
    overflow-wrap: anywhere; /* Break long words/URLs */
    word-break: break-word;
}

.edb-floating-sidebar-content img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Adjust line-height for sharing buttons in floating sidebar (adjustable value) */
.edb-floating-sidebar-content .edb-sidebar-sharing-buttons,
.edb-floating-sidebar-content .edb-sections-sharing-buttons {
    line-height: 2.3;
}

/* Hide floating sidebar on small screens (where the original sidebar stacks) */
@media (max-width: 840px) {
    .edb-floating-sidebar-container {
        display: none !important;
        visibility: hidden !important;
    }
}

/* ================================================================================= */
/* Sidebar (draggable elements)
/* --------------------------------------------------------------------------------- */

@media screen and (max-width : 840px) {
.edb-sidebar-button-sort { /* sidebar container */
    display: none;
}}

.edb-sidebar-button-sort-default {
    font-variant: small-caps;
    text-align: center;
    color: #3085EE;
    line-height: 1.3em;
    padding-left: 0.4em;
    padding-right: 0.4em;
    padding-top: 0.4em;
    padding-bottom: 0.45em;
    border-width: 0.05em;
    border-radius: 0.5em;
    border-color: #ff0000;
    border-style: solid;
    background-color: #e1edfd;
}

.edb-sidebar-button-sort-default:hover {
    text-decoration: none;
    color: #fff;
    border-color: #3085EE;
    background-color: #3085EE;
    cursor: pointer;
}

.edb-sidebar-button-sort-default:disabled {
    pointer-events: none;
}

.edb-sidebar-button-sort-info {
    font-size: 18px;
    font-weight: 700;
    color: #4a8b27;
    border: none;
    /*border-color: transparent;*/
    border-radius: 2em;
    width: 2em;
    height: 2em;
    background-color: #d4f5c4;
    padding: .1em;
    margin: .2em;
    z-index: 1 !important;
}

.edb-sidebar-button-sort-info:hover {
    color: #ffffff;
    background-color: #4a8b27;
}

.edb-sidebar-button-sort-lock {
    font-size: 18px;
    color: #3085EE;
    border: none;
    /*border-color: transparent;*/
    border-radius: 2em;
    width: 2em;
    height: 2em;
    background-color: #e2edfe;
    padding-left: .35em;
    padding-right: .1em;
    padding-top: .1em;
    padding-bottom: .1em;
    margin: .2em;
}

.edb-sidebar-button-sort-lock:hover {
    color: #ffffff;
    background-color: #3085EE;
    cursor: pointer;
}

.edb-sidebar-sortable-ghost {
    opacity: .4;
}

.edb-sidebar-sortable-chosen {
    /*opacity: .3;*/
}

.edb-sidebar-sortable-drag {
    opacity: .8;
}

.edb-sidebar-section-title {
    color: #9a9a9a;
}

/* ================================================================================= */
/* Header and navbar
/* --------------------------------------------------------------------------------- */

#header {
    background-color: "#ffffff";
    --edb--header-background-color: #ffffff;
    background-color: var(--edb--header-background-color);
    z-index: 555 !important;
}

.header-dark.header-transparent #header:not(.scrolled) {
    background: rgba(0, 0, 0, 0.0);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
}

.navbar-brand {
    margin-left: 1.5em;
}

:root {
    --edb--dropmenu-ul-li-a-color : #464e5e;
    --edb--dropmenu-ul-li-a-hover-color : #3085EE;
    --edb--dropmenu-ul-li-a-focus-color : #3085EE;
    --edb--dropmenu-ul-li-a-active-color: #3085EE;
    --edb--dropmenu-background-desktop: linear-gradient(rgb(255, 255, 255), rgb(225, 237, 254));
    --edb--dropmenu-background-mobile: transparent;
}

.header-dark #header:not(.scrolled) .dropmenu ul ul a {
    color: var(--edb--dropmenu-ul-li-a-color) !important;
}
/*
.header-dark #header:not(.scrolled) .dropmenu ul li a:hover {
    /*color: #3085EE !important;/
    color: var(--edb--dropmenu-ul-li-a-hover-color) !important;
}
/*
.header-dark #header:not(.scrolled) .dropmenu ul li a:focus {
    /*color: #3085EE !important;/
    color: var(--edb--dropmenu-ul-li-a-focus-color) !important;
}
*/
.dropmenu ul li a {
    /*color: #464e5e !important;*/
    color: var(--edb--dropmenu-ul-li-a-color) !important;
}

.dropmenu ul li a:hover {
    /*color: #3085EE !important;*/
    color: var(--edb--dropmenu-ul-li-a-hover-color) !important;
}

.dropmenu ul li a:focus {
    /*color: #3085EE !important;*/
    color: var(--edb--dropmenu-ul-li-a-focus-color) !important;
}

.dropmenu ul li a.active {
    /*color: #3085EE !important;*/
    color: var(--edb--dropmenu-ul-li-a-active-color) !important;
}

.dropmenu ul li a:before {
    margin-right: -12px;
    visibility: hidden;
}

.edb-navigation-dropmenu { /* Desktop and mobile menu */
    left: -0.5em;
    min-width: 10em;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
    padding-left: 0.8em;
    padding-right: 0.8em;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    /*border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;*/
    border-radius: 0.2rem;
    box-shadow: 0 10px 45px -9px rgb(0 0 0 / 50%) !important;
    background: var(--edb--dropmenu-background-desktop) !important;
}

.overlay-menu .edb-navigation-dropmenu {
    background: var(--edb--dropmenu-background-mobile) !important;
    box-shadow: none !important;
}

.edb-navbar-language {
    width: 8em;
    position: absolute;
    right: 6em;
}

.edb-navbar-language .language-selector .btn {
    position: relative;
    left: 0;  /* No more offset - the container is already offset. */
    top: -0.83em;
    width: 2em;
    height: 2.3em;
    padding: 0 0 0 0.25em;
    border: none;
    background-color: rgba(0, 0, 0, 0.0) !important;
    display: flex;
    align-items: center;
}

.edb-navbar-language .language-selector .btn:hover {
    background-color: rgba(0, 0, 0, 0.0) !important;
}

.edb-navbar-language .language-selector .btn img {
    max-width: 4em;
}

.edb-navbar-language .language-selector .btn .edb-language-selector-flag {
    font-size: 1.3em;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Flag image of the selected language */
.edb-navbar-language .language-selector .btn .edb-language-selector-flag img {
    width: 1.1em !important;
    height: auto !important;
    align-self: center;
    vertical-align: middle;
}

.edb-navbar-language .language-selector {
    position: relative;
    left: 3em;  /* Align with button that has left: 3em */
    width: 2em;  /* Button width */
    overflow: visible;  /* Allow dropdown to overflow */
}

.edb-navbar-language .language-selector .dropdown-menu {
    left: -6em;
    top: 1em;
}

.header-dark #header:not(.scrolled) .edb-navbar-language .language-selector a {
    color: var(--edb--dropmenu-ul-li-a-active-color) !important;
}

.edb-navbar-language-selector-wrapper {
    position: relative;
}

.edb-navbar-language-hint-panel {
    position: absolute;
    display: none;

    left: -23em;
    top: 3em;

    width: 17em;
    height: auto;
    display: none;
    flex-direction: column;
    justify-content: center;

    padding-left: 1em;
    padding-right: 1em;
    padding-top: 1em;
    padding-bottom: 1em;

    background-color: rgba(0, 20, 0, 0.85);
    color: #ffffff;

    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-radius: 0.2rem;

    box-shadow: 0 10px 45px -9px rgb(0 0 0 / 50%);

    font-family: EDB, Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    font-weight: 300;
    line-height: 1.4;
    text-align: left;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

    z-index: 2;
}

.edb-navbar-language-hint-panel p {
    margin: 0 0 1em 0;
    font-weight: 300;
}

.edb-navbar-language-hint-panel p:last-child {
    margin-bottom: 0;
}

.edb-navbar-language-hint-panel strong {
    font-weight: 700;
}

/* Afficher le panneau SEULEMENT quand la dropdown est visible */
.edb-navbar-language-selector-wrapper .language-selector:hover ~ .edb-navbar-language-hint-panel,
.edb-navbar-language-selector-wrapper .jqdropdown[style*="display: block"] ~ .edb-navbar-language-hint-panel {
    display: flex;  /* center */
}

.edb-navbar-settings {
    position: absolute;
    right: 4em;
}

.edb-settings-link {
    color: #aaaaaa;
}

.edb-settings-link:hover {
    color: #000080;
}

.edb-search-link {
    color: #aaaaaa;
}

.edb-search-link:hover {
    color: #000080;
}

.edb-dossier-link {
    color: #aaaaaa;
}

.edb-dossier-link:hover {
    color: #000080;
}

.edb-socnet-link {
    color: #aaaaaa;
}

.edb-socnet-link:hover {
    color: #000080;
}

/* ================================================================================= */
/* Mobile menu
/* --------------------------------------------------------------------------------- */

/* Prevent scrolling when mobile menu is open */
body.mobile-nav-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

.mobile-menu {
    z-index: 777 !important;
}

.mobile-container {
    z-index: 10;
}

div.mobile-container .mobile-logo {
    visibility: hidden;
}

.mobile-menu .button_container.active .top {
    background: #3085EE;
}

.mobile-menu .button_container.active .middle {
    background: #3085EE;
}

.mobile-menu .button_container.active .bottom {
    background: #3085EE;
}

.mobile-menu .button_container .top {
    background: #3085EE;
}

.mobile-menu .button_container .middle {
    background: #3085EE;
}

.mobile-menu .button_container .bottom {
    background: #3085EE;
}

/* BEGIN: Make hamburger/cross icon thinner */
.mobile-menu .button_container {
    top: 1.5rem !important;
}
body.header-fixed.header-animated #header.scrolled ~ .mobile-menu .button_container {
    top: 0.7rem !important;
}
/* END: Make hamburger/cross icon thinner */

/* BEGIN: Lower the hamburger icon position */
.mobile-menu .button_container span {
    height: 2px !important;
}
.mobile-menu .button_container span:nth-of-type(2) {
    top: 6px;
}
.mobile-menu .button_container span:nth-of-type(3) {
    top: 12px;
}
.mobile-menu .button_container.active .top {
    transform: translateY(6px) translateX(0) rotate(45deg) !important;
}
.mobile-menu .button_container.active .bottom {
    transform: translateY(-6px) translateX(0) rotate(-45deg) !important;
}
/* END: Lower the hamburger icon position */

.treemenu a {
    color: #ffffff !important;
}

.treemenu li a:hover, .treemenu li a:focus, .treemenu li a.active {
    color: #b0fac0 !important;
    /*background-color: #b0fac0;*/
}

.tree-empty {
    text-indent: 0;
    line-height: 50px !important;
    font-family: EDB, Helvetica, Arial, sans-serif;
    font-weight: bold;
    /*font-variant: small-caps;*/
    color: #ffffff !important;
    background-color: transparent !important;
}

/*
.tree-opened .edb-sharing-button {
}

.tree-opened .edb-navigation-dropmenu {
}
*/

.tree-closed {
    text-indent: 0;
    line-height: 100px !important;
    font-family: EDB, Helvetica, Arial, sans-serif;
    font-weight: bold;
    /*font-variant: small-caps;*/
    color: #ffffff !important;
    background-color: transparent !important;
}

.tree-opened {
    text-indent: 0;
    line-height: 100px !important;
    font-family: EDB, Helvetica, Arial, sans-serif;
    font-weight: bold;
    /*font-variant: small-caps;*/
    color: #ffffff !important;
    background-color: transparent !important;
}

.tree-empty a {
    color: white;
}

.tree-closed a {
    color: white;
}

.tree-opened a {
    color: white;
}

.tree-empty .toggler {
    display: none;
}

/* Hide toggler for social network menu in mobile and always show the submenu */
.overlay-menu li:has(> a#edb-socnet) .toggler {
    display: none;
}

.overlay-menu li:has(> a#edb-socnet) > .edb-navigation-dropmenu {
    display: flex !important;
    flex-wrap: wrap !important;
    position: static !important;
    visibility: visible !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-top: 0.5em !important;
    margin-left: 3em !important;
    gap: 0.5em !important;
}

.overlay-menu .treemenu li.tree-empty {
    background: transparent !important;
}

.overlay-menu li:has(> a#edb-socnet) > .edb-navigation-dropmenu li {
    background: transparent !important;
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.overlay-menu li:has(> a#edb-socnet) > .edb-navigation-dropmenu center {
    display: inline-block !important;
    margin: 0 !important;
}

.overlay-menu li:has(> a#edb-socnet) {
    line-height: normal !important;
}

.overlay-menu a#edb-socnet {
    pointer-events: none !important;
    cursor: default !important;
}

/* Separator before social networks in mobile menu */
.overlay-menu li.edb-mobile-separator {
    line-height: 1rem !important;
    padding: 1rem 0 !important;
}

.overlay-menu li.edb-mobile-separator hr {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    margin: 0;
}

.overlay-menu .toggler {
    width: 2em;
    height: 2em;
    padding-top: 0.5em;
    text-indent: 0;
    font-size: 22pt;
    z-index: 1 !important;
}

.overlay-menu {
    background-color: transparent !important;
}

.overlay {
    background-color: rgba(0, 0, 0, 0.9);
}

/* Hide mobile menu overlay on desktop */
@media (min-width: 841px) {
    .overlay.open {
        display: none !important;
    }
}

/* ================================================================================= */
/* Footer
/* --------------------------------------------------------------------------------- */

#footer {
    position: relative;
    z-index: 2;
}

.edb-footer-group {
    display: inline-block;
    vertical-align: top;
}

.edb-footer-group-copyright {
    width: 65%;
    text-align: left;
}

.edb-footer-group-contact {
    width: 34%;
    text-align: right;
}

@media screen and (max-width: 840px) {
    .edb-footer-group {
        width: 100%;
    }
}

.edb-footer-notice-small {
    font-size: 0.7rem;
}

.edb-footer-syndicate-buttons {
    text-align: right;
}

/* ================================================================================= */
/* Pagination (plug-in)
/* --------------------------------------------------------------------------------- */

.pagination a:hover {
	text-decoration: none;
    background-color: #e2edfe;
}

.pagination li {
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-color:  #eeeeee;
}

/* Reduce width of gap ([…]) in pagination */
.pagination li.gap {
    width: 1.1em;
}
.pagination li.gap span {
    padding: 0;
}

/* Reduce pagination delta=3 on mobile (hide page numbers > 2 distance from current) */
@media (max-width: 840px) {
    .pagination li[data-page-distance="3"],
    .pagination li[data-page-distance="4"],
    .pagination li[data-page-distance="5"],
    .pagination li[data-page-distance="6"] {
        display: none;
    }
}

/* ================================================================================= */
/* About page
/* --------------------------------------------------------------------------------- */

.edb-about {
    max-width: 800px;
    margin: auto;
}

.edb-about-title {
    color:#388aef;
}

.edb-about-subtitle {
    color:#388aef;
    font-variant:small-caps;
}

.edb-about article {
    font-family: EDB, Helvetica, Arial, sans-serif !important;
    font-size: 1em !important;
    line-height: 1.3em !important;
    margin-left: 1.5em;
    margin-right: 1.5em;
}

.edb-about .accordion-wrapper p {
    margin-left: 2em;
    margin-right: 2em;
}

.edb-about .accordion-wrapper ul p {
    margin-left: 0;
    margin-right: 0;
}

.edb-about .accordion-wrapper ul li {
    margin-left: 2em;
    margin-right: 2em;
}

.edb-about .accordion-wrapper ul li ul li {
    margin-left: 0;
    margin-right: 0;
}

/* ================================================================================= */
/* Search pages (query and result)
/* --------------------------------------------------------------------------------- */

.edb-search-image {

}

.tntsearch-form .form-input {
    background-color: #FFFFFF;
}

.tntsearch-form .form-input:focus {
    border-color: #418ff0;
    --edb--tntsearch-form--form-input-border-color: #418ff0;
    border-color: var(--edb--tntsearch-form--form-input-border-color);
}

.tntsearch-clear {
    color: #418ff0;
    border-radius: 100%;
    padding: 0 1rem;
    line-height: 1.05;
    position: absolute;
    right: 0;
    font-size: 2rem;
    top: 0;
    cursor: pointer;
}

:root {
    --edb--tntsearch-dropdown--tntsearch-results--row-background-color: #ffffff;
}

.tntsearch-dropdown ~ .tntsearch-results .row {
    box-shadow: 0 2px 20px rgba(0,0,0, 0.3);
    background-color: #ffffff;
    background-color: var(--edb--tntsearch-dropdown--tntsearch-results--row-background-color);
    z-index: 4;
}

@media screen and (max-width : 840px) {
    .sidebar-content .tntsearch-form {
        display: none !important;
    }
}

.edb-tntquery-container {
    /*border: 1px solid #eeeeee;*/
    /*box-shadow:  5px  10px 10px #eeeeee;*/
}

.edb-tntquery-thumbnail-container-width {
    width: 100px;
}

.edb-tntquery-thumbnail-container-height {
    width: 100px;
}

.edb-tntquery-thumbnail {
    object-fit: cover;
    object-position: 50% 50%;
    width: 100px;
    height: 100px;
}

:root {
    --edb--tntsearch-results-em-background-color: #ffff33;
}

.edb-tntquery-thumbnail-container-content {
    text-align:justify;
    overflow-wrap: break-word !important;
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word;
}

.tntsearch-results em {
    padding-left: .2em;
    padding-right: .2em;
    padding-top: 0;
    padding-bottom: .2em;
    border-radius: .2em;
    background-color: #ffff33;
    background-color: var(--edb--tntsearch-results-em-background-color);
}

:root {
    --edb--tntsearch-results--info-color: #999999;
}

.tntsearch-results .info {
    color: #999999;
    color: var(--edb--tntsearch-results--info-color);
}

/* ================================================================================= */
/* Embeded tweets
/* --------------------------------------------------------------------------------- */

@media screen and (max-width: 840px) {
.edb-sidebar-tweets {
    display: none;
}
}

.edb-sidebar-tweets {
    max-width: 500px;
    height: 500px;
    overflow: hidden;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    /*border-color: #caced7;
    border-width: 1px;
    border-style: solid;*/
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 45px -9px;
    background-color: transparent;
}

.edb-sidebar-tweets-start-link {
    text-align: center;
    opacity: 75%
}

.edb-sidebar-tweets-start-link:hover {
    text-decoration: none;
    opacity: 100%
}

/* ================================================================================= */
/* Sharing, print and export buttons: all page types and menus
/* --------------------------------------------------------------------------------- */

.edb-sidebar-sharing-buttons edb-sections-sharing-buttons { /* Container with all the buttons */
    text-align: left;
}

.edb-sidebar-sharing-buttons a {
    display: inline-block;
    clear: none;
    margin-right: 0.33em;
    margin-bottom: -0.4em;
}

.edb-sections-sharing-buttons a {
    display: inline-block;
    clear: none;
    margin-right: 0.33em;
    margin-bottom: -0.4em;
}

a:hover .edb-sharing-button {
    filter: brightness(120%);
}

.edb-sharing-button {
    width: 2.5em;
    height: 2.5em;
    margin-right: -.12em;
    /*padding: 0.3em;*/
    position: relative;
    /*top: -0.8em;*/
}

.edb-sidebar-sharing-divider {
    height: 13px !important;
}

/* ================================================================================= */
/* Tool buttons: all page types and menus
/* --------------------------------------------------------------------------------- */

.edb-sidebar-tool-buttons a { /* Container */
    display: inline-block;
    clear: none;
    margin-right: 0.33em;
    margin-bottom: -0.4em;
}

.edb-sections-tool-buttons a { /* Container */
    display: inline-block;
    clear: none;
    margin-right: 0.33em;
    margin-bottom: -0.4em;
}

@media screen and (max-width: 840px) {
.edb-sidebar-tool-buttons a {  /* Container */
    display: none !important;
}
.edb-sections-tool-buttons a {  /* Container */
    display: none !important;
}
.edb-tools {
    display: none !important;
}
}

/* ================================================================================= */
/* Tool panel
/* --------------------------------------------------------------------------------- */

:root {
    --edb--tool-panel-bg: #e3edfb;
    --edb--tool-btn-hover-bg: #4983e7;
}

.edb-tools {
    display: inline-flex;
    flex-direction: column;
    gap: 3.75px;
    padding: 8px;
    background: var(--edb--tool-panel-bg);
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.edb-tools-row {
    display: flex;
    gap: 4px;
    justify-content: flex-start;
}

/* Grouped buttons (e.g., -/+/default for same tool) */
.edb-tools-group {
    display: flex;
    gap: 0;
}

.edb-tools-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border: none;
    background: rgb(187, 208, 233);
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    transition: all 0.15s ease;
    z-index: 1 !important;
}

.edb-tools-btn img {
    width: 28px;
    height: 28px;
    display: block;
}

/* Buttons inside a group: adjust border-radius for seamless look */
.edb-tools-group .edb-tools-btn {
    border-radius: 0;
    box-shadow: none;
    border-right: 0.25px solid var(--edb--tool-panel-bg);
}

.edb-tools-group .edb-tools-btn:first-child {
    border-radius: 6px 0 0 6px;
}

.edb-tools-group .edb-tools-btn:last-child {
    border-radius: 0 6px 6px 0;
    border-right: none;
}

.edb-tools-group {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
    border-radius: 6px;
}

/* Hover effect */
.edb-tools-btn:hover {
    background: var(--edb--tool-btn-hover-bg) !important;
}

.edb-tools-btn.edb-tools-reset:hover {
    background: linear-gradient(145deg, #3a0a0a 0%, #c0392b 100%) !important;
}

/* Keep border-radius on hover for grouped buttons */
.edb-tools-group .edb-tools-btn:hover {
    border-radius: 0;
}

.edb-tools-group .edb-tools-btn:first-child:hover {
    border-radius: 6px 0 0 6px;
}

.edb-tools-group .edb-tools-btn:last-child:hover {
    border-radius: 0 6px 6px 0;
}

/* Active/click effect */
.edb-tools-btn:active {
    background: rgba(0, 0, 0, 0.1);
    transform: scale(0.95);
}

/* Toggle buttons - active state */
.edb-tools-toggle.active {
    background: #dbeafe;
    box-shadow: inset 0 1px 3px rgba(59, 130, 246, 0.3);
}

.edb-tools-toggle.active:hover {
    background: #bfdbfe;
}

/* ================================================================================= */
/* Language selector (dropdown): all page types
/* --------------------------------------------------------------------------------- */

.language-selector .btn {
    color: #000000;
    border-color: #cccccc;
    background-color: #ffffff;
}

.language-selector .btn:hover {
    color: #000000;
    border-color: #3085ee;
    background-color: #ffffff;
}

.language-selector .dropdown-menu {
    font-family: EDB, Helvetica, Arial, sans-serif;
    background-color: #ffffff !important;
    padding-bottom: 0.6em;
}

.language-selector .dropdown-menu li a {
    display: flex;
    align-items: center;
}

.language-selector .dropdown-menu li:hover a {
    text-decoration: none;
    background-color: #e1edfd;
}

.language-selector {
    float: left;
    margin-left: 1.5em !important;
    top: 2.2em !important;
    z-index: 3;
}

/* Flag container styling - uniform size and alignment */
.edb-language-selector-flag {
    font-size: 1.2em;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
}

/* Twemoji generated images */
.edb-language-selector-flag img {
    width: 2.5em !important;
    height: auto !important;
    display: inline-block;
    vertical-align: middle;
}

/* Flags in dropdown menu */
.language-selector .dropdown-menu .edb-language-selector-flag img {
    width: 1em !important;
    height: auto !important;
}

.edb-language-selector-preference {
    FONT-SIZE:12px;
    COLOR:#388aef;
    LINE-HEIGHT:16px;

    text-align: justify;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
}

.edb-sidebar-language-selector-preference {
    border-radius: 0.5em;
    background-color: #e1edfd;
}

.edb-sections-language-selector-preference {
    border-radius: 0.5em;
    background-color: #e1edfd;
}

.edb-alaune-language-selector-preference {
    width: 100%;
    margin-bottom: 26px;
    box-shadow: 5px 10px 10px rgba(0.0, 0.0, 0.0, 0.25);
    background-color: #e1edfd;
}

/* ================================================================================= */
/* TOC panel
/* --------------------------------------------------------------------------------- */

.edb-toc-panel-container {
    position: fixed;
    z-index: 4;
    top: 80px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    pointer-events: none;
}

.edb-toc-panel {
    position:absolute;
    right: 0;
    top: 5px;
    width: 300px;
    height: 200px;
    border-radius: 1em;
    box-shadow: 0 10px 45px -9px rgb(0 0 0 / 30%);
    background-color: rgba(0,0,0,0.7);

    touch-action: none;
    box-sizing: border-box; /* This makes things *much* easier */

    pointer-events: auto;

    font-size: 12pt;
    font-family: EDB, Helvetica, Arial, sans-serif;
    line-height: normal;
    text-align: left;
    hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
}

.edb-toc-panel-bar {
    position: absolute;
    height: 50px;
    top: -1px;
    left: 0;
    right: 0;
    padding-top: 14px;
    padding-left: 0; /* Aligned with content (margin-left: 0) */
    padding-right: 12px;
    font-size: 16pt;
    font-family: EDB, Helvetica, Arial, sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: #3085EE;
}

/* Completely hide toggle button on desktop */
.edb-toc-toggle {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

.edb-toc-toggle .edb-toc-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    line-height: 1;
    color: currentColor; /* theme-driven via JS */
}

.edb-toc-panel-content-container {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    overflow: auto; /* …with scroll if needed */
    overscroll-behavior: contain; /* Prevent scroll chaining to page behind */
    /* Hide native scrollbar completely (Windows arrow buttons included) */
    scrollbar-width: none; /* Firefox: hide scrollbar */
    -ms-overflow-style: none; /* IE/Edge: hide scrollbar */
}

/* WebKit browsers (Chrome, Safari, Opera): hide scrollbar completely (including arrow buttons on Windows) */
.edb-toc-panel-content-container::-webkit-scrollbar {
    width: 0px; /* Hide scrollbar completely */
    display: none; /* Additional hiding for Windows */
}

.edb-toc-panel-content {
    margin-top: 70px;
    margin-bottom: 35px;
    margin-left: 0; /*1rem;*/
    margin-right: 10px;
}

.edb-toc-panel-content ul {
    list-style-type: none;
}
/*
@media screen and (min-width: 875px) {
.edb-toc-panel-container {
    visibility: visible;
}}
*/
@media screen and (max-width: 840px) {
/* Reduced state (closed): minimized panel at top right */
.edb-toc-panel-container {
    top: 80px !important; /* Fixed position at top */
    left: auto !important;
    right: 5px !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    visibility: visible !important; /* Force visibility */
    /*transition: opacity 0.2s ease !important;*/ /* Smooth fade during scroll hide/show */
}

.edb-toc-panel {
    width: 50px !important;  /* Minimum size */
    height: 50px !important; /* Bar height only */
    min-width: 50px !important;
    min-height: 50px !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
    cursor: pointer;
    pointer-events: auto !important; /* Enable clicks on badge (container has pointer-events: none) */
    transform: none !important; /* Reset any drag translate from desktop */
    border-radius: 4px !important;      /* Visible rounded badge */
    overflow: hidden !important;        /* Clip bar to rounded corners */
}

/* Hide content in closed state */
.edb-toc-panel-content-container {
    display: none !important;
}

/* Bar: adjustments for reduced state */
.edb-toc-panel-bar {
    position: relative !important; /* Override desktop absolute */
    height: 50px !important;
    min-height: 50px !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important; /* Override desktop overflow hidden */
    text-overflow: clip !important; /* Override desktop ellipsis */
    white-space: normal !important; /* Override desktop nowrap */
    font-size: inherit !important; /* Override desktop 16pt */
    border-radius: 4px !important;      /* Match outer radius */
}

/* Increase TOC content font size on small screens */
.edb-toc-panel-content {
    font-size: 1.2em !important;
    line-height: 1.5em !important;
}

/* Hide title in reduced version */
.edb-toc-panel-bar-title {
    display: none !important;
    visibility: hidden !important;
}

/* Toggle button: burger/cross styles (similar to mobile menu) - visible on small window/screen */
.edb-toc-toggle {
    position: relative !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    cursor: pointer !important;
    outline: none !important;
    flex-shrink: 0 !important;
    z-index: 10 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    border-radius: 6px !important; /* subtle rounded corners for the badge */
}

/* FA list icon for closed state - centered and visible */
.edb-toc-toggle .edb-toc-icon {
    position: absolute;
    left: 0.59em;
    top: 0.54em;
    display: block;
    font-size: 30px; /* balanced size for 30x30 button */
    line-height: 1;
    color: currentColor; /* themed via JS */
    z-index: 2;
    pointer-events: none; /* clicks go to button */
}

.edb-toc-toggle span {
    display: block !important;
    position: absolute !important;
    height: 2px !important;
    width: 20px !important;
    /* background-color will be defined via JS with theme.tocPanel.toggleButton.fgColor */
    left: 50% !important;
    transform: translateX(-50%) !important;
    transition: all 0.35s ease !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.edb-toc-toggle span.top {
    top: 8px !important;
}

.edb-toc-toggle span.middle {
    top: 14px !important;
}

.edb-toc-toggle span.bottom {
    top: 20px !important;
}

/* Closed: show FA icon only, hide bars */
.edb-toc-toggle:not(.active) span { display: none !important; }
/* Open: hide icon, show cross (bars) */
.edb-toc-panel-container.edb-toc-open .edb-toc-toggle .edb-toc-icon { display: none !important; }

/* Closed: show FA icon only (hide lines) */
.edb-toc-toggle:not(.active) span { display: none !important; }
/* Open: hide icon, show cross (lines) */
.edb-toc-panel-container.edb-toc-open .edb-toc-toggle .edb-toc-icon { display: none !important; }

/* Cross animation when open (active class added via JS) */
.edb-toc-toggle.active span.top {
    transform: translateX(-50%) translateY(6px) rotate(45deg) !important;
}

.edb-toc-toggle.active span.middle {
    opacity: 0 !important;
}

.edb-toc-toggle.active span.bottom {
    transform: translateX(-50%) translateY(-6px) rotate(-45deg) !important;
}

/* Transitions for smooth open/close animation (mobile only) */
.edb-toc-panel-container {
    transition: top 0.3s ease, left 0.3s ease, right 0.3s ease, bottom 0.3s ease, width 0.3s ease, height 0.3s ease;
}

.edb-toc-panel {
    transition: width 0.3s ease, height 0.3s ease, border-radius 0.3s ease;
}

/* Open state (fullscreen): class .edb-toc-open added via JS */
.edb-toc-panel-container.edb-toc-open {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: env(safe-area-inset-bottom) !important; /* iOS bottom toolbar/safe area */
    width: 100vw !important;
    height: 100vh !important;   /* fallback */
    height: 100svh !important;  /* small viewport height (iOS toolbars aware) */
    height: 100dvh !important;  /* dynamic viewport height (newer iOS/Chrome) */
    z-index: 10000 !important; /* Must be above mobile-menu button (z-index ~777) and header */
    pointer-events: auto !important; /* Ensure interactions captured by panel, not background */
}

.edb-toc-panel-container.edb-toc-open .edb-toc-panel {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    border-radius: 0 !important;
    cursor: default !important;
    transform: none !important; /* Ensure no previous translate persists */
}

/* Re-show content when open */
.edb-toc-panel-container.edb-toc-open .edb-toc-panel-content-container {
    display: block !important;
    /* Ensure visible bottom space on iOS (avoid content under bottom toolbar) */
    padding-bottom: calc(16px + env(safe-area-inset-bottom)) !important;
}

/* Bar: adjustments for open state */
.edb-toc-panel-container.edb-toc-open .edb-toc-panel-bar {
    position: absolute !important; /* Same behavior as desktop */
    top: -1px !important;
    height: 50px !important;
    padding-top: 0 !important; /* Vertically center like desktop */
    line-height: 50px !important;
    font-size: 16pt !important; /* Restore desktop title size on open */
    padding-left: 0 !important;
    padding-right: 12px !important;
    justify-content: flex-start !important; /* Title aligned left */
}

/* Re-show title when open */
.edb-toc-panel-container.edb-toc-open .edb-toc-panel-bar-title {
    display: inline !important;
    visibility: visible !important;
}

/* Toggle button: position in bar when open */
.edb-toc-panel-container.edb-toc-open .edb-toc-toggle {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
}

/* ================================================================================= */
/* Settings
/* --------------------------------------------------------------------------------- */

#edb-settings-box {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.edb-settings-box-container {
    min-width: 300px;
    max-width: 400px;
    height: 350px;
    margin: auto;
    margin-top: 2em;
    border-radius: 8px;
    box-shadow: 0 10px 45px -9px rgb(0 0 0 / 50%);
    background-color: white;
}

.edb-settings-box-container-title {
    font-size: 1.5em;
    font-variant: small-caps;
    color: #3085ee;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: .77em;
}

.edb-settings-box-close-button {
    font-size: 18px;
    color: #3085EE;
    border: none;
    /*border-color: transparent;*/
    border-radius: 2em;
    width: 2em;
    height: 2em;
    background: #e2edfe;
    padding-left: .44em;
    padding-right: .1em;
    padding-top: .22em;
    padding-bottom: .1em;
    margin-right: 1em;
    margin-top: 1em;
    cursor: pointer;
}

.edb-settings-box-close-button:hover {
    color: #e2edfe;
    background-color: #3085EE;
}

.edb-settings-box-content {
    color: #3085EE;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 1em;
    height: 240px;
    border-radius: 8px;
    padding: .5em;
    background-color: #eeeeee;
}

/* ================================================================================= */
/* Settings: theme
/* --------------------------------------------------------------------------------- */

.edb-settings-theme {
    width: 100%;
    height: 200px;
    margin-bottom: .5em;
    font-size: 14px;
}

.edb-settings-theme-white {
    background-color: #FFFFFF;
    color: #000000;
}

.edb-settings-theme-white:hover {
    font-weight: bold;
    font-variant: small-caps;
    cursor: pointer;
}

.edb-settings-theme-black {
    background-color: #000000;
    color: #FFFFFF;
}

.edb-settings-theme-black:hover {
    font-weight: bold;
    font-variant: small-caps;
    cursor: pointer;
}

.edb-settings-theme-antiquewhite {
    background-color: #FAEBD7;
    color: #000000;
}

.edb-settings-theme-antiquewhite:hover {
    font-weight: bold;
    font-variant: small-caps;
    cursor: pointer;
}

.edb-settings-theme-darkslategray {
    background-color: #50596c;
    color: #FFFFFF;
}

.edb-settings-theme-darkslategray:hover {
    font-weight: bold;
    font-variant: small-caps;
    cursor: pointer;
}

/* ================================================================================= */
/* Card image element (used, for example in "Toutes les publications")
/* --------------------------------------------------------------------------------- */

.card {
    background: transparent;
}

.card-image img:hover {
    /*filter: grayscale(100%) sepia(100%) hue-rotate(180deg);*/
    filter: brightness(110%);
}

.card-image:hover ~ .edb-blog-list-item-card-header .edb-title {
    background-color: #e2edfe;
    --edb--card-image-hover--title-background-color: #e2edfe;
    background-color: var(--edb--card-image-hover--title-background-color);
}

/* ================================================================================= */
/* Dossier card
/* --------------------------------------------------------------------------------- */

.edb-dossier-card {
    border-radius: 1em;
    box-shadow: 0px 0px 10px rgba(0.0, 0.0, 0.0, 0.25) !important;
}

.edb-dossier-card-hero { /* container of image and title */
    position: relative;
}

a:hover .edb-dossier-card-hero-image {
    filter: brightness(120%);
}

.edb-dossier-card-hero-title {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    /*transform: translateY(30%);
    -ms-transform: translateY(30%);*/
    font-family: EDB-Bold, Helvetica, Arial, sans-serif;
    color: #fff;
    text-shadow: 1px 1px 4px rgb(0 0 0 / 90%);
    font-size: 2.5em;
    font-weight:900;
    font-variant: small-caps;
    line-height: 1em;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0));
}

.edb-dossier-card-description {
    padding: 0.8rem;
    text-align: justify;
    text-indent: 1.4em;
}

/* ================================================================================= */
/* Title element (used, for example in "Toutes les publications")
/* --------------------------------------------------------------------------------- */

.edb-title {
    font-family: EDB, Helvetica, Arial, sans-serif;
    font-variant: small-caps;
    text-align: center;

    padding-left: .4em;
    padding-right: .4em;
    padding-top: .8em;
    padding-bottom: .8em;
    border-radius: .4em;

    /* background-color: #f5f5f5; */
    --edb--title-background-color: #f5f5f5;
    background-color: var(--edb--title-background-color);
}

.edb-title:hover {
    background-color: "#e2edfe";
    --edb--title-hover-background-color: #e2edfe;
    background-color: var(--edb--title-hover-background-color);
}

/* ================================================================================= */
/* Document list (used, for example, in "Toutes les publications")
/* --------------------------------------------------------------------------------- */

.edb-blog-list-item-title {
    margin-left: 0em;
    margin-right: 0em;
    margin-top: .3em;
    margin-bottom: .2em;
}

/* "A la une" slider */
@media screen and (min-width: 1001px) {
.lslide .edb-blog-list-item-title {
    font-size: 3em;
    display: none;
}
.lslide .edb-blog-list-item-card-header { /* Comment this to display the card header (date, author…) */
    display: none !important;
}}
/* See also: edb-lightslider-panel-header */

/* "A la une" slider */
@media screen and (max-width: 1000px) {
.lslide .edb-blog-list-item-title {
    font-size: 2em;
    display: initial;
}}
/* See also: edb-lightslider-panel-header */

.edb-blog-list-item-title a {
    text-decoration: none;
}

.edb-blog-list-item-title a:hover {
    text-decoration: none;
    margin-top: .2em;
    margin-bottom: .2em;
}

.edb-blog-list-item-author {
    font-size: 10pt;
    color: #418ff0;
}

.edb-blog-list-item-date {
    font-size: 10pt;
    color: #9a9a9a;
}

.edb-blog-list-item-date .edb-infos-language-translation-date-date {
    font-weight: normal;
}

.edb-blog-list-item-card-body {
    font-family: EDB, Helvetica, Arial, sans-serif;
    text-align: justify;
    text-justify: auto;
    text-indent: 1.4em;
}

.blog-listing .card {
    box-shadow: 0 10px 45px -9px rgb(0 0 0 / 30%);
    background-color: #ffffff;
}

/* ================================================================================= */
/* Page
/* --------------------------------------------------------------------------------- */

.title-h1h2 h1 {
    font-weight: 200;
    /*font-variant: small-caps;*/
}

@media screen and (min-width: 841px) {
#blog-hero h1 {
    font-size: 3.8em;
    font-family: EDB-Bold, Helvetica, Arial, sans-serif;
    /*text-transform: uppercase;*/
    font-weight: bold;
    font-variant: small-caps;
    /*font-style: italic*/;
    text-shadow: 1px  1px 4px rgb(34 34 34 / 80%);/*,
                -1px -1px  1px black,
                -1px  1px  1px black,
                 1px -1px  1px black;*/
}
}

@media screen and (max-width: 840px) {
#blog-hero h1 {
    text-shadow: 1px 1px 4px rgb(34 34 34 / 80%);
}
}

#blog-hero h2 {
    text-shadow: 1px 1px 4px rgb(34 34 34 / 60%);
}

.hero.text-light h2 {
    color: rgba(255, 255, 255, 0.88);
    }

/*
b, strong {
    font-weight: 700;
}
*/

.edb-item-hero-author {
    font-size: 12pt;
    /*text-shadow: 1px  1px 4px black;*//*,
                -1px -1px  1px black,
                -1px  1px  1px black,
                 1px -1px  1px black;*/
}

.edb-item-hero-author a {
    font-size: 12pt;
    font-weight:600;
}

.edb-item-hero-quotation-author {
    font-size: 12pt;
    /*text-shadow: 1px  1px 4px black;*//*,
                -1px -1px  1px black,
                -1px  1px  1px black,
                 1px -1px  1px black;*/
}

.edb-item-hero-quotation-author a {
    font-size: 12pt;
    /*font-weight:500;*/
}

.edb-item-hero-author-source {
    font-size: 11pt;
    /*text-shadow: 1px  1px 4px black;*//*,
                -1px -1px  1px black,
                -1px  1px  1px black,
                 1px -1px  1px black;*/
}

.edb-item-hero-author-source a {
    font-size: 11pt;
    /*font-weight:500;*/
}

.edb-infos-language-translation-date {
    font-family: EDB, Helvetica, Arial, sans-serif;
    width: 100%;
    font-size: 16px;
    color: #9a9a9a;
    text-align: left;
}

.edb-infos-language-translation-date-date {
    font-weight: bold;
}

.content-item.h-entry img {
    border-radius: .8em;
}

.edb-illustration-no-border-radius img {
    border-radius: .2em !important;
}

.edb-illustration-no-border-radius-top img {
    border-radius: .2em .2em .8em .8em !important;
}

.edb-illustration-no-border-radius-bottom img {
    border-radius: .8em .8em .2em .2em !important;
}

/* ================================================================================= */
/* Additional elements in page
/* (for classic elements, see Typography part of this file)
/* --------------------------------------------------------------------------------- */

blockquote {
    /* font-family: EDB, Helvetica, Arial, sans-serif; */
    /* font-size: 0.9em; */
    line-height: 1.35em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 1.5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-top: 1em;
    padding-bottom: 1em;
    border-radius: 1em;
    background-color: #FcFcFc;
}

@media screen and (max-width : 840px) {
    blockquote {
        margin-left: .5em;
        margin-right: .5em;
        padding-left: .8em;
        padding-right: 1em;
    }
}

.notices {
    padding-right: 2em;
    font-family: EDB, Helvetica, Arial, sans-serif;
    font-size: 0.7em;
    line-height: 1.25em;
    text-indent: 0;
    text-align: left;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.notices.blue {
    border-left: 10px solid #5bc0de;
    background: #f4f8fa;
    color: #28a1c5;
}

.notices.green {
    border-left: 10px solid #5cb85c;
    background: #f1f9f1;
    color: #3d8b3d;
}

.notices.yellow {
    border-left: 10px solid #f0ad4e;
    background: #fcf8f2;
    color: #df8a13;
}

.notices.red {
    border-left: 10px solid #d9534f;
    background: #fdf7f7;
    color: #b52b27;
}

hr {
    border-color: #eeeeee;
}

.notices hr {
    height: 1px;
    border: none;
}

.yellow hr { /* Used with notices class */
    color: #f0ad4e;
  	background: #f0ad4e;
}

.red hr { /* Used with notices class */
    color: #d9534f;
  	background: #d9534f;
}

.blue hr { /* Used with notices class */
    color: #5bc0de;
  	background: #5bc0de;
}

.green hr { /* Used with notices class */
    color: #5cb85c;
  	background: #5cb85c;
}

.footnotes {
    font-size: 0.8em;
    text-indent: 0;
    line-height: 1.35em;
}

.footnote-ref {
    padding-top: 50px;
    color: #3085EE !important;
}

.footnote-ref:hover {
    text-decoration: none;
}

.footnote-backref {
    color: #3085EE !important;
}

.footnote-backref:hover {
    text-decoration: none;
}

/* ================================================================================= */
/* Accordion plugin
/* --------------------------------------------------------------------------------- */

.edb-accordion-footnotes {
    font-height: 1em;
    margin-left: 1.5em;
    margin-right: 1.5em;
}

.accordion-wrapper label {
    position: relative;
    padding-right: 50px !important;
    font-family: EDB, Helvetica, Arial, sans-serif;
    font-size: 1em !important;
    text-indent: 0;
    color: #3388ee !important;
    border-color: #e1edfd !important;
    border-top-width: 1px !important;
    border-bottom-width: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    background-color: #e1edfd !important;
    background-image: none !important;
}

.edb-accordion-no-border-radius .accordion-wrapper label {
    border-top-left-radius: 0%;
    border-top-right-radius: 0%;
}

.edb-accordion-full-border-radius .accordion-wrapper label {
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
}

.accordion-wrapper label:hover:before {
    background-image: none !important;
}

:root {
    --edb--accordion-chevron-color: currentColor;
    --edb--accordion-chevron-hover-color: currentColor;
}

.accordion-wrapper label:after {
    opacity: 1.0;
    font-family: FontAwesome;
    font-weight: normal;
    content: '\f078'; /* fa-chevron-down (FA4) */
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -0.5em;
    font-size: 1.2em;
    line-height: 1;
    color: var(--edb--accordion-chevron-color);
    background: none !important;
    background-image: none !important;
    filter: none !important;
    transform: none !important;
    transition: color 0.3s ease;
}

.accordion-wrapper input:checked + label:after {
    opacity: 1.0;
    font-family: FontAwesome;
    font-weight: normal;
    content: '\f078'; /* fa-chevron-down (FA4) */
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -0.5em;
    font-size: 1.2em;
    line-height: 1;
    color: var(--edb--accordion-chevron-color);
    background: none !important;
    background-image: none !important;
    filter: none !important;
    transition: color 0.3s ease;
    transform: rotate(180deg) !important;
}

/* Override plugin shortcode-ui default hover behavior for closed accordions */
.accordion-wrapper label:hover:after,
.accordion-wrapper input:not(:checked) + label:hover:after {
    content: '\f078' !important;
    opacity: 1.0 !important;
    font-family: FontAwesome !important;
    font-weight: normal !important;
    font-size: 1.2em !important;
    line-height: 1 !important;
    color: var(--edb--accordion-chevron-hover-color) !important;
    background: none !important;
    background-image: none !important;
    filter: none !important;
    width: auto !important;
    height: auto !important;
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    margin-top: -0.5em !important;
    transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
}

/* Override plugin shortcode-ui default hover behavior for open accordions */
.accordion-wrapper input:checked + label:hover:after {
    content: '\f078' !important;
    opacity: 1.0 !important;
    font-family: FontAwesome !important;
    font-weight: normal !important;
    font-size: 1.2em !important;
    line-height: 1 !important;
    color: var(--edb--accordion-chevron-hover-color) !important;
    background: none !important;
    background-image: none !important;
    filter: none !important;
    width: auto !important;
    height: auto !important;
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    margin-top: -0.5em !important;
    transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    -webkit-transform: rotate(180deg) !important;
}

.accordion-wrapper article {
    font-family: Times New Roman, Times, serif;
    font-size: 16pt;
    text-align: justify;
    text-justify: auto;
    /*text-indent: 1.4em;*/
    overflow-wrap: break-word;
    word-wrap: break-word;
    border-width: 2px !important;
    border-color: #e1edfd !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
}

.accordion-wrapper p {
    margin-left: 1.5em;
    margin-right: 1.5em;
}

@media screen and (max-width : 840px) {
    .accordion-wrapper p {
        margin-left: .5em;
        margin-right: .5em;
    }
}

.accordion-wrapper blockquote p {
    margin-left: 0em !important;
    margin-right: 0em !important;
}

.accordion-wrapper .dt-published {
    margin-left: -3.5em;
}

/* ================================================================================= */
/* Lightbox
/* --------------------------------------------------------------------------------- */

.featherlight .featherlight-content {
    position: relative;
    color: transparent;
    background-color: #ffffff;
    border-radius: 4px;
    cursor: pointer;
    /* Ensure the lightbox content (especially images) fits within the viewport
       and does not trigger scrollbars */
    max-width: 95vw;
    max-height: 95vh;
    overflow: hidden;
}

.featherlight .featherlight-close {
    color: transparent;
    background-color: transparent;
}

/* Lightbox spinner/loader */

.featherlight .featherlight-content.edb-loading {
    min-width: 100px;
    min-height: 100px;
    overflow: hidden !important;
}

/* Make lightbox images scale down to fit inside the content box */
.featherlight .featherlight-content img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
}

.edb-featherlight-spinner {
    position: absolute;
    top: calc(50% + 12.5px); /* Account for padding-top: 25px */
    left: 50%;
    margin-top: -5px;
    margin-left: -5px;
    width: 10px;
    height: 10px;
    background-color: #b6b6b7;
    border-radius: 50%;
    animation: edb-spin-dots 1.4s ease-in-out infinite;
    z-index: 10;
    pointer-events: none;
}

.edb-featherlight-spinner::before,
.edb-featherlight-spinner::after {
    content: '';
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px;
    background-color: #b6b6b7;
    border-radius: 50%;
    animation: edb-spin-dots 1.4s ease-in-out infinite;
}

.edb-featherlight-spinner::before {
    left: -25px;
    animation-delay: -0.32s;
}

.edb-featherlight-spinner::after {
    left: 25px;
    animation-delay: -0.16s;
}

@keyframes edb-spin-dots {
    0%, 80%, 100% {
        transform: scale(0);
        opacity: 0.5;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
}

 /* ================================================================================= */
/* Hero image (All articles  & Article pages)
/* --------------------------------------------------------------------------------- */

.hero.hero-large {
    /*min-height: 500px;*/
    max-width: 1500px;
    margin: auto;
}

/* ================================================================================= */
/* Standard type page
/* --------------------------------------------------------------------------------- */

.edb-blog-item-contentbody {
    font-family: Times New Roman, Times, serif;
    font-size: 16pt;
    text-align: justify;
    text-justify: auto;
    text-indent: 1.4em;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* ================================================================================= */
/* Section type page
/* --------------------------------------------------------------------------------- */

.edb-sections-header {
    font-size: 14pt;
}

:root {
    --edb--sections-header-title: #3a414e;
}

.edb-sections-header-title {
    font-family: EDB, Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: normal !important;
    color: var(--edb--sections-header-title);
    padding-top: 0.7em;
}

.edb-sections-author {
    font-size: 12pt;
    color: #a8aeb6;
    text-align: center;
}

.edb-sections-author a {
    font-size: 12pt;
    font-weight:500;
}

.nav .nav-item a:hover { /* sidebar section link list */
    text-decoration: underline;
}

.edb-sections-columns {
    margin-left: 10%;
    margin-right: auto;
}

.edb-sections-contentbody {
    font-family: Times New Roman, Times, serif;
    font-size: 16pt;
    text-align: justify;
    text-justify: auto;
    text-indent: 1.4em;
}

.edb-sections-prev {
    text-align: left;
    background-image: linear-gradient(to left, white , #e2edfe);
}

.edb-sections-next {
    text-align: right;
    background-image: linear-gradient(to right, white , #e2edfe);
}

.edb-sections-prev a:hover {
    /*text-decoration: underline;*/
}

.edb-sections-next a:hover {
    /*text-decoration: underline;*/
}

p.edb-sections-prev a.btn.btn-primary {
    /*width: 100%;*/
    color: #3085ee;
    background-color: transparent;
    border-color: transparent;
}

p.edb-sections-next a.btn.btn-primary {
    /*width: 100%;*/
    color: #3085ee;
    background-color: transparent;
    border-color: transparent;
}

p.edb-sections-prev a.btn.btn-primary:hover {
    border-color: #3085ee !important;
}

p.edb-sections-next a.btn.btn-primary:hover {
    border-color: #3085ee !important;
}

p.edb-sections-prev a.btn {
    color: #3085ee !important;
    background-color: transparent !important;
    /*border-color: transparent !important;*/
}

p.edb-sections-next a.btn {
    color: #3085ee !important;
    background-color: transparent !important;
    /*border-color: transparent !important;*/
}

/* ================================================================================= */
/* Content medias
/* --------------------------------------------------------------------------------- */

.edb-float-right {
    float: right !important;
    margin: 0.5em 0 0.40em 1em; /* top right bottom left */
}

.edb-float-left {
    float: left !important;
    margin: 0.5em 1em 0.40em 0; /* top right bottom left */
}

.edb-float-right-with-caption {
    float: right !important;
    margin: 0.0em 0 0.40em 1em; /* top right bottom left */
}

.edb-float-left-with-caption {
    float: left !important;
    margin: 0.0em 1em 0.40em 0; /* top right bottom left */
}

.edb-illustration-free {
}

.edb-illustration-center {
    text-align: center;
}

span.edb-illustration-full-width img {
    width: 100%;
}

.edb-embededfile-full-width {
    width: 100%;
    margin-bottom: .5em;
}

.edb-video-full-width {
    width: 100%;
    height: auto;
    min-height: 160px;
    margin-top: 1em;
    margin-bottom: 1em;
    /*background-color:#cccccc;*/
    background-image: url("../images/video-icon-grey.png");
    background-size: 15%;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
}

.edb-video-center {
    text-align: center;
    width: 50%;
    height: auto;
    min-height: 160px;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    /*background-color:#cccccc;*/
    background-image: url("../images/video-icon-grey.png");
    background-size: 15%;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
}

/* ================================================================================= */
/* Bricklayer (common: All articles, "A la une" pages)
/* --------------------------------------------------------------------------------- */

.blog-listing .bricklayer-column {
    padding-left: 12px;
    padding-right: 12px;
}

/* ================================================================================= */
/* All articles page
/* --------------------------------------------------------------------------------- */

.edb-allarticles-hero-subtitle {
    font-weight: bold !important;
    color: #dcdcdc;
    text-shadow: 1px 1px 4px rgb(34 34 34 / 60%);
    padding-top: 0.3em;
}

.edb-allarticles-bricks {
    margin-top: -10px;
}

.edb-allarticles-bricks .card-image {
    margin-bottom: 0;
    z-index: 1;
}

.edb-allarticles-bricks .edb-blog-list-item-card-header {
    /*font-family: Helvetica, Arial, sans-serif;*/
    margin-top: -1em;
}

/* ================================================================================= */
/* "A la une" page
/* --------------------------------------------------------------------------------- */

.edb-alaune-bricks {
    margin-top: -8.1em; /* "A la une" Light Slider adjustment: brick column top */
}

.edb-alaune-bricks .card-image {
     margin-bottom: 0;
     z-index: 1;
 }

.edb-alaune-bricks .edb-blog-list-item-card-header {
    /*font-family: EDB, Helvetica, Arial, sans-serif;*/
    margin-top: -1em;
 }

.edb-alaune-articles-link-card {
    height: 5em;
}

.edb-alaune-articles-link {
    margin-top: 3em;
    font-family: EDB, Helvetica, Arial, sans-serif;
    font-size: 1em;
    /*font-style: italic;*/
    text-align: center;
    text-shadow: transparent;
    line-height: 1.5em;
}

.edb-alaune-articles-link a {
    font-size: 1.5em;
    font-variant: small-caps;
    color: #cccccc;
}

.edb-alaune-articles-link a:hover {
    text-decoration: none;
    /*font-weight: bold;*/
    --edb--alaune-articles-link-text-shadow-color: #eeeeee;
    text-shadow:  2px  2px  3px  var(--edb--alaune-articles-link-text-shadow-color),
                 -2px  2px  3px  var(--edb--alaune-articles-link-text-shadow-color);/*,
                 -1px  1px  1px  var(--edb--alaune-articles-link-text-shadow-color),
                  1px -1px  1px  var(--edb--alaune-articles-link-text-shadow-color);*/
}

/* ================================================================================= */
/* "Dossiers" page
/* --------------------------------------------------------------------------------- */

.edb-dossiers-hero-subtitle {
    font-weight: bold !important;
    color: #dcdcdc;
    text-shadow: 1px 1px 4px rgb(34 34 34 / 60%);
    padding-top: 0.3em;
}

.edb-dossiers-bricks { /* Adjustment: brick column top */
    margin-top: -3.1rem;
}

.edb-dossiers-bricks .card-image {
    margin-bottom: 0;
    z-index: 1;
}

.edb-dossiers-bricks .edb-blog-list-item-card-header {
    /*font-family: Helvetica, Arial, sans-serif;*/
    margin-top: -1em;
}

/* ================================================================================= */
/* "A la une" slider
/* --------------------------------------------------------------------------------- */

.grav-lightslider {
    position: relative;
}

/* ================================================================================= */
/* "A la une" slider: image, header and body
/* --------------------------------------------------------------------------------- */

:root {
    --edb--blog-list-item-card-header-background-image-gradiant-color-1: white;
    --edb--blog-list-item-card-header-background-image-gradiant-color-2: #e1edfd;
    --edb--blog-list-item-card-body-background-image-gradiant-color-1: white;
    --edb--blog-list-item-card-body-background-image-gradiant-color-2: #e1edfd;
}

div.lSSlideWrapper .edb-blog-list-item-card-image {
}

div.lSSlideWrapper .edb-blog-list-item-card-header {
    /*background-image: linear-gradient(to right, white , #e1edfd);*/
    background-image: linear-gradient(to right, var(--edb--blog-list-item-card-header-background-image-gradiant-color-1) , var(--edb--blog-list-item-card-header-background-image-gradiant-color-2));
}

div.lSSlideWrapper .edb-blog-list-item-card-header .edb-title::after {
    background-color: var(--edb--blog-list-item-card-header-background-image-gradiant-color-2);
}

div.lSSlideWrapper .edb-blog-list-item-card-body {
    /*background-image: linear-gradient(to right, white , #e1edfd);*/
    background-image: linear-gradient(to right, var(--edb--blog-list-item-card-body-background-image-gradiant-color-1) , var(--edb--blog-list-item-card-body-background-image-gradiant-color-2));
}

div.lSSlideWrapper .edb-blog-list-item-card-body p::after {
    background-color: var(--edb--blog-list-item-card-body-background-image-gradiant-color-2);
}

/* ================================================================================= */
/* "A la une" slider: cardimage, date, title and author adjustments
/* --------------------------------------------------------------------------------- */

#edb-lightslider-panel .edb-title {
    font-variant: small-caps;
    text-align: left;

    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0;

    background-color: transparent;
}

#edb-lightslider-panel .edb-title:hover {
    background-color: transparent;
}

/*
div.lSSlideWrapper p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 97%;
}
*/

/* BEGIN https://knackforge.com/blog/manoj/multi-line-ellipsis-using-simple-css */

/* styles for '...' */
div.lSSlideWrapper p {
    /* Over flow hidden hides the text if it is more than N lines  */
    overflow: hidden;
    /* To set '...' in absolute position */
    position: relative;
    /* Use this value to count block height */
    line-height: 1.2em;
    /* Max-height = line-height (1.2) * lines max number (2) */
    max-height: 2.4em;
    /* If the last visible word doesn't adjoin right side then this will fix the problem */
    text-align: justify !important;
    /* place for '...' */
    padding-right: 40px;
    padding-left: 1em;

    /*
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    */
}

/* create the ... */
div.lSSlideWrapper p:before {
    /* points in the end */
    content: '...';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of block */
    right: 27px;
    bottom: 1px;
}

/* hide ... if we have text, which is less than or equal to max lines */
div.lSSlideWrapper p:after {
    /* points in the end */
    content: '';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of text */
    right: 15px;
    /* set width and height */
    width: 1.7em;
    height: 1em;
    margin-top: 0.2em;
    /* bg color = bg color under block */
    background: #e1edfd;
}

/* END https://knackforge.com/blog/manoj/multi-line-ellipsis-using-simple-css */

/* BEGIN https://knackforge.com/blog/manoj/multi-line-ellipsis-using-simple-css */

/* styles for '...' */
div.lSSlideWrapper .edb-title {
    /* Over flow hidden hides the text if it is more than N lines  */
    overflow: hidden;
    /* To set '...' in absolute position */
    position: relative;
    /* Use this value to count block height */
    line-height: 1.2em;
    /* Max-height = line-height (1.2) * lines max number (1) */
    max-height: 1.4em;
    /* If the last visible word doesn't adjoin right side then this will fix the problem */
    text-align: left !important;
    /* place for '...' */
    padding-right: 40px !important;
    /*padding-left: 1em;*/
    margin-left: 15px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* create the ... */
div.lSSlideWrapper .edb-title:before {
    /* points in the end */
    content: '   ';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of block */
    right: 15px;
    bottom: 0;
}

/* hide ... if we have text, which is less than or equal to max lines */
div.lSSlideWrapper .edb-title:after {
    /* points in the end */
    content: '';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of text */
    right: 15px;
    /* set width and height */
    width: 1.7em;
    height: 1em;
    margin-top: 0.2em;
    /* bg color = bg color under block */
    background: #e1edfd;
}

/* END https://knackforge.com/blog/manoj/multi-line-ellipsis-using-simple-css */

div.lSSlideWrapper .card-image img:hover {
    filter: none;
}

div.lSSlideWrapper h5 a:hover {
    text-decoration: underline !important;
}

div.lSSlideWrapper .edb-blog-list-item-author {
    font-family: EDB, Helvetica, Arial, sans-serif;
    margin-left: 15px;
}

div.lSSlideWrapper .edb-blog-list-item-date {
    margin-left: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*margin-right: 1em;*/
}

div.lSSlideWrapper p {
    text-indent: 0;
}

/* ================================================================================= */
/* "A la une" slider: wrapper, container and header overlay
/* --------------------------------------------------------------------------------- */

:root {
    --edb--lightSlider-wrapper-background-image-gradiant-color-1: white;
    --edb--lightSlider-wrapper-background-image-gradiant-color-2: #e1edfd;
}

.lSSlideWrapper {
    margin-bottom: -22px; /* "A la une" Light Slider adjustment: Light Slider bottom */
}

.edb-lightSlider-wrapper {
    top: -32px; /* "A la une" Light Slider adjustment: Light Slider top */
    bottom: 0;
    max-width: 1272px;
    margin: auto;
    /*border-style: solid;
    boder-color: #000000;
    border-width: 1px;*/
    box-shadow: 0 10px 45px -9px rgb(0 0 0 / 10%);
    background-image: linear-gradient(to right, var(--edb--lightSlider-wrapper-background-image-gradiant-color-1) , var(--edb--lightSlider-wrapper-background-image-gradiant-color-2));
    z-index: 1;
}

.edb-lightSlider-loading {
    text-align: center;
    /*font-weight: bold;*/
    font-style: italic;
    color: #388aef;
}

.edb-lightSlider-loaded {
    display: none;
}

.edb-lightSlider-wrapper-hidden {
    display: none;
}

#edb-lightslider-panel .card {
    border: none !important;
}

#edb-lightslider-panel-container {
    top: 0;
    bottom: 0;
    position: relative;
    /*background-color: #428bca;*/
}

#edb-lightslider-panel-header {
    position: absolute;
    top: 125px; /* "A la une" Light Slider adjustment: Light Slider hero image title top */
    left: 70px;
    right: 70px;
    z-index: 1;
    pointer-events: none;
    text-align: center;
    line-height: 1em;
    color: #ffffff;
    /*font-size: 3em;*/
    font-family: EDB-ExtraBold, Helvetica, Arial, sans-serif;
    /*text-transform: uppercase;*/
    font-weight: 800;
    font-variant: small-caps;
    /*font-style: italic*/;
    text-shadow: 1px  1px 8px black;/*,
                -1px -1px  1px black,
                -1px  1px  1px black,
                 1px -1px  1px black;*/
    /*background-color: #ff0000;*/
}

@media screen and (min-width: 1001px) {
#edb-lightslider-panel-header {
    font-size: 3em;
    visibility: visible;
}}
/* See also: edb-blog-list-item-title */

@media screen and (max-width: 1000px) {
#edb-lightslider-panel-header {
    font-size: 2em;
    visibility: hidden;
}}
/* See also: edb-blog-list-item-title */

#edb-lightslider-panel-panel {
    position: absolute;
    z-index: 2;
}

/* ================================================================================= */
/* "A la une" slider: cardimage
/* --------------------------------------------------------------------------------- */

.edb-lightslider-panel-panel-cardimage {
    /*webkit-filter: brightness(50%);*/ /* Safari 6.0 - 9.0 */
    /*filter: brightness(50%);*/
}

.edb-lightslider-panel-panel-hero-image {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 11.1em;
    z-index: 0;
    pointer-events: none;

    /*-webkit-filter: brightness(50%);*/ /* Safari 6.0 - 9.0 */
    /*filter: brightness(90%);*/

    /*background-color: rgba(0, 0, 0, 0.3);*/

    background: linear-gradient(
        rgb(0,0,0,0.3),
        rgb(0,0,0,0.3),
        rgb(0,0,0,0.3),
        rgb(0,0,0,0.3),
        rgb(0,0,0,0.3),
        rgb(0,0,0,0.25),
        rgb(0,0,0,0.2),
        rgb(0,0,0,0.15),
        rgb(0,0,0,0.1),
        rgb(0,0,0,0.05),
        rgb(0,0,0,0.0)
    );
}

/* ================================================================================= */
/* "A la une" slider: navigation buttons and z-index adjustments
/* --------------------------------------------------------------------------------- */

/*
.lSAction > .lSPrev {
    z-index: 11;
}

.lSAction > .lSNext {
    z-index: 11;
}
*/

.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #e1edfd;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: auto;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}

.lSAction > .lSPrev,
.lSAction > .lSNext  {
    top: 35%;
}

.lSAction > .lSPrev {
    background-position: 0 0;
    left: 20px;
}

.lSAction > .lSNext {
    background-position: -32px 0;
    right: 20px;
}

/* ================================================================================= */
/* PrintFriendly and SnappyGrav plugins
/* --------------------------------------------------------------------------------- */

.export { /* Export and Print buttons (printfriendly and snappygrav plugins) */
    color: #388aef;
    background-color: #e1edfd;
}

/* ================================================================================= */
/* Presentation plugin [DISABLED]
/* --------------------------------------------------------------------------------- */

/* Load of Font Awesome for use by Presentation Plugin */
/*@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css');*/

/* CSS to style Presentation Plugin slides */
/*.reveal .slides {
    text-align: left;
}*/

/*.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
    text-transform: unset !important;
}*/

/* ================================================================================= */
/* Feedback plugin
/* --------------------------------------------------------------------------------- */

:root {
    --edb--feedback-input-border-color-focus: #3085ee;
    --edb--feedback-input-placeholder-color: #acb3c2;
    --edb--feedback-char-count-color: #acb3c2;
    --edb--feedback-char-count-exceeded-color: #d9534f;
}

.feedback-selected-text:focus,
.feedback-contact:focus,
.feedback-comment:focus {
    border-color: var(--edb--feedback-input-border-color-focus) !important;
}

.feedback-contact::placeholder,
.feedback-comment::placeholder {
    color: var(--edb--feedback-input-placeholder-color) !important;
}

.feedback-char-count-exceeded {
    color: var(--edb--feedback-char-count-exceeded-color) !important;
}

.feedback-popup-title {
    font-size: 1.5em;
    font-variant: small-caps;
    color: #3085ee;
    margin-left: 1.5rem;
    margin-right: 1em;
    margin-top: .77em;
}

.feedback-popup-close-button {
    font-size: 18px;
    color: #3085EE;
    border: none;
    border-radius: 2em;
    width: 2em;
    height: 2em;
    background: #e2edfe;
    padding-left: .44em;
    padding-right: .1em;
    padding-top: .22em;
    padding-bottom: .1em;
    margin-right: 1.5rem;
    margin-top: 1em;
    cursor: pointer;
}

.feedback-popup-close-button:hover {
    color: #e2edfe;
    background-color: #3085EE;
}

/* ================================================================================= */
/* Cookie Consent plugin
/* --------------------------------------------------------------------------------- */

.cc-message {
    text-align: justify;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

    margin-top: 1em;
    margin-left: 1.7em;
    margin-right: 1.7em;
}

.cc-link {
    text-decoration: none !important;
    text-align: right !important;
    text-decoration: none;
    color: white !important;
    background-color: #663300;
    border-radius: .2rem;
    padding-left: .5rem;
    padding-right: .5rem;
    float: right;
    margin-top: .5em;
    margin-bottom: 1em;
}

.cc-link:hover {
    text-decoration: none !important;
    background-color: #dfa83a;
    color: black !important;
}

.cc-btn {
    margin-bottom: 1em;
    color: white !important;
}

.cc-btn:hover {
    text-decoration: none;
    color: white !important;
}

/* ================================================================================= */
/* Algolia Pro plugin
/* --------------------------------------------------------------------------------- */

/* Prevent scrolling when algolia is open */
body:has([data-algolia-pro]:not([style*="display: none"])) {
    overflow: hidden;
}

/* === Instantsearch */

[data-algolia-pro] .ais-InstantSearch {
    padding-top: 6rem !important;
}
/*[data-algolia-pro] .ais-InstantSearch > div {
    margin-top: 2rem !important;
}*/

[data-algolia-pro] .md\:max-h-\[min\(36rem\2c calc\(100vh-4rem\)\)\] {
    max-height: min(36rem, calc(100vh - 6rem)) !important;
}
@media (max-width: 767px) {
    [data-algolia-pro] .max-h-screen {
        max-height: calc(100vh - 12rem) !important;
    }
}

/* === Searchbox input */

[data-algolia-pro] svg[viewBox] {
    margin: 0 1em;
}

/* === Legacy tab (when searchbox is minimized, no results) */
[data-algolia-pro] .edb-algolia-legacy-tab {
    position: absolute;
    bottom: -12px;
    right: 5rem;
    z-index: 10;
}

[data-algolia-pro] .edb-algolia-legacy-tab-link {
    display: inline-block;
    padding: 4px 12px;
    background-color: #27272a; /* searchbar color */
    color: #6B7280 !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 500;
    border-radius: 0 0 4px 4px; /* rounded corners at bottom */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

[data-algolia-pro] .edb-algolia-legacy-tab-link:hover {
    background-color: #27272a !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* === Footer */

/* Hide pagination tooltip */
[data-algolia-pro] nav[aria-label="Pagination"]::before,
[data-algolia-pro] nav[aria-label="Pagination"]::after {
    display: none !important;
}

[data-algolia-pro] span.inline-flex.relative.items-center { /* pagination */
    width: 48px !important;
    height: 32px !important;
    min-width: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

[data-algolia-pro] .edb-algolia-legacy-search {
    margin-right: 0.5em;
}
[data-algolia-pro] .edb-algolia-legacy-search-link {
    color: #6B7280 !important;
    text-decoration: none !important;
    background-color: rgba(0, 0, 0, 0.0) !important;
}
[data-algolia-pro] .edb-algolia-legacy-search-link:hover {
    color: #ffffff !important;
    text-decoration: none !important;
    background-color: rgba(0, 0, 0, 0.0) !important;
}

@media screen and (max-width: 839px) {
  [data-algolia-pro] .edb-algolia-legacy-search-link {
    display: none !important;
  }
}
@media screen and (min-width: 840px) {
  [data-algolia-pro] .edb-algolia-legacy-search-link {
    display: block !important;
  }
}

/* === Hits */

[data-algolia-pro] .edb-algolia-hits-hr {
    border-color: #3f3f45 !important;
}

[data-algolia-pro] .edb-algolia-hits-gradient { /* Gradient at bottom of hits list to indicate scrollability */
    height: 100px !important; /* Double the original h-8 (32px) = 64px, then again = 100px */
    pointer-events: none !important; /* Allow interactions to pass through the gradient */
}

/* === Hits items & preview */

[data-algolia-pro] .font-semibold { /* title / sections… */
    font-weight: normal !important;
    color: #e3e59d !important;
}

[data-algolia-pro] a:hover .font-semibold { /* title */
    color: #000000 !important;
}

[data-algolia-pro] .opacity-75 { /* author */
    color: #ffffff !important;
}

[data-algolia-pro] a:hover .opacity-75 { /* author */
    color: #333333 !important;
}

[data-algolia-pro] .text-algolia-pro { /* search string */
    font-weight: bold !important;
    text-decoration: underline !important;
    color: #aaffaa !important;
}

/* === Hits items */

[data-algolia-pro] a:hover { /* row */
    text-decoration: none !important;
    background-color: #bfebed !important;
}

/*
[data-algolia-pro] .ais-Highlight-highlighted { /* search string /
    text-decoration: underline !important;
    color: #00ff00 !important;
}
*/

[data-algolia-pro] a:hover .ais-Highlight-highlighted { /* search string */
    font-weight: bold !important;
    text-decoration: underline !important;
    color: #008800 !important;
}

/* === Hits preview */

@media screen and (max-width: 839px) {
  [data-algolia-pro] .preview-panel {
    display: none !important;
  }
}
@media screen and (min-width: 840px) {
  [data-algolia-pro] .preview-panel {
    display: block !important;
  }
}

/* Remove pointer cursor from preview panel (only links should have it) */
[data-algolia-pro] .preview-panel,
[data-algolia-pro] section[aria-label="Preview panel"] {
    cursor: default !important;
}

/* Remove hover effect on title/subtitle link only (keep hover on author links) */
[data-algolia-pro] .preview-panel .text-left > a,
[data-algolia-pro] section[aria-label="Preview panel"] .text-left > a {
    text-decoration: none !important;
}
[data-algolia-pro] .preview-panel .text-left > a:hover,
[data-algolia-pro] section[aria-label="Preview panel"] .text-left > a:hover {
    text-decoration: none !important;
    background-color: transparent !important;
}

[data-algolia-pro] .preview-panel h1 { /* title / sections… */
    font-size: 0.9rem !important;
    line-height: 1.2 !important;
    color: #e3e59d
}

[data-algolia-pro] .preview-panel h2 { /* subtitle */
    font-size: 0.7rem !important;
    line-height: 1.3 !important;
}

[data-algolia-pro] .preview-panel hr {
    margin: 0.3rem 0 !important;
    border-color: #3f3f45 !important;
}

[data-algolia-pro] .edb-algolia-author,
[data-algolia-pro] .edb-algolia-quotation-author,
[data-algolia-pro] .edb-algolia-author-source,
[data-algolia-pro] .edb-algolia-date {
    font-size: 0.75rem !important; /* text-xs */
    color: #6b7280 !important; /* text-gray-500 */
    margin-top: 0.25rem !important; /* mt-1 */
    line-height: 1.4 !important;
}
[data-algolia-pro] .edb-algolia-author .label,
[data-algolia-pro] .edb-algolia-quotation-author .label,
[data-algolia-pro] .edb-algolia-author-source .label {
    font-size: 0.6rem !important;
    padding: 0.1rem 0.3rem !important;
}

[data-algolia-pro] .edb-algolia-toc-item {
    color: #bbbbbb !important;
    cursor: default !important;
}
[data-algolia-pro] .edb-algolia-toc-item:hover {
    color: #bbbbbb !important;
}

[data-algolia-pro] .edb-algolia-date time {
    color: #ffffff !important;
}

[data-algolia-pro] .edb-algolia-date time span {
    color: #ffffff !important;
}

[data-algolia-pro] .edb-algolia-date time .fa-calendar {
    color: #6b7280 !important; /* text-gray-500 */
}

[data-algolia-pro] .edb-backdrop {
    background-color: rgba(0,0,0,0.4) !important;
}