@charset "UTF-8";
/* UH DESIGN SYSTEM */
/**
 * UH Design System - Main Entry Point
 *
 * This file provides a centralized entry point for all design system features.
 * Uses modern Dart Sass @forward to re-export design system modules with namespacing.
 *
 * Usage in component files:
 *   @use '../design-system' as ds;
 *
 *   .my-component {
 *     @include ds.dsBreakpointUpFrom('medium') {
 *       // Responsive styles
 *     }
 *   }
 *
 * Available modules:
 *   - Mixins: breakpoints, focus, wrapper
 *   - Tokens: CSS custom properties for colors, spacing, typography
 */
/**
 * UH Design System - Mixins
 *
 * Re-exports all design system SCSS mixins for use in theme components.
 *
 * Available mixins (prefixed with ds- when imported via _index.scss):
 *   - dsBreakpointUpFrom($size): Media query for min-width breakpoints
 *   - dsBreakpointDownFrom($size): Media query for max-width breakpoints
 *   - dsBreakpointBetween($min, $max): Media query for range
 *   - dsFocusStyle(): Consistent focus styling
 *   - dsWrapper($spacing): Content wrapper with max-width and padding
 *
 * Usage:
 *   @use '../design-system' as ds;
 *
 *   .my-component {
 *     @include ds.dsBreakpointUpFrom('medium') {
 *       font-size: 1.2rem;
 *     }
 *   }
 */
/*
 * This file is used to import all mixins and make them available for use
 * in other SCSS files independently.
 *
 * This file will be copied to the dist folder in the build process.
 *
 * See the build script in stencil.config.ts for more details.
 */
/**
 * UH Design System - Tokens
 *
 * Re-exports design system token modules (colors, breakpoints, spacing, etc.).
 * These provide access to design system variables and CSS custom properties.
 *
 * Available token modules (prefixed with ds- when imported via _index.scss):
 *   - Semantic Colors: CSS custom property mixins for text, background, border colors
 *   - Breakpoints: Responsive breakpoint values
 *
 * Usage:
 *   @use '../design-system' as ds;
 *   @use 'sass:map';
 *
 *   // Include semantic color CSS variables in root
 *   :root {
 *     @include ds.semanticColoursCssVariables;
 *   }
 *
 *   // Access breakpoint tokens (if exported as variables)
 *   .my-component {
 *     max-width: ds.$breakpoint-medium;
 *   }
 */
/* EXTERNAL LIBRARIES */
/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
2. Correct the line height in all browsers.
3. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
  line-height: 1.15; /* 2 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/*
Sections
========
*/
/**
Remove the margin in all browsers.
*/
body {
  margin: 0;
}

/*
Text-level semantics
====================
*/
/**
Add the correct font weight in Chrome and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
Tabular data
============
*/
/**
Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
  border-color: currentcolor;
}

/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
  font: inherit; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
  color: inherit;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}

/* STYLEGUIDE VARIABLES */
/*
 section: 1.1
 title: Colors
 description: The colors used through out the theme.
*/
/*
 section: 1.1.1
 title: Text colors
 description: Main text colors for Helsingin yliopisto - Julkiset
 color-list: grid
 colors: $white, $black
*/
/*
 section: 1.1.2
 title: Other colors
 description: The colors used through out the theme.
 color-list: list
 colors: $blue, $blue--active, $darkblue, $darkblue--active, $lightsilver, $mediumsilver, $silver, $lightgray, $darkgray, $red, $redalert, $purple, $orange, $darkorange, $green, $darkgreen
*/
/* STYLEGUIDE MISC */
/**
 * Mixin for subtitle
 */
/**
 * Mixin for subtitle thin
 */
@font-face {
  font-family: "hy-icons";
  src: url("../fonts/hy-icons.eot");
  src: url("../fonts/hy-icons.eot?#iefix") format("eot"), url("../fonts/hy-icons.woff") format("woff"), url("../fonts/hy-icons.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.icon-rotate-90:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.icon-rotate-180:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.icon-rotate-270:after {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

@-webkit-keyframes icon-spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes icon-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.icon-spin:after {
  -webkit-animation: icon-spin 2s infinite linear;
  animation: icon-spin 2s infinite linear;
}

.icon:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.icon-2x {
  font-size: 2em;
}

.icon-3x {
  font-size: 3em;
}

.icon-4x {
  font-size: 4em;
}

.icon-5x {
  font-size: 5em;
}

.icon--add-to-todo-list:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea01";
}
@supports (content: "x"/"y") {
  .icon--add-to-todo-list:after {
    content: "\ea01"/"";
  }
}

.icon--arrow:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea03";
}
@supports (content: "x"/"y") {
  .icon--arrow:after {
    content: "\ea03"/"";
  }
}

.icon--avatar-group:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea04";
}
@supports (content: "x"/"y") {
  .icon--avatar-group:after {
    content: "\ea04"/"";
  }
}

.icon--avatar:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea05";
}
@supports (content: "x"/"y") {
  .icon--avatar:after {
    content: "\ea05"/"";
  }
}

.icon--bachelor:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea06";
}
@supports (content: "x"/"y") {
  .icon--bachelor:after {
    content: "\ea06"/"";
  }
}

.icon--camera:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea07";
}
@supports (content: "x"/"y") {
  .icon--camera:after {
    content: "\ea07"/"";
  }
}

.icon--chat:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea08";
}
@supports (content: "x"/"y") {
  .icon--chat:after {
    content: "\ea08"/"";
  }
}

.icon--date:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea09";
}
@supports (content: "x"/"y") {
  .icon--date:after {
    content: "\ea09"/"";
  }
}

.icon--discover:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea0a";
}
@supports (content: "x"/"y") {
  .icon--discover:after {
    content: "\ea0a"/"";
  }
}

.icon--done:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea0b";
}
@supports (content: "x"/"y") {
  .icon--done:after {
    content: "\ea0b"/"";
  }
}

.icon--download:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea0c";
}
@supports (content: "x"/"y") {
  .icon--download:after {
    content: "\ea0c"/"";
  }
}

.icon--drag:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea0d";
}
@supports (content: "x"/"y") {
  .icon--drag:after {
    content: "\ea0d"/"";
  }
}

.icon--drop-down:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea0e";
}
@supports (content: "x"/"y") {
  .icon--drop-down:after {
    content: "\ea0e"/"";
  }
}

.icon--edit-event:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea0f";
}
@supports (content: "x"/"y") {
  .icon--edit-event:after {
    content: "\ea0f"/"";
  }
}

.icon--edit:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea10";
}
@supports (content: "x"/"y") {
  .icon--edit:after {
    content: "\ea10"/"";
  }
}

.icon--events:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea11";
}
@supports (content: "x"/"y") {
  .icon--events:after {
    content: "\ea11"/"";
  }
}

.icon--facebook:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea12";
}
@supports (content: "x"/"y") {
  .icon--facebook:after {
    content: "\ea12"/"";
  }
}

.icon--favorites:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea13";
}
@supports (content: "x"/"y") {
  .icon--favorites:after {
    content: "\ea13"/"";
  }
}

.icon--grid:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea14";
}
@supports (content: "x"/"y") {
  .icon--grid:after {
    content: "\ea14"/"";
  }
}

.icon--hamburger:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea15";
}
@supports (content: "x"/"y") {
  .icon--hamburger:after {
    content: "\ea15"/"";
  }
}

.icon--home:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea16";
}
@supports (content: "x"/"y") {
  .icon--home:after {
    content: "\ea16"/"";
  }
}

.icon--hy-logo:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea17";
}
@supports (content: "x"/"y") {
  .icon--hy-logo:after {
    content: "\ea17"/"";
  }
}

.icon--info-stroke:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea18";
}
@supports (content: "x"/"y") {
  .icon--info-stroke:after {
    content: "\ea18"/"";
  }
}

.icon--info:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea19";
}
@supports (content: "x"/"y") {
  .icon--info:after {
    content: "\ea19"/"";
  }
}

.icon--link-arrow-offsite:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea1a";
}
@supports (content: "x"/"y") {
  .icon--link-arrow-offsite:after {
    content: "\ea1a"/"";
  }
}

.icon--link-arrow:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea1b";
}
@supports (content: "x"/"y") {
  .icon--link-arrow:after {
    content: "\ea1b"/"";
  }
}

.icon--linkedin:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea1c";
}
@supports (content: "x"/"y") {
  .icon--linkedin:after {
    content: "\ea1c"/"";
  }
}

.icon--list:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea1d";
}
@supports (content: "x"/"y") {
  .icon--list:after {
    content: "\ea1d"/"";
  }
}

.icon--location:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea1e";
}
@supports (content: "x"/"y") {
  .icon--location:after {
    content: "\ea1e"/"";
  }
}

.icon--log:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea1f";
}
@supports (content: "x"/"y") {
  .icon--log:after {
    content: "\ea1f"/"";
  }
}

.icon--logout:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea20";
}
@supports (content: "x"/"y") {
  .icon--logout:after {
    content: "\ea20"/"";
  }
}

.icon--magnify-minus:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea21";
}
@supports (content: "x"/"y") {
  .icon--magnify-minus:after {
    content: "\ea21"/"";
  }
}

.icon--magnify-plus:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea22";
}
@supports (content: "x"/"y") {
  .icon--magnify-plus:after {
    content: "\ea22"/"";
  }
}

.icon--master:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea23";
}
@supports (content: "x"/"y") {
  .icon--master:after {
    content: "\ea23"/"";
  }
}

.icon--minus:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea24";
}
@supports (content: "x"/"y") {
  .icon--minus:after {
    content: "\ea24"/"";
  }
}

.icon--modify:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea25";
}
@supports (content: "x"/"y") {
  .icon--modify:after {
    content: "\ea25"/"";
  }
}

.icon--navi-triangle:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea26";
}
@supports (content: "x"/"y") {
  .icon--navi-triangle:after {
    content: "\ea26"/"";
  }
}

.icon--new-group:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea27";
}
@supports (content: "x"/"y") {
  .icon--new-group:after {
    content: "\ea27"/"";
  }
}

.icon--new-person:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea28";
}
@supports (content: "x"/"y") {
  .icon--new-person:after {
    content: "\ea28"/"";
  }
}

.icon--notification:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea29";
}
@supports (content: "x"/"y") {
  .icon--notification:after {
    content: "\ea29"/"";
  }
}

.icon--opinder-logo-new:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea2a";
}
@supports (content: "x"/"y") {
  .icon--opinder-logo-new:after {
    content: "\ea2a"/"";
  }
}

.icon--pdf:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea2b";
}
@supports (content: "x"/"y") {
  .icon--pdf:after {
    content: "\ea2b"/"";
  }
}

.icon--people:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea2c";
}
@supports (content: "x"/"y") {
  .icon--people:after {
    content: "\ea2c"/"";
  }
}

.icon--person-outline:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea2d";
}
@supports (content: "x"/"y") {
  .icon--person-outline:after {
    content: "\ea2d"/"";
  }
}

.icon--person:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea2e";
}
@supports (content: "x"/"y") {
  .icon--person:after {
    content: "\ea2e"/"";
  }
}

.icon--plus:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea2f";
}
@supports (content: "x"/"y") {
  .icon--plus:after {
    content: "\ea2f"/"";
  }
}

.icon--profile:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea30";
}
@supports (content: "x"/"y") {
  .icon--profile:after {
    content: "\ea30"/"";
  }
}

.icon--question:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea31";
}
@supports (content: "x"/"y") {
  .icon--question:after {
    content: "\ea31"/"";
  }
}

.icon--remove:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea32";
}
@supports (content: "x"/"y") {
  .icon--remove:after {
    content: "\ea32"/"";
  }
}

.icon--rotate-left:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea33";
}
@supports (content: "x"/"y") {
  .icon--rotate-left:after {
    content: "\ea33"/"";
  }
}

.icon--rotate-right:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea34";
}
@supports (content: "x"/"y") {
  .icon--rotate-right:after {
    content: "\ea34"/"";
  }
}

.icon--time:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea36";
}
@supports (content: "x"/"y") {
  .icon--time:after {
    content: "\ea36"/"";
  }
}

.icon--todo-list:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea37";
}
@supports (content: "x"/"y") {
  .icon--todo-list:after {
    content: "\ea37"/"";
  }
}

.icon--tour:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea38";
}
@supports (content: "x"/"y") {
  .icon--tour:after {
    content: "\ea38"/"";
  }
}

.icon--twitter:after {
  content: " ";
  background-image: url("../images/x-logo.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  padding: 0 1em;
}

.icon--units-and-faculties:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea3a";
}
@supports (content: "x"/"y") {
  .icon--units-and-faculties:after {
    content: "\ea3a"/"";
  }
}

.icon--video:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea3b";
}
@supports (content: "x"/"y") {
  .icon--video:after {
    content: "\ea3b"/"";
  }
}

.icon--warning:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea3c";
}
@supports (content: "x"/"y") {
  .icon--warning:after {
    content: "\ea3c"/"";
  }
}

.icon--id-number:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea3e";
}
@supports (content: "x"/"y") {
  .icon--id-number:after {
    content: "\ea3e"/"";
  }
}

.icon--mail:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea3f";
}
@supports (content: "x"/"y") {
  .icon--mail:after {
    content: "\ea3f"/"";
  }
}

.icon--mobile:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea40";
}
@supports (content: "x"/"y") {
  .icon--mobile:after {
    content: "\ea40"/"";
  }
}

.icon--opinder-logo:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea41";
}
@supports (content: "x"/"y") {
  .icon--opinder-logo:after {
    content: "\ea41"/"";
  }
}

.icon--permission-all:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea42";
}
@supports (content: "x"/"y") {
  .icon--permission-all:after {
    content: "\ea42"/"";
  }
}

.icon--permission-group:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea43";
}
@supports (content: "x"/"y") {
  .icon--permission-group:after {
    content: "\ea43"/"";
  }
}

.icon--permission-private:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea44";
}
@supports (content: "x"/"y") {
  .icon--permission-private:after {
    content: "\ea44"/"";
  }
}

.icon--phone:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea45";
}
@supports (content: "x"/"y") {
  .icon--phone:after {
    content: "\ea45"/"";
  }
}

.icon--preview:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea46";
}
@supports (content: "x"/"y") {
  .icon--preview:after {
    content: "\ea46"/"";
  }
}

.icon--url:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea47";
}
@supports (content: "x"/"y") {
  .icon--url:after {
    content: "\ea47"/"";
  }
}

.icon--instagram:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea48";
}
@supports (content: "x"/"y") {
  .icon--instagram:after {
    content: "\ea48"/"";
  }
}

.icon--login:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea49";
}
@supports (content: "x"/"y") {
  .icon--login:after {
    content: "\ea49"/"";
  }
}

.icon--spinner:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea4a";
}
@supports (content: "x"/"y") {
  .icon--spinner:after {
    content: "\ea4a"/"";
  }
}

.icon--bullet-list:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea4c";
}
@supports (content: "x"/"y") {
  .icon--bullet-list:after {
    content: "\ea4c"/"";
  }
}

.icon--contentlink:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea4d";
}
@supports (content: "x"/"y") {
  .icon--contentlink:after {
    content: "\ea4d"/"";
  }
}

.icon--customlink:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea4e";
}
@supports (content: "x"/"y") {
  .icon--customlink:after {
    content: "\ea4e"/"";
  }
}

.icon--dragbutton:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea4f";
}
@supports (content: "x"/"y") {
  .icon--dragbutton:after {
    content: "\ea4f"/"";
  }
}

.icon--embed:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea51";
}
@supports (content: "x"/"y") {
  .icon--embed:after {
    content: "\ea51"/"";
  }
}

.icon--feed:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea52";
}
@supports (content: "x"/"y") {
  .icon--feed:after {
    content: "\ea52"/"";
  }
}

.icon--file-text:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea53";
}
@supports (content: "x"/"y") {
  .icon--file-text:after {
    content: "\ea53"/"";
  }
}

.icon--helsinginyliopisto:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea54";
}
@supports (content: "x"/"y") {
  .icon--helsinginyliopisto:after {
    content: "\ea54"/"";
  }
}

.icon--horizontal-resize:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea55";
}
@supports (content: "x"/"y") {
  .icon--horizontal-resize:after {
    content: "\ea55"/"";
  }
}

.icon--image-gallery:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea56";
}
@supports (content: "x"/"y") {
  .icon--image-gallery:after {
    content: "\ea56"/"";
  }
}

.icon--images:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea57";
}
@supports (content: "x"/"y") {
  .icon--images:after {
    content: "\ea57"/"";
  }
}

.icon--leiki-list:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea58";
}
@supports (content: "x"/"y") {
  .icon--leiki-list:after {
    content: "\ea58"/"";
  }
}

.icon--listoflinks:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea59";
}
@supports (content: "x"/"y") {
  .icon--listoflinks:after {
    content: "\ea59"/"";
  }
}

.icon--play:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea5a";
}
@supports (content: "x"/"y") {
  .icon--play:after {
    content: "\ea5a"/"";
  }
}

.icon--wrench:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea5b";
}
@supports (content: "x"/"y") {
  .icon--wrench:after {
    content: "\ea5b"/"";
  }
}

.icon--youtube:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea5d";
}
@supports (content: "x"/"y") {
  .icon--youtube:after {
    content: "\ea5d"/"";
  }
}

.icon--link-arrow-down:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea5e";
}
@supports (content: "x"/"y") {
  .icon--link-arrow-down:after {
    content: "\ea5e"/"";
  }
}

.icon--link-arrow-left:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea5f";
}
@supports (content: "x"/"y") {
  .icon--link-arrow-left:after {
    content: "\ea5f"/"";
  }
}

.icon--link-arrow-up:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea60";
}
@supports (content: "x"/"y") {
  .icon--link-arrow-up:after {
    content: "\ea60"/"";
  }
}

.icon--code-fork:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea61";
}
@supports (content: "x"/"y") {
  .icon--code-fork:after {
    content: "\ea61"/"";
  }
}

.icon--cogs:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea62";
}
@supports (content: "x"/"y") {
  .icon--cogs:after {
    content: "\ea62"/"";
  }
}

.icon--external-link:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea63";
}
@supports (content: "x"/"y") {
  .icon--external-link:after {
    content: "\ea63"/"";
  }
}

.icon--globe:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea64";
}
@supports (content: "x"/"y") {
  .icon--globe:after {
    content: "\ea64"/"";
  }
}

.icon--image:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea65";
}
@supports (content: "x"/"y") {
  .icon--image:after {
    content: "\ea65"/"";
  }
}

.icon--arrow-down:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea66";
}
@supports (content: "x"/"y") {
  .icon--arrow-down:after {
    content: "\ea66"/"";
  }
}

.icon--arrow-left:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea67";
}
@supports (content: "x"/"y") {
  .icon--arrow-left:after {
    content: "\ea67"/"";
  }
}

.icon--arrow-right:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea68";
}
@supports (content: "x"/"y") {
  .icon--arrow-right:after {
    content: "\ea68"/"";
  }
}

.icon--arrow-up:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea69";
}
@supports (content: "x"/"y") {
  .icon--arrow-up:after {
    content: "\ea69"/"";
  }
}

.icon--arrow-offsite:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea6c";
}
@supports (content: "x"/"y") {
  .icon--arrow-offsite:after {
    content: "\ea6c"/"";
  }
}

.icon--caret-down:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea6d";
}
@supports (content: "x"/"y") {
  .icon--caret-down:after {
    content: "\ea6d"/"";
  }
}

.icon--caret-left:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea6e";
}
@supports (content: "x"/"y") {
  .icon--caret-left:after {
    content: "\ea6e"/"";
  }
}

.icon--caret-up:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea70";
}
@supports (content: "x"/"y") {
  .icon--caret-up:after {
    content: "\ea70"/"";
  }
}

.icon--caret-right:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea71";
}
@supports (content: "x"/"y") {
  .icon--caret-right:after {
    content: "\ea71"/"";
  }
}

.icon--list-as-blocks:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea72";
}
@supports (content: "x"/"y") {
  .icon--list-as-blocks:after {
    content: "\ea72"/"";
  }
}

.icon--social-media:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea73";
}
@supports (content: "x"/"y") {
  .icon--social-media:after {
    content: "\ea73"/"";
  }
}

.icon--dot:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea74";
}
@supports (content: "x"/"y") {
  .icon--dot:after {
    content: "\ea74"/"";
  }
}

.icon--google-plus:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea75";
}
@supports (content: "x"/"y") {
  .icon--google-plus:after {
    content: "\ea75"/"";
  }
}

.icon--share:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea76";
}
@supports (content: "x"/"y") {
  .icon--share:after {
    content: "\ea76"/"";
  }
}

.icon--heart:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea77";
}
@supports (content: "x"/"y") {
  .icon--heart:after {
    content: "\ea77"/"";
  }
}

.icon--retweet:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea78";
}
@supports (content: "x"/"y") {
  .icon--retweet:after {
    content: "\ea78"/"";
  }
}

.icon--square-checked:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea79";
}
@supports (content: "x"/"y") {
  .icon--square-checked:after {
    content: "\ea79"/"";
  }
}

.icon--square:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea7a";
}
@supports (content: "x"/"y") {
  .icon--square:after {
    content: "\ea7a"/"";
  }
}

.icon--eye-slash:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea7b";
}
@supports (content: "x"/"y") {
  .icon--eye-slash:after {
    content: "\ea7b"/"";
  }
}

.icon--full-screen:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea7c";
}
@supports (content: "x"/"y") {
  .icon--full-screen:after {
    content: "\ea7c"/"";
  }
}

.icon--alert:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea7d";
}
@supports (content: "x"/"y") {
  .icon--alert:after {
    content: "\ea7d"/"";
  }
}

.icon--archive:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea7e";
}
@supports (content: "x"/"y") {
  .icon--archive:after {
    content: "\ea7e"/"";
  }
}

.icon--copy:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea7f";
}
@supports (content: "x"/"y") {
  .icon--copy:after {
    content: "\ea7f"/"";
  }
}

.icon--file-chart:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea80";
}
@supports (content: "x"/"y") {
  .icon--file-chart:after {
    content: "\ea80"/"";
  }
}

.icon--item-close:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea81";
}
@supports (content: "x"/"y") {
  .icon--item-close:after {
    content: "\ea81"/"";
  }
}

.icon--item-edit:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea82";
}
@supports (content: "x"/"y") {
  .icon--item-edit:after {
    content: "\ea82"/"";
  }
}

.icon--item-set:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea83";
}
@supports (content: "x"/"y") {
  .icon--item-set:after {
    content: "\ea83"/"";
  }
}

.icon--item-single:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea84";
}
@supports (content: "x"/"y") {
  .icon--item-single:after {
    content: "\ea84"/"";
  }
}

.icon--new-version:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea85";
}
@supports (content: "x"/"y") {
  .icon--new-version:after {
    content: "\ea85"/"";
  }
}

.icon--trash:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea86";
}
@supports (content: "x"/"y") {
  .icon--trash:after {
    content: "\ea86"/"";
  }
}

.icon--version-history:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea87";
}
@supports (content: "x"/"y") {
  .icon--version-history:after {
    content: "\ea87"/"";
  }
}

.icon--whatsapp:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea88";
}
@supports (content: "x"/"y") {
  .icon--whatsapp:after {
    content: "\ea88"/"";
  }
}

html {
  font-family: "Open Sans Variable", sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
}
@media (min-width: 48em) {
  html {
    font-size: 16px;
  }
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

embed,
img,
object,
video {
  max-width: 100%;
  height: auto;
}

/*
  section: 3
  title: Common elements
  description: Common HTML-elements.
*/
body {
  color: #555555;
}

img {
  vertical-align: bottom;
}

/*
  section: 3.1
  title: Headings
  template: 3_1_headings
*/
h1, h2, .h2, h3, .h3, h4, .h4, .logo-block__content .logo-block__sitename, legend, h5, h6 {
  font-family: "Open Sans Variable", sans-serif;
  color: #222;
  letter-spacing: -0.05em;
  line-height: 1.2em;
  margin: 0;
  padding-bottom: 0.4em;
  word-wrap: break-word;
}
h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, .logo-block__content .logo-block__sitename a, legend a, h5 a, h6 a {
  color: inherit;
  text-decoration: none;
}
h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, .logo-block__content .logo-block__sitename a:hover, legend a:hover, h5 a:hover, h6 a:hover {
  color: inherit;
  cursor: pointer;
}

h1 {
  letter-spacing: -2px;
  line-height: 1.15em;
  text-transform: uppercase;
  font-size: 3.125rem;
}
@media (max-width: 48em) {
  h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: 2.5rem;
}
@media (max-width: 48em) {
  h2, .h2 {
    font-size: 2rem;
  }
}
h2, .h2 {
  text-transform: uppercase;
}

h3, .h3 {
  font-size: 1.875rem;
}
@media (max-width: 48em) {
  h3, .h3 {
    font-size: 1.625rem;
  }
}

h4, .h4, .logo-block__content .logo-block__sitename, legend {
  font-size: 1.25rem;
}
@media (max-width: 48em) {
  h4, .h4, .logo-block__content .logo-block__sitename, legend {
    font-size: 1.25rem;
  }
}

h5 {
  font-size: 1rem;
}
@media (max-width: 48em) {
  h5 {
    font-size: 1rem;
  }
}

h6 {
  font-size: 0.875rem;
}
@media (max-width: 48em) {
  h6 {
    font-size: 0.875rem;
  }
}

/*
  section: 3.2
  title: Paragraph
  template: 3_2_paragraphs
*/
p {
  font-size: 1rem;
}
@media (max-width: 48em) {
  p {
    font-size: 1rem;
  }
}
p {
  margin: 0 0 24px 0;
  letter-spacing: 0;
  line-height: 1.7em;
}

/*
  section: 3.3
  title: Links
  template: 3_3_links
*/
a {
  color: #107EAB;
  text-decoration: none;
}
a:hover {
  color: #005379;
}

/*
  Disable pseudo elements on hover on devices that don't support it.
  This fixes link double tap issue on iOS devices.
*/
@media (hover: none) {
  a:hover::before, a:hover::after {
    display: none;
  }
}
/*
  section: 3.4
  title: Blockquote
*/
/*
  section: 3.4.1
  title: Blockquote
  template: 3_4_1_blockquote
*/
blockquote {
  border-left: 10px solid #979797;
  margin: 20px 10px;
  padding: 10px 25px;
}

/*
  section: 3.4.2
  title: Blockquote paragraph
  template: 3_4_2_blockquote-paragraph
  description: Blockquote with a p-elements inside.
*/
blockquote,
blockquote p {
  font-size: 1.125rem;
}
@media (max-width: 48em) {
  blockquote,
  blockquote p {
    font-size: 1rem;
  }
}
blockquote,
blockquote p {
  font-weight: 400;
  font-style: normal;
  color: #555555;
  line-height: 1.5em;
}

blockquote p {
  margin-bottom: 32px;
}
blockquote p:last-of-type {
  margin: 0;
}

/*
  section: 3.5
  title: Form elements
  template: 3_5_form-elements
  description: Basic form elements
*/
button, input, select, textarea {
  -webkit-appearance: none;
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}

label {
  font-size: 1.125rem;
}
label {
  color: #555555;
  font-weight: 300;
  line-height: 2.4em;
  padding: 0;
  margin: 0;
}
label .is-required {
  color: #107EAB;
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.2em;
}

input[type=submit] {
  font-weight: 600;
  padding: 10px 30px;
}
input[type=submit][disabled], input[type=submit][disabled]:active, input[type=submit][disabled]:focus, input[type=submit][disabled]:hover {
  background-color: #D2D2D2;
  color: #555555;
}

select,
input[type=email],
input[type=text],
input[type=password],
textarea {
  font-size: 1rem;
}
select,
input[type=email],
input[type=text],
input[type=password],
textarea {
  background: #FFF;
  border-radius: 0;
  border: 1px solid #979797;
  color: #555555;
  outline-color: rgba(16, 126, 171, 0);
  outline-offset: -2px;
  outline-style: solid;
  outline-width: 2px;
  padding: 10px;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: all;
  transition-property: all;
  width: 100%;
}
select:focus,
input[type=email]:focus,
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
  border-color: transparent;
  outline-color: #107eab;
}
select[disabled], select[disabled]:active, select[disabled]:focus, select[disabled]:hover,
input[type=email][disabled],
input[type=email][disabled]:active,
input[type=email][disabled]:focus,
input[type=email][disabled]:hover,
input[type=text][disabled],
input[type=text][disabled]:active,
input[type=text][disabled]:focus,
input[type=text][disabled]:hover,
input[type=password][disabled],
input[type=password][disabled]:active,
input[type=password][disabled]:focus,
input[type=password][disabled]:hover,
textarea[disabled],
textarea[disabled]:active,
textarea[disabled]:focus,
textarea[disabled]:hover {
  background-color: #F8F8F8;
}
select::-ms-clear,
input[type=email]::-ms-clear,
input[type=text]::-ms-clear,
input[type=password]::-ms-clear,
textarea::-ms-clear {
  display: none;
}

