/* -- FONT -- */
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

  /* -- 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  */

  }