/*
Theme Name: CDC InfoSVP
Theme URI: http://activis.ca
Author: Activis
Author URI: http://activis.ca
Description: A design system to build Wordpress site
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: activis
Template: act-wp-base-designsystem

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
:root,body,body.act-theme,.wp-site-blocks{
    /*
        Variables venant des maquettes.
        --n : Tons de noir/gris
        --o : Tons de Orange
        --b : Tons de Bleu
    */
    --n-50: #f7f7f7;
    --n-600: #808080;
    --n-100: #f2f2f2;
    --n-700: #666;
    --n-800: #1a1a1a;
    --n-400: #b3b3b3;
    --n-200: #e5e5e5;
    --n-900: #000;
    --n-500: #999;
    --n-300: #ccc;
    --o-100: #fee1d4;
    --o-50: #fef0ea;
    --o-200: #fdd2bf;
    --o-300: #fdc3aa;
    --o-400: #fcb494;
    --o-600: #fa783f;
    --o-700: #f9692a;
    --o-800: #e24906;
    --b-50: #dde9fc;
    --o-900: #8e2e04;
    --b-100: #bbd4f9;
    --b-200: #9abef5;
    --b-400: #5693ef;
    --b-300: #78a8f2;
    --b-500: #1668e5;
    --b-600: #1259c4;
    --b-700: #0c3a80;
    --b-800: #061d40;
    --b-900: #020c1a;
    --text-white: #fff;
    --spacer: #f2d9db;
    --white: #fff;
    --greyscale-0: #fff;
    --white: #fff;
    --gray-02-1-o: #fff;
    --white: #fff;
    --gray-300: #c5c5c5;
    --white: #fff;
    --gray-scale-0: #fff;

    --layout--content-size: 850px;
    --layout--wide-size: 1280px;

    /*--color--overlay--background: rgba(12, 58, 128, 0.8);*/
    --color--overlay--background: rgba(6, 29, 64, 0.8);

    --color--primary: var(--b-700);
    --color--primary--hover: var(--b-600);
    --color--secondary: var(--o-700);
    --color--secondary--hover: var(--o-600);
    --color--tertiary: var(--n-700);;
    --color--tertiary--hover: var(--n00);;
    --color--accent: var(--o-700);;
    --color--accent--hover: var(--o-600);;
    --color--error: #DA1E28;
    --color--black: #000;

    --color--grey-90: #1A1A1A;
    --color--grey-80: #333333;
    --color--grey-70: #534545;
    --color--grey-60: #666666;
    --color--grey-50: #808080;
    --color--grey-40: #C4C4C4;
    --color--grey-30: #B3B3B3;
    --color--grey-20: #CCCCCC;
    --color--grey-10: #E5E5E5;
    --color--grey-05: #F2F2F2;
    --color--grey-03: #F7F7F7;
    --color--white: #fff;

    --focus--outline: 2px solid var(--color--primary);
    --active--outline: 2px solid var(--color--primary--hover);

    --background: var(--color--white);
    --color--meta: var(--color--grey-70);
    --color--text: var(--b-900);
    --color--interactive: var(--color--secondary);
    --color--emphasis: var(--color--primary);
    --color--heading: var(--b-700);

    --color--facebook:#3B5999;
    --color--youtube:#CD201F;
    --color--linkedin :#0077B5;
    --color--twitter :#55ACEE;
    --color--instagram :#E4405F;

    --gaps--columns: 1.5rem;
    --gaps--grid: 2rem;
    --gaps--list: 1.5rem;
    --gaps--sides: 1.5rem;
    --gaps--boxed: 1.5rem;

    --gaps--text: 1.5rem;
    --gaps--block: 2.5rem;
    --gaps--section: 5rem;

    --gaps--inline: 0.5rem;
    --gaps--inline--large: 1em;
    --gaps--menu: 2rem;

    --padding--none: 0;
    --padding--xx-small: 0.25rem;
    --padding--x-small: 0.5rem;
    --padding--small: 1rem;
    --padding--medium: 1.25rem;
    --padding--x-medium: 1.5rem;
    --padding--xx-medium: 1.75rem;
    --padding--large: 2rem;
    --padding--x-large: 2.5rem;
    --padding--xx-large: 5rem;

    --margin--none: 0;
    --margin--xxx-small: 0.5rem;
    --margin--xx-small: 1rem;
    --margin--x-small: 1.5rem;
    --margin--small: 2rem;
    --margin--medium: 2.5rem;
    --margin--large: 3rem;
    --margin--x-large: 4rem;
    --margin--xx-large: 5rem;
    --margin--xxx-large: 7rem;

    --layer--behind: -1;
    --layer--set: 1;
    --layer--overlay: 800;
    --layer--menu: 900;
    --layer--header: 1001;
    --layer--modal: 1100;
    --layer--veil: 9000;
    --layer--always-on-top: 99999999;

    --line-height--text: 1.5;
    --line-height--x-small: 1.6;
    --line-height--small: 1.4285;
    --line-height--x-large: 1.25;

    --font-family--heading: Raleway, sans-serif;
    --font-family--text: 'Open Sans', sans-serif;

    --font-size--x-small: 0.625rem;
    --font-size--small: 0.75rem;
    --font-size--medium: 1rem;
    --font-size--large: 1.5rem;
    --font-size--x-large: 2rem;

    --font-size--h1: 3rem;
    --font-size--h2: 2.5rem;
    --font-size--h3: 2rem;
    --font-size--h4: 1.5rem;
    --font-size--h5: 1.25rem;
    --font-size--h6: 1.125rem;
    --line-height--heading: 1.3333;
    --line-height--h1: 1.17;
    --line-height--h2: 1.2;
    --line-height--h3: 1.25;
    --line-height--h4: 1.33;
    --line-height--h5: 1.4;
    --line-height--h6: 1.3333;

    --font--lead--regular: 1.375rem/1.3636 var(--font-family--text, sans-serif);
    --font--lead--bold: bold 1.375rem/1.3636 var(--font-family--text, sans-serif);
    --font--title--h1:var(--font-size--h1)/var(--line-height--h1) var(--font-family--heading, sans-serif);
    --font--title--h2:var(--font-size--h2)/var(--line-height--h2) var(--font-family--heading, sans-serif);
    --font--title--h3: var(--font-size--h3)/var(--line-height--h3) var(--font-family--heading, sans-serif);
    --font--title--h4: var(--font-size--h4)/var(--line-height--h4) var(--font-family--heading, sans-serif);
    --font--title--h5: var(--font-size--h5)/var(--line-height--h5) var(--font-family--heading, sans-serif);
    --font--title--h6: var(--font-size--h6)/var(--line-height--h6) var(--font-family--heading, sans-serif);
    --font--title--h1--regular:var(--font-size--h1)/var(--line-height--h1) var(--font-family--heading, sans-serif);
    --font--title--h1--bold:bold var(--font-size--h1)/var(--line-height--h1)var(--font-family--heading, sans-serif);
    --font--title--h2--regular:var(--font-size--h2)/var(--line-height--h2) var(--font-family--heading, sans-serif);
    --font--title--h2--bold: bold var(--font-size--h2)/var(--line-height--h2) var(--font-family--heading, sans-serif);
    --font--title--h3--regular: var(--font-size--h3)/var(--line-height--h3) var(--font-family--heading, sans-serif);
    --font--title--h3--bold:bold var(--font-size--h3)/var(--line-height--h3) var(--font-family--heading, sans-serif);
    --font--title--h4--regular: var(--font-size--h4)/var(--line-height--h4) var(--font-family--heading, sans-serif);
    --font--title--h4--bold:bold var(--font-size--h4)/var(--line-height--h4) var(--font-family--heading, sans-serif);
    --font--title--h5--regular: var(--font-size--h5)/var(--line-height--h5) var(--font-family--heading, sans-serif);
    --font--title--h5--bold:bold var(--font-size--h5)/var(--line-height--h5) var(--font-family--heading, sans-serif);
    --font--title--h6--regular: var(--font-size--h6)/var(--line-height--h6) var(--font-family--heading, sans-serif);
    --font--title--h6--bold:bold var(--font-size--h6)/var(--line-height--h6) var(--font-family--heading, sans-serif);

    --easing--state: ease-in-out;
    --easing--entrance: ease-in;
    --easing--exit: ease-out;

    --duration--slowest: 1s;
    --duration--slower: 750ms;
    --duration--slow: 500ms;
    --duration--fast: 300ms;
    --duration--faster: 200ms;
    --duration--fastest: 100ms;
    --duration--none: 0;

    --icon--xx-small: 1rem;
    --icon--x-small: 1.25rem;
    --icon--small: 1.5rem;
    --icon--medium: 2rem;
    --icon--large: 2.5rem;
    --icon--x-large: 4rem;
    --icon--xx-large: 5rem;
    --icon--xxx-large: 6rem;

    --font-weight--heading: 700;
    --font-weight--text: 400;

    --link--decoration: none;
    --link--decoration-color: transparent;
    --link--duration: var(--duration--fastest);
    --link--easing: var(--easing--state);
    --link--color: var(--o-700);
    --link--hover--decoration: none;
    --link--hover--decoration-color: transparent;
    --link--hover--color: var(--o-800);

    --list--bullet: url("../../assets/icons/SVG/bullet.svg");

    --caption--font: normal var(--font-weight--text) 0.875rem/1.5rem var(--font-family--text);

    --lead--font: normal 400 2rem/1.25em var(--font-family--text);
    --lead--color: var(--b-800);

    --quote--font: normal bold 2.25rem/1.21 var(--font-family--heading);
    --quote--color: var(--b-700);
    --quote--background: var(--b-50);

    --button--radius: 999vw 999vw 0 999vw ;
    --button--height:3.5rem;
    --button--padding:1rem 1.5rem;
    --button--font: 700 1rem/1.5rem var(--font-family--text);
    --button--border:2px solid transparent;

    --button--text--font: var(--button--font);

    --button--background:var(--o-700);
    --button--border-color:var(--button--background);
    --button--color:var(--color--white);

    
    --color--button--background--filled:var(--button--background);
    --color--button--border--filled:var(--button--background);
    --color--button--text--filled:var(--button--color);
    --color--button--background--hover--filled:var(--o-800);
    --color--button--border--hover--filled:var(--o-800);
    --color--button--text--hover--filled:var(--button--color);
    --color--button--border--transparent:transparent;
    --color--button--border--hover--transparent:transparent;
    --color--button--background--light:transparent;
    --color--button--text--light:var(--b-700);
    --color--button--border--light:var(--b-700);
    --color--button--text--transparent:var(--o-700);
    --color--button--background--transparent:transparent;

    --color--button--background--outlined:transparent;
    --color--button--border--outlined:var(--o-700);
    --color--button--text--outlined:var(--o-700);
    --color--button--background--hover--outlined:var(--o-700);
    --color--button--border--hover--outlined:var(--o-700);
    --color--button--text--hover--outlined:#fff;


    /* non scopé, peut etre utilisé a beaucoup de places */
    --social--facebook:#3B5999;
    --social--youtube:#CD201F;
    --social--twitter:#55ACEE;
    --social--linkedin:#0077B5;
    --social--instagram:#E4405F;

    --button--background--hover:var(--o-800);
    --button--border-color--hover:var(--button--background--hover);
    --button--color--hover:var(--color--white);

    --button--background--active:var(--o-800);
    --button--border-color--active:var(--button--background--hover);
    --button--color--active:var(--color--white);

    --button--background--disabled:#ededed;
    --button--border-color--disabled:#ededed;
    --button--color--disabled:#bcbcbc;

    --icon-button--color: var(--color--white);
    --icon-button--background: var(--color--black);

    --icon-button--color--hover: var(--color--black);
    --icon-button--background--hover: var(--color--white);

    --logo--primary--filter: invert(51%) sepia(61%) saturate(495%) hue-rotate(79deg) brightness(93%) contrast(92%);

    --act-post-metadata--color--background:var(--b-50);

    /* A AJOUTER AU BRIDGE */
    --color--text--accent:var(--b-700);
    --color--text--meta:var(--b-700);
    --font--title--h1--bold:var(--font--title--h1);
    --font--title--h2--bold:var(--font--title--h2);
    --font--title--h3--bold:var(--font--title--h3);
    --font--title--h4--bold:var(--font--title--h4);
    --font--title--h5--bold:var(--font--title--h5);
    --font--title--h6--bold:var(--font--title--h6);
    --font--title--h1--regular:var(--font--title--h1);
    --font--title--h2--regular:var(--font--title--h2);
    --font--title--h3--regular:var(--font--title--h3);
    --font--title--h4--regular:var(--font--title--h4);
    --font--title--h5--regular:var(--font--title--h5);
    --font--title--h6--regular:var(--font--title--h6);
    --color--interactive-box--border:var(--b-200);
    --color--interactive-box--text: var(--color--text);
    --color--interactive-box--background:#fff;
    --color--interactive-box--border--hover: 1px solid #f7f7f7;
    --color--interactive-box--text--hover: var(--color--text);
    --color--interactive-box--background--hover: #f7f7f7;
    --color--interactive-box--border--focus: 1px solid #f7f7f7;
    --color--interactive-box--text--focus: var(--color--text);
    --color--interactive-box--background--focus: #f7f7f7;
    --color--interactive-box--border--active: 1px solid #f7f7f7;
    --color--interactive-box--text--active: var(--color--text);
    --color--interactive-box--background--active: #f7f7f7;
    --color--interactive-box--border--activated: 1px solid #f7f7f7;
    --color--interactive-box--text--activated: var(--color--text);;
    --color--interactive-box--background--activated: #f7f7f7;;
    --padding--interactive-box:2.25rem 2rem;
    --border-width--intereractive-box:1px;
    --badges--gap:var(--spacing--xx-small);
    --badge--padding:var(--padding--xx-small) var(--padding--x-small) .125rem;
    --badge--radius:.25rem;
    --badge--font:normal 700 var(--font--small);
    --collapsible--color--heading--icon--hover:var(--o-700);
    --collapsible--color--heading--icon:var(--o-700);
    --color--input--border:#dedede;
    --border-width--input:1px;
    --border-radius--input:0.5rem;
    --memberpress--loginform--forgot--color:var(--o-700);
    --font--label:normal 700 1.125rem/1.33em var(--font-family--heading);
    --color--label--text:var(--b-700);
    --color--link--text:var(--o-700);
    --color--link--text--hover:var(--o-800);
    --color--box--background--info:var(--b-50);
    --color--box--text--info:var(--b-900);

    --height--input:60px;
    
    --border-radius--badge: 0.5rem;
    --border-width--badge:1px;
    --padding--badge:0.25rem 0.5rem;
    --font--badge:var(--font--small--bold);

    --color--badge--background:var(--color--box--background--emphasis);
    --color--badge--text:var(--color--box--text--emphasis);
    --color--badge--border:var(--color--box--text--emphasis);

    --color--badge--background--light:var(--color--box--background);
    --color--badge--text--light:var(--color--box--text);
    --color--badge--border--light:var(--color--box--border);
}