input[type=radio],
input[type=checkbox] {
  display: none;
}
input[type=radio] + label,
input[type=checkbox] + label {
  font-size: 0.875rem;
}
input[type=radio] + label,
input[type=checkbox] + label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: block;
  font-weight: normal;
  line-height: normal;
  padding-left: 1.5rem;
  position: relative;
}
input[type=radio] + label:before,
input[type=checkbox] + label:before {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  top: 50%;
  position: absolute;
  left: 0;
}
input[type=radio][disabled] + label, input[type=radio][disabled]:active + label, input[type=radio][disabled]:focus + label, input[type=radio][disabled]:hover + label,
input[type=checkbox][disabled] + label,
input[type=checkbox][disabled]:active + label,
input[type=checkbox][disabled]:focus + label,
input[type=checkbox][disabled]:hover + label {
  color: #979797;
  cursor: default;
}
input[type=radio][disabled] + label:before, input[type=radio][disabled]:active + label:before, input[type=radio][disabled]:focus + label:before, input[type=radio][disabled]:hover + label:before,
input[type=checkbox][disabled] + label:before,
input[type=checkbox][disabled]:active + label:before,
input[type=checkbox][disabled]:focus + label:before,
input[type=checkbox][disabled]:hover + label:before {
  border-color: #979797;
  color: #979797;
}

input[type=radio] + label:before {
  font-size: 1rem;
}
input[type=radio] + label:before {
  border: 1px solid #107EAB;
  border-radius: 100%;
  color: #107EAB;
  content: "";
  height: 14px;
  margin-right: 10px;
  text-align: center;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-property: all;
  transition-property: all;
  width: 14px;
}
input[type=radio]:checked + label:before {
  background-color: #107EAB;
  -webkit-box-shadow: inset 0 0 0 3px #FFF;
          box-shadow: inset 0 0 0 3px #FFF;
}

