/* stylelint-disable custom-property-empty-line-before */
:root {
  /* Palette colors */
  --color-primary: #022e6b;
  --color-primary-hover: #034fb8;
  --color-secondary: #e50f42;
  --color-secondary-hover: #9b0a2d;
  --color-tertiary: #007d4c;
  --color-tertiary-hover: #009e65;

  /* Grey colors */
  --color-grey-27: #1b2d42;
  --color-grey-102: #666;
  --color-grey-204: #ccc;
  --color-grey-231: #e7e7e7;
  --color-grey-242: #f2f4f7;
  --color-grey-243: #f3f3f3;
  --color-grey-249: #faf8f4;

  --color-text-primary: black;
  --color-text-dimmed: var(--color-grey-102);
  --color-border: var(--color-grey-231);
  --color-transparent-white: rgb(255 255 255 / 70%);

  /* Blue colors */
  --color-blue-16: #103f82;
  --color-blue-25: #19488e;
  --color-blue-211: #d3e5fe;
  --color-blue-229: #e5ecf3;
  --color-blue-235: #ebf1f8;
  
  --color-neutral-50: #faf8f4;
    --color-neutral-75: #f3f3f3;
    --color-neutral-93: #5d5d5d;
    --color-neutral-100: #e7e7e7;
    --color-neutral-150: #ccc;
    --color-neutral-200: var(--color-text-dimmed);
    --color-neutral-213: #d5d5d5;
    --color-neutral-300: #1b2d42;

  /* Fonts */
  --sans-serif-stack:
          -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
          "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", color-emoji;
  --font-family-primary: "Roboto", var(--sans-serif-stack);
  --font-family-secondary: "Inter", var(--sans-serif-stack);
  --font-size-medium: 18px;
  --font-size-small: 16px;
  --font-size-smaller: 14px;
  --line-height-medium: 1.5;
  --line-height-smaller: 1.42;

  /* Spacing */
  --section-spacing: 36px;

  /* Border radius */
  --border-radius-small: 16px;
  --border-radius-medium: 8px;
  --border-radius-large: 16px;

  /* Headings */
  --h1-font-size: 35px;
  --h2-font-size: 32px;
  --h3-font-size: 28px;
  --h4-font-size: 24px;
  --h5-font-size: 18px;
  --h6-font-size: 18px;
  --heading-font-weight: 600;
  --heading-line-height: 1.2;
  --heading-accent-color: var(--color-primary);

  /* Text formatting options */
  --heading-text-wrap: balance;
  --paragraph-text-wrap: pretty;

  /* Regular link */
  --link-color: var(--color-primary);
  --link-color-hover: var(--color-primary-hover);
  --link-font-weight: 500;
  --link-decoration-line: none;
  --link-decoration-line-hover: underline;

  /* --link-color-visited: #551a8b; */

  /* Lists */
  --list-bullet-primary-color: var(--color-primary);
  --list-bullet-secondary-color: var(--color-secondary);

  /* Blockquote */
  --blockquote-primary-color: var(--color-primary);
  --blockquote-secondary-color: var(--color-secondary);
  --blockquote-tertiary-color: var(--color-tertiary);
  --blockquote-indent-width: 4px;
  --blockquote-indent-border-radius: var(--border-radius-small);

  /* Table */
  --table-heading-bg-color: var(--color-primary);
  --table-heading-text-color: white;
  --table-selection-bg-color: var(--color-grey-242);

  /* Regular image */
  --image-border-radius: var(--border-radius-medium);

  /* Figure */
  --figure-spacing: 10px;
  --figure-font-style: normal;
  --figure-text-color: var(--color-text-dimmed);
  --figure-text-size: 14px;
  --figure-line-height: var(--line-height-smaller);
  --figure-indent-width: 4px;
  --figure-indent-border-radius: var(--border-radius-small);
  --figure-indent-color: var(--color-primary);

  /* Header */
  --header-mobile-bar-height: 65px;
  --header-mobile-bar-bg-color: var(--color-primary);

  --header-mobile-top-bg-color: #f9f9f9;

  --header-nav-toggle-bg-color: white;
  --header-nav-toggle-color: white;
  --header-nav-toggle-color-active: var(--color-primary);

  --header-search-border-radius: 100px;
  --header-search-bg-color: var(--color-grey-249);

  --header-font-size: var(--font-size-small);
  --header-lang-color: var(--color-primary);
  --header-subscribe-color: white;

  --header-menu-spacing: 30px;
  --header-menu-bg-color: var(--color-primary);
  --header-menu-text-color: white;
  --header-menu-text-color-hover: var(--color-transparent-white);
  --header-menu-font-size: 18px;
  --header-menu-font-weight: 500;

  --header-dropdown-text-color: white;
  --header-dropdown-text-color-hover: var(--color-transparent-white);
  --header-dropdown-icon-color: white;
  --header-dropdown-font-size: 16px;

  --header-social-spacing: 16px 9vw;
  --header-social-item-size: 30px;
  --header-social-item-bg-color: white;
  --header-social-item-bg-color-hover: white;
  --header-social-icon-scale: 1.1;
  --header-social-icon-color: var(--color-primary);
  --header-social-icon-color-hover: var(--color-secondary);

  /* Header (b) */
  --header-b-mobile-bar-bg-color: white;
  --header-b-mobile-top-bg-color: var(--color-grey-249);

  --header-b-nav-toggle-bg-color: transparent;
  --header-b-nav-toggle-color: var(--color-primary);
  --header-b-nav-toggle-color-active: var(--color-primary);

  --header-b-menu-spacing: 30px;
  --header-b-menu-bg-color: white;
  --header-b-menu-text-color: var(--color-text-primary);
  --header-b-menu-text-color-hover: var(--color-primary-hover);

  --header-b-lang-color: var(--color-primary);
  --header-b-subscribe-color: var(--color-primary);

  --header-b-social-item-bg-color: var(--color-blue-25);
  --header-b-social-item-bg-color-hover: var(--color-blue-25);
  --header-b-social-icon-color: white;
  --header-b-social-icon-color-hover: var(--color-transparent-white);

  --header-b-dropdown-text-color: var(--color-text-primary);
  --header-b-dropdown-text-color-hover: var(--color-primary-hover);
  --header-b-dropdown-icon-color: var(--color-primary);

  /* Header (c) */
  --header-c-mobile-bar-bg-color: var(--color-primary);
  --header-c-top-bg-color: var(--color-primary);

  --header-c-nav-toggle-bg-color: white;
  --header-c-nav-toggle-color: white;
  --header-c-nav-toggle-color-active: var(--color-primary);

  --header-c-lang-color: white;
  --header-c-subscribe-color: var(--color-primary);

  --header-c-menu-spacing: 30px;
  --header-c-menu-bg-color: white;
  --header-c-menu-text-color: var(--color-text-primary);
  --header-c-menu-text-color-hover: var(--color-primary-hover);

  --header-c-social-item-bg-color: var(--color-blue-25);
  --header-c-social-item-bg-color-hover: var(--color-blue-25);
  --header-c-social-icon-color: white;
  --header-c-social-icon-color-hover: var(--color-transparent-white);

  --header-c-dropdown-bg-color: white;
  --header-c-dropdown-text-color: var(--color-text-primary);
  --header-c-dropdown-text-color-hover: var(--color-primary-hover);
  --header-c-dropdown-icon-color: var(--color-primary);

  /* Header (d) */
  --header-d-mobile-bar-bg-color: var(--color-primary);
  --header-d-mobile-top-bg-color: #f9f9f9;

  --header-d-nav-toggle-bg-color: white;
  --header-d-nav-toggle-color: white;
  --header-d-nav-toggle-color-active: var(--color-primary);

  --header-d-lang-color: var(--color-primary);
  --header-d-social-label-color: white;

  --header-d-button-border-color: var(--color-secondary);
  --header-d-button-bg-color: var(--color-secondary);
  --header-d-button-border-color-hover: var(--color-secondary-hover);
  --header-d-button-bg-color-hover: var(--color-secondary-hover);

  --header-d-menu-spacing: 30px;
  --header-d-menu-bg-color: var(--color-primary);
  --header-d-menu-text-color: white;
  --header-d-menu-text-color-hover: var(--color-transparent-white);

  --header-d-dropdown-text-color: white;
  --header-d-dropdown-text-color-hover: var(--color-transparent-white);
  --header-d-dropdown-icon-color: white;

  /* Button */
  --button-v-padding: 8px;
  --button-h-padding: 32px;
  --button-border-radius: 100px;
  --button-font-color: white;
  --button-font-weight: 500;

  --button-primary-border-color: var(--color-primary);
  --button-primary-bg-color: var(--color-primary);
  --button-primary-text-color: white;
  --button-primary-border-color-hover: var(--color-primary-hover);
  --button-primary-bg-color-hover: var(--color-primary-hover);
  --button-primary-text-color-hover: white;
  --button-primary-icon-color: white;

  --button-secondary-border-color: var(--color-secondary);
  --button-secondary-bg-color: var(--color-secondary);
  --button-secondary-text-color: white;
  --button-secondary-border-color-hover: var(--color-secondary-hover);
  --button-secondary-bg-color-hover: var(--color-secondary-hover);
  --button-secondary-text-color-hover: white;
  --button-secondary-icon-color: white;

  --button-tertiary-border-color: var(--color-tertiary);
  --button-tertiary-bg-color: var(--color-tertiary);
  --button-tertiary-text-color: white;
  --button-tertiary-border-color-hover: var(--color-tertiary-hover);
  --button-tertiary-bg-color-hover: var(--color-tertiary-hover);
  --button-tertiary-text-color-hover: white;
  --button-tertiary-icon-color: white;

  /* Breadcrumbs */
  --breadcrumbs-accent-color: var(--color-primary);
  --breadcrumbs-font-size: var(--font-size-smaller);

  /* Arrow link */
  --arrow-link-color: var(--color-primary);
  --arrow-link-color-hover: var(--color-primary-hover);
  --arrow-link-font-weight: 500;

  /* Text box */
  --text-box-primary-border-color: var(--color-primary);
  --text-box-secondary-border-color: var(--color-secondary);
  --text-box-tertiary-border-color: var(--color-tertiary);
  --text-box-primary-bg-color: var(--color-grey-243);
  --text-box-secondary-bg-color: #e6eaf0;

  /* Accordion */
  --accordion-spacing: 0;
  --accordion-h-paddings: 20px;
  --accordion-v-paddings: 14px;
  --accordion-text-color: inherit;
  --accordion-text-color-hover: var(--color-primary-hover);
  --accordion-font-size: inherit;
  --accordion-font-weight: 400;

  /* Sidebar menu */
  --sidebar-menu-text-color: inherit;
  --sidebar-menu-text-color-hover: var(--color-primary-hover);
  --sidebar-menu-icon-color: var(--color-primary);
  --sidebar-menu-icon-color-hover: var(--color-primary-hover);
  --sidebar-menu-color: var(--color-primary);

  /* Button menu */
  --button-menu-primary-color: var(--color-primary);
  --button-menu-secondary-color: var(--color-secondary);
  --button-menu-tertiary-color: var(--color-tertiary);
  --button-menu-default-bg: var(--color-grey-243);
  --button-menu-default-bg-hover: var(--color-grey-231);
  --button-menu-custom-bg: var(--color-primary);
  --button-menu-custom-bg-hover: var(--color-primary-hover);

  /* Button menu (b) */
  --button-menu-b-bg-color: var(--color-grey-242);
  --button-menu-b-bg-color-hover: var(--color-grey-231);
  --button-menu-b-time-color: var(--color-text-dimmed);
  --button-menu-b-time-font-size: var(--font-size-smaller);

  /* Media box */
  --media-box-aspect-ratio-narrow: 3.6;
  --media-box-aspect-ratio-medium: 2.4;
  --media-box-aspect-ratio-tall: 1.78;

  /* Media carousel */
  --media-carousel-aspect-ratio: 1.78;
  --media-carousel-button-border-radius: 50%;

  /* Media box (b) */
  --media-box-b-accent-color: var(--color-secondary);

  /* Carousel & News box */
  --carousel-button-border-radius: 50%;

  /* Carousel (b) */
  --carousel-b-bg-color: var(--color-grey-249);

  /* Member's panel */
  --members-panel-bg-color: var(--color-grey-27);
  --members-panel-heading-color: white;
  --members-panel-link-color: white;
  --members-panel-link-color-hover: var(--color-secondary);

  /* Tab menu */
  --tab-menu-button-color-hover: var(--color-primary-hover);
  --tab-menu-button-color-active: var(--color-primary);

  /* Page menu */
  --page-menu-title-font-size: var(--font-size-medium);
  --page-menu-button-color-active: var(--color-primary);
  --page-menu-button-color-hover: var(--color-blue-211);
  --page-menu-button-font-size: var(--font-size-smaller);
  --page-menu-button-line-height: var(--line-height-smaller);
  --page-menu-button-font-weight: 400;
  --page-menu-dropown-color-hover: var(--color-primary);
  --page-menu-dropdown-font-size: var(--font-size-small);

  /* Dropdown Menu */
  --dropdown-menu-width: 170px;
  --dropdown-menu-link-hover: var(--color-primary-hover);
  --dropdown-menu-font-size: var(--font-size-small);
  --dropdown-menu-font-weight: 700;

  /* Blog post title */
  --blog-post-title-data-font-size: var(--font-size-smaller);
  --blog-post-title-time-color: inherit;
  --blog-post-title-tag-color: var(--color-primary);
  --blog-post-title-tag-color-hover: var(--color-primary-hover);
  --blog-post-title-tag-decoration-line: none;
  --blog-post-title-tag-decoration-line-hover: underline;

  /* Heading with line */
  --heading-with-line-border-radius: 0;
  --heading-with-line-accent-color: var(--color-primary);

  /* Desc box */
  --desc-box-bg-color: var(--color-primary);
  --desc-box-text-color: white;

  /* Filled section */
  --filled-section-bg-color: var(--color-primary);
  --filled-section-text-color: white;

  /* Article preview */
  --article-preview-heading-color: inherit;
  --article-preview-heading-color-hover: var(--color-primary-hover);

  /* Article preview (b) */
  --article-preview-b-heading-color: var(--color-primary);
  --article-preview-b-heading-color-hover: var(--color-primary-hover);

  /* Article preview (c) & Preview box */
  --article-preview-c-heading-color: var(--color-primary);
  --article-preview-c-heading-color-hover: var(--color-primary-hover);
  --article-preview-c-time-color: var(--color-text-dimmed);

  /* Article preview (d) */
  --article-preview-d-heading-color: var(--color-primary);
  --article-preview-d-heading-color-hover: var(--color-primary-hover);
  --article-preview-d-time-font-size: var(--font-size-smaller);
  --article-preview-d-time-color: var(--color-text-dimmed);

  /* Offset box */
  --offset-box-offset: -78px;
  --offset-box-bg-color: white;

  /* Article preview (e) */
  --article-preview-e-heading-color: inherit;
  --article-preview-e-heading-color-hover: var(--color-primary-hover);
  --article-preview-e-accent-color: var(--color-primary);

  /* Article preview (f) */
  --article-preview-f-heading-color: inherit;
  --article-preview-f-heading-color-hover: var(--color-primary-hover);

  /* Preview data */
  --preview-data-font-size: var(--font-size-smaller);
  --preview-data-time-color: inherit;
  --preview-data-tag-color: var(--color-primary);
  --preview-data-tag-color-hover: var(--color-primary-hover);
  --preview-data-tag-decoration-line: none;
  --preview-data-tag-decoration-line-hover: underline;

  /* Blog preview (a) */
  --blog-preview-a-heading-color: inherit;
  --blog-preview-a-heading-color-hover: var(--color-primary-hover);

  /* Big preview (b) */
  --big-preview-b-bg-color-hover: var(--color-blue-235);
  --big-preview-b-time-color: var(--color-text-dimmed);
  --big-preview-b-time-font-size: var(--font-size-smaller);

  /* Preview */
  --preview-padding: 24px;
  --preview-play-icon-color: white;
  --preview-bg-color-hover: var(--color-blue-235);
  --preview-heading-color: inherit;
  --preview-desc-color: inherit;
  --preview-time-color: var(--color-text-dimmed);
  --preview-time-font-size: var(--font-size-smaller);
  --preview-time-line-height: var(--line-height-smaller);

  /* Big preview (c) */
  --big-preview-c-bg-color-hover: var(--color-blue-235);
  --big-preview-c-time-color: var(--color-text-dimmed);
  --big-preview-c-time-font-size: var(--font-size-smaller);

  /* Preview (b) */
  --preview-b-bg-color-hover: var(--color-blue-235);
  --preview-b-accent-color: var(--color-primary);
  --preview-b-heading-font-family: var(--font-family-primary);
  --preview-b-time-font-size: var(--font-size-smaller);
  --preview-b-time-color: var(--color-text-dimmed);

  /* Preview (c) */
  --preview-c-padding: 24px;
  --preview-c-gap: 12px;
  --preview-c-bg-color-hover: var(--color-blue-235);
  --preview-c-heading-color: var(--color-primary);
  --preview-c-desc-color: inherit;
  --preview-c-time-font-size: var(--font-size-smaller);
  --preview-c-time-color: var(--color-text-dimmed);

  /* Preview (d) */
  --preview-d-heading-text-color: var(--color-primary);
  --preview-d-bg-color-hover: var(--color-blue-235);

  /* Column preview */
  --column-preview-accent-color: var(--color-primary);
  --column-preview-accent-color-hover: var(--color-primary-hover);
  --column-preview-heading-font-family: var(--font-family-primary);

  /* Resource preview */
  --resource-preview-bg-color: white;
  --resource-preview-bg-color-hover: var(--color-blue-235);

  /* Video preview */
  --video-preview-play-icon-color: white;
  --video-preview-bg-color-hover: var(--color-blue-235);

  /* Image preview */
  --image-preview-bg-color: var(--color-primary);
  --image-preview-text-color: white;
  --image-preview-font-family: var(--font-family-secondary);
  --image-preview-font-size: 24px;
  --image-preview-line-height: 1.2;
  --image-preview-content-heading-font-size: 24px;
  --image-preview-content-text-color: var(--color-grey-102);

  /* Image preview (b) */
  --image-preview-b-bg-color: var(--color-primary);
  --image-preview-b-bg-color-hover: var(--color-primary-hover);
  --image-preview-b-text-color: white;
  --image-preview-b-font-family: var(--font-family-secondary);
  --image-preview-b-font-size: 24px;
  --image-preview-b-line-height: 1.2;

  /* Staff item */
  --staff-item-bg-color: var(--color-primary);
  --staff-item-text-color: white;
  --staff-item-font-family: var(--font-family-secondary);
  --staff-item-font-size: 24px;
  --staff-item-line-height: 1.2;
  --staff-item-content-heading-font-size: 24px;
  --staff-item-content-text-color: var(--color-grey-102);

  /* Staff item (b) */
  --staff-item-b-heading-color: inherit;
  --staff-item-b-heading-color-hover: var(--color-primary-hover);

  /* Feature preview */
  --feature-preview-heading-color: var(--color-primary);
  --feature-preview-heading-color-hover: var(--color-primary-hover);

  /* Event preview */
  --event-preview-accent-color: var(--color-primary);
  --event-preview-accent-color-hover: var(--color-primary-hover);
  --event-preview-heading-font-size: 20px;
  --event-preview-time-font-size: var(--font-size-smaller);
  --event-preview-time-color: var(--color-text-dimmed);

  /* Event preview (b) */
  --event-preview-b-bg-color: var(--color-grey-249);
  --event-preview-b-bg-color-hover: var(--color-blue-235);
  --event-preview-b-accent-color: var(--color-primary);
  --event-preview-b-weekday-color: var(--color-text-dimmed);
  --event-preview-b-day-color: inherit;
  --event-preview-b-heading-font-size: 20px;
  --event-preview-b-time-font-size: var(--font-size-smaller);
  --event-preview-b-time-color: var(--color-text-dimmed);

  /* Event preview (c) */
  --event-preview-c-accent-color: var(--color-primary);
  --event-preview-c-accent-color-hover: var(--color-primary-hover);
  --event-preview-c-weekday-color: var(--color-text-dimmed);
  --event-preview-c-day-color: inherit;
  --event-preview-c-heading-font-size: 20px;
  --event-preview-c-time-font-size: var(--font-size-smaller);
  --event-preview-c-time-color: var(--color-text-dimmed);

  /* Event preview (d) */
  --event-preview-d-heading-color: inherit;
  --event-preview-d-heading-color-hover: var(--color-primary-hover);
  --event-preview-d-time-color: inherit;
  --event-preview-d-refresh-color: black;
  --event-preview-d-refresh-color-hover: var(--color-primary-hover);

  /* Round preview */
  --round-preview-size: 250px;
  --round-preview-spacing: 42px;
  --round-preview-accent-color: var(--color-primary);
  --round-preview-accent-color-hover: var(--color-primary-hover);
  --round-preview-font-size: var(--h4-font-size);

  /* Icon with link */
  --link-with-icon-icon-color: var(--color-secondary);
  --link-with-icon-icon-color-hover: var(--color-secondary-hover);
  --link-with-icon-text-color: var(--color-primary);
  --link-with-icon-text-color-hover: var(--color-primary-hover);
  --link-with-icon-font-family: var(--font-family-secondary);
  --link-with-icon-font-size: var(--font-size-medium);
  --link-with-icon-font-weight: 600;

  /* Contact item */
  --contact-item-icon-color: var(--color-primary);
  --contact-item-icon-color-hover: var(--color-primary-hover);
  --contact-item-link-color: var(--color-primary);
  --contact-item-link-color-hover: var(--color-primary-hover);

  /* Icon preview (a) */
  --icon-preview-a-icon-color: var(--color-secondary);
  --icon-preview-a-heading-color: var(--color-primary);
  --icon-preview-a-heading-color-hover: var(--color-primary-hover);

  /* Icon preview (b) */
  --icon-preview-b-icon-color: var(--color-primary);
  --icon-preview-b-heading-color: var(--color-primary);
  --icon-preview-b-heading-color-hover: var(--color-primary-hover);

  /* Icon preview (c) */
  --icon-preview-c-icon-color: var(--color-primary);
  --icon-preview-c-bg-color: var(--color-grey-249);
  --icon-preview-c-heading-color: inherit;
  --icon-preview-c-heading-color-hover: var(--color-primary-hover);

  /* Icon preview (d) */
  --icon-preview-d-bg-color: var(--color-primary);
  --icon-preview-d-panel-1-bg-color: var(--color-blue-25);
  --icon-preview-d-panel-2-bg-color: var(--color-blue-16);
  --icon-preview-d-panel-3-bg-color: var(--color-primary);
  --icon-preview-d-icon-color: white;
  --icon-preview-d-text-color: white;

  /* Icon preview (e) */
  --icon-preview-e-icon-color: var(--color-secondary);
  --icon-preview-e-bg-color: var(--color-grey-249);
  --icon-preview-e-bg-color-hover: var(--color-blue-235);
  --icon-preview-e-text-color: inherit;
  --icon-preview-e-text-color-hover: var(--color-primary);
  --icon-preview-e-font-family: var(--font-family-secondary);
  --icon-preview-e-font-size: var(--font-size-small);
  --icon-preview-e-font-weight: 600;

  /* Feature */
  --feature-icon-color: var(--color-primary);
  --feature-bg-color: white;
  --feature-bg-color-hover: var(--color-blue-235);

  /* Slide box */
  --slide-box-icon-bg-color: var(--color-secondary);

  /* Slideshow */
  --slideshow-button-border-radius: 50%;
  --slideshow-bg-color: var(--color-primary);

  /* Slideshow (b) */
  --slideshow-b-button-border-radius: 50%;
  --slideshow-b-bg-color: var(--color-primary);

  /* Video carousel */
  --video-carousel-button-border-radius: 50%;
  --video-carousel-accent-color: var(--color-primary);
  --video-carousel-accent-color-hover: var(--color-primary-hover);
  --video-carousel-title-font-size: 28px;
  --video-carousel-description-font-size: 32px;

  /* Category box */
  --category-box-font-size: var(--font-size-smaller);
  --category-box-line-height: var(--line-height-smaller);
  --category-box-link-color: var(--color-primary);
  --category-box-link-color-hover: var(--color-primary-hover);
  --category-box-link-font-weight: 400;

  /* Share & social links */
  --share-text-color: var(--color-text-dimmed);
  --share-font-size: var(--font-size-smaller);
  --share-line-height: var(--line-height-smaller);
  --social-links-spacing: 14px;
  --social-link-bg-color: var(--color-primary);
  --social-link-bg-color-hover: var(--color-primary-hover);

  /* Pagination */
  --pagination-spacing: 5px;
  --pagination-button-size: 24px;
  --pagination-accent-color: var(--color-primary);
  --pagination-bg-color-hover: var(--color-blue-235);
  --pagination-font-size: var(--font-size-smaller);

  /* Footer */
  --footer-bg-color: var(--color-blue-16);
  --footer-text-color: white;
  --footer-font-size: inherit;
  --footer-divider-color: var(--color-grey-231);
  --footer-link-color-hover: var(--color-transparent-white);
  --footer-menu-link-spacing: 13px;
  --footer-menu-link-font-size: var(--font-size-smaller);

  --footer-social-spacing: 14px;
  --footer-social-item-size: 32px;
  --footer-social-item-bg-color: white;
  --footer-social-item-bg-color-hover: white;
  --footer-social-icon-scale: 1;
  --footer-social-icon-color: var(--color-primary);
  --footer-social-icon-color-hover: var(--color-secondary);

  /* Footer (b) */
  --footer-b-bg-color: var(--color-primary);

  /* Footer (c) */
  --footer-c-bg-color: var(--color-blue-16);
  --footer-c-link-spacing: 25px;

  /* Footer (d) */
  --footer-d-bg-color: var(--color-grey-27);
  --footer-d-link-color-hover: var(--color-secondary);

  /* Footer (e) */
  --footer-e-bg-color: var(--color-primary);
  --footer-e-link-color-hover: var(--color-secondary);

  /* Footer (f) */
  --footer-f-bg-color: var(--color-primary); /* var(--color-blue-16);*/

  /* WP Forms */
  --wpforms-field-border-radius: 3px;
    --wpforms-field-border-style: solid;
    --wpforms-field-border-size: 1px;
    --wpforms-field-background-color: #ffffff;
    --wpforms-field-border-color: rgba(0, 0, 0, 0.25);
    --wpforms-field-border-color-spare: rgba(0, 0, 0, 0.25);
    --wpforms-field-text-color: rgba(0, 0, 0, 0.7);
    --wpforms-field-menu-color: #ffffff;
    --wpforms-label-color: rgba(0, 0, 0, 0.85);
    --wpforms-label-sublabel-color: #666;
    --wpforms-label-error-color: #d63637;
    --wpforms-button-border-radius: 3px;
    --wpforms-button-border-style: none;
    --wpforms-button-border-size: 1px;
    --wpforms-button-background-color: #066aab;
    --wpforms-button-border-color: #066aab;
    --wpforms-button-text-color: #ffffff;
    --wpforms-page-break-color: #066aab;
    --wpforms-background-image: none;
    --wpforms-background-position: center center;
    --wpforms-background-repeat: no-repeat;
    --wpforms-background-size: cover;
    --wpforms-background-width: 100px;
    --wpforms-background-height: 100px;
    --wpforms-background-color: rgba(0, 0, 0, 0);
    --wpforms-background-url: none;
    --wpforms-container-padding: 0;
    --wpforms-container-border-style: none;
    --wpforms-container-border-width: 1px;
    --wpforms-container-border-color: #000000;
    --wpforms-container-border-radius: 3px;
    --wpforms-field-size-input-height: 43px;
    --wpforms-field-size-input-spacing: 15px;
    --wpforms-field-size-font-size: 16px;
    --wpforms-field-size-line-height: 19px;
    --wpforms-field-size-padding-h: 14px;
    --wpforms-field-size-checkbox-size: 16px;
    --wpforms-field-size-sublabel-spacing: 5px;
    --wpforms-field-size-icon-size: 1;
    --wpforms-label-size-font-size: 16px;
    --wpforms-label-size-line-height: 19px;
    --wpforms-label-size-sublabel-font-size: 14px;
    --wpforms-label-size-sublabel-line-height: 17px;
    --wpforms-button-size-font-size: 17px;
    --wpforms-button-size-height: 41px;
    --wpforms-button-size-padding-h: 15px;
    --wpforms-button-size-margin-top: 10px;
    --wpforms-container-shadow-size-box-shadow: none;
  
  

@media (min-width: 768px) {
  /* Headings */
  --h1-font-size: 38px;

  /* Spacing */
  --section-spacing: 72px;

  /* Images */
  --image-border-radius: var(--border-radius-large);

  /* Event preview */
  --event-preview-heading-font-size: 24px;

  /* Event preview (b) */
  --event-preview-b-heading-font-size: 24px;

  /* Event preview (c) */
  --event-preview-c-heading-font-size: 24px;

  /* Pagination */
  --pagination-spacing: 10px;
}

@media (min-width: 1200px) {
  /* Header */
  --header-search-width: 264px;
  --header-menu-spacing: 34px;

  --header-subscribe-color: var(--color-primary);

  --header-social-spacing: 16px;
  --header-social-item-size: 20px;
  --header-social-item-bg-color: white;/* var(--color-blue-25);*/
  --header-social-item-bg-color-hover: white; /* var(--color-blue-25);*/
  --header-social-icon-scale: 0.8;
  --header-social-icon-color: white;
  --header-social-icon-color-hover: var(--color-transparent-white);

  --header-dropdown-text-color: var(--color-text-primary);
  --header-dropdown-text-color-hover: var(--color-primary-hover);
  --header-dropdown-icon-color: var(--color-primary);

  /* Header (b) */
  --header-b-menu-spacing: 24px;
  --header-b-lang-color: var(--color-primary);
  --header-b-subscribe-color: var(--color-primary);

  /* Header (c) */
  --header-c-menu-spacing: 34px;

  --header-c-lang-color: white;
  --header-c-subscribe-color: white;

  --header-c-social-item-bg-color: white;
  --header-c-social-item-bg-color-hover: white;
  --header-c-social-icon-color: var(--color-primary);
  --header-c-social-icon-color-hover: var(--color-secondary);

  /* Header (d) */
  --header-d-menu-spacing: 40px;
  --header-d-social-label-color: inherit;

  --header-d-dropdown-text-color: var(--color-text-primary);
  --header-d-dropdown-text-color-hover: var(--color-primary-hover);
  --header-d-dropdown-icon-color: var(--color-primary);

  /* Footer (c) */
  --footer-c-link-spacing: 25px 46px;
}

@media print {
  --header-mobile-bar-height: 0px;
}
}