body.act-theme .carte-layout{
    --map--badge--background:var(--b-50);
    --map--badge--color:var(--b-700);
    --map--badge--font:normal 700 0.875rem/1.43em var(--font-family--heading);
    --map--venue-card--color:var(--b-700);
    --map--venue-card--font:normal 700 1.25rem/1.2em var(--font-family--heading);
}

/* Modifs de variables */
.wp-site-blocks{
    --color--button--background: var(--button--background);
    --color--button--text: var(--button--color);
    --color--button--border: var(--button--background);

    --color--button--background--hover: var(--o-800);
    --color--button--text--hover: #fff;
    --color--button--border--hover: var(--o-800);

    --color--button--background--focus: var(--o-700);
    --color--button--text--focus: #fff;
    --color--button--border--focus: var(--o-700);

    --color--button--background--active: var(--o-700);;
    --color--button--text--active: #fff;
    --color--button--border--active: var(--o-700);;

    --color--button--background--disabled: var(--n-300);
    --color--button--text--disabled: var(--n-700);
    --color--button--border--disabled: var(--n-300);

    --border-radius--button:999vw 999vw 0 999vw;
}

@media (max-width: 781px) {

    body {
        --gaps--text: 1rem;
        --gaps--block: 2rem;
        --gaps--section: 3.75rem;
        --gaps--sides: 1.5rem;
    }
}