input[type=checkbox] + label:before {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea7a";
}
@supports (content: "x"/"y") {
  input[type=checkbox] + label:before {
    content: "\ea7a"/"";
  }
}
input[type=checkbox] + label:before {
  color: #107EAB;
  left: 1px;
  margin-right: 10px;
}
input[type=checkbox]:checked + label:before {
  content: "\ea79";
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

legend {
  font-weight: 600;
}

/*
  title: Tables
*/
table {
  width: 100%;
}

th {
  background: none;
  padding: 0;
  text-align: left;
}

dl, ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bar, .tube {
  display: block;
  padding-bottom: 1em;
  padding-top: 1em;
}

.bar {
  border-bottom: 1px solid #F8F8F8;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}

.tube--small, .bar--small {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

.tube--large, .bar--large {
  padding-bottom: 2em;
  padding-top: 2em;
}

/*
 section: 3.7
 title: Buttons
 description:
*/
/*
 section: 3.7.1
 title: Button
 template: 3_7_1-button
 description:
*/
.cc_btn, .button--action-element, .accordion--dark .accordion__title, .button--outline, .button--icon, .button--expand, .button--anchor,
.button--action-before,
.button--action, .horizontal-tabs .tabs-panel.is-open .accordion-trigger, .accordion__title,
.button--accordion, .button--small, input[type=submit],
.button {
  font-family: "Open Sans Variable", sans-serif;
  font-size: 0.9375rem;
}
.cc_btn, .button--action-element, .accordion--dark .accordion__title, .button--outline, .button--icon, .button--expand, .button--anchor,
.button--action-before,
.button--action, .horizontal-tabs .tabs-panel.is-open .accordion-trigger, .accordion__title,
.button--accordion, .button--small, input[type=submit],
.button {
  background-color: #107EAB;
  border: none;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  padding: 0.8em 1em;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.cc_btn:focus, .button--action-element:focus, .button--outline:focus, .button--icon:focus, .button--expand:focus, .button--anchor:focus,
.button--action-before:focus,
.button--action:focus, .horizontal-tabs .tabs-panel.is-open .accordion-trigger:focus, .accordion__title:focus,
.button--accordion:focus, .button--small:focus, input[type=submit]:focus, .cc_btn:hover, .button--action-element:hover, .button--outline:hover, .button--icon:hover, .button--expand:hover, .button--anchor:hover,
.button--action-before:hover,
.button--action:hover, .horizontal-tabs .tabs-panel.is-open .accordion-trigger:hover, .accordion__title:hover,
.button--accordion:hover, .button--small:hover, input[type=submit]:hover,
.button:focus,
.button:hover {
  background-color: #005379;
  color: #FFF;
}
.cc_btn:active, .button--action-element:active, .button--outline:active, .button--icon:active, .button--expand:active, .button--anchor:active,
.button--action-before:active,
.button--action:active, .accordion__title:active,
.button--accordion:active, .button--small:active, input[type=submit]:active, .is-active.cc_btn, .is-active.button--action-element, .is-active.button--outline, .is-active.button--icon, .is-active.button--expand, .is-active.button--anchor,
.is-active.button--action-before,
.is-active.button--action, .horizontal-tabs .tabs-panel.is-open .accordion-trigger, .is-active.accordion__title,
.is-active.button--accordion, .is-active.button--small, input.is-active[type=submit],
.button:active,
.button.is-active {
  background-color: #003146;
}
.cc_btn:before, .button--action-element:before, .accordion--dark .accordion__title:before, .button--outline:before, .button--icon:before, .button--expand:before, .button--anchor:before,
.button--action-before:before,
.button--action:before, .horizontal-tabs .tabs-panel.is-open .accordion-trigger:before, .accordion__title:before,
.button--accordion:before, .button--small:before, input[type=submit]:before, .cc_btn:after, .button--action-element:after, .accordion--dark .accordion__title:after, .button--outline:after, .button--icon:after, .button--expand:after, .button--anchor:after,
.button--action-before:after,
.button--action:after, .horizontal-tabs .tabs-panel.is-open .accordion-trigger:after, .accordion__title:after,
.button--accordion:after, .button--small:after, input[type=submit]:after,
.button:before,
.button:after {
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-property: all;
  transition-property: all;
}
.theme-transparent.cc_btn, .theme-transparent.button--action-element, .theme-transparent.button--outline, .theme-transparent.button--icon, .theme-transparent.button--expand, .theme-transparent.button--anchor,
.theme-transparent.button--action-before,
.theme-transparent.button--action, .horizontal-tabs .tabs-panel.is-open .theme-transparent.accordion-trigger, .theme-transparent.accordion__title,
.theme-transparent.button--accordion, .theme-transparent.button--small, input.theme-transparent[type=submit], .theme-transparent-alt.cc_btn, .theme-transparent-alt.button--action-element, .theme-transparent-alt.button--outline, .theme-transparent-alt.button--icon, .theme-transparent-alt.button--expand, .theme-transparent-alt.button--anchor,
.theme-transparent-alt.button--action-before,
.theme-transparent-alt.button--action, .horizontal-tabs .tabs-panel.is-open .theme-transparent-alt.accordion-trigger, .theme-transparent-alt.accordion__title,
.theme-transparent-alt.button--accordion, .theme-transparent-alt.button--small, input.theme-transparent-alt[type=submit],
.button.theme-transparent,
.button.theme-transparent-alt {
  background-color: transparent;
  color: #107EAB;
}
.theme-transparent.cc_btn:hover, .theme-transparent.button--action-element:hover, .theme-transparent.button--outline:hover, .theme-transparent.button--icon:hover, .theme-transparent.button--expand:hover, .theme-transparent.button--anchor:hover,
.theme-transparent.button--action-before:hover,
.theme-transparent.button--action:hover, .horizontal-tabs .tabs-panel.is-open .theme-transparent.accordion-trigger:hover, .theme-transparent.accordion__title:hover,
.theme-transparent.button--accordion:hover, .theme-transparent.button--small:hover, input.theme-transparent[type=submit]:hover, .theme-transparent-alt.cc_btn:hover, .theme-transparent-alt.button--action-element:hover, .theme-transparent-alt.button--outline:hover, .theme-transparent-alt.button--icon:hover, .theme-transparent-alt.button--expand:hover, .theme-transparent-alt.button--anchor:hover,
.theme-transparent-alt.button--action-before:hover,
.theme-transparent-alt.button--action:hover, .horizontal-tabs .tabs-panel.is-open .theme-transparent-alt.accordion-trigger:hover, .theme-transparent-alt.accordion__title:hover,
.theme-transparent-alt.button--accordion:hover, .theme-transparent-alt.button--small:hover, input.theme-transparent-alt[type=submit]:hover,
.button.theme-transparent:hover,
.button.theme-transparent-alt:hover {
  background-color: #107EAB;
}
.theme-transparent.cc_btn a:hover, .theme-transparent.button--action-element a:hover, .theme-transparent.button--outline a:hover, .theme-transparent.button--icon a:hover, .theme-transparent.button--expand a:hover, .theme-transparent.button--anchor a:hover,
.theme-transparent.button--action-before a:hover,
.theme-transparent.button--action a:hover, .horizontal-tabs .tabs-panel.is-open .theme-transparent.accordion-trigger a:hover, .theme-transparent.accordion__title a:hover,
.theme-transparent.button--accordion a:hover, .theme-transparent.button--small a:hover, input.theme-transparent[type=submit] a:hover, .theme-transparent.cc_btn:hover, .theme-transparent.button--action-element:hover, .theme-transparent.button--outline:hover, .theme-transparent.button--icon:hover, .theme-transparent.button--expand:hover, .theme-transparent.button--anchor:hover,
.theme-transparent.button--action-before:hover,
.theme-transparent.button--action:hover, .horizontal-tabs .tabs-panel.is-open .theme-transparent.accordion-trigger:hover, .theme-transparent.accordion__title:hover,
.theme-transparent.button--accordion:hover, .theme-transparent.button--small:hover, input.theme-transparent[type=submit]:hover, .theme-transparent-alt.cc_btn a:hover, .theme-transparent-alt.button--action-element a:hover, .theme-transparent-alt.button--outline a:hover, .theme-transparent-alt.button--icon a:hover, .theme-transparent-alt.button--expand a:hover, .theme-transparent-alt.button--anchor a:hover,
.theme-transparent-alt.button--action-before a:hover,
.theme-transparent-alt.button--action a:hover, .horizontal-tabs .tabs-panel.is-open .theme-transparent-alt.accordion-trigger a:hover, .theme-transparent-alt.accordion__title a:hover,
.theme-transparent-alt.button--accordion a:hover, .theme-transparent-alt.button--small a:hover, input.theme-transparent-alt[type=submit] a:hover, .theme-transparent-alt.cc_btn:hover, .theme-transparent-alt.button--action-element:hover, .theme-transparent-alt.button--outline:hover, .theme-transparent-alt.button--icon:hover, .theme-transparent-alt.button--expand:hover, .theme-transparent-alt.button--anchor:hover,
.theme-transparent-alt.button--action-before:hover,
.theme-transparent-alt.button--action:hover, .horizontal-tabs .tabs-panel.is-open .theme-transparent-alt.accordion-trigger:hover, .theme-transparent-alt.accordion__title:hover,
.theme-transparent-alt.button--accordion:hover, .theme-transparent-alt.button--small:hover, input.theme-transparent-alt[type=submit]:hover,
.button.theme-transparent a:hover,
.button.theme-transparent:hover,
.button.theme-transparent-alt a:hover,
.button.theme-transparent-alt:hover {
  color: #FFF;
}

/*
 section: 3.7.1.1
 title: Button small
 template: 3_7_1_1-button--small
 description:
*/
.button--small {
  background-color: #D2D2D2;
  color: #222;
  line-height: 1;
  padding: 0.4em 0.7em;
}
.button--small:focus, .button--small:hover {
  background-color: #979797;
  color: #222;
}
.button--small:active, .button--small.is-active, .horizontal-tabs .tabs-panel.is-open .button--small.accordion-trigger {
  background-color: #222;
  color: #FFF;
}

/*
 section: 3.7.2
 title: Button accordion
  template: 3_7_2-button--accordion
 description:
*/
.horizontal-tabs .tabs-panel.is-open .accordion-trigger, .accordion__title,
.button--accordion {
  border: 2px solid #107EAB;
  display: block;
  line-height: normal;
  overflow: hidden;
  padding-left: 3em;
  padding-right: 0;
  position: relative;
}
.horizontal-tabs .tabs-panel.is-open .accordion-trigger:before, .accordion__title:before,
.button--accordion:before {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea1b";
}
@supports (content: "x"/"y") {
  .horizontal-tabs .tabs-panel.is-open .accordion-trigger:before, .accordion__title:before,
  .button--accordion:before {
    content: "\ea1b"/"";
  }
}
.horizontal-tabs .tabs-panel.is-open .accordion-trigger:before, .accordion__title:before,
.button--accordion:before {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 1em;
  position: absolute;
  -webkit-transform: translateY(-50%) rotate(270deg);
      -ms-transform: translateY(-50%) rotate(270deg);
          transform: translateY(-50%) rotate(270deg);
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
}
.horizontal-tabs .tabs-panel.is-open .accordion-trigger, .is-active.accordion__title,
.button--accordion.is-active {
  background-color: #107EAB;
  color: #FFF;
}
.horizontal-tabs .tabs-panel.is-open .accordion-trigger:before, .is-active.accordion__title:before,
.button--accordion.is-active:before {
  -webkit-transform: translateY(-50%) rotate(90deg);
      -ms-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  color: #FFF;
}
.horizontal-tabs .tabs-panel.is-open .accordion-trigger:hover, .accordion__title:hover,
.button--accordion:hover {
  border: 2px solid #005379;
}
a:hover .horizontal-tabs .tabs-panel.is-open .accordion-trigger:before, .horizontal-tabs .tabs-panel.is-open a:hover .accordion-trigger:before, a:hover .accordion__title:before, .horizontal-tabs .tabs-panel.is-open .accordion-trigger:hover:before, .accordion__title:hover:before,
a:hover .button--accordion:before,
.button--accordion:hover:before {
  color: #FFF;
}

/*
 section: 3.7.3
 title: Button action
  template: 3_7_3-button--action
 description:
*/
.button--action-before,
.button--action {
  display: block;
  font-weight: 600;
  padding-left: 1em;
  padding-right: 4em;
  position: relative;
}
.button--action-before:after,
.button--action:after {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0E688B;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 3rem;
}
.button--action-before:focus:after,
.button--action-before:active:after,
.button--action:focus:after,
.button--action:active:after {
  background: #003146;
}
.button--action-before:hover:after,
.button--action:hover:after {
  background: #003146;
}
.theme-transparent.button--action-before,
.theme-transparent-alt.button--action-before,
.button--action.theme-transparent,
.button--action.theme-transparent-alt {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  padding-right: 0;
}
.theme-transparent.button--action-before:after,
.theme-transparent-alt.button--action-before:after,
.button--action.theme-transparent:after,
.button--action.theme-transparent-alt:after {
  background: none;
  color: #107EAB;
  margin-left: 15px;
  line-height: 0;
  position: static;
  width: auto;
}
.theme-transparent.button--action-before:hover,
.theme-transparent.button--action-before:before,
.theme-transparent-alt.button--action-before:hover,
.theme-transparent-alt.button--action-before:before,
.button--action.theme-transparent:hover,
.button--action.theme-transparent:before,
.button--action.theme-transparent-alt:hover,
.button--action.theme-transparent-alt:before {
  background-color: transparent;
}
.theme-transparent.button--action-before a:hover,
.theme-transparent.button--action-before:hover,
.theme-transparent.button--action-before:hover:after,
.theme-transparent-alt.button--action-before a:hover,
.theme-transparent-alt.button--action-before:hover,
.theme-transparent-alt.button--action-before:hover:after,
.button--action.theme-transparent a:hover,
.button--action.theme-transparent:hover,
.button--action.theme-transparent:hover:after,
.button--action.theme-transparent-alt a:hover,
.button--action.theme-transparent-alt:hover,
.button--action.theme-transparent-alt:hover:after {
  color: #005379;
}
.theme-transparent-alt.button--action-before,
.button--action.theme-transparent-alt {
  border-bottom: 1px solid #F8F8F8;
  padding-right: 1rem;
}
.theme-transparent-alt.button--action-before:after,
.button--action.theme-transparent-alt:after {
  position: absolute;
}

/*
 section: 3.7.4
 title: Button action before
  template: 3_7_4-button--action-before
 description:
*/
.button--action-before {
  padding-left: 4em;
  padding-right: 1em;
}
.button--action-before:after {
  left: 0;
  right: auto;
}
.button--action-before.theme-transparent {
  display: block;
  padding-left: 2em;
}
.button--action-before.theme-transparent:after {
  margin: 0;
  position: absolute;
  text-align: left;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

/*
 section: 3.7.5
 title: Button anchor
 template: 3_7_5-button--anchor
 description:
*/
.button--anchor {
  font-size: 0.8125rem;
}
.button--anchor {
  font-weight: 600;
  font-style: normal;
  display: inline-block;
  height: 60px;
  line-height: 1.2em;
  min-width: 60px;
  padding-top: 30px;
  position: relative;
  text-align: center;
}
.button--anchor:after {
  font-size: 0.9375rem;
}
.button--anchor:after {
  height: 100%;
  left: 0;
  position: absolute;
  top: 1em;
  width: 100%;
}

.is-overflow-expandable .button--expand {
  bottom: 0;
  position: absolute;
  right: 0;
}

/*
 section: 3.7.6
 title: Button icon
 template: 3_7_6-button--icon
 description:
*/
.button--icon {
  font-size: 1.75rem;
}
.button--icon {
  font-weight: 600;
  font-style: normal;
  color: #FFF;
  display: inline-block;
  line-height: 0.8em;
  padding: 0.5em 0.4em;
  text-align: center;
}
.button--icon:after {
  font-size: 1.75rem;
}
.button--icon:after {
  padding-left: 3px;
  vertical-align: baseline;
}
.button--icon.icon--facebook {
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-property: all;
  transition-property: all;
  background-color: #547bb9;
}
.button--icon.icon--facebook:hover {
  background-color: rgb(63.3195020747, 98.5975103734, 154.6804979253);
}
.button--icon.icon--twitter {
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-property: all;
  transition-property: all;
  background-color: #5ea9dd;
}
.button--icon.icon--twitter:hover {
  background-color: rgb(51.8923076923, 146.5076923077, 212.1076923077);
}
.button--icon.icon--youtube {
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-property: all;
  transition-property: all;
  background-color: #e6644a;
}
.button--icon.icon--youtube:hover {
  background-color: rgb(222.2961165049, 62.6359223301, 30.7038834951);
}
.button--icon.icon--linkedin {
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-property: all;
  transition-property: all;
  background-color: #1483c4;
}
.button--icon.icon--linkedin:hover {
  background-color: rgb(15.2777777778, 100.0694444444, 149.7222222222);
}
.button--icon.icon--instagram {
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-property: all;
  transition-property: all;
  background-color: #125688;
}
.button--icon.icon--instagram:hover {
  background-color: rgb(12.038961039, 57.5194805195, 90.961038961);
}
.button--icon.icon--whatsapp {
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-property: all;
  transition-property: all;
  background-color: #25d366;
}
.button--icon.icon--whatsapp:hover {
  background-color: rgb(29.3911290323, 167.6088709677, 81.0241935484);
}

/*
 section: 3.7.7
 title: Button group
 template: 3_7_7-button-group
 description:
*/
.button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
.button-group > .button-group__button {
  margin-right: 4px;
  margin-bottom: 4px;
  position: relative;
}

/*
 section: 3.7.8
 title: Button group (small buttons)
 template: 3_7_8-button-group--small
 description:
*/
/*
 section: 3.7.9
 title: Button outline
 template: 3_7_9-button-outline
 description:
*/
.button--outline {
  font-weight: 600;
  font-style: normal;
  background-color: transparent;
  border: 2px solid #107EAB;
  color: #107EAB;
}
.button--outline:after {
  margin-left: 1em;
  -webkit-transition-property: none;
  transition-property: none;
}
.button--outline:hover {
  background-color: #107EAB;
}

.island {
  padding: 1em;
}

.label {
  font-size: 0.75rem;
}
.label {
  font-weight: 600;
  font-style: normal;
  background-color: #107EAB;
  color: #FFF;
  padding: 0.3em 1em;
  text-transform: uppercase;
  display: inline-block;
}
a.label {
  -webkit-transition: background-color 0.1s;
  transition: background-color 0.1s;
}
a.label:hover {
  background-color: #005379;
  color: #FFF;
}

.label.theme-alert {
  background-color: red;
  border-color: red;
}

.inline-list > *, .tag-list > * {
  margin-left: 6px;
  margin-right: 6px;
}
.inline-list > *:first-child, .tag-list > *:first-child {
  margin-left: 0;
}
.inline-list > *:last-child, .tag-list > *:last-child {
  margin-right: 0;
}
.inline-list > *, .tag-list > * {
  display: inline-block;
  vertical-align: middle;
}

.inline-list--large > * {
  margin-left: 12px;
  margin-right: 12px;
}
.inline-list--large > *:first-child {
  margin-left: 0;
}
.inline-list--large > *:last-child {
  margin-right: 0;
}

.inline-list--small > *, .tag-list > * {
  margin-left: 3px;
  margin-right: 3px;
}
.inline-list--small > *:first-child, .tag-list > *:first-child {
  margin-left: 0;
}
.inline-list--small > *:last-child, .tag-list > *:last-child {
  margin-right: 0;
}

.table-list > * {
  padding-left: 6px;
  padding-right: 6px;
}
.table-list > *:first-child {
  padding-left: 0;
}
.table-list > *:last-child {
  padding-right: 0;
}
.table-list {
  display: table;
  width: 100%;
}
.table-list > * {
  display: table-cell;
  vertical-align: middle;
}

.table-list--large > * {
  padding-left: 12px;
  padding-right: 12px;
}
.table-list--large > *:first-child {
  padding-left: 0;
}
.table-list--large > *:last-child {
  padding-right: 0;
}

.table-list--small > * {
  padding-left: 3px;
  padding-right: 3px;
}
.table-list--small > *:first-child {
  padding-left: 0;
}
.table-list--small > *:last-child {
  padding-right: 0;
}

.tag-list > * {
  margin-bottom: 6px;
}

.item-list {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

.item-list--bar > li {
  border-color: #979797;
  border-style: solid;
  border-width: 0 0 1px 0;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}
.item-list--bar > li:last-child {
  border-bottom-width: 0;
}

.ui-tabs-hide {
  display: none;
}

.border-bottom {
  border-bottom: 1px solid #F8F8F8;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}

.regional-rule-top {
  background: transparent url("../images/bg_shadow.png") no-repeat top center;
  background-size: 100% auto;
  border-top: 1px solid #F8F8F8;
  margin-top: 30px;
  padding-top: 30px;
}

.regional-rule-bottom {
  background: transparent url("../images/bg_shadow.png") no-repeat top center;
  background-size: 100% auto;
  border-bottom: 1px solid #F8F8F8;
}

.horizontal-rule-top {
  border-top: 1px solid #F8F8F8;
  margin-top: 30px;
  padding-top: 30px;
}

.horizontal-rule-bottom {
  border-bottom: 1px solid #F8F8F8;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.link-wrapper {
  display: block;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.element-invisible {
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); /* IE6, IE7 */
  position: absolute !important;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
  clear: both;
}
.clearfix:before, .clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
.clearfix:after {
  clear: both;
}
.clearfix {
  clear: both;
}

/*
 section: 15.2
 title: Footer
 template: 15_2_footer
 description: The footer.
*/
.l-footer {
  background-color: #000;
  overflow: hidden;
  padding-bottom: 10px;
  padding-top: 2em;
}

.l-footer__subregion {
  margin: 0 auto;
  max-width: 76em;
  padding: 0 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 48em) {
  .l-footer__subregion {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.l-footer__column {
  margin-bottom: 2em;
}
@media (min-width: 48em) {
  .l-footer__column {
    margin-bottom: 0;
    width: 31%;
  }
}
.l-footer__column.theme-sub {
  margin-bottom: 0;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
@media (min-width: 48em) {
  .l-footer__column.theme-sub {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
.l-footer__column.theme-center {
  text-align: center;
}
@media (min-width: 48em) {
  .l-footer__column.theme-center {
    text-align: left;
  }
}

.l-footer__copyright {
  margin: 0 auto;
  max-width: 76em;
  padding: 0 1em;
}
.l-footer__copyright p {
  font-size: 1rem;
}
.l-footer__copyright p {
  font-weight: 400;
  font-style: normal;
  color: #555555;
  line-height: 1.5em;
  font-size: 0.75rem;
}
.l-footer__copyright p {
  color: #F8F8F8;
  font-weight: 500;
  padding: 16px 0;
  text-align: center;
}
@media (min-width: 48em) {
  .l-footer__copyright p {
    float: right;
    padding: 10px 0 0 20px;
    text-align: left;
    width: 24%;
  }
}

/*
 section: 15.1.2
 title: Header bar
 template: 15_1_2_header-bar
 description: The header bar with logo & navigation.
*/
.l-header-bar {
  background: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 15px;
}
@media (min-width: 48em) {
  .l-header-bar {
    padding: 0 30px;
  }
}

.l-header-bar__top {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.l-header-bar__left {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  padding: 10px 0;
}
@media (min-width: 60em) {
  .l-header-bar__left {
    max-width: 300px;
  }
}

.l-header-bar__middle {
  display: none;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (min-width: 60em) {
  .l-header-bar__middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.l-header-bar__right {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-left: auto;
}
@media (min-width: 60em) {
  .l-header-bar__right {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    max-width: 300px;
  }
}
.l-header-bar__right > * {
  margin-left: 16px;
}
.l-header-bar__right > *:first-child {
  margin-left: 0;
}

.l-header-bar__bottom {
  margin: 0 auto;
  max-width: 500px;
  width: 100%;
}

/*
 section: 17.1
 title: Overlay
 template: 17_1_overlay
 description: Full screen overlay for menu, etc.
*/
.l-overlay {
  background-color: #000;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 101%;
  left: 0;
  opacity: 0;
  overflow-y: hidden;
  position: fixed;
  top: 0;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  visibility: hidden;
  width: 100%;
  z-index: 300;
}
.l-overlay.is-open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  overflow-y: scroll;
  visibility: visible;
}
.l-overlay.is-open .l-overlay__main {
  -webkit-animation: fadeIn 0.25s;
          animation: fadeIn 0.25s;
}
.l-overlay.is-closing {
  opacity: 0;
}
@media (min-width: 60em) {
  .l-overlay {
    opacity: 1;
  }
  .l-overlay.is-closing {
    opacity: 1;
    overflow-y: hidden;
  }
}

.l-overlay__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.l-overlay__main {
  -ms-flex-item-align: center;
      align-self: center;
  margin: 0 auto;
  overflow-y: scroll;
  padding: 40px 15px 0;
  width: 100%;
}
@media (min-width: 48em) {
  .l-overlay__main {
    padding: 0 30px;
  }
}
@media (min-width: 60em) {
  .l-overlay__main {
    max-width: 75em;
    overflow-y: visible;
  }
}

.l-overlay__bottom {
  margin-top: auto;
}
@media (min-width: 60em) {
  .l-overlay__bottom {
    display: none;
  }
}

.l-subregion-wrapper {
  padding: 30px 0;
  position: relative;
}
@media (min-width: 48em) {
  .l-subregion-wrapper {
    padding: 40px 0;
  }
}
.l-subregion-wrapper:nth-of-type(odd) {
  background-color: #F8F8F8;
}
.l-before-content .l-subregion-wrapper {
  border-bottom: 2px solid #F8F8F8;
  border-top: none;
}
.l-subregion-wrapper.theme-plain {
  background-color: transparent;
}

.l-subregion {
  *zoom: 1;
  clear: both;
}
.l-subregion:before, .l-subregion:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
.l-subregion:after {
  clear: both;
}
.l-subregion {
  margin: 0 auto;
  max-width: 76em;
  padding: 0 1em;
}

/*
 section: 15.1
 title: Top bar
 template: 15_1_top-bar
 description: The top bar.
*/
@media (min-width: 48em) {
  .l-top-bar {
    background-color: #000;
  }
}

.l-top-bar__subregion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 48em) {
  .l-top-bar__subregion {
    margin: 0 auto;
    max-width: 76em;
    padding: 0 1em;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.l-top-bar__main {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 70px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding-left: 15px;
  position: relative;
  z-index: 25;
}
@media (min-width: 48em) {
  .l-top-bar__main {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-left: 0;
  }
}

.l-top-bar__sub {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding: 0 15px;
}
@media (min-width: 48em) {
  .l-top-bar__sub {
    background-color: transparent;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 0;
  }
}

.l-top-bar__subleft {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media (min-width: 48em) {
  .l-top-bar__subright {
    border-left: 1px solid #555555;
    margin-left: 15px;
    padding-left: 5px;
  }
}

/*
 section: 15.1.1
 title: Top bar small
 template: 15_1_1_top-bar-small
 description: The top bar small variant
*/
.l-top-bar--small {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #000;
  display: none;
}
@media (min-width: 60em) {
  .l-top-bar--small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.l-top-bar--small .l-top-bar__left {
  margin: 0;
  max-width: none;
  padding: 0;
}
.l-top-bar--small .l-top-bar__right {
  margin: 0 0 0 auto;
  max-width: none;
  padding: 0;
}

.is-hidden {
  display: none !important;
}

.is-center {
  text-align: center;
}

.is-center-mobile {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
@media (min-width: 48em) {
  .is-center-mobile {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left;
  }
}

.is-text img {
  display: none;
}

.is-toggleable-mobile:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea2f";
}
@supports (content: "x"/"y") {
  .is-toggleable-mobile:after {
    content: "\ea2f"/"";
  }
}
.is-toggleable-mobile:after {
  font-size: 0.75rem;
}
.is-toggleable-mobile:after {
  color: #107EAB;
  margin-left: 0.75em;
  vertical-align: middle;
}
.is-toggleable-mobile.is-active:after, .horizontal-tabs .tabs-panel.is-open .is-toggleable-mobile.accordion-trigger:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea24";
}
@supports (content: "x"/"y") {
  .is-toggleable-mobile.is-active:after, .horizontal-tabs .tabs-panel.is-open .is-toggleable-mobile.accordion-trigger:after {
    content: "\ea24"/"";
  }
}
@media (min-width: 48em) {
  .is-toggleable-mobile:after {
    display: none;
  }
}

.is-overflown {
  overflow: visible;
}

.is-overflow-expandable {
  position: relative;
}

.is-hidden--mobile {
  display: none;
}
@media (min-width: 48em) {
  .is-hidden--mobile {
    display: block;
  }
}

.is-hidden--tablet {
  display: none;
}
@media (min-width: 60em) {
  .is-hidden--tablet {
    display: block;
  }
}

.is-hidden--desktop {
  display: block;
}
@media (min-width: 60em) {
  .is-hidden--desktop {
    display: none;
  }
}

@media (min-width: 48em) {
  .is-tel {
    color: #222;
  }
}

.is-unpublished:before {
  background: #e5053a;
  content: "Unpublished";
  color: #FFF;
  padding: 1px 5px;
  z-index: 1000;
}

.is-slidein {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-name: slideIn;
          animation-name: slideIn;
}

@-webkit-keyframes slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.is-slideout {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-name: slideOut;
          animation-name: slideOut;
}

@-webkit-keyframes slideOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
}

@keyframes slideOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
}
.is-fadein {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.is-noscroll {
  overflow: hidden;
}

.button--action-before.theme-transparent:focus:after,
.button--action-before.theme-transparent:focus,
.button--action-before.theme-transparent-alt:focus:after,
.button--action-before.theme-transparent-alt:focus {
  background-color: transparent !important;
  color: #005379;
}

/*
 section: 15.1
 title: Top bar
 template: 15_1_top-bar
 description: The top bar.
*/
.l-top-bar {
  background-color: #000;
}
@media (min-width: 48em) {
  .l-top-bar {
    background-color: #000;
  }
}

.l-top-bar__subregion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (min-width: 48em) {
  .l-top-bar__subregion {
    margin: 0 auto;
    max-width: 76em;
    padding: 0 1em;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.l-top-bar__main {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 70px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding-left: 6px;
  position: relative;
  z-index: 25;
}
@media (min-width: 48em) {
  .l-top-bar__main {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-left: 0;
  }
}

.l-top-bar__sub {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding: 0;
  position: relative;
}
@media (min-width: 48em) {
  .l-top-bar__sub {
    background-color: transparent;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 0;
    position: static;
  }
}

.l-top-bar__subleft {
  display: none;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media (min-width: 48em) {
  .l-top-bar__subleft {
    display: block;
  }
}

.l-top-bar__subright {
  margin-left: 15px;
  padding-left: 5px;
  position: absolute;
  right: 80px;
  z-index: 50;
}
@media (min-width: 48em) {
  .l-top-bar__subright {
    border-left: 1px solid #555555;
    margin-left: 15px;
    padding-left: 5px;
    position: static;
    right: auto;
  }
}

/*
 section: 15.1.1
 title: Top bar small
 template: 15_1_1_top-bar-small
 description: The top bar small variant
*/
.l-top-bar--small {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #000;
  display: none;
}
@media (min-width: 60em) {
  .l-top-bar--small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.l-top-bar--small .l-top-bar__left {
  margin: 0;
  max-width: none;
  padding: 0;
}
.l-top-bar--small .l-top-bar__right {
  margin: 0 0 0 auto;
  max-width: none;
  padding: 0;
}

/* STYLEGUIDE COMPONENTS */
/*
 section: 6.10.5
 title: Box story
*/
/*
 section: 6.10.5.1
 title: Box story
 template: 6_10_5_1-box-story
 description: Displays content as a liftup in e.g. gridder-fields. ".theme-plain-alt" modifier is for pictureless stories. ".theme-black" is also possible.
*/
.box-story {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}
.box-story.theme-plain-alt {
  background-color: #D2D2D2;
}
.box-story.theme-plain-alt .box-story__link-wrapper {
  padding: 1em;
}
.box-story.theme-plain-alt .box-story__link-wrapper:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea68";
}
@supports (content: "x"/"y") {
  .box-story.theme-plain-alt .box-story__link-wrapper:after {
    content: "\ea68"/"";
  }
}
.box-story.theme-plain-alt .box-story__link-wrapper:after {
  color: #222;
  float: right;
}
.box-story.theme-plain-alt .box-story__link-wrapper:hover .box-story__title {
  color: #222;
}
.box-story.theme-plain-alt * {
  color: #222;
}
.box-story.theme-plain-alt .box-story__meta {
  height: auto;
}
.box-story.theme-plain-alt .box-story__label {
  background: #FFF;
  color: #0E688B;
}
.box-story.theme-plain-alt .box-story__link {
  bottom: 0.5em;
  position: absolute;
  right: 1.5em;
}
.box-story.theme-plain-alt:hover {
  background-color: #979797;
}
@media (min-width: 48em) {
  .box-story.theme-plain-alt .box-story__link-wrapper {
    padding: 1.5em 1.5em 3.5em 1.5em;
  }
  .box-story.theme-plain-alt .box-story__link-wrapper:after {
    bottom: 1em;
    margin: 0;
    position: absolute;
    right: 1.5em;
  }
}
@media (min-width: 48em) {
  .box-story.theme-black {
    background: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .box-story.theme-black .box-story__link-wrapper {
    width: 100%;
  }
  .box-story.theme-black .box-story__link-wrapper:after {
    display: inline-block;
    font-family: "hy-icons";
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: bottom;
    content: "\ea68";
  }
  @supports (content: "x"/"y") {
    .box-story.theme-black .box-story__link-wrapper:after {
      content: "\ea68"/"";
    }
  }
  .box-story.theme-black .box-story__link-wrapper:after {
    bottom: 1em;
    color: #FFF;
    position: absolute;
    right: 1.5em;
  }
  .box-story.theme-black .box-story__link-wrapper:hover .box-story__title {
    color: #FFF;
  }
  .box-story.theme-black .box-story__image {
    border: none;
    float: left;
    margin-bottom: 0;
    margin-right: 10px;
    padding-right: 20px;
    width: 33.3333%;
  }
  .box-story.theme-black .box-story__image img {
    border: 0;
    margin: 0;
  }
  .box-story.theme-black .box-story__content {
    color: #FFF;
    padding-right: 20px;
  }
  .box-story.theme-black .box-story__title {
    font-size: 1.875rem;
    color: #FFF;
    padding-right: 20px;
    padding-top: 20px;
  }
}
.box-story__label {
  font-size: 0.7rem;
}
.box-story__label {
  font-size: 0.75rem;
}
.box-story__label {
  font-weight: 600;
  font-style: normal;
  background-color: #107EAB;
  color: #FFF;
  padding: 0.3em 1em;
  text-transform: uppercase;
  left: 1px;
  position: absolute;
  top: 1em;
  z-index: 10;
}
.box-story__label .theme-thin {
  font-weight: 200;
  margin-left: 0.3em;
}
.box-story__label.theme-yliopisto-lehti {
  background-color: #D14600;
}

.box-story__image {
  margin-bottom: 0.5em;
  position: relative;
}
.box-story__image img {
  border: 1px solid #F8F8F8;
  margin-bottom: 2px;
  width: 100%;
}
.box-story__image .box-story__overlay {
  background: #222;
  bottom: 1em;
  color: #FFF;
  font-size: 0.8em;
  padding: 0 3px;
  position: absolute;
  right: 1em;
  text-align: right;
}
.box-story__image .box-story__overlay.theme-bold {
  text-shadow: 1px 1px 1px #222, 0px 0px 1px rgba(0, 0, 0, 0.6);
  background: none;
  font-size: 1.05em;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1em;
  text-transform: uppercase;
}

.box-story__meta {
  font-size: 0.75rem;
}
.box-story__meta {
  font-weight: 600;
  font-style: normal;
  margin-bottom: 0.6em;
  overflow: hidden;
}
@media (min-width: 48em) {
  .box-story__meta {
    height: 2.7em;
  }
}
@media (min-width: 60em) {
  .box-story__meta {
    height: auto;
  }
}

.box-story__meta-item {
  font-size: 0.7rem;
}
.box-story__meta-item {
  font-size: 0.75rem;
}
.box-story__meta-item {
  font-weight: 600;
  font-style: normal;
  color: #979797;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
}
.box-story__meta-item:last-child:after {
  display: none;
}
.box-story__meta-item {
  margin-right: 0.5em;
  padding-right: 1.5em;
}
.box-story__meta-item:after {
  content: " ";
  right: 0;
}
.box-story__meta-item:after, .box-story__meta-item:before {
  border: 1px solid #F8F8F8;
  border-color: #D2D2D2;
  border-radius: 50%;
  height: 6px;
  margin-top: -3px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  width: 6px;
  z-index: 10;
}
.box-story__meta-item a {
  color: inherit;
}
.box-story__meta-item a:hover {
  color: #005379;
}

.box-story__title {
  font-size: 1.25rem;
}
@media (max-width: 48em) {
  .box-story__title {
    font-size: 1.25rem;
  }
}
.box-story__title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  text-transform: none;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-property: color;
  transition-property: color;
}
.box-story__link-wrapper:active .box-story__title, .box-story__link-wrapper:hover .box-story__title {
  color: #005379;
}

.box-story__content {
  font-family: "Open Sans Variable", sans-serif;
  font-size: 0.875rem;
}
.box-story__content {
  color: #555555;
  line-height: 1.5em;
  margin-bottom: 0.4em;
  overflow: hidden;
}
.box-story__content:not(.textarea) a {
  color: inherit;
}
.box-story__content:not(.textarea) a:hover {
  color: inherit;
}

.box-story__link-wrapper {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.box-story__link {
  font-weight: 600;
  font-style: normal;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-property: color;
  transition-property: color;
  color: #222;
}

.box-story__embed {
  clear: both;
  padding-top: 1em;
}

.box-story__video {
  display: inline-block;
  margin-bottom: 0.5em;
  position: relative;
  width: 100%;
}
.box-story__video:after {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.box-story__video > * {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.box-story__video img {
  width: 100%;
}
.box-story__video iframe, .box-story__video object, .box-story__video embed, .box-story__video video {
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.box-story__video.theme-full:after {
  padding-top: 56.25%;
}

.box-story__creator {
  color: #555555;
  font-size: 0.9em;
  font-weight: 600;
  margin-bottom: 0.5em;
}

.box-story__info {
  color: #555555;
  font-size: 0.8em;
  margin-bottom: 0.5em;
}

/*
 section: 6.10.5.2
 title: Box story topical
 template: 6_10_5_2-box-story--topical
 description: Box story variant for topical items like news stories. ".theme-plain" modifier is for pictureless topical stories.
*/
.box-story--topical.theme-plain {
  background-color: #0E688B;
  padding: 3.5em 1.5em;
}
.box-story--topical.theme-plain .box-story__link-wrapper:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea68";
}
@supports (content: "x"/"y") {
  .box-story--topical.theme-plain .box-story__link-wrapper:after {
    content: "\ea68"/"";
  }
}
.box-story--topical.theme-plain .box-story__link-wrapper:after {
  color: #FFF;
  bottom: 1em;
  margin: 0;
  position: absolute;
  right: 1.5em;
}
.box-story--topical.theme-plain .box-story__link-wrapper:hover .box-story__title {
  color: #FFF;
}
.box-story--topical.theme-plain * {
  color: #FFF;
}
.box-story--topical.theme-plain .box-story__meta {
  height: auto;
}
.box-story--topical.theme-plain .box-story__label {
  background: #FFF;
  color: #107EAB;
}
.box-story--topical.theme-plain .box-story__link {
  bottom: 0.5em;
  position: absolute;
  right: 1.5em;
}
.box-story--topical.theme-plain:hover {
  background-color: #005379;
}

/*
 section: 6.10.5.3
 title: Box story liftup
 template: 6_10_5_3-box-story--liftup
 description: box-story--liftup is a more prominent display of content
*/
.box-story--liftup {
  clear: both;
  display: block;
  overflow: visible;
}
.box-story--liftup .box-story__image {
  float: right;
  margin-left: 0.5em;
  max-width: 100px;
  text-align: center;
}
@media (min-width: 48em) {
  .box-story--liftup .box-story__image {
    margin-bottom: 0;
    max-width: 270px;
  }
}
.box-story--liftup .box-story__image img {
  vertical-align: middle;
  width: auto;
}
.box-story--liftup .box-story__title {
  height: auto;
}
.box-story--liftup .box-story__content {
  overflow: visible;
}
@media (min-width: 60em) {
  .box-story--liftup .box-story__content {
    overflow: hidden;
  }
}

/*
 section: 6.10.5.4
 title: Box story constrained
 template: 6_10_5_4-box-story--constrained
 description: Constrained story has content that is not full width
*/
.box-story--constrained .box-story__meta {
  display: inline-block;
  height: auto;
  margin: 0;
  padding-bottom: 0.6rem;
}
.box-story--constrained .box-story__title {
  display: inline-block;
  height: auto;
  margin-right: 2em;
}
.box-story--constrained .box-story__title:hover {
  color: #005379;
}

/*
 section: 6.10.5.5
 title: Box story related
 template: 6_10_5_5-box-story--related
 description: ...
*/
.box-story--related {
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 48em) {
  .box-story--related {
    margin-left: 0;
    margin-right: 0;
    max-width: 369px;
  }
}
.box-story--related .box-story__image {
  margin-bottom: 0;
}
.box-story--related .box-story__image img {
  border: none;
  margin-bottom: 0;
}
.box-story--related .box-story__content-wrapper {
  background-color: #F8F8F8;
  padding: 1.5em;
}
.box-story--related .box-story__content {
  font-family: "Open Sans Variable", sans-serif;
  font-size: 0.875rem;
}
@media (max-width: 48em) {
  .box-story--related .box-story__content {
    font-size: 0.875rem;
  }
}
.box-story--related .box-story__content p {
  font-size: 0.875rem;
}
@media (max-width: 48em) {
  .box-story--related .box-story__content p {
    font-size: 0.875rem;
  }
}

/*
 section:  6.10.7
 title: Box subtitle
 template: 6_10_7-box-subtitle
 description: Provides supplementary text information below a title
*/
.box-subtitle {
  display: block;
}
.box-subtitle.gridder-box {
  margin: 0 0 15px 0;
}

.box-subtitle__title {
  font-size: 1.125rem;
}
.box-subtitle__title {
  font-weight: 400;
  font-style: normal;
  color: #555555;
  text-transform: none;
  font-size: 1rem;
}
.box-subtitle__title {
  margin-bottom: 0.2em;
}

@media (min-width: 48em) {
  .box-subtitle__link {
    float: right;
  }
}
.box-subtitle__link a {
  font-size: 1rem;
}
.box-subtitle__link a {
  font-weight: 600;
  font-style: normal;
}

.box-subtitle__content {
  font-size: 1rem;
}
.box-subtitle__content {
  font-weight: 600;
  font-style: normal;
}

/*
 section:  6.10.7.1
 title: Box subtitle icon
 template: 6_10_7_1-box-subtitle-icon
 description: Provides supplementary information (and a link) below an icon
*/
.box-subtitle--icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
.box-subtitle--icon .box-subtitle__icon {
  font-size: 2.25rem;
}
.box-subtitle--icon .box-subtitle__title {
  letter-spacing: -0.51px;
}
.box-subtitle--icon .box-subtitle__link {
  font-size: 0.875rem;
}
.box-subtitle--icon .box-subtitle__link {
  font-weight: 700;
  font-style: normal;
  margin-top: auto;
  text-transform: uppercase;
}

/*
 section: 6.3
 title: Accordion
 description:
*/
/*
 section: 6.3.1
 title: Accordion
 template: 6_3_1_accordion
 description:
*/
.accordion :focus {
  outline: none;
}

.accordion__item {
  margin-bottom: 15px;
}

.accordion__title {
  font-weight: 600;
  font-style: normal;
  font-size: 0.875rem;
}
.accordion__title {
  text-transform: uppercase;
}

.accordion__content > .textarea {
  padding: 20px 10px;
}
@media (min-width: 48em) {
  .accordion__content > .textarea {
    padding: 20px 40px;
  }
}

.accordion--dark .accordion__title {
  height: auto;
  line-height: 100%;
  padding: 0;
}
.accordion--dark .accordion__title.ui-state-active {
  background-color: #0E688B;
}

/*
 section: 9.1
 title: Index
*/
/*
 section: 9.1.1
 title: Index
 template: 9_1_1-index
 description: Index of content
*/
.index {
  display: block;
  padding: 2em 0;
}
@media (min-width: 48em) {
  .index {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
  }
}

.index__label {
  font-size: 1.125rem;
}
.index__label {
  font-weight: 400;
  font-style: normal;
  color: #555555;
  text-transform: none;
  margin-bottom: 1em;
}
@media (min-width: 48em) {
  .index__label {
    -webkit-column-span: all;
       -moz-column-span: all;
            column-span: all;
  }
}

.index__row {
  margin: 0 0 0.6em 0;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
}

.index__link {
  display: inline-block;
  padding-bottom: 0;
  padding-top: 0;
}

/*
 section: 9.1.2
 title: Index alphabetical
 template: 9_1_2-index-alpha
 description: Alphabetical index of content
*/
.index-alpha {
  display: block;
  padding: 2em 0;
}

.index-alpha__group {
  border-top: 1px solid #F8F8F8;
  clear: both;
  overflow: hidden;
  padding: 1em 0;
}
.index-alpha__group:last-child {
  border-bottom: 1px solid #F8F8F8;
}
@media (min-width: 48em) {
  .index-alpha__group {
    padding: 2em 0;
  }
}

.index-alpha__initial {
  font-family: "Open Sans Variable", sans-serif;
  font-size: 2.5rem;
}
.index-alpha__initial {
  font-weight: 700;
  font-style: normal;
  margin-bottom: 0.2em;
}
@media (min-width: 48em) {
  .index-alpha__initial {
    font-size: 5rem;
    float: left;
    line-height: 70px;
    margin-bottom: 0;
    text-align: center;
    width: 20%;
  }
}
.index-alpha__row {
  margin-bottom: 1em;
}
@media (min-width: 48em) {
  .index-alpha__row {
    margin-left: 20%;
  }
}

.index-alpha__title {
  margin-bottom: 0.5em;
}
@media (min-width: 48em) {
  .index-alpha__title {
    margin-bottom: 0;
  }
}
.index-alpha__title > a {
  font-size: 0.9375rem;
}
.index-alpha__title > a {
  font-weight: 700;
  font-style: normal;
}

.index-alpha__subtitle {
  font-family: "Open Sans Variable", sans-serif;
}

/*
 section: 9.1.3
 title: Index topical
 template: 9_1_3-index-topical
 description: Topical index of content
*/
.index-topical {
  display: block;
  margin-bottom: 1.5em;
  position: relative;
}
.index-topical.theme-prominent {
  border-bottom: 2px solid #F8F8F8;
  margin-bottom: 1em;
  padding-bottom: 1em;
}
.index-topical.theme-prominent .index-topical__title {
  font-size: 1.625rem;
}
.index-topical.theme-prominent .index-topical__title {
  font-weight: 600;
  font-style: normal;
  margin: 0;
}
.index-topical.theme-prominent .index-topical__content {
  margin: 0;
}
.index-topical.theme-prominent .index-topical__field {
  font-size: 0.75rem;
}
.index-topical.theme-prominent .index-topical__field {
  font-weight: 600;
  font-style: normal;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.index-topical.theme-prominent .index-topical__field:after {
  border: none;
  content: "|";
  margin-left: 3px;
  position: static;
}

.index-topical__title {
  font-size: 0.9375rem;
}
.index-topical__title {
  font-weight: 700;
  font-style: normal;
  margin-bottom: 0.25em;
}

.index-topical__field {
  font-size: 0.875rem;
}
.index-topical__field {
  display: inline-block;
  position: relative;
}
.index-topical__field:last-child:after {
  display: none;
}
.index-topical__field {
  margin-right: 0.5em;
  padding-right: 1.5em;
}
.index-topical__field:after {
  content: " ";
  right: 0;
}
.index-topical__field:after, .index-topical__field:before {
  border: 1px solid #F8F8F8;
  border-color: #D2D2D2;
  border-radius: 50%;
  height: 6px;
  margin-top: -3px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  width: 6px;
  z-index: 10;
}
.index-topical__field a {
  color: inherit;
}
.index-topical__field a:hover {
  color: #005379;
}
.index-topical__field {
  color: #979797;
  font-weight: 600;
}

.index-topical__content {
  margin-bottom: 0.5em;
}

.index-topical__description {
  font-family: "Open Sans Variable", sans-serif;
}

/*
 section: 6.2
 title: List of links
 description:
*/
.list-of-links__compact, .list-of-links--condensed,
.list-of-links {
  display: block;
  margin-bottom: 30px;
}

.list-of-links__title {
  margin-bottom: 0.5em;
}

.list-of-links__subtitle {
  font-size: 0.6875rem;
}
.list-of-links__subtitle {
  font-weight: 600;
  font-style: normal;
  color: #979797;
  margin-bottom: 1em;
  text-transform: uppercase;
}

.list-of-links__link {
  margin-bottom: 2px;
  padding-left: 10px;
}
.list-of-links__link:hover:after {
  color: #FFF;
}
.theme-info-footer .list-of-links__link {
  border-bottom-color: #D2D2D2;
  color: #222;
}
.theme-info-footer .list-of-links__link:before, .theme-info-footer .list-of-links__link:after {
  color: #555555;
}
.theme-info-footer .list-of-links__link:hover {
  color: #222;
}
.theme-info-footer .list-of-links__link:hover:before, .theme-info-footer .list-of-links__link:hover:after {
  color: #222;
}
.theme-footer .list-of-links__link {
  border-bottom-color: #555555;
  color: #FFF;
}
.theme-footer .list-of-links__link:before, .theme-footer .list-of-links__link:after {
  color: #FFF;
}
.theme-footer .list-of-links__link:hover {
  color: #D2D2D2;
}
.theme-footer .list-of-links__link:hover:before, .theme-footer .list-of-links__link:hover:after {
  color: #D2D2D2;
}

/*
 section: 6.2.1
 title: List of links
 template: 6_2_1_list-of-links
 description:
*/
/*
 section: 6.2.2
 title: List of links (with transparent and transparent-alt buttons)
 template: 6_2_2_list-of-links-transparent
 description:
*/
/*
 section: 6.2.3
 title: List of links condensed
 template: 6_2_2_list-of-links-condensed
 description: Condensed version with footer themes applied. Also uses transparent-alt theme on the buttons.
*/
.list-of-links--condensed {
  margin-bottom: 1em;
}
.list-of-links--condensed .list-of-links__link {
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
}
.list-of-links--condensed .list-of-links__link {
  padding-bottom: 0.8em;
  padding-top: 0.8em;
}

/*
 section: 15.3
 title: Links
 template: 15_3_links
 description: Links compontent is used in the top bar.
*/
.links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
}
@media (min-width: 48em) {
  .links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: right;
  }
}
@media (min-width: 76em) {
  .links {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.links.theme-plain {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.links.theme-plain .links__link {
  font-size: 0.6875rem;
}
.links.theme-plain .links__link {
  color: #D2D2D2;
  margin-left: 5px;
  padding: 16px 5px 16px 10px;
}
.links.theme-plain .links__link:hover {
  color: #FFF;
}
@media (min-width: 60em) {
  .links.theme-plain .links__link {
    padding: 5px 6px;
  }
}
.links.theme-plain .links__link.theme-button {
  color: #FFF;
  padding: 10px 25px;
}
.links.theme-plain span.links__link.theme-language {
  color: #555555;
}

.links__link {
  font-weight: 600;
  font-style: normal;
  font-size: 0.75rem;
}
.links__link {
  color: #222;
  display: inline-block;
  padding: 16px 5px 16px 10px;
  text-decoration: none;
  text-transform: uppercase;
}
.links__link:hover {
  color: #222;
}
@media (min-width: 48em) {
  .links__link {
    color: #D2D2D2;
    padding: 5px 6px;
  }
  .links__link:hover {
    color: #FFF;
  }
}

.links__link.theme-language.active {
  display: none;
}
.links__link.theme-language abbr[title] {
  border: none;
  text-decoration: none;
}
@media (min-width: 60em) {
  .links__link.theme-language abbr[title] {
    font-size: 0;
  }
  .links__link.theme-language abbr[title]:after {
    font-size: 0.75rem;
    content: attr(title);
  }
}
span.links__link.theme-language {
  color: #D2D2D2;
}
@media (min-width: 48em) {
  span.links__link.theme-language {
    color: #555555;
  }
}

/*
 section: 5.1
 title: Main menu
 template: 5_1_main-menu
 description: The main menu. To see the mobile menu, resize your browser to mobile width.
*/
.main-menu {
  background-color: #FFF;
  overflow: hidden;
}
@media (min-width: 48em) {
  .main-menu {
    border-bottom: 1px solid #D2D2D2;
  }
  .main-menu.is-open {
    border-bottom-color: #FFF;
  }
}
.main-menu li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  list-style: none;
  position: relative;
}
@media (min-width: 48em) {
  .main-menu li {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
}
.main-menu a {
  font-size: 0.9375rem;
}
.main-menu a {
  font-weight: 700;
  font-style: normal;
  color: #107EAB;
  display: block;
  line-height: 1.25em;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  text-decoration: none;
}
.main-menu a:hover, .main-menu a.active-trail, .main-menu a.active {
  color: #005379;
}
.main-menu > ul.menu {
  border-bottom: 1px solid #D2D2D2;
}
@media (min-width: 48em) {
  .main-menu > ul.menu {
    margin: 0 auto;
    max-width: 76em;
    padding: 0 1em;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    height: 100%;
    padding: 0.6em 2em 0.6em 2em;
    position: relative;
  }
}
.main-menu li.is-lvl1 {
  border-top: 1px solid #D2D2D2;
}
.main-menu li.is-lvl1.is-open {
  background: #F8F8F8;
}
.main-menu li.is-lvl1 > a {
  padding: 15px 20px 15px 60px;
}
@media (min-width: 48em) {
  .main-menu li.is-lvl1 {
    border: none;
  }
  .main-menu li.is-lvl1.is-open {
    background: none;
  }
  .main-menu li.is-lvl1 > a {
    padding: 0.6em 0.55em 0.6em 1.25em;
  }
}
@media (min-width: 60em) {
  .main-menu li.is-lvl1 > a {
    padding: 0.6em 1em 0.6em 1.8em;
  }
}
.main-menu li.is-lvl2 > .main-menu__expand {
  left: 25px;
}
.main-menu li.is-lvl2 > a {
  padding: 15px 30px 15px 80px;
  text-transform: none;
}
@media (min-width: 48em) {
  .main-menu li.is-lvl2 {
    display: none;
  }
}
.main-menu li.is-lvl2 > ul.menu {
  padding-bottom: 10px;
}
.main-menu li.is-lvl3 > a {
  font-weight: 400;
  font-style: normal;
  color: #979797;
  padding: 5px 30px 5px 80px;
  text-transform: none;
}
.main-menu li.is-lvl3 > a:hover, .main-menu li.is-lvl3 > a.active-trail, .main-menu li.is-lvl3 > a.active {
  color: #005379;
}
.main-menu li.is-lvl3 > ul.menu {
  display: none !important;
}

@media (min-width: 48em) {
  li.main-menu__front {
    display: inline-block;
    left: 1em;
    position: absolute;
    top: 50%;
  }
}
@media (min-width: 48em) {
  li.main-menu__front > a {
    font-size: 0;
    padding-left: 0;
    padding-right: 19px;
  }
  li.main-menu__front > a:after {
    display: inline-block;
    font-family: "hy-icons";
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: bottom;
    content: "\ea16";
  }
  @supports (content: "x"/"y") {
    li.main-menu__front > a:after {
      content: "\ea16"/"";
    }
  }
  li.main-menu__front > a:after {
    font-size: 1rem;
    font-weight: 300;
    font-style: normal;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
}
@media (min-width: 60em) {
  li.main-menu__front > a {
    padding-right: 35px;
  }
}

.main-menu__expand {
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 50px;
  z-index: 10;
}
.main-menu__expand:before {
  font-size: 0.875rem;
}
.main-menu__expand:before {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea6d";
}
@supports (content: "x"/"y") {
  .main-menu__expand:before {
    content: "\ea6d"/"";
  }
}
.main-menu__expand:before {
  color: #D2D2D2;
  cursor: pointer;
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  top: 10px;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: color, border-color, -webkit-transform;
  transition-property: color, border-color, -webkit-transform;
  transition-property: color, border-color, transform;
  transition-property: color, border-color, transform, -webkit-transform;
  width: 2em;
}
.main-menu__expand:hover:before {
  color: #979797;
}
@media (min-width: 48em) {
  .main-menu__expand {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1.2em;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    position: static;
    width: 1.2em;
  }
  .main-menu__expand:before {
    font-size: 0.75rem;
    height: auto;
    line-height: normal;
    padding: 2px;
    top: auto;
    width: auto;
  }
}
.is-open > .main-menu__expand:before {
  color: #107EAB;
  -webkit-transform: rotate3d(1, 0, 0, 180deg);
          transform: rotate3d(1, 0, 0, 180deg);
}
.is-open > .main-menu__expand:hover:before {
  color: #005379;
}

@media (min-width: 60em) {
  .main-menu-v2 > .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -16px;
  }
}
.main-menu-v2 > .menu.is-default > li {
  opacity: 1;
}
.main-menu-v2 a {
  color: #FFF;
  display: block;
  letter-spacing: 0.01em;
}
.main-menu-v2 a:hover, .main-menu-v2 a.active {
  text-decoration: underline;
}
.main-menu-v2 li.is-lvl1 {
  margin-bottom: 48px;
  opacity: 0.5;
  padding-left: 64px;
  position: relative;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  width: 100%;
}
@media (min-width: 48em) {
  .main-menu-v2 li.is-lvl1 {
    padding-left: 96px;
  }
}
@media (min-width: 60em) {
  .main-menu-v2 li.is-lvl1 {
    opacity: 1;
    padding: 0 16px;
    width: 33%;
  }
}
.main-menu-v2 li.is-lvl1 > a {
  font-size: 1.125rem;
}
.main-menu-v2 li.is-lvl1 > a {
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}
.main-menu-v2 li.is-lvl1.is-open {
  opacity: 1;
}
.main-menu-v2 li.is-lvl1.is-open > ul {
  display: block;
}
.main-menu-v2 li.is-lvl1 > ul {
  display: none;
  margin-top: 24px;
}
@media (min-width: 60em) {
  .main-menu-v2 li.is-lvl1 > ul {
    display: block;
  }
}
.main-menu-v2 li.is-lvl1.theme-quicklinks > a {
  font-size: 0.875rem;
}
.main-menu-v2 li.is-lvl1.theme-quicklinks > a {
  color: #979797;
  line-height: 25px;
}
.main-menu-v2 li.is-lvl1.theme-quicklinks > ul a {
  font-size: 0.875rem;
}
.main-menu-v2 li.is-lvl1.theme-quicklinks > ul a {
  margin-bottom: 0.5em;
}
.main-menu-v2 li.is-lvl2 > a {
  font-size: 1rem;
}
.main-menu-v2 li.is-lvl2 > a {
  font-weight: 700;
  font-style: normal;
  margin-bottom: 1em;
}
@media (min-width: 60em) {
  .main-menu-v2 li.is-lvl2 > a {
    margin-bottom: 0.5em;
  }
  .main-menu-v2 li.is-lvl2.theme-minor > a {
    font-size: 0.875rem;
    font-weight: 600;
    font-style: normal;
    color: #979797;
  }
}
.main-menu-v2__expand {
  background: none;
  border: 0;
  bottom: 0;
  cursor: pointer;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 2px;
  width: 32px;
  z-index: 10;
}
.main-menu-v2__expand:before {
  font-size: 1rem;
}
.main-menu-v2__expand:before {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea6d";
}
@supports (content: "x"/"y") {
  .main-menu-v2__expand:before {
    content: "\ea6d"/"";
  }
}
.main-menu-v2__expand:before {
  color: #FFF;
  cursor: pointer;
  position: relative;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: color, border-color, -webkit-transform;
  transition-property: color, border-color, -webkit-transform;
  transition-property: color, border-color, transform;
  transition-property: color, border-color, transform, -webkit-transform;
  width: 32px;
}
@media (min-width: 60em) {
  .main-menu-v2__expand {
    display: none;
  }
}
.is-open > .main-menu-v2__expand:before {
  -webkit-transform: rotate3d(1, 0, 0, 180deg);
          transform: rotate3d(1, 0, 0, 180deg);
}
/*
 section: 6.12
 title: Messages
 description:
*/
/*
 section: 6.12.1
 title: Status message
 template: 6_12_1-message-status
 description: Used for displaying status messages to the user.
*/
/*
 section: 6.12.2
 title: Info message
 template: 6_12_2-message-info
 description: Used for displaying informational messages to the user.
*/
/*
 section: 6.12.3
 title: Error message
 template: 6_12_3-message-error
 description: Used for displaying error messages to the user.
*/
.messages {
  font-size: 0.75rem;
}
.messages {
  padding: 1.3em 0;
  text-align: center;
}
.messages p {
  font-family: "Open Sans Variable", sans-serif;
  font-size: inherit;
  margin: 0;
  padding: 0;
}
.messages a {
  font-weight: 700;
  font-style: normal;
}
.messages.status {
  background-color: #96BA3C;
  color: #222;
}
.messages.status * {
  color: #222;
}
.messages.status.alternative {
  background-color: #f2f7eb;
  color: #81b43b;
}
.messages.status.alternative * {
  color: #81b43b;
}
.messages.status p:before,
.messages.status li:before {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea0b";
}
@supports (content: "x"/"y") {
  .messages.status p:before,
  .messages.status li:before {
    content: "\ea0b"/"";
  }
}
.messages.status p:before,
.messages.status li:before {
  font-size: 1.4em;
  margin-right: 0.5em;
  position: relative;
  top: 2px;
}
.messages.info {
  background-color: #F9A21A;
  color: #222;
}
.messages.info * {
  color: #222;
}
.messages.info.alternative {
  background-color: #f8f8f8;
  color: #222;
}
.messages.info.alternative * {
  color: #222;
}
.messages.info p:before,
.messages.info li:before {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea19";
}
@supports (content: "x"/"y") {
  .messages.info p:before,
  .messages.info li:before {
    content: "\ea19"/"";
  }
}
.messages.info p:before,
.messages.info li:before {
  font-size: 1.4em;
  margin-right: 0.5em;
  position: relative;
  top: 2px;
}
.messages.error {
  background-color: #A31621;
  color: #FFF;
}
.messages.error * {
  color: #FFF;
}
.messages.error.alternative {
  background-color: #f4ece8;
  color: #A31621;
}
.messages.error.alternative * {
  color: #A31621;
}
.messages.error p:before,
.messages.error li:before {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea3c";
}
@supports (content: "x"/"y") {
  .messages.error p:before,
  .messages.error li:before {
    content: "\ea3c"/"";
  }
}
.messages.error p:before,
.messages.error li:before {
  font-size: 1.4em;
  margin-right: 0.5em;
  position: relative;
  top: 2px;
}

/*
 section: 6.1
 title: Table
 description:
*/
/*
 section: 6.1.1
 title: Table sortable
 template: 6_1_1_table-sortable
 description:
*/
.table-sortable thead tr {
  border: 2px solid #555555;
}
.table-sortable thead tr th {
  background: #222;
  color: #FFF;
  padding: 0.6em 0.9em;
}
.table-sortable thead tr th, .table-sortable thead tr th a, .table-sortable thead tr th a.active {
  font-size: 1rem;
}
.table-sortable thead tr th, .table-sortable thead tr th a, .table-sortable thead tr th a.active {
  font-weight: 700;
  font-style: normal;
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
}
.table-sortable thead tr th:hover, .table-sortable thead tr th a:hover, .table-sortable thead tr th a.active:hover {
  text-decoration: underline;
}
.table-sortable thead tr th.active img {
  margin-left: 0.5em;
}
.table-sortable tbody tr td {
  font-size: 0.8125rem;
}
.table-sortable tbody tr td {
  border: 2px dotted #D2D2D2;
  color: #555555;
  padding: 1.2em 0.9em;
}
.table-sortable tbody tr td a, .table-sortable tbody tr td a.active {
  color: #107EAB;
  text-decoration: none;
}
.table-sortable tbody tr td a:hover, .table-sortable tbody tr td a.active:hover {
  color: #0E688B;
  text-decoration: none;
}
.table-sortable tbody tr td p {
  font-size: inherit;
}
.table-sortable tbody tr td.active {
  color: #555555;
}
.table-sortable tbody tr.odd {
  background-color: #F8F8F8;
}
.table-sortable tbody tr.odd td.active {
  background-color: #D2D2D2;
}
.table-sortable tbody tr.even {
  background-color: #FFF;
}
.table-sortable tbody tr.even td.active {
  background-color: #F8F8F8;
}

/*
 section: 6.1.2
 title: Table simple
 template: 6_1_2_table-simple
 description:
*/
.textarea table,
.textarea-ingress table,
.table-simple {
  font-size: 0.875rem;
}
.textarea table tr,
.textarea-ingress table tr,
.table-simple tr {
  background-color: #F8F8F8;
}
.textarea table tr th,
.textarea-ingress table tr th,
.table-simple tr th {
  background-color: #F8F8F8;
}
.textarea table tr:nth-of-type(2n),
.textarea-ingress table tr:nth-of-type(2n),
.table-simple tr:nth-of-type(2n) {
  background-color: #FFF;
}
.textarea table tr:nth-of-type(2n) th,
.textarea-ingress table tr:nth-of-type(2n) th,
.table-simple tr:nth-of-type(2n) th {
  background-color: #F8F8F8;
}
.textarea table td,
.textarea-ingress table td, .textarea table th,
.textarea-ingress table th,
.table-simple td,
.table-simple th {
  font-family: "Open Sans Variable", sans-serif;
  border: 2px dotted #D2D2D2;
  color: #555555;
  padding: 0.7em 0.9em;
  vertical-align: top;
}
.textarea table td a,
.textarea-ingress table td a, .textarea table th a,
.textarea-ingress table th a,
.table-simple td a,
.table-simple td a.active,
.table-simple th a,
.table-simple th a.active {
  color: #107EAB;
  text-decoration: none;
}
.textarea table td a:hover,
.textarea-ingress table td a:hover, .textarea table th a:hover,
.textarea-ingress table th a:hover,
.table-simple td a:hover,
.table-simple td a.active:hover,
.table-simple th a:hover,
.table-simple th a.active:hover {
  color: #0E688B;
  text-decoration: none;
}
.textarea table td p,
.textarea-ingress table td p, .textarea table th p,
.textarea-ingress table th p,
.table-simple td p,
.table-simple th p {
  font-size: inherit;
}
.textarea table td.active,
.textarea-ingress table td.active, .textarea table th.active,
.textarea-ingress table th.active,
.table-simple td.active,
.table-simple th.active {
  color: #555555;
}
.textarea table td:first-child,
.textarea-ingress table td:first-child, .textarea table th:first-child,
.textarea-ingress table th:first-child,
.table-simple td:first-child,
.table-simple th:first-child {
  font-weight: 700;
  font-style: normal;
}

/**
 * Table states
 */
.is-table-wrapped {
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}
.is-table-wrapped > table {
  display: none;
}
.is-table-wrapped table {
  font-size: 0.8125rem;
}
.is-table-wrapped table {
  margin-bottom: 0 !important;
}
.is-table-wrapped th, .is-table-wrapped td {
  white-space: nowrap;
}
.is-table-wrapped:before {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.0001) 100%);
  content: " ";
  height: 100%;
  left: 35%;
  margin-left: -1em;
  position: absolute;
  top: 0;
  width: 1em;
  z-index: 10;
}
.is-table-wrapped:after {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.0001) 100%);
  content: " ";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1em;
  z-index: 10;
}

.is-table-pinned {
  float: left;
  overflow-x: auto;
  position: relative;
  width: 35%;
}
.is-table-pinned table {
  width: 100%;
}
.is-table-pinned table td, .is-table-pinned table th {
  border-right: none !important;
}

.is-table-scrollable {
  border-right: 2px dotted #F8F8F8;
  margin-left: 35%;
  overflow-x: auto;
  position: relative;
}
.is-table-scrollable td:first-child, .is-table-scrollable th:first-child {
  display: none;
}
.is-table-scrollable td, .is-table-scrollable th {
  border-left: none !important;
}
.is-table-scrollable td:last-child, .is-table-scrollable th:last-child {
  border-right: none !important;
}

.is-table-scrollable-horizontal {
  overflow-x: auto;
}

/*
 section: 6.8
 title: Pagination
 template: 6_8_pagination
 description:
*/
ul.pager {
  font-size: 0.9375rem;
}
ul.pager {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0;
}
ul.pager > li {
  margin-right: 4px;
}
ul.pager > li:last-of-type {
  margin: 0;
}
ul.pager > li.pager__ellipsis {
  color: #222;
  display: none;
}
@media (min-width: 48em) {
  ul.pager > li.pager__ellipsis {
    display: block;
  }
}
ul.pager > li.pager__page {
  display: none;
}
@media (min-width: 48em) {
  ul.pager > li.pager__page {
    display: block;
  }
}
ul.pager > li.pager__page a {
  display: block;
}

/*
 section: 3.6
 title: Page title
 description: TODO: Move the following away from section 3, these are not common elements anymore
*/
/*
 section: 3.6.1
 title: Page title
 template: 3_6_1-page-title
*/
/*
 section: 3.6.2
 title: Page title small
 template: 3_6_2-page-title--small
*/
/*
 section: 3.6.3
 title: Page title suffix
 template: 3_6_3-page-title--suffix
*/
/*
 section: 3.6.4
 title: Page title listing
 template: 3_6_4-page-title--listing
*/
.page-title--small {
  font-size: 2.5rem;
}
.page-title--small {
  line-height: 1em;
}

.page-title--lowercase {
  font-size: 3.125rem;
}
@media (max-width: 48em) {
  .page-title--lowercase {
    font-size: 1.875rem;
  }
}
.page-title--lowercase {
  text-transform: none;
}

.page-title--suffix {
  border-bottom: 1px solid #F8F8F8;
  font-size: 1.125rem;
}
.page-title--suffix {
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0px;
  line-height: 1.2em;
  margin-bottom: 30px;
  padding-bottom: 15px;
  text-transform: initial;
}
.page-title--suffix .page-title__firstrow {
  margin-bottom: 0.5em;
}
.page-title--suffix .page-title__secondrow {
  font-size: 0.875rem;
}
@media (min-width: 60em) {
  .page-title--suffix .page-title__secondrow {
    font-size: 1rem;
  }
}
.page-title--listing {
  border-bottom: 1px solid #F8F8F8;
  margin-bottom: 1em;
}
.page-title--listing .page-title__subheading {
  font-size: 1rem;
}
.page-title--listing .page-title__subheading {
  color: #979797;
  float: right;
  font-weight: 400;
  letter-spacing: normal;
}

/*
 section: 6.1
 title: Table
 description:
*/
/*
 section: 6.1.1
 title: Table sortable
 template: 6_1_1_table-sortable
 description:
*/
.table-sortable thead tr {
  border: 2px solid #555555;
}
.table-sortable thead tr th {
  background: #222;
  color: #FFF;
  padding: 0.6em 0.9em;
}
.table-sortable thead tr th, .table-sortable thead tr th a, .table-sortable thead tr th a.active {
  font-size: 1rem;
}
.table-sortable thead tr th, .table-sortable thead tr th a, .table-sortable thead tr th a.active {
  font-weight: 700;
  font-style: normal;
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
}
.table-sortable thead tr th:hover, .table-sortable thead tr th a:hover, .table-sortable thead tr th a.active:hover {
  text-decoration: underline;
}
.table-sortable thead tr th.active img {
  margin-left: 0.5em;
}
.table-sortable tbody tr td {
  font-size: 0.8125rem;
}
.table-sortable tbody tr td {
  border: 2px dotted #D2D2D2;
  color: #555555;
  padding: 1.2em 0.9em;
}
.table-sortable tbody tr td a, .table-sortable tbody tr td a.active {
  color: #107EAB;
  text-decoration: none;
}
.table-sortable tbody tr td a:hover, .table-sortable tbody tr td a.active:hover {
  color: #0E688B;
  text-decoration: none;
}
.table-sortable tbody tr td p {
  font-size: inherit;
}
.table-sortable tbody tr td.active {
  color: #555555;
}
.table-sortable tbody tr.odd {
  background-color: #F8F8F8;
}
.table-sortable tbody tr.odd td.active {
  background-color: #D2D2D2;
}
.table-sortable tbody tr.even {
  background-color: #FFF;
}
.table-sortable tbody tr.even td.active {
  background-color: #F8F8F8;
}

/*
 section: 6.1.2
 title: Table simple
 template: 6_1_2_table-simple
 description:
*/
.textarea table,
.textarea-ingress table,
.table-simple {
  font-size: 0.875rem;
}
.textarea table tr,
.textarea-ingress table tr,
.table-simple tr {
  background-color: #F8F8F8;
}
.textarea table tr th,
.textarea-ingress table tr th,
.table-simple tr th {
  background-color: #F8F8F8;
}
.textarea table tr:nth-of-type(2n),
.textarea-ingress table tr:nth-of-type(2n),
.table-simple tr:nth-of-type(2n) {
  background-color: #FFF;
}
.textarea table tr:nth-of-type(2n) th,
.textarea-ingress table tr:nth-of-type(2n) th,
.table-simple tr:nth-of-type(2n) th {
  background-color: #F8F8F8;
}
.textarea table td,
.textarea-ingress table td, .textarea table th,
.textarea-ingress table th,
.table-simple td,
.table-simple th {
  font-family: "Open Sans Variable", sans-serif;
  border: 2px dotted #D2D2D2;
  color: #555555;
  padding: 0.7em 0.9em;
  vertical-align: top;
}
.textarea table td a,
.textarea-ingress table td a, .textarea table th a,
.textarea-ingress table th a,
.table-simple td a,
.table-simple td a.active,
.table-simple th a,
.table-simple th a.active {
  color: #107EAB;
  text-decoration: none;
}
.textarea table td a:hover,
.textarea-ingress table td a:hover, .textarea table th a:hover,
.textarea-ingress table th a:hover,
.table-simple td a:hover,
.table-simple td a.active:hover,
.table-simple th a:hover,
.table-simple th a.active:hover {
  color: #0E688B;
  text-decoration: none;
}
.textarea table td p,
.textarea-ingress table td p, .textarea table th p,
.textarea-ingress table th p,
.table-simple td p,
.table-simple th p {
  font-size: inherit;
}
.textarea table td.active,
.textarea-ingress table td.active, .textarea table th.active,
.textarea-ingress table th.active,
.table-simple td.active,
.table-simple th.active {
  color: #555555;
}
.textarea table td:first-child,
.textarea-ingress table td:first-child, .textarea table th:first-child,
.textarea-ingress table th:first-child,
.table-simple td:first-child,
.table-simple th:first-child {
  font-weight: 700;
  font-style: normal;
}

/**
 * Table states
 */
.is-table-wrapped {
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}
.is-table-wrapped > table {
  display: none;
}
.is-table-wrapped table {
  font-size: 0.8125rem;
}
.is-table-wrapped table {
  margin-bottom: 0 !important;
}
.is-table-wrapped th, .is-table-wrapped td {
  white-space: nowrap;
}
.is-table-wrapped:before {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.0001) 100%);
  content: " ";
  height: 100%;
  left: 35%;
  margin-left: -1em;
  position: absolute;
  top: 0;
  width: 1em;
  z-index: 10;
}
.is-table-wrapped:after {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.0001) 100%);
  content: " ";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1em;
  z-index: 10;
}

.is-table-pinned {
  float: left;
  overflow-x: auto;
  position: relative;
  width: 35%;
}
.is-table-pinned table {
  width: 100%;
}
.is-table-pinned table td, .is-table-pinned table th {
  border-right: none !important;
}

.is-table-scrollable {
  border-right: 2px dotted #F8F8F8;
  margin-left: 35%;
  overflow-x: auto;
  position: relative;
}
.is-table-scrollable td:first-child, .is-table-scrollable th:first-child {
  display: none;
}
.is-table-scrollable td, .is-table-scrollable th {
  border-left: none !important;
}
.is-table-scrollable td:last-child, .is-table-scrollable th:last-child {
  border-right: none !important;
}

.is-table-scrollable-horizontal {
  overflow-x: auto;
}

/*
 section: 6.9
 title: Tag list
 template: 6_9_1-tag-list
 description:
*/
.tag-list {
  display: block;
  margin-bottom: 1rem;
}

.tag-list__item {
  font-size: 0.75rem;
}
.tag-list__item {
  font-weight: 600;
  font-style: normal;
  color: #979797;
  text-transform: uppercase;
  margin-left: 0;
  margin-right: 0;
}
.tag-list__item a {
  font-size: 0.75rem;
}
.tag-list__item a {
  font-weight: 600;
  font-style: normal;
  color: #979797;
  text-transform: uppercase;
  color: #979797;
  -webkit-transition: color, 0.2s;
  transition: color, 0.2s;
}
.tag-list__item a:hover {
  color: #555555;
}
.tag-list__item:after {
  content: "|";
  display: inline-block;
  margin: 0 2px;
}
.tag-list__item:last-child:after {
  display: none;
}

/*
 section: 6.11.1
 title: Textarea
 template: 6_11_1_textarea
 description: Basic component used in multiple row textareas with links, headings, lists and so on.
*/
.textarea,
.textarea-ingress {
  font-family: "Open Sans Variable", sans-serif;
  line-height: 1.5em;
}
.textarea ul, .textarea ol,
.textarea-ingress ul,
.textarea-ingress ol {
  margin-bottom: 30px;
}
.textarea li,
.textarea-ingress li {
  line-height: 1.5em;
  margin-bottom: 0.5em;
}
.textarea ul,
.textarea-ingress ul {
  padding-left: 2em;
  position: relative;
}
.textarea ul li,
.textarea-ingress ul li {
  list-style-type: none;
}
.textarea ul li:before,
.textarea-ingress ul li:before {
  font-size: 0.5625rem;
}
.textarea ul li:before,
.textarea-ingress ul li:before {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea74";
}
@supports (content: "x"/"y") {
  .textarea ul li:before,
  .textarea-ingress ul li:before {
    content: "\ea74"/"";
  }
}
.textarea ul li:before,
.textarea-ingress ul li:before {
  left: 0;
  margin-top: 1px;
  position: absolute;
}
.textarea ol,
.textarea-ingress ol {
  counter-reset: item;
  padding-left: 2em;
  position: relative;
}
.textarea ol li,
.textarea-ingress ol li {
  display: block;
}
.textarea ol li:before,
.textarea-ingress ol li:before {
  font-family: "Open Sans Variable", sans-serif;
  font-weight: 700;
  font-style: normal;
  content: counter(item) ". ";
  counter-increment: item;
  left: 1px;
  position: absolute;
}
.textarea h1, .textarea h2, .textarea .h2, .textarea h3, .textarea .h3, .textarea h4, .textarea .h4, .textarea .logo-block__content .logo-block__sitename, .logo-block__content .textarea .logo-block__sitename, .textarea legend, .textarea h5, .textarea h6,
.textarea-ingress h1,
.textarea-ingress h2,
.textarea-ingress .h2,
.textarea-ingress h3,
.textarea-ingress .h3,
.textarea-ingress h4,
.textarea-ingress .h4,
.textarea-ingress .logo-block__content .logo-block__sitename,
.logo-block__content .textarea-ingress .logo-block__sitename,
.textarea-ingress legend,
.textarea-ingress h5,
.textarea-ingress h6 {
  margin-top: 32px;
}
.textarea h1:first-child, .textarea h2:first-child, .textarea .h2:first-child, .textarea h3:first-child, .textarea .h3:first-child, .textarea h4:first-child, .textarea .h4:first-child, .textarea .logo-block__content .logo-block__sitename:first-child, .logo-block__content .textarea .logo-block__sitename:first-child, .textarea legend:first-child, .textarea h5:first-child, .textarea h6:first-child,
.textarea-ingress h1:first-child,
.textarea-ingress h2:first-child,
.textarea-ingress .h2:first-child,
.textarea-ingress h3:first-child,
.textarea-ingress .h3:first-child,
.textarea-ingress h4:first-child,
.textarea-ingress .h4:first-child,
.textarea-ingress .logo-block__content .logo-block__sitename:first-child,
.logo-block__content .textarea-ingress .logo-block__sitename:first-child,
.textarea-ingress legend:first-child,
.textarea-ingress h5:first-child,
.textarea-ingress h6:first-child {
  margin-top: 0;
}
.textarea a,
.textarea-ingress a {
  word-wrap: break-word;
}
.textarea table,
.textarea-ingress table {
  line-height: normal;
  margin-bottom: 2em;
}
@media (min-width: 48em) {
  .textarea .dropcap,
  .textarea-ingress .dropcap {
    font-size: 4.6875rem;
    font-weight: 700;
    font-style: normal;
    float: left;
    line-height: 65px;
    padding-right: 10px;
    text-transform: uppercase;
  }
}
/**
 * textarea-initial
 * An element (usually an image) floated left before a textarea.
 */
.textarea-initial {
  float: left;
  margin-bottom: 2em;
  margin-right: 2em;
}

/*
 section: 6.11.2
 title: Textarea infobox
 template: 6_11_2_textarea-infobox
 description: Infobox type textarea.
*/
.textarea-infobox {
  font-family: "Open Sans Variable", sans-serif;
  background-color: #F8F8F8;
  margin-bottom: 2em;
  padding: 1.5em;
}
.textarea-infobox p {
  line-height: normal;
}
.textarea-infobox p:last-of-type {
  margin-bottom: 0;
}

/*
 section: 6.11.3
 title: Textarea ingress
 template: 6_11_3_textarea-ingress
 description: Ingress textarea. Can be used with links, headings, lists or without. Class 'theme-bold' is available.
*/
.textarea-ingress {
  font-size: 1.125rem;
}
.textarea-ingress {
  font-weight: 400;
  font-style: normal;
  color: #555555;
  line-height: 1.5em;
  margin-bottom: 30px;
}
.textarea-ingress ul, .textarea-ingress ol, .textarea-ingress li, .textarea-ingress p {
  font-size: inherit;
}
.textarea-ingress.theme-bold {
  font-size: 1.2em;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.5em;
  margin-bottom: 30px;
}
.textarea-ingress.theme-bold ul, .textarea-ingress.theme-bold ol, .textarea-ingress.theme-bold li, .textarea-ingress.theme-bold p {
  font-size: inherit;
}

.textarea-readmore {
  font-family: "Open Sans Variable", sans-serif;
  background-color: #F8F8F8;
  border-bottom: 1px solid #D2D2D2;
  border-top: 1px solid #D2D2D2;
  display: block;
  font-weight: bold;
  line-height: normal;
  margin: 2em 0;
  padding: 2.5rem 2rem;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
@media (min-width: 48em) {
  .textarea-readmore {
    margin: 4em 0;
  }
}

.textarea-readmore__title {
  font-size: 0.75rem;
}
.textarea-readmore__title {
  display: block;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.textarea-readmore__text {
  font-size: 1.875rem;
}
@media (max-width: 48em) {
  .textarea-readmore__text {
    font-size: 1.25rem;
  }
}
.textarea-readmore__text {
  color: #222;
  display: block;
  max-width: 20em;
}

/*
 section: 4.2
 title: Search form
 description:
*/
/*
 section: 4.2.1
 title: Search form
 template: 4_2_1_search-form
 description:
*/
/*
 section: 4.2.2
 title: Search form dark
 template: 4_2_2_search-form-dark
 description:
*/
/*
 section: 4.2.3
 title: Search form minimal
 template: 4_2_3_search-form-minimal
 description:
*/
.search-form {
  max-width: 50em;
  position: relative;
}

input[type=text].search-form__input {
  height: 3rem;
}

input[type=submit].search-form__submit {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "";
}
@supports (content: "x"/"y") {
  input[type=submit].search-form__submit {
    content: ""/"";
  }
}
input[type=submit].search-form__submit {
  background-color: transparent;
  border-radius: 0;
  bottom: 0;
  color: #107EAB;
  height: 3rem;
  padding: 0;
  position: absolute;
  right: 0;
  width: 3rem;
}
input[type=submit].search-form__submit:hover, .search-form__input:focus + input[type=submit].search-form__submit {
  background-color: #107EAB;
  color: #FFF;
}
.search-form__input:focus + input[type=submit].search-form__submit:hover {
  background-color: #005379;
}

.search-form--dark {
  max-width: 50em;
  position: relative;
}

input[type=text].search-form--dark__input {
  background: #424242;
  border: none;
  color: #FFF;
  height: 3rem;
  margin-bottom: 0;
  max-width: 100%;
  min-height: 34px;
  padding-left: 1em;
  padding-right: 3em;
  width: 100%;
}
input[type=text].search-form--dark__input:focus {
  outline-color: #107EAB;
}
input[type=text].search-form--dark__input::-webkit-input-placeholder {
  color: #F8F8F8;
}
input[type=text].search-form--dark__input::-moz-placeholder {
  color: #F8F8F8;
}
input[type=text].search-form--dark__input:-ms-input-placeholder {
  color: #F8F8F8;
}
input[type=text].search-form--dark__input::-ms-input-placeholder {
  color: #F8F8F8;
}
input[type=text].search-form--dark__input::placeholder {
  color: #F8F8F8;
}

input[type=submit].search-form--dark__submit {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "";
}
@supports (content: "x"/"y") {
  input[type=submit].search-form--dark__submit {
    content: ""/"";
  }
}
input[type=submit].search-form--dark__submit {
  background-color: transparent;
  bottom: 0;
  height: 3rem;
  padding: 0;
  position: absolute;
  right: 0;
  width: 3rem;
}
.search-form--dark__input:focus + input[type=submit].search-form--dark__submit {
  color: #FFF;
}
.search-form--dark__input:focus + input[type=submit].search-form--dark__submit:hover {
  color: #107EAB;
}

.search-form-large {
  border-bottom: 1px solid #F8F8F8;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  *zoom: 1;
  clear: both;
}
.search-form-large:before, .search-form-large:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
.search-form-large:after {
  clear: both;
}
.search-form-large {
  margin-bottom: 2em;
  padding-bottom: 2em;
}

.search-form-large__label {
  font-size: 1.125rem;
}
.search-form-large__label {
  font-weight: 400;
  font-style: normal;
  color: #555555;
  text-transform: none;
  display: block;
  padding-bottom: 0.5em;
}

input[type=text].search-form-large__input {
  font-size: 0.9375rem;
}
input[type=text].search-form-large__input {
  border: 2px solid #F8F8F8;
  color: #F8F8F8;
  display: block;
  line-height: 1.7em;
  margin-bottom: 30px;
  max-width: 50em;
  padding: 0.3em 0.5em;
  width: 100%;
}

.search-form--new {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  position: relative;
}
.search-form--new input[type=text].search-form__input {
  border-radius: 0;
  border: none;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 100%;
  top: 0;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: width, opacity, visibility;
  transition-property: width, opacity, visibility;
  visibility: hidden;
  width: 0px;
  z-index: 25;
}
.search-form--new input[type=text].search-form__input.is-open {
  -webkit-box-shadow: -3px 3px 7px 0 rgba(34, 34, 34, 0.4);
          box-shadow: -3px 3px 7px 0 rgba(34, 34, 34, 0.4);
  opacity: 1;
  visibility: visible;
  width: 220px;
}
.search-form--new .search-form__search-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  color: #FFF;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 0 10px;
  position: relative;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  z-index: 20;
}
.search-form--new .search-form__search-button:before {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea35";
}
@supports (content: "x"/"y") {
  .search-form--new .search-form__search-button:before {
    content: "\ea35"/"";
  }
}
.search-form--new .search-form__search-button:before {
  font-size: 1.375rem;
}
.search-form--new .search-form__search-button:hover {
  color: #D2D2D2;
}
.search-form--new .search-form__search-button.is-active, .search-form--new .horizontal-tabs .tabs-panel.is-open .search-form__search-button.accordion-trigger, .horizontal-tabs .tabs-panel.is-open .search-form--new .search-form__search-button.accordion-trigger {
  background-color: #FFF;
  -webkit-box-shadow: -3px 3px 7px 0 rgba(34, 34, 34, 0.4);
          box-shadow: -3px 3px 7px 0 rgba(34, 34, 34, 0.4);
  color: #979797;
}
.search-form--new .search-form__search-button.is-active:hover, .search-form--new .horizontal-tabs .tabs-panel.is-open .search-form__search-button.accordion-trigger:hover, .horizontal-tabs .tabs-panel.is-open .search-form--new .search-form__search-button.accordion-trigger:hover {
  color: #222;
}
.search-form--new input[type=submit].search-form__submit {
  display: none;
}

.search-form--minimal {
  background-color: #000;
  max-width: 100%;
  position: relative;
}
.search-form--minimal input[type=text].search-form__input {
  background: none;
  border: none;
  border-bottom: 1px solid #FFF;
  border-color: white;
  color: #FFF;
  height: 3rem;
  outline: none;
}
.search-form--minimal input[type=text].search-form__input:focus {
  border-color: #107EAB;
  outline: none;
}
.search-form--minimal input[type=submit].search-form__submit {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "";
}
@supports (content: "x"/"y") {
  .search-form--minimal input[type=submit].search-form__submit {
    content: ""/"";
  }
}
.search-form--minimal input[type=submit].search-form__submit {
  background-color: transparent;
  border-radius: 0;
  bottom: 0;
  color: #FFF;
  height: 3rem;
  padding: 0;
  position: absolute;
  right: 0;
  width: 3rem;
}
.search-form--minimal input[type=submit].search-form__submit:hover,
.search-form--minimal .search-form__input:focus + input[type=submit].search-form__submit {
  background-color: transparent;
}
.search-form--minimal .search-form__input:focus + input[type=submit].search-form__submit:hover,
.search-form--minimal .search-form__input:focus + input[type=submit].search-form__submit:active {
  background-color: transparent;
  color: #107EAB;
}

.search-form-toggle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  color: #FFF;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 0 10px;
  position: relative;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  z-index: 20;
}
.search-form-toggle:before {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea35";
}
@supports (content: "x"/"y") {
  .search-form-toggle:before {
    content: "\ea35"/"";
  }
}
.search-form-toggle:before {
  font-size: 1.375rem;
}
.search-form-toggle:hover {
  color: #D2D2D2;
}
.search-form-toggle.is-active, .horizontal-tabs .tabs-panel.is-open .search-form-toggle.accordion-trigger {
  color: #979797;
}
.search-form-toggle.is-active:hover, .horizontal-tabs .tabs-panel.is-open .search-form-toggle.accordion-trigger:hover {
  color: #FFF;
}

/*
 section: 6.7
 title: Horizontal tabs
 template: 6_7_horizontal-tabs
 description:
*/
.horizontal-tabs .horizontal-tabs-list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 48em) {
  .horizontal-tabs .horizontal-tabs-list {
    margin-bottom: 60px;
  }
}
.horizontal-tabs .horizontal-tabs-pane {
  min-width: 0;
}
.horizontal-tabs .horizontal-tabs-pane legend {
  display: none;
}
.horizontal-tabs .horizontal-tab-button {
  border-top: 1px solid #107EAB;
  border-left: 1px solid #D2D2D2;
  border-right: 1px solid #D2D2D2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0;
  text-align: center;
}
.horizontal-tabs .horizontal-tab-button:not(:last-child) {
  border-right: #D2D2D2;
}
.horizontal-tabs .horizontal-tab-button > a {
  font-size: 1.125rem;
}
.horizontal-tabs .horizontal-tab-button > a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #107EAB;
  color: #F8F8F8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: 600;
  height: 5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.horizontal-tabs .horizontal-tab-button > a > strong {
  font-weight: 600;
}
.horizontal-tabs .horizontal-tab-button > a[href="#programme"]:before {
  margin-bottom: 5px;
}
.horizontal-tabs .horizontal-tab-button > a[href="#applying"]:before {
  margin-bottom: 5px;
}
.horizontal-tabs .horizontal-tab-button > a[href="#organisation"]:before {
  margin-bottom: 5px;
}
.horizontal-tabs .horizontal-tab-button.selected {
  border-top-color: #107EAB;
  border-bottom-color: transparent;
  z-index: 2;
}
.horizontal-tabs .horizontal-tab-button.selected a {
  background-color: #FFF;
  -webkit-box-shadow: inset 0 3px 0 #107EAB;
          box-shadow: inset 0 3px 0 #107EAB;
  color: #107EAB;
}
.horizontal-tabs .horizontal-tab-button.selected:hover {
  color: #107EAB;
}
.horizontal-tabs .horizontal-tab-button:hover > a {
  color: #FFF;
}
.horizontal-tabs .horizontal-tab-button.selected:hover > a {
  color: #107EAB;
}

/*
 section: 6.5
 title: Breadcrumbs
 template: 6_5_breadcumbs
 description:
*/
.breadcrumbs {
  font-size: 0.75rem;
}
.breadcrumbs {
  margin: 0 0 0.3em;
}
@media (min-width: 48em) {
  .breadcrumbs {
    margin: 0;
  }
}
.breadcrumbs.theme-hero .breadcrumbs__divider {
  color: #FFF;
}
.breadcrumbs.theme-hero .breadcrumbs__item a {
  color: #FFF;
}
.breadcrumbs.theme-hero .breadcrumbs__item a:hover {
  color: #D2D2D2;
}

.breadcrumbs__item {
  display: inline;
  margin-right: 0.2em;
}
.breadcrumbs__item a {
  font-weight: 600;
  font-style: normal;
  color: #107EAB;
  letter-spacing: 0.01em;
  text-decoration: none;
  text-transform: uppercase;
}
.breadcrumbs__item a:hover {
  color: #0E688B;
}

.breadcrumbs__divider {
  font-weight: 600;
  font-style: normal;
  color: #107EAB;
  display: inline;
  margin-right: 0.5em;
}

.button--icon.icon--twitter {
  background-color: transparent;
}
.button--icon.icon--twitter:hover {
  background-color: #222;
}

/*
 section: 15.3
 title: Links
 template: 15_3_links
 description: Links compontent is used in the top bar.
*/
/* Overrides for replacing language links from abbr to span due to abbr having
 * issues with screenreader support
 */
.links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: right;
}
@media (min-width: 76em) {
  .links {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.links.theme-plain {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.links.theme-plain .links__link {
  font-size: 0.6875rem;
}
.links.theme-plain .links__link {
  color: #D2D2D2;
  margin-left: 5px;
  padding: 16px 5px 16px 10px;
}
.links.theme-plain .links__link:hover {
  color: #FFF;
}
@media (min-width: 60em) {
  .links.theme-plain .links__link {
    padding: 5px 6px;
  }
}
.links.theme-plain .links__link.theme-button {
  color: #FFF;
  padding: 10px 25px;
}
.links.theme-plain span.links__link.theme-language {
  color: #555555;
}

.links__link {
  font-weight: 600;
  font-style: normal;
  font-size: 0.75rem;
}
.links__link {
  color: #D2D2D2;
  padding: 5px 6px;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
}
.links__link:hover {
  color: #FFF;
}

.links__link.theme-language.active {
  display: none;
}
@media (min-width: 60em) {
  .links__link.theme-language span[aria-label] {
    font-size: 0;
    content: "";
  }
  .links__link.theme-language span[aria-label]:after {
    font-size: 0.75rem;
    content: attr(aria-label);
  }
}
span.links__link.theme-language {
  color: #555555;
}

.article__themes {
  margin-bottom: 3rem;
}
.article__themes .h2--low,
.article__themes .list-of-tags {
  display: inline;
}
.article__themes .h2--low {
  font-size: 16px;
  font-weight: 600;
  margin-right: 8px;
}

.list-of-tags li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 8px 8px 0;
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
}

.list-of-tags__link {
  background-color: #F2F2F2;
  color: #0C0C0C;
  font-size: 14px;
  font-weight: 600;
  padding: 8px;
  text-decoration: underline;
}
.list-of-tags__link:hover {
  background-color: #E6E6E6;
}
.list-of-tags__link:active {
  background-color: #CCCCCC;
}

.jump_links {
  position: relative;
  -ms-flex-item-align: start;
  align-self: flex-start;
  height: auto;
  left: auto;
  width: auto;
  padding: var(--ds-spacing-2xSmall) var(--ds-spacing-small);
  background-color: var(--ds-palette-white);
  max-width: 120rem;
}
@media (min-width: 60em) {
  .jump_links {
    padding: var(--ds-spacing-3xSmall) var(--ds-spacing-large);
  }
}
.jump_links a {
  -webkit-box-shadow: 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);
  box-shadow: 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);
  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
  outline-offset: calc(var(--ds-borderWidth-thin) * -1 * -1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: auto;
  left: auto;
  width: auto;
  display: inline;
  background-color: var(--ds-palette-white);
  color: var(--ds-palette-black-95);
  letter-spacing: normal;
  line-height: 18px;
  font-family: var(--ds-fontFamily-body);
  font-weight: 600;
  font-size: 14px;
}
@media (min-width: 60em) {
  .jump_links a {
    font-size: 12px;
  }
}

.uhsg-cookiebot-renew.icon--arrow-right::after {
  content: "";
}

.table-sortable tbody tr td p {
  font-size: 1rem;
}

.textarea table,
.textarea-ingress table,
.table-simple {
  font-size: 1rem;
}
.textarea table tr p,
.textarea-ingress table tr p,
.table-simple tr p {
  font-size: inherit;
}

.is-table-wrapped table {
  font-size: 1rem;
}

/* STUDENT GUIDE THEMING */
/**
 * New grid width calculations are derived from these premises:
 * - FULL = 12*GRID + 11*GUTTER
 * - SIDE_COL = 4*GRID + 3*GUTTER
 * - MAIN_COL = (8*GRID + 7*GUTTER) - 16px
 * - SIDE_COL_NARROW_SIDE = 3*GRID + 2*GUTTER
 * - MAIN_COL_NARROW_SIDE = (9*GRID + 8*GUTTER) - 16px
 */
.tube--top, .bar--top {
  padding-bottom: 0;
}

.tube--bottom, .bar--bottom {
  padding-top: 0;
}

/*
 section: 3.7
 title: Buttons
 description:
*/
/*
 section: 3.7.1
 title: Button
 template: 3_7_1-button
 description:
*/
.cc_btn:focus, .button--action-element:focus, input[type=submit]:focus, .button--small:focus, .horizontal-tabs .tabs-panel.is-open .accordion-trigger:focus,
.button--accordion:focus,
.button--action:focus,
.button--action-before:focus, .button--anchor:focus, .button--expand:focus, .button--icon:focus, .button--outline:focus, .accordion__title:focus,
.button:focus {
  outline: 2px solid #c47f1b;
  outline-offset: 3px;
}
.cc_btn, .button--action-element, input[type=submit], .button--small, .horizontal-tabs .tabs-panel.is-open .accordion-trigger,
.button--accordion,
.button--action,
.button--action-before, .button--anchor, .button--expand, .button--icon, .button--outline, .accordion__title, .accordion--dark .accordion__title,
.button {
  background-color: #005A94;
}
.theme-transparent.cc_btn, .theme-transparent.button--action-element, input.theme-transparent[type=submit], .theme-transparent.button--small, .horizontal-tabs .tabs-panel.is-open .theme-transparent.accordion-trigger,
.theme-transparent.button--accordion,
.theme-transparent.button--action,
.theme-transparent.button--action-before, .theme-transparent.button--anchor, .theme-transparent.button--expand, .theme-transparent.button--icon, .theme-transparent.button--outline, .theme-transparent.accordion__title, .theme-transparent-alt.cc_btn, .theme-transparent-alt.button--action-element, input.theme-transparent-alt[type=submit], .theme-transparent-alt.button--small, .horizontal-tabs .tabs-panel.is-open .theme-transparent-alt.accordion-trigger,
.theme-transparent-alt.button--accordion,
.theme-transparent-alt.button--action,
.theme-transparent-alt.button--action-before, .theme-transparent-alt.button--anchor, .theme-transparent-alt.button--expand, .theme-transparent-alt.button--icon, .theme-transparent-alt.button--outline, .theme-transparent-alt.accordion__title,
.button.theme-transparent,
.button.theme-transparent-alt {
  color: #005A94;
}
.theme-transparent.cc_btn:hover, .theme-transparent.button--action-element:hover, input.theme-transparent[type=submit]:hover, .theme-transparent.button--small:hover, .horizontal-tabs .tabs-panel.is-open .theme-transparent.accordion-trigger:hover,
.theme-transparent.button--accordion:hover,
.theme-transparent.button--action:hover,
.theme-transparent.button--action-before:hover, .theme-transparent.button--anchor:hover, .theme-transparent.button--expand:hover, .theme-transparent.button--icon:hover, .theme-transparent.button--outline:hover, .theme-transparent.accordion__title:hover, .theme-transparent-alt.cc_btn:hover, .theme-transparent-alt.button--action-element:hover, input.theme-transparent-alt[type=submit]:hover, .theme-transparent-alt.button--small:hover, .horizontal-tabs .tabs-panel.is-open .theme-transparent-alt.accordion-trigger:hover,
.theme-transparent-alt.button--accordion:hover,
.theme-transparent-alt.button--action:hover,
.theme-transparent-alt.button--action-before:hover, .theme-transparent-alt.button--anchor:hover, .theme-transparent-alt.button--expand:hover, .theme-transparent-alt.button--icon:hover, .theme-transparent-alt.button--outline:hover, .theme-transparent-alt.accordion__title:hover,
.button.theme-transparent:hover,
.button.theme-transparent-alt:hover {
  background-color: #005A94;
}

/*
 section: 3.7.1.1
 title: Button small
 template: 3_7_1_1-button--small
 description:
*/
.button--small {
  background-color: #FFF;
  border: 1px solid #005A94;
  color: #005A94;
}
.button--small:focus, .button--small:hover, .button--small:active, .button--small.is-active, .horizontal-tabs .tabs-panel.is-open .button--small.accordion-trigger {
  background-color: #005A94;
  color: #FFF;
}

/*
 section: 3.7.2
 title: Button accordion
  template: 3_7_2-button--accordion
 description:
*/
.horizontal-tabs .tabs-panel.is-open .accordion-trigger:before, .accordion__title:before,
.button--accordion:before {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea6d";
}
@supports (content: "x"/"y") {
  .horizontal-tabs .tabs-panel.is-open .accordion-trigger:before, .accordion__title:before,
  .button--accordion:before {
    content: "\ea6d"/"";
  }
}
.horizontal-tabs .tabs-panel.is-open .accordion-trigger:before, .accordion__title:before,
.button--accordion:before {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(0);
      -ms-transform: translateY(-50%) rotate(0);
          transform: translateY(-50%) rotate(0);
}
.horizontal-tabs .tabs-panel.is-open .accordion-trigger:before, .is-active.accordion__title:before,
.button--accordion.is-active:before {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

/*
 section: 3.7.3
 title: Button action
  template: 3_7_3-button--action
 description:
*/
.button--action-before:after,
.button--action:after {
  background-color: #005A94;
}
.button--action-before:focus:after,
.button--action-before:hover:after,
.button--action:focus:after,
.button--action:hover:after {
  background: #005379;
}
.button--action-before:active:after,
.button--action:active:after {
  background: #003146;
}
.theme-transparent.button--action-before:after,
.theme-transparent-alt.button--action-before:after,
.button--action.theme-transparent:after,
.button--action.theme-transparent-alt:after {
  color: #005A94;
}
.theme-transparent.button--action-before:hover,
.theme-transparent.button--action-before:hover:after,
.theme-transparent-alt.button--action-before:hover,
.theme-transparent-alt.button--action-before:hover:after,
.button--action.theme-transparent:hover,
.button--action.theme-transparent:hover:after,
.button--action.theme-transparent-alt:hover,
.button--action.theme-transparent-alt:hover:after {
  background-color: transparent;
}
.theme-border.button--action-before,
.button--action.theme-border {
  border: 2px solid #FFF;
}

.button--action-element {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  padding-left: 1em;
  padding-right: 1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1em;
}
.button--action-element.theme-border {
  border: 2px solid #FFF;
}

/*
 section: 3.7.8
 title: Button group (small buttons)
 template: 3_7_8-button-group--small
 description:
*/
/*
 section: 3.7.9
 title: Button outline
 template: 3_7_9-button-outline
 description:
*/
.button--outline {
  background: #FFF;
  border: 1px solid #005A94;
  color: #005A94;
  -webkit-transition-property: none;
  transition-property: none;
}
.button--outline:after {
  margin-left: 0;
  background: #FFF;
  color: #005A94;
  -webkit-transition-property: none;
  transition-property: none;
}
.button--outline:focus, .button--outline:focus:after, .button--outline:hover, .button--outline:hover:after {
  background-color: #005A94;
  color: #FFF;
}
.button--outline.is-active, .horizontal-tabs .tabs-panel.is-open .button--outline.accordion-trigger, .button--outline.is-active:after, .horizontal-tabs .tabs-panel.is-open .button--outline.accordion-trigger:after, .button--outline:active, .button--outline:active:after {
  background-color: #005379;
  border-color: #005379;
  color: #FFF;
}

.button--inline .icon--arrow-right {
  padding-left: 1em;
}

ed11y-element-panel {
  bottom: 20px !important;
  right: 50px !important;
}

@media (min-width: 768px) {
  ed11y-element-panel {
    right: 110px !important;
  }
}
.container {
  margin: 0 auto;
  max-width: 80em;
  padding-left: 1em;
  padding-right: 1em;
}
@media (min-width: 30em) {
  .container {
    padding-left: 2em;
    padding-right: 2em;
  }
}

@media (min-width: 48em) {
  .grid-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 0 -1em;
  }
  .grid-container > * {
    width: 100%;
    padding: 0 1em;
  }
}

.grid-item {
  padding-bottom: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.grid-item > article {
  display: block;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
@media (min-width: 48em) {
  .grid-item {
    padding-left: 1em;
    padding-right: 1em;
    margin-left: 0;
    margin-right: 0;
  }
}

.grid-item-2 {
  max-width: 39em;
}
@media (min-width: 48em) {
  .grid-item-2 {
    width: 50%;
  }
}

.grid-item-3 {
  max-width: 26em;
}
@media (min-width: 48em) {
  .grid-item-3 {
    width: 33.3333333333%;
  }
}

.grid-item-4 {
  max-width: 19.5em;
}
@media (min-width: 48em) {
  .grid-item-4 {
    width: 25%;
  }
}

@media (max-width: 48em) {
  .grid-item-square {
    max-width: 25em;
  }
}
@media (min-width: 48em) {
  .grid-item-square {
    width: 16.6666666667em;
    height: 16em;
  }
}
@media (min-width: 64em) {
  .grid-item-square {
    width: 15.5em;
    height: 15em;
  }
}
@media (min-width: 80em) {
  .grid-item-square {
    width: 19.5em;
    height: 19em;
  }
}

@media (max-width: 48em) {
  .grid-item-flat-box {
    max-width: 25em;
  }
}
@media (min-width: 48em) {
  .grid-item-flat-box {
    width: 16.6666666667em;
    height: 9.6em;
  }
}
@media (min-width: 64em) {
  .grid-item-flat-box {
    width: 15.5em;
    height: 10em;
  }
}
@media (min-width: 80em) {
  .grid-item-flat-box {
    width: 19.5em;
    height: 12.6666666667em;
  }
}

.col-container--action-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 40px 0;
}

.col-container--action-footer .col-side,
.col-container--action-footer .col-main {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

@media (min-width: 48em) {
  .col-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .col-container--action-footer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .col-container--narrow-side {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .col-container--narrow-side .col-side > div {
    border-left: 1px solid #D2D2D2;
    padding-left: 2em;
    margin-left: 2em;
  }
  .col-container--narrow-side .col-main + .col-side > div {
    border-left: 0;
    padding-left: 0;
    margin-left: 0;
  }
  .col-container--narrow-side:has(.col-main + .col-side) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .col-side {
    -ms-flex-preferred-size: calc(33.3333333333% - 64px / 3);
        flex-basis: calc(33.3333333333% - 64px / 3);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 48px;
  }
  .col-container--narrow-side .col-side {
    -ms-flex-preferred-size: calc(100%/4 - 96px / 4);
        flex-basis: calc(100%/4 - 96px / 4);
  }
  .col-main + .col-side {
    margin-right: 48px;
  }
  .col-side--align-right {
    text-align: right;
  }
  .col-main {
    -ms-flex-preferred-size: calc(66.6666666667% - 32px / 3 - 16px);
        flex-basis: calc(66.6666666667% - 32px / 3 - 16px);
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    min-width: 0;
  }
  .col-container--narrow-side .col-main {
    -ms-flex-preferred-size: calc(75% - 32px / 4 - 16px);
        flex-basis: calc(75% - 32px / 4 - 16px);
  }
  .col--max-narrow-width {
    max-width: 17.5em;
  }
}
.col-side.parapgraph__has_video {
  min-width: 320px;
}
.col-side.parapgraph__has_video > div.paragraph__video {
  border-left: 0;
  padding-left: 0;
}
.col-side.parapgraph__has_video > div + div.paragraph__video {
  margin-top: 30px;
}

.l-footer__subregion {
  max-width: 80em;
  padding-left: 1em;
  padding-right: 1em;
}
@media (min-width: 30em) {
  .l-footer__subregion {
    padding-left: 2em;
    padding-right: 2em;
  }
}

.l-subregion-wrapper--sectioned {
  background-color: #F8F8F8;
  padding-top: 0;
  padding-bottom: 1em;
}

.l-subregion-wrapper--sectioned-wtop {
  background-color: #F8F8F8;
  padding-top: 1em;
  padding-bottom: 1em;
}

.l-subregion {
  max-width: 80em;
  padding-left: 1em;
  padding-right: 1em;
}
@media (min-width: 30em) {
  .l-subregion {
    padding-left: 2em;
    padding-right: 2em;
  }
}
.l-subregion .l-subregion {
  padding-left: 0;
  padding-right: 0;
}

.path-frontpage .l-subregion-wrapper {
  padding-top: 0;
}
.path-frontpage .l-subregion-wrapper:nth-of-type(odd) {
  background-color: transparent;
}

.l-top-bar__subregion {
  max-width: 80em;
}
@media (min-width: 48em) {
  .l-top-bar__subregion {
    max-width: 80em;
    padding-left: 2em;
    padding-right: 2em;
  }
}

.accordion__accordion-body {
  margin-bottom: 1em;
}

.accordion__accordion-links {
  margin-bottom: 0;
}

.accordion__item:focus:focus {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

.l-action-footer {
  position: relative;
  min-height: 60px;
}
@media (min-width: 30em) {
  .l-action-footer .col-container--action-footer .col-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 48em) {
  .l-action-footer.no-content {
    min-height: auto;
  }
}
.l-action-footer .last-updated {
  margin-bottom: 1rem;
}
.l-action-footer .last-updated,
.l-action-footer .responsible-unit {
  font-size: 0.875rem;
}
.l-action-footer .last-updated,
.l-action-footer .responsible-unit {
  line-height: 1.5;
  margin-right: 2rem;
}
.l-action-footer #up-anchor {
  display: block;
  position: absolute;
  bottom: 0;
  right: 1rem;
  padding-top: 35px;
}
@media (min-width: 30em) {
  .l-action-footer #up-anchor {
    right: 2rem;
  }
}

.block-uhsg-announcements .l-subregion {
  padding: 0;
}

.announcements-container {
  padding: 2em 1.5em;
  margin-bottom: 1em;
  background: #f5f5f5;
  color: #222;
}

.announcement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.5em;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 48em) {
  .announcement {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.announcement:not(:last-child) {
  padding-bottom: 2em;
  border-bottom: 1px #d2d2d2 solid;
}
.announcement:not(:first-child) {
  padding-top: 2em;
}
.announcement .announcement__text-content-wrapper {
  display: table;
}
.announcement .announcement__text-content-wrapper:before {
  display: table-cell;
  padding-right: 0.3em;
  padding-top: 2px;
  vertical-align: top;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea18";
}
@supports (content: "x"/"y") {
  .announcement .announcement__text-content-wrapper:before {
    content: "\ea18"/"";
  }
}
.announcement .announcement__text-content-wrapper:before {
  font-size: 1.4375rem;
}
@media (max-width: 48em) {
  .announcement .announcement__text-content-wrapper:before {
    font-size: 1.4375rem;
  }
}
.announcement .announcement__text-content-wrapper .announcement__text-content {
  display: inline-block;
}
.announcement .announcement__text-content-wrapper .announcement__text-content p {
  margin: 0;
}
.announcement .announcement__text-content-wrapper h2.announcement__title, .announcement .announcement__text-content-wrapper .announcement__title.h2 {
  padding-bottom: 0;
  font-size: 1.4375rem;
}
@media (max-width: 48em) {
  .announcement .announcement__text-content-wrapper h2.announcement__title, .announcement .announcement__text-content-wrapper .announcement__title.h2 {
    font-size: 1.4375rem;
  }
}
.announcement .announcement__text-content-wrapper h2.announcement__title, .announcement .announcement__text-content-wrapper .announcement__title.h2 {
  text-transform: uppercase;
  font-weight: bold;
}
@media (min-width: 48em) {
  .announcement .announcement__text-content-wrapper h2.announcement__title, .announcement .announcement__text-content-wrapper .announcement__title.h2 {
    font-size: 1.4375rem;
  }
}
@media (min-width: 48em) and (max-width: 48em) {
  .announcement .announcement__text-content-wrapper h2.announcement__title, .announcement .announcement__text-content-wrapper .announcement__title.h2 {
    font-size: 1.4375rem;
  }
}
.announcement .announcement__text-content-wrapper .announcement__text {
  margin-top: 0.3em;
}
.announcement .announcement__link.inverse .button--action-element {
  color: #005A94;
  background-color: #FFF;
}
.announcement .announcement__link.inverse .button--action-element.theme-border {
  border: 4px solid #005A94;
}
.announcement .announcement__link {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
@media (min-width: 48em) {
  .announcement .announcement__link {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}

#block-uhsg-theme-frontpagetextblock,
.block-uhsg-production-update-block {
  background-color: #005A94;
  display: none;
  border-top: 2px solid #FFF;
  color: rgb(255, 255, 255);
}
#block-uhsg-theme-frontpagetextblock .notification__message,
.block-uhsg-production-update-block .notification__message {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#block-uhsg-theme-frontpagetextblock .notification__message__text:before,
.block-uhsg-production-update-block .notification__message__text:before {
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  padding-right: 0.3em;
  vertical-align: bottom;
  content: "\ea7d";
}
@supports (content: "x"/"y") {
  #block-uhsg-theme-frontpagetextblock .notification__message__text:before,
  .block-uhsg-production-update-block .notification__message__text:before {
    content: "\ea7d"/"";
  }
}
@supports not (content: "x"/"y") {
  #block-uhsg-theme-frontpagetextblock .notification__message__text:before,
  .block-uhsg-production-update-block .notification__message__text:before {
    content: "\ea7d";
    alt: "";
  }
}
#block-uhsg-theme-frontpagetextblock button,
.block-uhsg-production-update-block button {
  font-size: 12px;
}
#block-uhsg-theme-frontpagetextblock a,
.block-uhsg-production-update-block a {
  color: rgb(255, 255, 255);
  text-decoration: underline;
}

li.avatar {
  position: relative;
  left: 15px;
}
li.avatar > a {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
li.avatar img {
  background-color: rgba(123, 70, 163, 0.45);
  height: 47px;
  width: 47px;
}
li.avatar.avatar--default img {
  padding: 12px;
}

.page-node-type-theme .block-link-to-instructions-for-students, .page-node-type-article .block-link-to-instructions-for-students {
  margin-top: 2em;
}

.box-subtitle__ingress {
  margin-bottom: 1em;
}

.box-story--no-label.theme-plain {
  padding: 2.8em 1.5em 1.5em 1.5em;
}

.box-story--constrained {
  border-bottom: 1px solid #979797;
  padding: 1em 0 0.5em;
}
.box-story--constrained .tag-list {
  margin-bottom: initial;
}
.box-story--constrained a:focus {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

.box-story--banner .tag-list {
  margin-bottom: initial;
}
.box-story--banner.news {
  background: #FFF;
  padding: 1em 3em 1em 1em;
}
@media (min-width: 48em) {
  .box-story--banner.news {
    padding: 1em 5em 1em 3em;
  }
}
.box-story--banner.news:not(:last-child) {
  margin-bottom: 1em;
}

.box-story--liftup-vertical {
  background: #f5f5f5;
}
.box-story--liftup-vertical:hover {
  background-color: #E6E6E6;
}
.box-story--liftup-vertical:hover .icon {
  background-color: #003152;
}

.box-story--topical.theme-tiny {
  background: #005A94;
  padding: 1em 3em 1em 1em;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
.box-story--topical.box-story--has-content {
  min-height: 5.5em;
}

.box-story__title {
  font-weight: 600;
}
.box-story--topical.theme-tiny .box-story__title {
  font-size: 1rem;
}
.box-story--topical.theme-tiny .box-story__title {
  font-weight: 700;
  color: #FFF;
  padding-bottom: 0.4em;
}
.box-story--topical.theme-tiny .box-story__title > a {
  color: inherit;
}
.box-story--topical.theme-tiny .box-story__title > a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.box-story--topical.theme-tiny .box-story__title > a:focus {
  outline: none;
}
.box-story--topical.theme-tiny .box-story__title > a:focus:before {
  outline: 2px solid #c47f1b;
  outline-offset: 3px;
}
.box-story--topical.theme-tiny .box-story__title > a .icon {
  font-size: 0.875rem;
}
.box-story--topical.theme-tiny .box-story__title > a .icon {
  position: absolute;
  width: auto;
  right: 1em;
  bottom: 1em;
}
.box-story--banner .box-story__title {
  padding-bottom: 0.2em;
}
.box-story--banner .box-story__title > a {
  color: #005A94;
}
.box-story--banner .box-story__title > a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.box-story--banner .box-story__title > a:focus {
  outline: none;
}
.box-story--banner .box-story__title > a:focus:before {
  outline: 2px solid #c47f1b;
  outline-offset: 3px;
}
.box-story--banner .box-story__title > a .icon {
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: auto;
}
@media (min-width: 48em) {
  .box-story--banner .box-story__title > a .icon {
    right: 1.5em;
  }
}
.box-story--liftup-vertical .box-story__title {
  margin-bottom: 0.625rem;
  padding-bottom: 0;
}
.box-story--liftup-vertical .box-story__title a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.box-story--liftup-vertical .box-story__title a:focus {
  outline: none;
}
.box-story--liftup-vertical .box-story__title a:focus:before {
  outline: 2px solid #c47f1b;
  outline-offset: 3px;
}
.box-story--liftup-vertical .box-story__title a:hover, .box-story--liftup-vertical .box-story__title a:active {
  color: #003152;
}
.box-story--liftup-vertical .box-story__title a:hover:after, .box-story--liftup-vertical .box-story__title a:active:after {
  background: #003152;
}
.box-story--liftup-vertical .box-story__title a:hover .icon, .box-story--liftup-vertical .box-story__title a:active .icon {
  background: #003152;
}
.box-story--liftup-vertical .box-story__title a .icon {
  position: absolute;
  right: -6px;
  bottom: 12px;
  height: 2.5rem;
  width: 2.5rem;
  font-size: 1.6rem;
  text-align: center;
  line-height: 2.5rem;
  color: #FFF;
  background: #005A94;
}

.box-story--liftup-vertical .box-story__image {
  margin-bottom: 0;
}
.box-story--liftup-vertical .box-story__image img {
  border: none;
  margin: 0;
}

.box-story--liftup-vertical .box-story__text-container {
  padding: 1.25rem 0.75rem 0;
  margin-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.box-story__title,
.box-story__content {
  overflow: visible;
}

.box-story--topical.theme-tiny .box-story__content {
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.1em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.box-story--liftup-vertical .box-story__content {
  font-size: 1rem;
  color: #424242;
}

.box-story__title span {
  width: 100%;
}

.article-related .box-story--topical.theme-plain .box-story__link-wrapper:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea63";
}
@supports (content: "x"/"y") {
  .article-related .box-story--topical.theme-plain .box-story__link-wrapper:after {
    content: "\ea63"/"";
  }
}
.article-related .box-story--banner .box-story__title > a:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea63";
}
@supports (content: "x"/"y") {
  .article-related .box-story--banner .box-story__title > a:after {
    content: "\ea63"/"";
  }
}

.box-story__link-wrapper:focus {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

.box-story__meta {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.box-story--liftup-vertical .box-story__meta {
  margin-bottom: 0.625rem;
}

.box-story__meta-item {
  color: #555555;
  text-transform: none;
}
.box-story__meta-item:after {
  content: "|";
  border: none;
  height: auto;
  margin-top: 0;
  top: 0;
  width: auto;
  z-index: auto;
}
.box-story--liftup-vertical .box-story__meta-item {
  font-size: 0.825rem;
  color: #424242;
}

.box-story__meta-item--type {
  text-transform: uppercase;
}

.theme__content-section .box-story--banner {
  padding: 1em 3em 1em 1em;
}
@media (min-width: 48em) {
  .theme__content-section .box-story--banner {
    padding: 1em 5em 1em 3em;
  }
}
.theme__content-section .box-story--banner:not(:last-child) {
  margin-bottom: 1em;
}

#block-breadcrumbs {
  padding-top: 1.5em;
  margin-bottom: 1em;
}

.breadcrumbs {
  font-size: 0.875rem;
}
@media (min-width: 48em) {
  .breadcrumbs {
    font-size: 1rem;
  }
}

.breadcrumbs__item {
  margin: 0;
  display: none;
}
@media (min-width: 30em) {
  .breadcrumbs__item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
.breadcrumbs__item a {
  color: #222222;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: underline;
}
@media (min-width: 30em) {
  .breadcrumbs__item:after {
    content: " > "/"";
    padding-left: 5px;
  }
}
@media (min-width: 30em) {
  .breadcrumbs__item:last-of-type:after {
    content: "";
  }
}

@media (min-width: 30em) {
  .breadcrumbs__item--last:after {
    content: "";
  }
}

.breadcrumbs__item--mobile {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.breadcrumbs__item--mobile div {
  display: inline;
}
.breadcrumbs__item--mobile a:before {
  content: "< "/"";
}
@media (min-width: 30em) {
  .breadcrumbs__item--mobile a:before {
    content: "";
  }
}

#CybotCookiebotDialog input[type=radio],
#CybotCookiebotDialog input[type=checkbox] {
  display: inline-block;
}
#CybotCookiebotDialog input[type=radio]:focus + label,
#CybotCookiebotDialog input[type=checkbox]:focus + label {
  outline: 2px solid #c47f1b;
  outline-offset: 3px;
}

.cc_banner-wrapper {
  z-index: 9001;
  position: relative;
}

.cc_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #424242;
  bottom: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  left: 0;
  overflow: hidden;
  padding: 0.4em 0.8em;
  right: 0;
}

.cc_btn {
  font-size: 0.875rem;
}
.cc_btn {
  -ms-flex-item-align: center;
      align-self: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: 600;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-left: 1em;
}

.cc_message {
  font-family: "Open Sans Variable", sans-serif;
  font-size: 0.875rem;
}
.cc_message {
  -ms-flex-item-align: center;
      align-self: center;
  color: #FFF;
  margin: 0;
}

.cc_logo {
  display: none;
}

.cc_more_info {
  font-weight: 700;
  font-style: normal;
}

#copy-url {
  position: absolute;
  z-index: 9;
  right: 0;
  margin-right: 0;
  min-width: 10em;
}

.copy-url {
  font-weight: 700;
}
.col-side .copy-url {
  margin-bottom: 24px;
}
@media (min-width: 48em) {
  .col-side .copy-url {
    margin-top: -24px;
  }
}
.copy-url:before {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea47";
}
@supports (content: "x"/"y") {
  .copy-url:before {
    content: "\ea47"/"";
  }
}
.copy-url:before {
  margin-right: 0.5em;
}
.copy-url:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea0b";
}
@supports (content: "x"/"y") {
  .copy-url:after {
    content: "\ea0b"/"";
  }
}
.copy-url:after {
  margin-left: 0.25em;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}
.copy-url.js-copy-url-done:after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.47, 3, 0.41, 0.5);
          transition-timing-function: cubic-bezier(0.47, 3, 0.41, 0.5);
}

.degree-programme-switcher {
  position: relative;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 0.5em;
}
.path-frontpage .degree-programme-switcher {
  padding-bottom: 2.5em;
}
.page-node-type-article .degree-programme-switcher {
  padding-bottom: 2em;
}
.degree-programme-switcher .degree-programme-switcher__description {
  margin-bottom: 1em;
  font-size: 0.75rem;
}
.degree-programme-switcher .degree-programme-switcher__header {
  background-color: #FFF;
  border-radius: 0;
  border: 1px solid #979797;
  outline-color: rgba(0, 90, 148, 0);
  outline-offset: -2px;
  outline-style: solid;
  outline-width: 2px;
  padding: 0 10px 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.degree-programme-switcher .degree-programme-switcher__header:focus {
  outline-color: #c47f1b;
}
.degree-programme-switcher .degree-programme-switcher__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80%;
          flex: 0 0 80%;
  color: #005A94;
  padding-top: 0.4em;
  font-weight: 600;
  font-style: normal;
  font-size: 1rem;
}
.degree-programme-switcher .degree-programme-switcher__toggle {
  font-weight: 600;
  font-style: normal;
  color: #005A94;
  padding-right: 0.4em;
}
.degree-programme-switcher .degree-programme-switcher__dropdown {
  border: 1px solid #979797;
  -webkit-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
          transform: translateY(-100px);
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  height: 0;
  overflow: hidden;
  display: none;
  border-top: 0;
  width: 100%;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 1px;
  background: #FFF;
}
.degree-programme-switcher .degree-programme-switcher__dropdown .view-degree-programmes .view-content > div {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.degree-programme-switcher .degree-programme-switcher__dropdown .view-degree-programmes .view-content ul {
  margin-bottom: 0;
}
.degree-programme-switcher .degree-programme-switcher__dropdown .view-degree-programmes .view-content .my-degree-programmes .action-flag a:before {
  color: #F9A21A;
}
.degree-programme-switcher .degree-programme-switcher__dropdown .view-degree-programmes .view-content .my-degree-programmes .view-list-title {
  display: none;
}
.degree-programme-switcher .degree-programme-switcher__dropdown .view-degree-programmes .view-content li {
  border-bottom: 1px solid #F8F8F8;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom-color: transparent;
  padding-right: 2.5em;
}
.degree-programme-switcher .degree-programme-switcher__dropdown .view-degree-programmes .view-content li:hover {
  border-bottom: 1px solid #F8F8F8;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  -webkit-transition: none;
  transition: none;
}
.degree-programme-switcher .degree-programme-switcher__dropdown .view-degree-programmes .view-content li div {
  width: auto;
}
.degree-programme-switcher .degree-programme-switcher__dropdown .view-degree-programmes .view-content li .flag a {
  font-size: 0;
  position: absolute;
  right: 0;
  top: 8px;
}
.degree-programme-switcher .degree-programme-switcher__dropdown .view-degree-programmes .view-content li .flag a:before {
  color: #979797;
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea13";
}
@supports (content: "x"/"y") {
  .degree-programme-switcher .degree-programme-switcher__dropdown .view-degree-programmes .view-content li .flag a:before {
    content: "\ea13"/"";
  }
}
.degree-programme-switcher .degree-programme-switcher__dropdown .view-degree-programmes .view-content li .flag a:before {
  font-size: 1rem;
}
.degree-programme-switcher .degree-programme-switcher__dropdown .view-degree-programmes .view-content li .flag a:before {
  display: block;
  margin-right: 1em;
}
.degree-programme-switcher .degree-programme-switcher__dropdown .view-degree-programmes .view-content li .flag.action-unflag a:before {
  color: #F9A21A;
}
.degree-programme-switcher .degree-programme-switcher__dropdown .view-degree-programmes .view-content li .ajax-progress {
  display: none;
}
.degree-programme-switcher .degree-programme-switcher__dropdown .button--reset {
  padding: 0;
  margin-bottom: 1rem;
}
.degree-programme-switcher .degree-programme-switcher__dropdown .degree-programme-switcher__dropdown-title {
  padding: 0;
  margin-bottom: 0.5rem;
}
.degree-programme-switcher .degree-programme-switcher__dropdown div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.degree-programme-switcher .degree-programme-switcher__dropdown_close_button {
  margin-left: 15px;
}
.degree-programme-switcher.collapsed .degree-programme-switcher__dropdown {
  display: block;
}
.degree-programme-switcher div.degree-programme-switcher__filter {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 30em;
}
.degree-programme-switcher div.degree-programme-switcher__filter .degree-programme-switcher__filter-icon {
  background: #005A94;
  color: #FFF;
  padding: 0.7em 1em;
  width: 52px;
}
.degree-programme-switcher div.degree-programme-switcher__filter label {
  display: none;
}
.degree-programme-switcher.collapsed {
  position: fixed;
  z-index: 102;
  margin-top: 0;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding-bottom: 0;
}
.degree-programme-switcher.collapsed .degree-programme-switcher__dropdown {
  overflow-y: scroll;
}
.degree-programme-switcher.collapsed .degree-programme-switcher__dropdown::-webkit-scrollbar {
  width: 0.5em;
  height: 0.5em;
}
.degree-programme-switcher.collapsed .degree-programme-switcher__dropdown::-webkit-scrollbar-thumb {
  background: #005A94;
}
.degree-programme-switcher.collapsed .degree-programme-switcher__dropdown::-webkit-scrollbar-track {
  background: #F8F8F8;
}
.degree-programme-switcher.collapsed .degree-programme-switcher__dropdown {
  scrollbar-face-color: #005A94;
  scrollbar-track-color: #F8F8F8;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  height: auto;
  opacity: 1;
  padding: 1em 1em 0 1em;
}
.degree-programme-switcher.collapsed .degree-programme-switcher__header {
  border-bottom: 0;
}
@media (min-width: 48em) {
  .degree-programme-switcher {
    display: block;
  }
  .degree-programme-switcher .degree-programme-switcher__dropdown {
    display: none;
    position: absolute;
    width: 100%;
  }
  .degree-programme-switcher .degree-programme-switcher__dropdown .view-content {
    max-height: 20em;
    max-height: 50vh;
  }
  .degree-programme-switcher .degree-programme-switcher__dropdown .degree-programme-switcher__dropdown-title {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .degree-programme-switcher .degree-programme-switcher__dropdown .button--reset {
    margin-bottom: 0.5rem;
  }
  .degree-programme-switcher.collapsed {
    height: auto;
    position: relative;
    padding-bottom: 0.5em;
  }
  .degree-programme-switcher.collapsed .degree-programme-switcher__dropdown {
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2em;
  }
  .degree-programme-switcher.collapsed .degree-programme-switcher__dropdown .view-degree-programmes .view-content {
    overflow-y: scroll;
  }
  .degree-programme-switcher.collapsed .degree-programme-switcher__dropdown .view-degree-programmes .view-content::-webkit-scrollbar {
    width: 0.5em;
    height: 0.5em;
  }
  .degree-programme-switcher.collapsed .degree-programme-switcher__dropdown .view-degree-programmes .view-content::-webkit-scrollbar-thumb {
    background: #005A94;
  }
  .degree-programme-switcher.collapsed .degree-programme-switcher__dropdown .view-degree-programmes .view-content::-webkit-scrollbar-track {
    background: #F8F8F8;
  }
  .degree-programme-switcher.collapsed .degree-programme-switcher__dropdown .view-degree-programmes .view-content {
    scrollbar-face-color: #005A94;
    scrollbar-track-color: #F8F8F8;
  }
  .degree-programme-switcher.collapsed .degree-programme-switcher__dropdown div {
    min-height: 1px;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
}
@media (max-width: 48em) {
  .degree-programme-switcher.collapsed .degree-programme-switcher__description {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
}

obar-ds-ribbon {
  z-index: 99 !important;
}

.feedback-form {
  font-size: 0.875rem;
}
.feedback-form {
  width: 300px;
  z-index: 101;
  position: fixed;
  bottom: 1em;
  right: 1em;
}
.feedback-form .feedback-form__toggle {
  color: #FFF;
  background: #222;
  float: right;
  cursor: pointer;
  padding: 0.6em 0.6em 0.3em 0.6em;
  text-align: center;
}
.feedback-form .feedback-form__toggle .feedback-form__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.feedback-form .feedback-form__toggle.active {
  position: absolute;
  padding: 0;
  right: 1em;
  bottom: 1em;
}
.feedback-form .feedback-form__toggle.active .feedback-form__title {
  display: none;
}
.feedback-form .feedback-form__toggle .feedback-form__title {
  display: none;
}
@media (min-width: 48em) {
  .feedback-form .feedback-form__toggle {
    padding: 1em;
  }
  .feedback-form .feedback-form__toggle .feedback-form__title {
    display: block;
  }
}
.feedback-form .messages {
  float: right;
  padding: 1em;
  position: relative;
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: center;
  border: 0;
  border-radius: 0;
}
.feedback-form .messages--error:before {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea3c";
}
@supports (content: "x"/"y") {
  .feedback-form .messages--error:before {
    content: "\ea3c"/"";
  }
}
.feedback-form .messages--error:before {
  display: block;
  font-size: 2em;
}
.feedback-form .messages--status {
  color: #4FB151;
}
.feedback-form .messages--status:before {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea0b";
}
@supports (content: "x"/"y") {
  .feedback-form .messages--status:before {
    content: "\ea0b"/"";
  }
}
.feedback-form .messages--status:before {
  display: block;
  font-size: 2em;
}
.feedback-form form {
  font-size: 0.875rem;
}
.feedback-form form {
  padding: 1em;
  background: #222;
}
.feedback-form form textarea,
.feedback-form form input[type=email] {
  font-size: 0.875rem;
}
.feedback-form form textarea,
.feedback-form form input[type=email] {
  -webkit-box-shadow: none;
          box-shadow: none;
  max-width: 100%;
  resize: none;
  color: #FFF;
  background: #222;
}
.feedback-form form textarea::-webkit-input-placeholder, .feedback-form form input[type=email]::-webkit-input-placeholder {
  color: #FFF;
}
.feedback-form form textarea::-moz-placeholder, .feedback-form form input[type=email]::-moz-placeholder {
  color: #FFF;
}
.feedback-form form textarea:-ms-input-placeholder, .feedback-form form input[type=email]:-ms-input-placeholder {
  color: #FFF;
}
.feedback-form form textarea::-ms-input-placeholder, .feedback-form form input[type=email]::-ms-input-placeholder {
  color: #FFF;
}
.feedback-form form textarea::placeholder,
.feedback-form form input[type=email]::placeholder {
  color: #FFF;
}
.feedback-form form .form-item {
  margin-bottom: 1em;
}
.feedback-form form .form-type-checkbox {
  margin-bottom: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.feedback-form form input[type=checkbox] {
  -webkit-appearance: checkbox;
  margin-right: 0.5em;
}
.feedback-form form .button {
  font-size: 0.875rem;
}
.feedback-form form .button {
  font-weight: 600;
  font-style: normal;
}
.feedback-form form .button:focus {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
.feedback-form form .button {
  background-color: transparent;
  padding: 0;
}
.feedback-form form .button:hover {
  background-color: transparent;
}
.feedback-form {
  /* Checkboxes from Styleguide are not accessible without these overrides */
}
.feedback-form input[type=checkbox] {
  display: inline-block;
  -moz-appearance: checkbox;
  -webkit-appearance: checkbox;
  opacity: 1;
}
.feedback-form input[type=checkbox] + label {
  display: inline-block;
  left: -20px;
}
.feedback-form input[type=checkbox]:focus + label::before {
  color: #107EAB;
  outline: #107EAB auto 5px;
}
.feedback-form .checkbox-container > label {
  margin-right: 0.25em;
}
.feedback-form label {
  font-size: 0.875rem;
}
.feedback-form label {
  color: white;
}

.button--reset {
  font-weight: 400;
  font-style: normal;
}
.button--reset:after {
  font-size: 0.625rem;
}
.button--reset:after {
  margin: 1px 0 0 10px;
}

input[type=submit] {
  border-radius: 0;
}

input[type=submit].button--reset {
  background: transparent;
  border: none;
  color: #107EAB;
  margin-right: 0;
  padding-right: 2em;
}
input[type=submit].button--reset + i {
  font-size: 0.625rem;
}
input[type=submit].button--reset + i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #107EAB;
  position: relative;
  right: 2.5em;
  z-index: -1;
}

.node-preview-backlink {
  background-color: white;
  padding: 0.6em;
  border: 1px solid #979797;
}

#giosg-cookie-consent-notification {
  display: none;
  border-top: 2px solid #FFF;
}

.giosg-cookie-consent-notification {
  width: 100%;
  background-color: rgb(4, 121, 165);
  color: rgb(255, 255, 255);
}
.giosg-cookie-consent-notification .giosg-cookie-consent-notification__message {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.giosg-cookie-consent-notification .giosg-cookie-consent-notification__message .giosg-cookie-consent-notification__message__text:before {
  vertical-align: middle;
  padding-right: 0.3em;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea7d";
}
@supports (content: "x"/"y") {
  .giosg-cookie-consent-notification .giosg-cookie-consent-notification__message .giosg-cookie-consent-notification__message__text:before {
    content: "\ea7d"/"";
  }
}
@supports not (content: "x"/"y") {
  .giosg-cookie-consent-notification .giosg-cookie-consent-notification__message .giosg-cookie-consent-notification__message__text:before {
    content: "\ea7d";
    alt: "";
  }
}
.giosg-cookie-consent-notification .giosg-cookie-consent-notification__message button {
  vertical-align: middle;
  font-size: 12px;
}
.giosg-cookie-consent-notification .giosg-cookie-consent-notification__message a {
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-decoration: underline;
}
.giosg-cookie-consent-notification .giosg-cookie-consent-notification__message a:hover {
  color: rgba(255, 255, 255, 0.9);
}

#obar-header {
  background: #000;
}
#obar-header > header:empty {
  min-height: 130px;
}
@media (min-width: 60em) {
  #obar-header > header:empty {
    min-height: 168px;
  }
}

#obar-footer {
  background: #000;
}

/*
 section: 9.1.1
 title: Index
 template: 9_1_1-index
 description: Index of content
*/
@media (min-width: 48em) {
  .index {
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1;
  }
}
@media (min-width: 60em) {
  .index {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
  }
}

.liftup__icon {
  padding-right: calc(var(--gutter-x) / 2);
}
@media (min-width: 30em) {
  .liftup__icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
}

.article-liftup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #222;
  text-decoration: none;
  height: 100%;
  padding-right: 15px;
}

.liftups__liftup,
.liftup__paragraphs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 60em) {
  .liftups__liftup,
  .liftup__paragraphs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1rem;
  }
}
.liftups__liftup,
.liftup__paragraphs {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.liftup__container {
  padding: 15px;
  width: 100%;
}

.liftup__container,
.liftup__icon {
  background-color: #F8F8F8;
}

.liftup__body {
  padding-right: 20px;
  font-size: 16px;
}

.liftup__link-container {
  position: relative;
}

.liftup__link {
  position: absolute;
  bottom: 12px;
  right: -8px;
  background-color: #005A94;
  padding: 5px 4px;
  width: 32px;
  height: 32px;
}

.article-liftup__title {
  padding-bottom: 1rem;
}

.automatic-list__title {
  -webkit-box-flex: 1;
      -ms-flex: 1 50%;
          flex: 1 50%;
  padding-bottom: 1rem;
}

.liftup-automatic-list__see-all {
  font-weight: 600;
  padding-top: 2rem;
  padding-left: 0.75rem;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.liftup-automatic-list__see-all::after {
  padding-left: 0.4em;
}
@media (min-width: 60em) {
  .liftup-automatic-list__see-all {
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
    -webkit-box-flex: 1;
        -ms-flex: 1 50%;
            flex: 1 50%;
    padding-top: 1rem;
    padding-left: 0;
    text-align: right;
  }
}

.automatic-list__automatic-list {
  -webkit-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
}

@media (min-width: 60em) {
  .paragraph--type--liftup {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
            flex: 0 0 calc(50% - 10px);
  }
}
.paragraph--type--liftup {
  margin-bottom: 25px;
}
.paragraph--type--liftup .article-liftup {
  min-height: 128px;
}
.paragraph--type--liftup .media--type-icon {
  height: 100%;
}
.paragraph--type--liftup .icon__thumbnail {
  background-color: #005A94;
  text-align: center;
  height: 48px;
  width: 48px;
}
@media (min-width: 30em) {
  .paragraph--type--liftup .icon__thumbnail {
    height: 100%;
    width: auto;
  }
}
.paragraph--type--liftup .icon__thumbnail img {
  width: 24px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 30em) {
  .paragraph--type--liftup .icon__thumbnail img {
    height: auto;
    width: 48px;
  }
}

.paragraph--type--liftup:focus .liftup__link,
.paragraph--type--liftup:focus .icon__thumbnail,
.paragraph--type--liftup:hover .liftup__link,
.paragraph--type--liftup:hover .icon__thumbnail {
  background-color: #003152;
}
.paragraph--type--liftup:focus .liftup__icon,
.paragraph--type--liftup:focus .liftup__container,
.paragraph--type--liftup:hover .liftup__icon,
.paragraph--type--liftup:hover .liftup__container {
  background-color: #E6E6E6;
}

.paragraph--type--link-list {
  padding: 25px;
  background-color: #F8F8F8;
}
.paragraph--type--link-list .link-list__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 60em) {
  .paragraph--type--link-list .link-list__links {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.paragraph--type--link-list .list-of-links__link {
  background-color: #005A94;
  margin-bottom: 2em;
}
.paragraph--type--link-list .list-of-links__link:last-child {
  margin-bottom: 0;
}
.paragraph--type--link-list .list-of-links__link:focus, .paragraph--type--link-list .list-of-links__link:hover {
  background-color: #003152;
}
@media (min-width: 60em) {
  .paragraph--type--link-list .list-of-links__link {
    margin-bottom: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33% - 16px);
            flex: 0 0 calc(33% - 16px);
  }
}

.paragraph--title-as-heading .article-liftup__article-content-liftup,
.article-liftups__article-liftup {
  gap: 1rem;
}

.paragraph--plain-title {
  margin-bottom: 1.5rem;
}
@media (min-width: 30em) {
  .paragraph--plain-title {
    margin-bottom: 2rem;
  }
}

.paragraph--title-as-heading {
  margin-bottom: 2rem;
}
@media (min-width: 30em) {
  .paragraph--title-as-heading {
    margin-bottom: 4rem;
  }
}

.paragraph--plain-title .article-liftups__article-liftup {
  display: grid;
}
@media (min-width: 60em) {
  .paragraph--plain-title .article-liftups__article-liftup {
    gap: 1.5rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
.paragraph--plain-title .paragraph {
  background-color: #f5f5f5;
  padding: 1rem;
}
@media (min-width: 60em) {
  .paragraph--plain-title .paragraph {
    padding: 1.5rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32%;
            flex: 0 0 32%;
  }
}
.paragraph--plain-title .paragraph {
  margin-bottom: 0;
}
.paragraph--plain-title a {
  margin-bottom: 10px;
}

.article-liftups__article-liftup a {
  color: #222;
  display: block;
  text-decoration: underline;
}
.article-liftups__article-liftup a:active {
  color: #001929;
}
.article-liftups__article-liftup a:active, .article-liftups__article-liftup a:hover {
  text-decoration-thickness: 13%;
  text-underline-offset: 12%;
}

.view-bulletin-list .view-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
@media (min-width: 60em) {
  .view-bulletin-list .view-content {
    gap: 1.5rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 60em) {
  .view-bulletin-list .view-content .news {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 31.5%;
            flex: 0 0 31.5%;
  }
}

.paragraph--title-as-heading {
  background-color: #E5F8FF;
  padding: 1rem;
}
@media (min-width: 30em) {
  .paragraph--title-as-heading {
    padding: 1.5rem;
  }
}
.paragraph--title-as-heading .paragraph {
  width: 100%;
}
.paragraph--title-as-heading ul {
  list-style: disc;
  padding-left: 1rem;
  margin-left: 2rem;
}
@media (min-width: 60em) {
  .paragraph--title-as-heading ul {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
  }
}
.paragraph--title-as-heading li {
  padding-bottom: 0.5rem;
  font-size: 1rem;
}

.paragraph--title-as-heading .article-liftup__title,
.paragraph--title-as-heading .article-liftups__title,
.article-liftups__article-liftup .article-liftup__title,
.article-liftups__article-liftup .article-liftups__title {
  padding-bottom: 1rem;
  font-size: 20px;
  line-height: 1.25;
}
@media (min-width: 30em) {
  .paragraph--title-as-heading .article-liftup__title,
  .paragraph--title-as-heading .article-liftups__title,
  .article-liftups__article-liftup .article-liftup__title,
  .article-liftups__article-liftup .article-liftups__title {
    font-size: 24px;
  }
}

.paragraph--type--liftups {
  margin-bottom: 4rem;
}

.login__textblock {
  margin-bottom: 2rem;
}
@media (min-width: 30em) {
  .login__textblock {
    margin-bottom: 4rem;
  }
}

.paragraph--type--automatic-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.paragraph--type--article-liftup.paragraph--view-mode--teaser {
  margin-bottom: 0;
}

.automatic-list__title,
.article-liftup__title,
.article-liftups__title,
.link-list__title {
  text-transform: none;
  font-weight: 600;
}

.link-list__title {
  margin-bottom: 1rem;
}

h2.liftup__title, .liftup__title.h2 {
  font-size: 16px;
  text-transform: none;
}
@media (min-width: 30em) {
  h2.liftup__title, .liftup__title.h2 {
    font-size: 18px;
  }
}

@media (min-width: 48em) {
  .links {
    margin-right: -6px;
  }
}

.list-of-links__compact .list-of-links__link {
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}

.theme-footer .list-of-links__link {
  color: #FFF;
}
.theme-footer .list-of-links__link:before, .theme-footer .list-of-links__link:after {
  color: #FFF;
}

.block-local-tasks-block > .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 75%;
  border-style: solid;
  border-width: 1px 1px 1px 5px;
  text-align: right;
  margin-top: 1rem;
  padding: 0 1rem;
}
.block-local-tasks-block > .tabs .page-status {
  padding-top: 0.8rem;
  margin-top: 0.4rem;
  font-size: 85%;
}
.block-local-tasks-block > .tabs .page-status strong {
  font-weight: 600;
}
.block-local-tasks-block > .tabs li a {
  padding: 0.8em 1em;
  color: #FFF;
  background-color: #005A94;
  font-weight: 600;
  font-size: 0.9375rem;
  margin-top: 0.4rem;
}
.block-local-tasks-block > .tabs li a:focus, .block-local-tasks-block > .tabs li a:hover {
  background: #005379;
}
.block-local-tasks-block > .tabs li a .is-active, .block-local-tasks-block > .tabs li a .horizontal-tabs .tabs-panel.is-open .accordion-trigger, .horizontal-tabs .tabs-panel.is-open .block-local-tasks-block > .tabs li a .accordion-trigger {
  background: #003146;
}

@media (max-width: 959px) {
  .block-local-tasks-block > .tabs {
    display: block;
    text-align: left;
  }
}
.logo-block {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.logo-block__logo {
  display: none;
}
@media (min-width: 60em) {
  .logo-block__logo {
    display: block;
    margin-right: 0.5em;
  }
}
@media (min-width: 76em) {
  .logo-block__logo {
    margin-right: 1.5em;
  }
}

.logo-block__content {
  text-align: center;
  width: 100%;
}
@media (min-width: 48em) {
  .logo-block__content {
    float: left;
    text-align: left;
  }
}
.logo-block__content .logo-block__sitename {
  font-size: 1rem;
}
.logo-block__content .logo-block__sitename {
  color: #FFF;
  font-weight: bold;
  text-transform: uppercase;
}
.logo-block__content p {
  font-size: 0.875rem;
}
.logo-block__content p {
  color: #FFF;
  line-height: 1.2em;
}
.logo-block__content br {
  display: block;
}
.logo-block__content a.is-tel {
  color: #FFF;
  text-decoration: underline;
}
.logo-block__content a.is-tel:hover, .logo-block__content a.is-tel:active {
  color: #FFF;
}

.logo {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 32px;
}

.obar .logo {
  padding-right: 0;
}

.logo__link:before {
  font-size: 3.375rem;
}
.logo__link:before {
  color: #fff;
  content: "\ea54";
  font-family: "hy-icons";
  font-weight: 300;
}
.logo__link.theme-big:before {
  font-size: 6.25rem;
}
.logo__link.theme-big:before {
  line-height: 100px;
}

.logo__sitename {
  font-weight: 700;
  font-style: normal;
  font-size: 0.9375rem;
}
.logo__sitename {
  color: #FFF;
  letter-spacing: -0.05em;
  margin-top: 0;
  padding: 0 0 0 11px;
  text-transform: uppercase;
  display: inline-block;
}

.main-menu {
  overflow: visible !important;
}
@media (min-width: 48em) {
  .main-menu > ul.menu {
    max-width: 80em;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .main-menu li.is-lvl1 > a, .main-menu li.is-lvl1 span[data-drupal-link-system-path] {
    padding-top: 1.2em;
    padding-bottom: 1.2em;
  }
  .main-menu li.is-lvl1.main-menu__front {
    display: block;
    left: 0;
    position: relative;
    top: 0;
  }
  .main-menu li.is-lvl1.main-menu__front > a {
    font-size: 0.9375rem;
    padding-left: 0;
  }
  .main-menu li.is-expandable {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .main-menu li.is-expandable nav {
    position: absolute;
    top: 55px;
    z-index: 200;
    background: white;
    border-left: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
  }
  .main-menu li.is-lvl1.menu-item.is-expandable span:first-child {
    font-size: 0.9375rem;
    font-weight: 700;
    font-style: normal;
    color: #107EAB;
    display: block;
    line-height: 1.25em;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    text-decoration: none;
  }
  .main-menu li.is-lvl1.menu-item.is-expandable span:first-child:hover, .main-menu li.is-lvl1.menu-item.is-expandable span:first-child.active-trail, .main-menu li.is-lvl1.menu-item.is-expandable span:first-child.active {
    color: #005379;
  }
  .main-menu li.is-lvl1.menu-item.is-expandable span:first-child {
    padding-right: 1em;
    padding-left: 1.8em;
  }
}
.main-menu li.is-lvl1.menu-item.is-expandable span:first-child {
  padding: 18px 20px 15px 60px;
}
@media (min-width: 48em) {
  .main-menu li.is-lvl1.menu-item.is-expandable span:first-child {
    padding: 1.2em 1em 1.2em 1.8em;
  }
}
@media (min-width: 48em) {
  .main-menu li.is-lvl2 > a {
    padding: 20px 30px !important;
  }
}
@media (min-width: 48em) {
  .main-menu li.main-menu__right {
    margin-left: auto;
    position: relative;
  }
  .main-menu li.main-menu__right ~ li.main-menu__right {
    margin-left: 0;
  }
  .main-menu li.main-menu__right:last-child > a {
    padding-right: 0;
  }
}
@media (min-width: 48em) {
  .main-menu li.main-menu__logout {
    top: 50%;
  }
}
@media (min-width: 48em) {
  .main-menu li.main-menu__logout > a {
    font-size: 0;
  }
  .main-menu li.main-menu__logout > a:after {
    display: inline-block;
    font-family: "hy-icons";
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: bottom;
    content: "\ea20";
  }
  @supports (content: "x"/"y") {
    .main-menu li.main-menu__logout > a:after {
      content: "\ea20"/"";
    }
  }
  .main-menu li.main-menu__logout > a:after {
    font-size: 1rem;
    font-weight: 300;
    font-style: normal;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    padding-left: 1em;
    padding-right: 1em;
  }
}
.menu--theme-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 0 2em;
  margin-bottom: -2em;
}
.menu--theme-section > li {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  margin-bottom: 2em;
}
@media (min-width: 48em) {
  .menu--theme-section > li {
    width: calc((100% - 2em) / 2);
  }
}
@media (min-width: 60em) {
  .menu--theme-section > li {
    width: calc((100% - 4em) / 3);
  }
}
.menu--theme-section > li > ul > li {
  margin-bottom: 0.5em;
}

.menu--theme-section .menu__section-title {
  font-size: 1.125rem;
}
.menu--theme-section .menu__section-title {
  letter-spacing: -0.05em;
  color: #222;
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0.5em;
}

.nav-toggle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 70px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 70px;
  z-index: 15;
}
.nav-toggle span {
  background: #FFF;
  display: block;
  height: 4px;
  width: 24px;
}
.nav-toggle span:after, .nav-toggle span:before {
  background-color: #FFF;
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-property: all;
  transition-property: all;
  width: inherit;
}
.nav-toggle span:before {
  -webkit-transform: translateY(-7px);
      -ms-transform: translateY(-7px);
          transform: translateY(-7px);
}
.nav-toggle span:after {
  -webkit-transform: translateY(7px);
      -ms-transform: translateY(7px);
          transform: translateY(7px);
}
.nav-toggle.active span:after, .nav-toggle.active span:before {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
@media (min-width: 48em) {
  .nav-toggle {
    display: none;
  }
}

@media (max-width: 48em) {
  .no-scroll-mobile {
    position: fixed;
    overflow: hidden;
  }
}

.ajax-progress-fullscreen {
  background: none;
}
.ajax-progress-fullscreen:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea4a";
}
@supports (content: "x"/"y") {
  .ajax-progress-fullscreen:after {
    content: "\ea4a"/"";
  }
}
.ajax-progress-fullscreen:after {
  color: #107EAB;
  font-size: 2em;
  -webkit-animation: icon-spin 2s infinite linear;
          animation: icon-spin 2s infinite linear;
}

h1, h2, .h2, h3, .h3, h4, .h4, legend, .logo-block__content .logo-block__sitename,
.box-story__content {
  -ms-hyphens: auto;
      hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  -ms-word-break: break-word;
}

@media (max-width: 48em) {
  .box-story--constrained .box-story__content a {
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    overflow: hidden;
  }
}

.h2 {
  font-weight: 700;
}

.h3 {
  font-weight: 700;
  text-transform: none;
}

.h4 {
  font-weight: 700;
  text-transform: none;
}

@media (max-width: 48em) {
  .medium-tablet-hidden {
    display: none;
  }
}

.news--full .news__media,
.news--full .news__image {
  margin-bottom: 24px;
}

.view-news-by-active-degree-programme .view-empty {
  margin-top: 30px;
}

.view-news .view-header {
  margin-top: 45px;
}

.news-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.5em;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 2em 1.5em;
  margin-bottom: 1em;
  background: #005A94;
  color: #FFF;
}
@media (min-width: 48em) {
  .news-info {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.news-info__text {
  font-size: 1.25rem;
}
@media (max-width: 48em) {
  .news-info__text {
    font-size: 1.125rem;
  }
}
.news-info__text {
  text-transform: uppercase;
}
@media (min-width: 48em) {
  .news-info__text {
    font-size: 1.4375rem;
  }
}
@media (min-width: 48em) and (max-width: 48em) {
  .news-info__text {
    font-size: 1.4375rem;
  }
}

.news-info__link {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
@media (min-width: 48em) {
  .news-info__link {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}

#views-exposed-form-news-page-1 .form--inline > .form-item {
  float: none;
}

.other-education-provider-switcher {
  position: relative;
  z-index: 2;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 2em;
}
.other-education-provider-switcher .other-education-provider-switcher__header {
  background-color: #FFF;
  border-radius: 0;
  border: 1px solid #979797;
  outline-color: rgba(0, 90, 148, 0);
  outline-offset: -2px;
  outline-style: solid;
  outline-width: 2px;
  padding: 0 10px 0 10px;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.other-education-provider-switcher .other-education-provider-switcher__header:focus {
  outline-color: #005A94;
}
.other-education-provider-switcher .other-education-provider-switcher__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80%;
          flex: 0 0 80%;
  color: #005A94;
  padding-top: 0.4em;
  font-weight: 600;
  font-style: normal;
  font-size: 1rem;
}
.other-education-provider-switcher .other-education-provider-switcher__toggle {
  font-weight: 600;
  font-style: normal;
  color: #005A94;
  padding-right: 0.4em;
}
.other-education-provider-switcher .other-education-provider-switcher__dropdown {
  border: 1px solid #979797;
  -webkit-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
          transform: translateY(-100px);
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  height: 0;
  overflow: hidden;
  display: none;
  border-top: 0;
  width: 100%;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 1px;
  background: #FFF;
}
.other-education-provider-switcher .other-education-provider-switcher__dropdown .view-other-education-providers .view-content > div {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.other-education-provider-switcher .other-education-provider-switcher__dropdown .view-other-education-providers .view-content ul {
  margin-bottom: 0;
}
.other-education-provider-switcher .other-education-provider-switcher__dropdown .view-other-education-providers .view-content li {
  border-bottom: 1px solid #F8F8F8;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom-color: transparent;
  padding-right: 2.5em;
}
.other-education-provider-switcher .other-education-provider-switcher__dropdown .view-other-education-providers .view-content li:hover {
  border-bottom: 1px solid #F8F8F8;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  -webkit-transition: none;
  transition: none;
}
.other-education-provider-switcher .other-education-provider-switcher__dropdown .view-other-education-providers .view-content li div {
  width: auto;
}
.other-education-provider-switcher .other-education-provider-switcher__dropdown .button--reset,
.other-education-provider-switcher .other-education-provider-switcher__dropdown > h4,
.other-education-provider-switcher .other-education-provider-switcher__dropdown > legend,
.other-education-provider-switcher .logo-block__content .other-education-provider-switcher__dropdown > .logo-block__sitename,
.logo-block__content .other-education-provider-switcher .other-education-provider-switcher__dropdown > .logo-block__sitename,
.other-education-provider-switcher .other-education-provider-switcher__dropdown > .h4 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.other-education-provider-switcher .other-education-provider-switcher__dropdown div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.other-education-provider-switcher .other-education-provider-switcher__dropdown_close_button {
  margin-left: 15px;
}
.other-education-provider-switcher.collapsed {
  position: fixed;
  z-index: 3;
  margin-top: 0;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding-bottom: 0;
}
.other-education-provider-switcher.collapsed .other-education-provider-switcher__dropdown {
  overflow-y: scroll;
}
.other-education-provider-switcher.collapsed .other-education-provider-switcher__dropdown::-webkit-scrollbar {
  width: 0.5em;
  height: 0.5em;
}
.other-education-provider-switcher.collapsed .other-education-provider-switcher__dropdown::-webkit-scrollbar-thumb {
  background: #005A94;
}
.other-education-provider-switcher.collapsed .other-education-provider-switcher__dropdown::-webkit-scrollbar-track {
  background: #F8F8F8;
}
.other-education-provider-switcher.collapsed .other-education-provider-switcher__dropdown {
  scrollbar-face-color: #005A94;
  scrollbar-track-color: #F8F8F8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  height: auto;
  opacity: 1;
  padding: 1em 1em 0 1em;
}
.other-education-provider-switcher.collapsed .other-education-provider-switcher__header {
  border-bottom: 0;
}
@media (min-width: 48em) {
  .other-education-provider-switcher {
    display: block;
  }
  .other-education-provider-switcher .other-education-provider-switcher__dropdown {
    display: none;
    position: absolute;
    width: 100%;
  }
  .other-education-provider-switcher .other-education-provider-switcher__dropdown .view-content {
    max-height: 20em;
    max-height: 50vh;
  }
  .other-education-provider-switcher .other-education-provider-switcher__dropdown .button--reset {
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin-bottom: -2em;
  }
  .other-education-provider-switcher.collapsed {
    height: auto;
    position: relative;
    padding-bottom: 2em;
  }
  .other-education-provider-switcher.collapsed .other-education-provider-switcher__dropdown {
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 2em 2em 2em;
  }
  .other-education-provider-switcher.collapsed .other-education-provider-switcher__dropdown .view-other-education-providers .view-content {
    overflow-y: scroll;
  }
  .other-education-provider-switcher.collapsed .other-education-provider-switcher__dropdown .view-other-education-providers .view-content::-webkit-scrollbar {
    width: 0.5em;
    height: 0.5em;
  }
  .other-education-provider-switcher.collapsed .other-education-provider-switcher__dropdown .view-other-education-providers .view-content::-webkit-scrollbar-thumb {
    background: #005A94;
  }
  .other-education-provider-switcher.collapsed .other-education-provider-switcher__dropdown .view-other-education-providers .view-content::-webkit-scrollbar-track {
    background: #F8F8F8;
  }
  .other-education-provider-switcher.collapsed .other-education-provider-switcher__dropdown .view-other-education-providers .view-content {
    scrollbar-face-color: #005A94;
    scrollbar-track-color: #F8F8F8;
  }
  .other-education-provider-switcher.collapsed .other-education-provider-switcher__dropdown div {
    min-height: 1px;
  }
}

ul.pager > li a:focus {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
ul.pager > li a:focus {
  outline-offset: -2px;
}

.paragraph__title {
  margin-bottom: 15px;
}

.paragraph__links:not(:last-child),
.paragraph__paragraph-image-media:not(:last-child) {
  padding-bottom: 15px;
}
@media (min-width: 48em) {
  .paragraph__links:not(:last-child),
  .paragraph__paragraph-image-media:not(:last-child) {
    padding-bottom: 30px;
  }
}

.paragraph__video:last-child .video-embed-field-responsive-video:not(:last-child),
.paragraph__video:not(:last-child) .video-embed-field-responsive-video {
  margin-bottom: 15px;
}
@media (min-width: 48em) {
  .paragraph__video:last-child .video-embed-field-responsive-video:not(:last-child),
  .paragraph__video:not(:last-child) .video-embed-field-responsive-video {
    margin-bottom: 30px;
  }
}

.index .index__row .theme-transparent.button--action-before:after,
.index .index__row .button--action.theme-transparent:after {
  line-height: normal; /* IE11 */
}

.office-hours:first-child {
  margin-top: 40px;
}
.office-hours .col-side {
  padding-left: 40px;
  padding-right: 40px;
}
@media (min-width: 48em) {
  .office-hours .col-side {
    padding-right: 0;
  }
}
.office-hours h3 a, .office-hours .h3 a, .office-hours h4 a, .office-hours legend a, .office-hours .logo-block__content .logo-block__sitename a, .logo-block__content .office-hours .logo-block__sitename a, .office-hours .h4 a {
  color: #005A94;
}
.office-hours .col-main {
  padding-top: 0.2em;
  padding-left: 40px;
  padding-right: 40px;
}
@media (min-width: 48em) {
  .office-hours .col-main {
    padding-left: 0;
  }
}

.responsible-unit div {
  display: inline-block;
}

.responsible-unit__name {
  display: inline-block;
  margin-right: 1.5em;
}

.responsible-unit__email {
  display: inline-block;
}
.responsible-unit__email a {
  display: inline-block;
  position: relative;
  margin-left: 25px;
}
.responsible-unit__email a:before {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea3f";
}
@supports (content: "x"/"y") {
  .responsible-unit__email a:before {
    content: "\ea3f"/"";
  }
}
.responsible-unit__email a:before {
  font-size: 1.125rem;
}
.responsible-unit__email a:before {
  position: absolute;
  top: -3px;
  left: -25px;
}

.video-embed-field-responsive-video .cookieconsent-optout-preferences,
.video-embed-field-responsive-video .cookieconsent-optout-marketing {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #222;
}
.video-embed-field-responsive-video .cookieconsent-optout__text {
  font-size: 0.875rem;
}
.video-embed-field-responsive-video .cookieconsent-optout__text {
  color: #FFF;
  position: absolute;
  margin: 0;
  padding: 1rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}
.video-embed-field-responsive-video .cookieconsent-optout__text a {
  font-weight: 600;
  color: #FFF;
}
.video-embed-field-responsive-video .cookieconsent-optout__text a:hover {
  text-decoration: underline;
}

.main-menu > ul.menu {
  display: none;
}
.main-menu > ul.menu.is-open {
  display: block;
}
@media (min-width: 48em) {
  .main-menu > ul.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

input[type=submit].search-form__submit:focus {
  outline: 2px solid #c47f1b;
  outline-offset: 0;
}
input[type=submit].search-form__submit {
  background-color: white;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #979797;
}

.ext-search, .view-search {
  margin-bottom: 40px;
}
.ext-search .l-subregion-wrapper--sectioned, .view-search .l-subregion-wrapper--sectioned {
  background-color: transparent;
}

.ext-search__search-input::-webkit-input-placeholder, .view-search #edit-search-api-fulltext::-webkit-input-placeholder {
  color: #979797;
  font-size: smaller;
}

.ext-search__search-input::-moz-placeholder, .view-search #edit-search-api-fulltext::-moz-placeholder {
  color: #979797;
  font-size: smaller;
}

.ext-search__search-input:-ms-input-placeholder, .view-search #edit-search-api-fulltext:-ms-input-placeholder {
  color: #979797;
  font-size: smaller;
}

.ext-search__search-input::-ms-input-placeholder, .view-search #edit-search-api-fulltext::-ms-input-placeholder {
  color: #979797;
  font-size: smaller;
}

.ext-search__search-input::placeholder, .view-search #edit-search-api-fulltext::placeholder {
  color: #979797;
  font-size: smaller;
}
@media (min-width: 60em) {
  .ext-search__search-input::-webkit-input-placeholder, .view-search #edit-search-api-fulltext::-webkit-input-placeholder {
    font-size: 0.875rem;
  }
  .ext-search__search-input::-moz-placeholder, .view-search #edit-search-api-fulltext::-moz-placeholder {
    font-size: 0.875rem;
  }
  .ext-search__search-input:-ms-input-placeholder, .view-search #edit-search-api-fulltext:-ms-input-placeholder {
    font-size: 0.875rem;
  }
  .ext-search__search-input::-ms-input-placeholder, .view-search #edit-search-api-fulltext::-ms-input-placeholder {
    font-size: 0.875rem;
  }
  .ext-search__search-input::placeholder, .view-search #edit-search-api-fulltext::placeholder {
    font-size: 0.875rem;
  }
}
.ext-search__form-actions, .view-search #edit-actions {
  display: inline;
  white-space: nowrap;
}

.ext-search__form-submit[disabled], .view-search [disabled]#edit-submit-search, .ext-search__form-submit[disabled]:active, .ext-search__form-submit[disabled]:focus, .ext-search__form-submit[disabled]:hover {
  color: #979797;
  background-color: transparent;
}

.ext-search__filters, .view-search .view-filters {
  position: relative;
}
.ext-search__filters .form-item-search-api-fulltext, .view-search .view-filters .form-item-search-api-fulltext {
  display: inline;
}
.ext-search__filters .form-actions, .view-search .view-filters .form-actions {
  margin-top: 30px;
}

.ext-search__my-searches, .view-search #my-searches {
  padding-top: 2em;
}
.ext-search__my-searches .list-of-links__link, .view-search #my-searches .list-of-links__link {
  display: inline-block;
  background: #F8F8F8;
  margin-right: 1rem;
  margin-bottom: 0.3rem;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
}
@media (min-width: 60em) {
  .ext-search__my-searches .list-of-links__link, .view-search #my-searches .list-of-links__link {
    margin-left: 1em;
  }
}
.ext-search__my-searches .list-of-links__link .my-search-term, .view-search #my-searches .list-of-links__link .my-search-term {
  display: inline-block;
  padding-left: 0.5rem;
}
.ext-search__my-searches .list-of-links__link a.my-search-term:after, .view-search #my-searches .list-of-links__link a.my-search-term:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea35";
}
@supports (content: "x"/"y") {
  .ext-search__my-searches .list-of-links__link a.my-search-term:after, .view-search #my-searches .list-of-links__link a.my-search-term:after {
    content: "\ea35"/"";
  }
}
.ext-search__my-searches .list-of-links__link a.my-search-term:after, .view-search #my-searches .list-of-links__link a.my-search-term:after {
  padding-left: 0.5rem;
  padding-right: 0.3rem;
}
@media (min-width: 60em) {
  .ext-search__my-searches .list-of-links__compact, .view-search #my-searches .list-of-links__compact {
    display: inline;
  }
}
.ext-search__my-searches .list-of-links__compact, .view-search #my-searches .list-of-links__compact {
  margin-bottom: 0;
  line-height: 1.5rem;
}
.ext-search__my-searches .button--reset:after, .view-search #my-searches .button--reset:after {
  padding: 0 0.5rem;
  margin: 0;
}
.ext-search__my-searches .button--reset, .view-search #my-searches .button--reset {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-left: 1px solid #107EAB;
  margin-left: 0.2rem;
}

.ext-search__before-results, .view-search .view-before-content {
  margin-top: 45px;
}
@media (max-width: 48em) {
  .ext-search__before-results, .view-search .view-before-content {
    margin-top: 30px;
  }
}
.ext-search__before-results > h2, .view-search .view-before-content > h2, .ext-search__before-results > .h2, .view-search .view-before-content > .h2 {
  margin: 0;
  padding: 0;
}

.ext-search__results .article:last-child,
.ext-search__results .pager:last-child {
  margin-bottom: 70px;
}

.ext-search__pager {
  font-size: 0.9375rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0;
}
.ext-search__pager li.pager__next,
.ext-search__pager li.pager__page {
  margin-left: 4px;
}

.view-search .view-empty {
  margin-top: 30px;
}
.view-search .l-subregion-wrapper--sectioned {
  padding-bottom: 40px;
}
.ui-autocomplete {
  border: 1px solid #F8F8F8;
  background: #FFF;
}
.ui-autocomplete .ui-menu-item > a {
  display: block;
  cursor: pointer;
}

.ext-search .ext-search__my-searches li:hover, .view-search .ext-search__my-searches li:hover, .view-search #my-searches li:hover {
  background: #F8F8F8;
}
.ext-search .ext-search__my-searches li:hover a:hover, .view-search .ext-search__my-searches li:hover a:hover, .view-search #my-searches li:hover a:hover {
  background: #FFF;
}

.icon__offsite {
  -webkit-transform: rotate(-45deg) translateY(0.2em);
  -ms-transform: rotate(-45deg) translateY(0.2em);
      transform: rotate(-45deg) translateY(0.2em);
  fill: #005A94;
  height: 1.25rem;
  width: 1.25rem;
  margin-left: 0.5rem;
}
.icon__offsite:hover {
  fill: #003152;
}

.l-subregion__title {
  margin-bottom: 0.4em;
}
.l-subregion__title.theme-small {
  font-size: 1.625rem;
}
.l-subregion__centered-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
}

.horizontal-tabs .horizontal-tabs-list {
  display: none;
  overflow: visible;
}
.horizontal-tabs .horizontal-tab-button {
  border-top-color: #005A94;
}
.horizontal-tabs .horizontal-tab-button > a {
  background: #005A94;
}
.horizontal-tabs .horizontal-tab-button.selected {
  border-top-color: #005A94;
}
.horizontal-tabs .horizontal-tab-button.selected a {
  -webkit-box-shadow: inset 0 3px 0 #005A94;
          box-shadow: inset 0 3px 0 #005A94;
  color: #005A94;
}
.horizontal-tabs .horizontal-tab-button.selected:hover {
  color: #005A94;
}
.horizontal-tabs .horizontal-tab-button.selected:hover > a {
  color: #005A94;
}
.horizontal-tabs .horizontal-tab-button > .tabs-trigger:focus {
  outline: 2px solid #c47f1b;
  outline-offset: 0;
}
.horizontal-tabs .horizontal-tab-button > .tabs-trigger {
  -ms-hyphens: auto;
      hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  -ms-word-break: break-word;
  white-space: normal;
  padding: 1em;
}
.horizontal-tabs .horizontal-tab-button > .tabs-trigger.is-selected {
  border-top-color: #005A94;
  border-bottom-color: transparent;
  z-index: 2;
  background-color: #FFF;
  -webkit-box-shadow: inset 0 3px 0 #005A94;
          box-shadow: inset 0 3px 0 #005A94;
  color: #005A94;
}
.horizontal-tabs .tabs-panel.is-hidden {
  display: block !important;
}
.horizontal-tabs .tabs-panel.is-hidden .content {
  display: none;
}
.horizontal-tabs.is-initialized.tabs-allowed .tabs-panel {
  display: inherit;
}
.horizontal-tabs .accordion-trigger {
  margin: 0 0 1em 0;
}
.horizontal-tabs.horizontal-tabs--bordered .accordion-trigger {
  margin: 0;
}
.horizontal-tabs .tab-content {
  margin-top: 60px;
}
.horizontal-tabs .tab-content.tab-content--bordered {
  margin-top: 0;
  padding-top: 3em;
}
.horizontal-tabs .tab-content--bordered {
  border: 1px solid #D2D2D2;
  border-top: none;
  padding: 2em;
}

@media (min-width: 48em) {
  .horizontal-tabs.tabs-allowed .accordion-trigger {
    display: none !important;
  }
  .horizontal-tabs.tabs-allowed .horizontal-tabs-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
  }
  .horizontal-tabs.tabs-allowed .tabs-panel {
    display: none;
  }
  .horizontal-tabs.tabs-allowed .tabs-panel.is-hidden {
    display: none;
  }
}
.tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-hyphens: auto;
      hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  -ms-word-break: break-word;
  margin-bottom: 15px;
}
.tag-list .tag-list__item {
  text-transform: none;
}
.tag-list .tag-list__item:not(.box-story__meta *) {
  font-size: 0.85rem;
}
.tag-list a {
  text-transform: none;
}
.tag-list a:not(.box-story__meta *) {
  font-size: 0.85rem;
}

