/*-- INSTITUTIONNEL THEME --*/
  /* -- VARIABLES -- */
  /* Change the variable values to customize your theme  */
  /* In Decidim admin you can select colors for your organization. You can pass these colors as variable values below by writing "var(--primary);" or "var(--secondary);" */
  :root {
    /* FONTS */
    --font_title: 'Montserrat'; /* for titles (h1, h2 etc.) don't forget to write the font name (google or custom) in order for it to apply. */
    --font_content: 'Montserrat'; /* for paragraphs don't forget to write the font name (google or custom) in order for it to apply. */

    /* NAV BAR  */
    /* Primary (the one with the user menu)  */
    --header_background: #ffffff; /* color of the primary navbar */
    --header_search_background: #f0f0f0; /* color of the search box */
    --header_search_button_background: #3d393c; /* color of the button containing the magnifying glass icon */
    --header_search_button_color: #ffffff; /* color of the magnifying glass icon */
    --header_color: #3d393c; /* font color for the primary navbar */
    --header_padding: 2rem 1rem; /* header height */

    /* Secondary (the one with the tabs)  */
    --header_navbar_background: #f0f0f0; /* color of the secondary navbar */
    --header_navbar_border: #3d393c; /* color of the top border when selected */
    --header_secondary_color: #3d393c; /* font color for the secondary navbar */

    /* FOOTER */
    /* Links bar (containing all the links to static pages) */
    --footer_background: #ffffff; /* color of the 1st part of the footer */
    --footer_color: #3d393c; /* font color for the 1st part of the footer */

    /* Mini footer (with the decidim credit) */
    --footer_mini_background: #f0f0f0; /* color of the 2nd part of the footer */
    --mini_footer_color: #3d393c; /* font color for the 2nd part of the footer */
    --credits_filter_color: invert(22%) sepia(6%) saturate(362%) hue-rotate(263deg) brightness(40%) contrast(94%); /* Color of the creative commons logo and decidim logo. When using a light color for the background uncomment the variable to change the color of the icons   */

    /* BUTTONS  */
    --button_radius: 0px; /* Button shape > 0 round, 0 = rectangular */

    /* CARDS  */
    --card_border: 0px;
    --card_radius: 0px; /* Card shape > 0 round, 0 = rectangular */
    --card_shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    --card_color: #ffffff; /* background color for cards /!\ leave white /!\ */
    --card_footer_background: #ffffff; /* background color for the bottom part for card containing the "vote" / "view proposal" button */
    --card_top_background: #ffffff; /* background color for the top part of the card, this part is displayed on the /search page*/
    --card_border_bottom_color: var(--primary) solid 3px; /* adds a color bar to the bottom of all cards */

    /* LINKS */
    --link_color: var(--primary); /* font color for all links */
    --link_underline: underline; /* replace "none" with "underline" to have all links underlined on mouse hover */

    /* STATS */
    --stats_text_shadow: ; /* shadow of the stats numbers */
    --process_stats_separator_color : var(--secondary); /* color of the bar between numbers at the bottom of the process page */


    /* HOMEPAGE */
    --icon_color: var(--primary); /* colors for the icon in the "How to participate"homepage section */
    --homepage_section_background_color: ; /* background color of every n+2 section on the homepage */
    --homepage_stats_border_color: #e8e8e8; /* color of the slim line seperating the blocks  */

}