.l-header {
    --icon-button--color: var(--color--black);
    --icon-button--background: var(--color--grey-05);
    --icon-button--color--hover: var(--color--white);
    --icon-button--background--hover: var(--color--primary);
}

.post-navigation-link {
    --link--color: var(--color--primary);
}

.act-page-tree-menu {
    --menu-btn-border: 1px solid #E5E5E5;
    --menu-btn-padding: var(--padding--xx-small);
    --menu-btn-size: var(--icon--large);
    --menu-btn-open-size: 1.5rem;
    --menu-btn-close-size: 1.5rem;
    /* btn à gérer plus tard avec les bouton par defaut du site */
    --level-1--btn-padding: var(--padding--x-small) var(--padding--small);
    --level-1--icon--size:1.5rem;

    --level-1--btn-border: 1px solid var(--color--primary);
    --level-1--btn-border-hover: 1px solid var(--color--secondary);
    --level-1--btn-border-radius: 50px;
    --level-1--btn-color: #fff;
    --level-1--btn-color-hover: #fff;
    --level-1--btn-background: var(--color--primary);
    --level-1--btn-background-hover: var(--color--secondary);

    --level-1--font: bold 1rem/1.2 var(--font-family--text);
    /* padding des liens de premier niveau */
    --level-1--padding: var(--padding--x-small) 0;
    --level-1--padding-mobile: .5rem 0;

    --level-1--color: var(--b-700);
    --level-1--color--hover: var(--o-700);
    --level-1--color--active: var( --level-1--color--hover);
    --level-1--icon--color: currentColor;
    /* separateur pour les premier niveau en mobile */
    --level-1--border-mobile: none;

    /* border hover premier niveau */
    --level-1--border-height: 4px;
    --level-1--border-color: currentColor;
    --level-1--border-width: calc(100% + 32);

    /* gap entre les item de menu de premier niveau */
    --level-1--gap--item: var(--gaps--menu);

    --level-2--icon--color: #fff;
    --level-2--font: bold 1rem/1.2 var(--font-family--text);
    --level-2--color: #fff;
    --level-2--color--hover: #fff;
    --level-2--color--active: #fff;

    /* padding des items de menu 2iem niveau */
    --level-2--item-padding: var(--padding--x-small) 0;
    --level-2--padding-mobile: var(--padding--small) 0 0 0;

    /* marges pour le panel dropdown (souvent moins d espace que le panel pleine largeur) */
    --level-2--margin-dropdown: 2.5rem 1.5rem 1.5rem 0;

    /* position du dropdwon par rapport à son parent - decalage negatif vers la gauche pour aligner le texte avec le parent */
    --level-2--dropdown-position: calc((var(--margin--xx-small) + var(--icon--small)) * -1);

    /* largeur du dropdown, si on le met à 100% il ne sera pas plus large que son parent */
    --level-2--dropdown-width: 250px;

    /* margin top pour les colonne de menu 2ieme niveau */
    --level-2--margin-top: 1.5rem;

    /* largeur des item de menu 2ieme niveau selon la resolution */
    /* mobile */
    --level-2--flexbasis--item-small: calc(263 / 544 * 100%);
    /* > 960 */
    --level-2--flexbasis--item-medium: calc(263 / 928 * 100%);
    /* > 1440 */
    --level-2--flexbasis--item-large: calc(263 / 1310 * 100%);

    /* gap entre les item de menu 2ieme niveau selon la resolution */
    --level-2--gap--item-medium: calc(69 / 928 * 100%);
    --level-2--gap--item-large: calc(86 / 1310 * 100%);


    --level-3--icon--color: var(--color--secondary);
    --level-3--font: normal 1rem/1.2 var(--font-family--text);
    --level-3--color: var(--color--secondary);
    --level-3--color--hover: var(--color--primary);
    --level-3--color--active: var(--color--primary);
    /* pour differencier le 2 level du 3ieme */
    --level-3--padding-mobile: var(--padding--small) 0 0 var(--padding--small);
    --level-3--margin-top: var(--margin--xx-small);
    --level-3--margin-top-item: var(--margin--xx-small);

    /* overlay */
    --overlay--background: var(--color--secondary);
    --overlay--opacity: 0;

    --panel--border: none;
    --panel--radius: 0;
    --panel--margin: calc(var(--margin--xx-large) - var(--margin--small)) var(--margin--xxx-large) var(--margin--xx-large) var(--margin--xxx-large);
    --panel--background: var(--b-700);
    --panel--shadow: none;

    /* taille de l image dans le panel */
    --panel--prepend-width: calc(384 / 1920 * 100%);

    /* taille du panel si pas d image */
    --panel-without-prepend-medium-width: 100vw;
    --panel-without-prepend-large-width: 60vw;

    /* wrapper du menu */
    --wrapper--shadow: inset 0 4px 29px hsl(0deg 0% 49% / 15%);
    --wrapper--padding: var(--padding--large) var(--gaps--sides);
    --wrapper--padding-mobile: 0 var(--gaps--sides) var(--padding--large) var(--gaps--sides);
    --wrapper--background: var(--color--primary);
}