.col-side .field-field_paragraph_degree_programme + .field-field_paragraph_faculty ul {
  border-top: 1px dotted #D2D2D2;
  padding-top: 1rem;
}
.col-side .tag-list:not(.tag-list--large) .tag-list__item {
  display: inline-block;
  text-indent: -1rem;
  padding-left: 2rem;
  margin-bottom: 0.2rem;
}
.col-side .field-field_paragraph_faculty .tag-list__item:before,
.col-side .field-field_paragraph_degree_programme .tag-list__item:before {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "◼";
}
@supports (content: "x"/"y") {
  .col-side .field-field_paragraph_faculty .tag-list__item:before,
  .col-side .field-field_paragraph_degree_programme .tag-list__item:before {
    content: "◼"/"";
  }
}
.col-side .field-field_paragraph_faculty .tag-list__item:before,
.col-side .field-field_paragraph_degree_programme .tag-list__item:before {
  display: inline-block;
  width: 1rem;
  color: #D2D2D2;
}
.col-side .field-field_paragraph_faculty .tag-list__item:after,
.col-side .field-field_paragraph_degree_programme .tag-list__item:after {
  content: none;
}

.tag-list--large {
  margin-bottom: 24px;
}

.tag-list__item {
  color: #555555;
  display: inline;
  padding-right: 0;
  margin-right: 1em;
  vertical-align: initial;
}
.tag-list--large .tag-list__item {
  font-size: 1rem;
  margin-right: 0;
}
.tag-list__item a {
  color: #555555;
}
.tag-list__item:after {
  display: inline-block;
  position: static;
  margin-left: 1em;
}
.tag-list--large .tag-list__item:after {
  margin: 0 0.25em;
}
.box-story__meta-item .tag-list__item {
  color: inherit;
}
.box-story__meta-item .tag-list__item a {
  color: inherit;
}

