/*!*******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/main.scss ***!
  \*******************************************************************************************************************************************************/
/* stylelint-disable max-line-length */ /* stylelint-disable string-quotes */
/* stylelint-disable-next-line max-line-length */
/*
if values change, change this also in get_css_color_vars -> inc/class-helpers.php
*/
/* stylelint-disable value-list-comma-newline-after */
/* stylelint-disable declaration-colon-newline-after */
:root {
  --fs-900: max(2.763rem, min(calc(2.581rem + 0.808vw), 3.157rem));
  --fs-800: max(2.073rem, min(calc(1.936rem + 0.607vw), 2.369rem));
  --fs-700: max(1.555rem, min(calc(1.453rem + 0.455vw), 1.777rem));
  --fs-600: max(1.166rem, min(calc(1.089rem + 0.343vw), 1.333rem));
  --fs-500: max(0.875rem, min(calc(0.817rem + 0.256vw), 1rem));
  --fs-400: max(0.656rem, min(calc(0.613rem + 0.193vw), 0.75rem));
  --fs-300: max(0.492rem, min(calc(0.459rem + 0.146vw), 0.563rem));
  --font-body: "Montserrat", sans-serif;
  --font-heading: "Montserrat", sans-serif;
  --font-fallback: sytem-ui, -apple-system, "BlinkMacSystemFont", "Segoe UI",
  	"Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue",
  	sans-serif;
  --font-stack-body: var(--font-body), var(--font-fallback);
  --font-stack-heading: var(--font-heading), var(--font-fallback);
}

/* stylelint-disable-next-line no-duplicate-selectors */
:root {
  --clr-primary-50: #e7f0f0;
  --clr-primary-100: #cfe1e2;
  --clr-primary-200: #9fc3c4;
  --clr-primary-300: #6fa6a7;
  --clr-primary-400: #3f8889;
  --clr-primary-500: hsl(181, 76%, 24%);
  --clr-primary-600: #0c5556;
  --clr-primary-700: #094041;
  --clr-primary-800: #062a2b;
  --clr-primary-900: #031516;
  --clr-cta-50: #ffeceb;
  --clr-cta-100: #ffdad8;
  --clr-cta-200: #feb4b0;
  --clr-cta-300: #fe8f89;
  --clr-cta-400: #fd6961;
  --clr-cta-500: hsl(3, 98%, 61%);
  --clr-cta-600: #ca362e;
  --clr-cta-700: #982923;
  --clr-cta-800: #651b17;
  --clr-cta-900: #330e0c;
  --clr-neutral-50: #e6e6e6;
  --clr-neutral-100: #cdcdcd;
  --clr-neutral-200: #9a9a9a;
  --clr-neutral-300: #686868;
  --clr-neutral-400: #353535;
  --clr-neutral-500: hsl(0, 0%, 1%);
  --clr-neutral-600: #020202;
  --clr-neutral-700: #020202;
  --clr-neutral-800: #010101;
  --clr-neutral-900: #010101;
  --clr-white: #ffffff;
  --clr-black: #000000;
}

/* stylelint-disable-next-line no-duplicate-selectors */
:root {
  --easing: ease-in-out;
  --easing-in: ease-in;
  --easing-out: ease-out;
  --timing-fast: 0.25s;
  --timing: 0.5s;
  --timing-slow: 1s;
  --border-radius: 6px;
  --card-radius: 30px;
}

.tabs__item {
  padding: 0 0.5rem;
}

.card--cta {
  border: 1px solid #e5e7eb;
}
.card__title--cta {
  color: #0f6b6d;
}
.card__link--cta {
  background: var(--clr-white);
  border: 1px solid #0f6b6d;
  color: var(--clr-primary-500);
}
.card__icon--cta {
  fill: #0f6b6d;
}
.card:hover .card__link--cta, .card[focus-within] .card__link--cta {
  background: var(--clr-primary-500);
  color: var(--clr-white);
  text-decoration: underline;
}
.card:hover .card__link--cta, .card:focus-within .card__link--cta {
  background: var(--clr-primary-500);
  color: var(--clr-white);
  text-decoration: underline;
}
.card:hover .card__icon, .card[focus-within] .card__icon {
  fill: var(--clr-white);
}
.card:hover .card__icon, .card:focus-within .card__icon {
  fill: var(--clr-white);
}

.timetable {
  background-color: #eaf4f2;
  color: #0f6b6d;
}

.header__emergency-number {
  font-size: var(--fs-600);
  text-align: center;
}
.header__emergency-cta {
  display: block;
  font-size: var(--fs-400);
  font-weight: 500;
}
.header__emergency-sms {
  font-size: var(--fs-400);
}

.header__language-selector {
  display: none;
}
.header__language-selector .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
  left: auto;
  right: 10px;
}

.hero::before {
  background-color: #eaf4f2;
  opacity: 0.75;
}

.home.page-template-landingspage .landingspage--sms section:last-of-type {
  background-color: transparent;
}

@media only screen and (min-width: 48rem) {
  .header__language-selector {
    width: 50px;
  }
}