.barba-integration {
    --config--transition-color: var(--color--accent);
}

.barba-integration-progress-bar {
    --config--transition-color: var(--color--accent);
}

.act-quick-links {
    --color--background: var(--color--primary);
    --color--background--hover: var(--color--tertiary);
    --color--text: var(--color--white);
    --color--text--hover: var(--color--white);
}

.wp-block-cover, .act-gallery-cover {
    --cover-heading-color: var(--color--white);
    --cover-heading-font: normal var(--font-weight--heading) var(--font-size--h1)/var(--line-height--heading) var(--font-family--heading);
    --cover-heading-align: left;
    --cover-heading-valign: center;
    --cover-container-width: var(--layout--wide-size);
    --cover-overlay-background: var(--color--black);
    --cover-overlay-opacity: 0.35;
    --cover-height: 500px;

}


.gform_wrapper,form{
    --form--gap-x:var(--gaps--grid);
    --form--gap-y:var(--gaps--grid);
    --label--font:normal 0.875rem/1rem var(--font-family--text);
    --label--color:inherit;
    --input--height:3.5rem;
    --input--padding:var(--padding--small);
    --input--textarea--height:8.1rem;
    --input--radius:0;
    --input--background:var(--color--grey-05);
    --input--border:1px solid var(--color--black);
    --input--font:normal 1rem/1.5rem var(--font-family--text);
}