/*
 Styleguide override:
 section: 6.11.1
 title: Textarea
 template: 6_11_1_textarea
 description: Basic component used in multiple row textareas with links, headings, lists and so on.
*/
.textarea a {
  text-decoration: underline;
}
.textarea table td a, .textarea table th a {
  color: #005A94;
  text-decoration: underline;
}
.textarea table td a:hover, .textarea table th a:hover {
  color: #003152;
  text-decoration: underline;
}
.textarea table td:first-child {
  font-weight: 400;
  font-style: normal;
}
.textarea figure {
  margin: 0 0 30px 0;
}

.theme--box {
  -ms-hyphens: auto;
      hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  -ms-word-break: break-word;
  font-size: 1.5625rem;
}
.theme--box {
  width: 100%;
  background: #222;
  position: relative;
  overflow: hidden;
}
@media (min-width: 76em) {
  .theme--box {
    font-size: 1.875rem;
  }
}
.theme--box .theme__title {
  position: relative;
  z-index: 1;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: -0.05em;
  line-height: 1.2em;
  font-weight: 700;
  width: 100%;
}
.theme--box .theme__link-wrapper {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1em;
}
@media (min-width: 48em) {
  .theme--box .theme__link-wrapper {
    position: absolute;
  }
}
.theme--box .theme__link-wrapper:focus {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
.theme--box .theme__link-wrapper:focus {
  background: currentColor;
}
.theme--box .theme__teaser-image {
  position: absolute;
  opacity: 0.4;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  left: 0;
  top: 0;
  width: 100%;
}
.theme--box:hover .theme__teaser-image {
  opacity: 0.25;
}

.theme--flat-box {
  -ms-hyphens: auto;
      hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  -ms-word-break: break-word;
  font-size: 1.25rem;
}
.theme--flat-box {
  width: 100%;
  background: #222;
  position: relative;
  overflow: hidden;
}
@media (min-width: 80em) {
  .theme--flat-box {
    font-size: 1.5625rem;
  }
}
.theme--flat-box .theme__title {
  position: relative;
  z-index: 1;
  color: #FFF;
  text-transform: uppercase;
  line-height: 1.2em;
  font-weight: 700;
  width: 100%;
}
.theme--flat-box .theme__link-wrapper {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1em;
}
@media (min-width: 48em) {
  .theme--flat-box .theme__link-wrapper {
    position: absolute;
  }
}
.theme--flat-box .theme__link-wrapper:focus {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
.theme--flat-box .theme__link-wrapper:focus {
  background: currentColor;
}
.theme--flat-box .theme__teaser-image {
  position: absolute;
  opacity: 0.4;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  left: 0;
  top: 0;
  width: 100%;
}
.theme--flat-box:hover .theme__teaser-image {
  opacity: 0.25;
}

.theme__content-section {
  margin: 2em 0 3em 0;
}
.theme__content-section.clearfix :last-child {
  margin-bottom: 0;
}

.theme-collection__header {
  padding: 0;
  margin-bottom: 1em;
}
@media (min-width: 48em) {
  .theme-collection__header.only-mobile {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
}

.tooltip {
  cursor: help;
}

.article--full .tooltip {
  position: initial;
  display: inline-block;
  margin-bottom: 1em;
}
.article--full .tooltip-toggle:after {
  color: #FFF;
}
.article--full .box-story__label {
  position: static;
  left: auto;
  top: auto;
}

.tooltip-toggle {
  font-size: 1.125rem;
}
.tooltip-toggle {
  display: inline-block;
  position: relative;
  cursor: help;
  margin-top: -1em;
  padding-left: 1em;
}
.tooltip-toggle:after {
  display: inline-block;
  font-family: "hy-icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
  content: "\ea31";
}
@supports (content: "x"/"y") {
  .tooltip-toggle:after {
    content: "\ea31"/"";
  }
}
.tooltip-toggle:after {
  vertical-align: middle;
  display: inline-block;
  color: #107EAB;
}

.ui-tooltip {
  -ms-hyphens: auto;
      hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  -ms-word-break: break-word;
  background-color: black;
  font-size: 0.75em;
  left: -15px;
  top: 30px;
  color: #FFF;
  position: absolute;
  padding: 1em;
  border-radius: 10px;
}

.path-frontpage .tooltip {
  vertical-align: top;
}
.path-frontpage .tooltip-toggle {
  vertical-align: top;
  margin-top: 0.2em;
  padding-left: initial;
}

html {
  font-size: 100%;
}

/*
  Styleguide override:
  section: 3.1
  title: Headings
  template: 3_1_headings
*/
h1 {
  text-transform: none;
  font-size: 3rem;
}
@media (max-width: 48em) {
  h1 {
    font-size: 2.25rem;
  }
}

h2, .h2 {
  font-size: 1.875rem;
}
@media (max-width: 48em) {
  h2, .h2 {
    font-size: 1.625rem;
  }
}
h2, .h2 {
  text-transform: uppercase;
}

.h2--low {
  text-transform: none;
}

h3, .h3 {
  font-size: 1.4375rem;
}
@media (max-width: 48em) {
  h3, .h3 {
    font-size: 1.4375rem;
  }
}

h4, legend, .logo-block__content .logo-block__sitename, .h4 {
  font-size: 1.25rem;
}
@media (max-width: 48em) {
  h4, legend, .logo-block__content .logo-block__sitename, .h4 {
    font-size: 1.125rem;
  }
}

h5 {
  font-size: 1.125rem;
}
@media (max-width: 48em) {
  h5 {
    font-size: 1rem;
  }
}

h6 {
  font-size: 1rem;
}
@media (max-width: 48em) {
  h6 {
    font-size: 0.875rem;
  }
}

/*
  Styleguide override:
  section: 3.2
  title: Paragraph
  template: 3_2_paragraphs
*/
p {
  font-size: 1rem;
}
@media (max-width: 48em) {
  p {
    font-size: 0.875rem;
  }
}

li {
  font-size: 1rem;
}
@media (max-width: 48em) {
  li {
    font-size: 0.875rem;
  }
}

/*
  Styleguide override:
  section: 3.3
  title: Links
  template: 3_3_links
*/
a:focus {
  outline: 2px solid #c47f1b;
  outline-offset: 3px;
}
a {
  color: #005A94;
}
a:hover {
  color: #003152;
}

/*
  Styleguide override:
  section: 3.5
  title: Form elements
  template: 3_5_form-elements
  description: Basic form elements
*/
select:focus,
input[type=email]:focus,
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 2px solid #c47f1b;
}

/* Custom fixes */
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}