/* stylelint-disable scss/dollar-variable-empty-line-before */
/* stylelint-disable custom-property-empty-line-before */
:root {
  /* Palette colors */
  --color-primary: #022e6b;
  --color-primary-hover: #124793;
  --color-secondary: #e50f42;
  --color-secondary-hover: #c40034;
  --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: #f9f9f9;
  --color-text-primary: black;
  --color-text-dimmed: var(--color-grey-102);
  --color-transparent-white: rgb(255 255 255 / 70%);
  /* Blue colors */
  --color-blue-211: #d3e5fe;
  --color-blue-235: #ebf1f8;
  /* 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;
  /* Headings */
  --h1-font-size: 38px;
  --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);
  /* Spacing */
  --block-spacing: 25px;
  --section-spacing: 36px;
  /* Border radius */
  --border-radius-small: 4px;
  --border-radius-medium: 8px;
  --border-radius-large: 16px;
  /* Images */
  --image-border-radius: var(--border-radius-large);
  /* 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; */
  /* 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);
  /* List */
  --list-bullet-primary-color: var(--color-primary);
  --list-bullet-secondary-color: var(--color-secondary);
  /* 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);
  /* Table */
  --table-heading-bg-color: var(--color-primary);
  --table-heading-text-color: white;
  --table-selection-bg-color: var(--color-grey-242);
  /* Header */
  --header-accent-color: var(--color-primary);
  --header-mobile-bar-height: 65px;
  --header-mobile-spacing: 30px;
  --header-desktop-search-field-width: 264px;
  --header-font-size: var(--font-size-small);
  --header-menu-spacing: 30px;
  --header-menu-bg-color: var(--header-accent-color);
  --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-desktop-dropdown-width: 312px;
  --header-desktop-dropdown-border-radius: var(--border-radius-large);
  --header-alt-dropdown-color: white;
  --header-alt-dropdown-color-hover: var(--color-transparent-white);
  --header-social-spacing: 16px;
  --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);
  /* Breadcrumbs */
  --breadcrumbs-font-size: var(--font-size-smaller);
  --breadcrumbs-accent-color: var(--color-primary);
  /* Link icon */
  --arrow-link-color: var(--color-primary);
  --arrow-link-color-hover: rgba(2 46 107 / 70%);
  --arrow-link-font-weight: 500;
  /* 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-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-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;
  /* Text box */
  --text-box-border-radius: var(--border-radius-large);
  --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: 10px;
  --accordion-h-paddings: 20px;
  --accordion-v-paddings: 14px;
  --accordion-text-color: inherit;
  --accordion-text-color-hover: var(--color-primary);
  --accordion-font-size: inherit;
  --accordion-font-weight: 400;
  /* Sidebar menu */
  --sidebar-menu-color: var(--color-primary);
  /* Button menu */
  --button-menu-border-radius: var(--border-radius-medium);
  --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);
  /* Page menu */
  --page-menu-border-radius: var(--border-radius-medium);
  --page-menu-title-font-size: var(--font-size-medium);
  --page-menu-button-border-radius: var(--border-radius-small);
  --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);
  /* Article preview */
  --article-preview-border-radius: var(--border-radius-medium);
  --article-preview-arrow-link-color: var(--color-primary);
  --article-preview-arrow-link-color-hover: var(--color-primary-hover);
  /* Preview */
  --preview-border-radius: var(--border-radius-large);
  --preview-image-border-radius: var(--border-radius-medium);
  --preview-play-icon-color: white;
  --preview-bg-color-hover: var(--color-blue-235);
  --preview-arrow-link-color: var(--color-primary);
  --preview-arrow-link-color-hover: var(--color-primary-hover);
  /* Big preview */
  --big-preview-arrow-link-color: var(--color-primary);
  --big-preview-arrow-link-color-hover: var(--color-primary-hover);
  /* Video preview */
  --video-preview-border-radius: var(--border-radius-large);
  --video-preview-image-border-radius: var(--border-radius-medium);
  --video-preview-play-icon-color: white;
  --video-preview-bg-color-hover: var(--color-blue-235);
  /* Image preview */
  --image-preview-border-radius: var(--border-radius-large);
  --image-preview-bg-color: var(--color-primary);
  --image-preview-bg-color-hover: var(--color-primary-hover);
  --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-border-radius: var(--border-radius-large);
  --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-border-radius: var(--border-radius-large);
  --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);
  /* Feature preview */
  --feature-preview-image-border-radius: var(--border-radius-medium);
  --feature-preview-heading-color: var(--color-primary);
  --feature-preview-heading-color-hover: var(--color-primary-hover);
  --feature-preview-arrow-link-color: var(--color-primary);
  --feature-preview-arrow-link-color-hover: var(--color-primary-hover);
  /* Tall preview */
  --tall-preview-border-radius: var(--border-radius-medium);
  /* Event preview */
  --event-preview-border-radius: var(--border-radius-medium);
  --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);
  /* Social link */
  --social-link-bg-color: var(--color-primary);
  --social-link-bg-color-hover: var(--color-primary-hover);
  /* Slide box */
  --slide-box-border-radius: var(--border-radius-large);
  --slide-box-icon-bg-color: var(--color-secondary);
  /* Desc box */
  --desc-box-border-radius: var(--border-radius-large);
  --desc-box-bg-color: var(--color-primary);
  --desc-box-text-color: white;
  /* Media box & Hero */
  --media-box-aspect-ratio-narrow: 3.6;
  --media-box-aspect-ratio-medium: 2.4;
  --media-box-aspect-ratio-tall: 1.78;
  --media-box-content-border-radius: var(--border-radius-large);
  /* Media carousel */
  --media-carousel-aspect-ratio: 1.78;
  --media-carousel-button-border-radius: 50%;
  /* Carousel */
  --carousel-border-radius: var(--border-radius-large);
  --carousel-button-border-radius: 50%;
  --news-box-arrow-link-color: var(--color-primary);
  --news-box-arrow-link-color-hover: var(--color-primary-hover);
  /* Slideshow */
  --slideshow-border-radius: var(--border-radius-large);
  --slideshow-button-border-radius: 50%;
  --slideshow-bg-color: var(--color-primary);
  /* Slideshow (b) */
  --slideshow-b-border-radius: var(--border-radius-large);
  --slideshow-b-button-border-radius: 50%;
  --slideshow-b-bg-color: var(--color-primary);
  /* Video carousel */
  --video-carousel-title-font-size: 28px;
  --video-carousel-description-font-size: 32px;
  --video-carousel-border-radius: var(--border-radius-large);
  --video-carousel-button-border-radius: 50%;
  --video-carousel-accent-color: var(--color-primary);
  --video-carousel-accent-color-hover: var(--color-primary-hover);
  /* Feature */
  --feature-border-radius: var(--border-radius-large);
  --feature-icon-color: var(--color-primary);
  --feature-bg-color-hover: var(--color-blue-235);
  /* Footer */
  --footer-bg-color: var(--color-primary-hover);
  --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);
  /* WP Forms */
  --wpforms-field-border-radius: 2px;
  --wpforms-field-border-style: solid;
  --wpforms-field-border-size: 1px;
  --wpforms-field-background-color: #fff;
  --wpforms-field-border-color: #ccc;
  --wpforms-field-text-color: var(--color-text-primary);
  --wpforms-field-size-input-spacing: 3px;
  --wpforms-field-size-input-height: 42px;
  --wpforms-field-size-font-size: var(--font-size-small);
  --wpforms-field-size-line-height: 1.15;
  --wpforms-field-size-padding-h: 12px;
  --wpforms-label-color: var(--color-text-primary);
  --wpforms-label-sublabel-color: var(--color-text-dimmed);
  --wpforms-label-error-color: #e50000;
  --wpforms-label-size-font-size: var(--font-size-medium);
  --wpforms-label-size-line-height: 1.5;
  --wpforms-label-size-sublabel-font-size: var(--font-size-smaller);
  --wpforms-label-size-sublabel-line-height: 1.4;
  --wpforms-button-border-radius: var(--button-border-radius);
  --wpforms-button-border-style: solid;
  --wpforms-button-border-size: 1px;
  --wpforms-button-background-color: var(--button-primary-bg-color);
  --wpforms-button-border-color: var(--button-primary-border-color);
  --wpforms-button-text-color: var(--button-primary-text-color);
  --wpforms-button-size-font-size: 18px;
  --wpforms-page-break-color: var(--color-primary);
  --wpforms-container-padding: 0;
  --wpforms-container-border-style: none;
  --wpforms-container-border-width: 0;
  --wpforms-container-border-color: transparent;
  --wpforms-container-border-radius: 0;
  --wpforms-container-shadow-size-box-shadow: none;
  --form-accent-color: var(--color-primary);
}
@media (min-width: 768px) {
  :root {
    --section-spacing: 72px;
  }
}
@media (min-width: 1200px) {
  :root {
    --header-menu-spacing: 34px;
    --header-dropdown-text-color: var(--color-text-primary);
    --header-dropdown-text-color-hover: var(--header-accent-color);
    --header-social-item-size: 20px;
    --header-social-item-bg-color: #19488e;
    --header-social-item-bg-color-hover: #19488e;
    --header-social-icon-scale: 0.8;
    --header-social-icon-color: white;
    --header-social-icon-color-hover: var(--color-transparent-white);
  }
}
@media print {
  :root {
    --header-mobile-bar-height: 0px;
  }
}