.wp-block-query-pagination {

    --number--size: 3rem;
    --number--gap: 0rem;
    --number--color: var(--b-800);
    --number--background: transparent;
    --number--color--hover: var(--color--white);
    --number--background--hover: var(--b-700);
    --number--color--active: var(--number--color--hover);
    --number--background--active: var(--number--background--hover);
    --number--color--current: var(--number--color--hover);
    --number--background--current: var(--number--background--hover);
    --number--radius: 999rem;

    --button--color: var(--color--white);
    --button--background: var(--color--primary);
    --button--color--hover: var(--color--white);
    --button--background--hover: var(--color--secondary);
    --button--color--active: var(--color--white);
    --button--background--active: var(--color--grey-60);
    --button--radius: 0.25rem;
    --font: normal 700 1rem/1.5rem var(--font-family--text);
}

.yoast-breadcrumbs {
    --crumb--gap: .5rem;
    --crumb--color: var(--b-800);
    --crumb--font: normal 500 0.875rem/1.5em var(--font-family--heading);
    --crumb--color--current: var(--b-700);
    --crumb--font--current: normal 700 0.875rem/1.5em var(--font-family--heading);
    --crumb--color--separator: var(--o-700);
    --crumb--size--separator: 0.5rem;
}

.wp-block-post-template {
    --img--height: 200px;
}


.alerte-banner{
    --avis--title-color:#ffffff;
    --avis--color:#ffffff;
    --avis--bg-color:#D22E3E;
    --annonce--title-color:#000000;
    --annonce--color:#000000;
    --annonce--bg-color:#FFB529;
    --information--title-color:#000000;
    --information--color:#000000;
    --information--bg-color:#758E4F;
}

.act-galerie-slider{
    --nav--dots--height:0.5rem;
    --nav--dots--width:0.5rem;
    --nav--dots--margin:0 0.5rem;
    --nav--dots--shadow:0px 0.25rem 0.25rem rgb(0 0 0 / 25%);
    --nav--dots--bg-color:#fff;
    --nav--dots--border-color:#fff;
    --nav--dots--border-size:2px;
    --nav--controls--padding:0 1.5rem;
    --nav--controls--height:3.5rem;
    --nav--controls--width:3.5rem;
    --nav--controls--color:#fff;
    --nav--controls--bg-color:var(--o-700);
    --nav--controls--bg-color--hover:var(--o-700);
    --items-height:400px;
}

.act-page-404{
    --page-404--bg--color:var(--color--primary);
    --page-404--text--color:var(--color--white);

    --button--background:#fff;
    --button--border-color:#fff;
    --button--color:var(--color--primary);

    --button--background--hover:#dcdcdc;
    --button--border-color--hover:#dcdcdc;
    --button--color--hover:var(--color--primary);

    --button--background--active:#dcdcdc;
    --button--border-color--active:#dcdcdc;
    --button--color--active:var(--color--primary);

    --button--background--disabled:#ededed;
    --button--border-color--disabled:#ededed;
    --button--color--disabled:#bcbcbc;
}

.l-footer{
    --footer--background:var(--color--black);
    --footer--text-color:var(--color--white);
    --footer--font:normal 400 1rem/1.5rem var(--font-family--heading);
    --footer--spacing-y:var(--padding--none);
    --footer--content-spacing-y:var(--padding--xx-large);
    --footer--gap-x:92px;
    --footer--gap-y:var(--margin--large);
    --footer--font-level1:normal 700 1.125rem/1.25em var(--font-family--heading);
    --footer--font-level2:normal 400 1.125rem/1.25em var(--font-family--heading);
}

.act-share{
    --network--color:var(--o-700);
    --network--color--hover:var(--o-800);
    --toggle--color:var(--color--primary);
}

.wp-block-archive-filtres{
    --filtres--padding:1.5rem;
    --filtres--background:#ECF2FE;
    --filtres--title--font:700 normal 1.25rem/1.14em var(--font-family--heading);
    --filtres--label--font:700 normal 1rem/1.5em var(--font-family--text);
    --filtres--field--font:400 normal 1rem/1.5em var(--font-family--text);
    --filtres--field--color: #223654;
    --filtres--label--text-color: #000;
    --filtres--form--gap:1rem;
}
.act-reveal-card{
    --card--height:400px;
    --color--text:#fff;
    --color--background--reveal:var(--color--primary);
    --color--background-opacity--reveal:0.9;
    --color--text--reveal:#fff;
    --font--normal: 700 normal 2.5rem/1.20em var(--font-family--heading);
}

@media (max-width: 1279px) {

    :root,body,body.act-theme,.wp-site-blocks {
        --font--lead--regular: 1.375rem/1.3636 var(--font-family--text, sans-serif);
        --font--lead--bold: bold 1.375rem/1.3636 var(--font-family--text, sans-serif);
        --font--title--h1:bold 2rem/1.25 var(--font-family--heading, sans-serif);
        --font--title--h1--regular:2rem/1.25 var(--font-family--heading, sans-serif);
        --font--title--h1--bold:bold 2rem/1.25 var(--font-family--heading, sans-serif);
        --font--title--h2: bold 1.5rem/1.25 var(--font-family--heading, sans-serif);
        --font--title--h2--regular:1.5rem/1.25 var(--font-family--heading, sans-serif);
        --font--title--h2--bold: bold 1.5rem/1.25 var(--font-family--heading, sans-serif);
        --font--title--h3:bold 1.375rem/1.3636 var(--font-family--heading, sans-serif);
        --font--title--h3--regular: 1.375rem/1.3636 var(--font-family--heading, sans-serif);
        --font--title--h3--bold:bold 1.375rem/1.3636 var(--font-family--heading, sans-serif);
        --font--title--h4:bold 1.25rem/1.2 var(--font-family--heading, sans-serif);
        --font--title--h4--regular: 1.25rem/1.2 var(--font-family--heading, sans-serif);
        --font--title--h4--bold:bold 1.25rem/1.2 var(--font-family--heading, sans-serif);
        --font--title--h5:bold 1.175rem/1.333333 var(--font-family--heading, sans-serif);
        --font--title--h5--regular: 1.175rem/1.333333 var(--font-family--heading, sans-serif);
        --font--title--h5--bold:bold 1.175rem/1.333333 var(--font-family--heading, sans-serif);
        --font--title--h6:bold 1rem/1.5 var(--font-family--heading, sans-serif);
        --font--title--h6--regular: 1rem/1.5 var(--font-family--heading, sans-serif);
        --font--title--h6--bold:bold 1rem/1.5 var(--font-family--heading, sans-serif);

        --font--lead:1.375rem/1.333333 var(--font-family--text, sans-serif);

        --spacing--medium: 1.5rem;
        --spacing--large: 2rem;
        --spacing--x-large: 2.5rem;
        --spacing--xx-large: 4rem;
        --spacing--xxx-large: 5rem;
    }
}

@media (max-width: 781px) {

    :root,body,body.act-theme,.wp-site-blocks {
        --font--title--h1--regular:1.75rem/1.429 var(--font-family--heading, sans-serif);
        --font--title--h1--bold:bold 1.75rem/1.429 var(--font-family--heading, sans-serif);
        --font--title--h1:bold 1.75rem/1.429 var(--font-family--heading, sans-serif);
        --font--title--h2--regular:1.5rem/1.429 var(--font-family--heading, sans-serif);
        --font--title--h2--bold:bold 1.5rem/1.429 var(--font-family--heading, sans-serif);
        --font--title--h2:bold 1.5rem/1.429 var(--font-family--heading, sans-serif);
        --spacing--large: 1.5rem;
        --spacing--x-large: 2rem;
        --spacing--xx-large: 3rem;
        --spacing--xxx-large: 4rem;
        --gaps--sides: 1.5rem;
    }
}