@charset "UTF-8";
/*!
Theme Name: Tavara-asema
Theme URI: http://underscores.me/
Author: Bananas
Author URI: https://www.bananas.fi
Description: Theme for Tavara-asema
Version: 1.3.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tavara_asema
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
GitHub Theme URI: bananas-oy/tavara-asema

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Tavara-asema is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Mixins and variables
# Normalize
# Typography
# Elements
# Forms
# Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Posts and pages
  ## Comments
# Infinite scroll
# Media
  ## Captions
  ## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Mixins and variables
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Colors
# Defined in theme.json as well, to provide colors in Gutenberg selector
# For example: var(--wp--preset--color--foreground)
--------------------------------------------------------------*/
/**
 * WooCommerce color variables
 */
@import url("https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Fira+Mono:wght@400;500&family=Fira+Sans:ital,wght@0,400;0,500;1,400;1,500&family=Racing+Sans+One&display=swap");
.has-bananas-yellow-color {
  color: #d8ff50; }

.has-bananas-green-color {
  color: #3f4f17; }

.has-bananas-black-color {
  color: #000; }

.has-bananas-white-color {
  color: #fff; }

.has-bananas-yellow-background-color {
  background-color: #d8ff50; }
  .wp-block-buttons .has-bananas-yellow-background-color:hover,
  .wp-block-buttons .has-bananas-yellow-background-color:focus {
    background-color: #3f4f17;
    color: #fff; }

.has-bananas-green-background-color {
  background-color: #3f4f17; }
  .wp-block-buttons .has-bananas-green-background-color:hover,
  .wp-block-buttons .has-bananas-green-background-color:focus {
    background-color: #000;
    color: #fff; }

.has-bananas-black-background-color {
  background-color: #000; }
  .wp-block-buttons .has-bananas-black-background-color:hover,
  .wp-block-buttons .has-bananas-black-background-color:focus {
    background-color: #d8ff50;
    color: #000; }

.has-bananas-white-background-color {
  background-color: #fff; }
  .wp-block-buttons .has-bananas-white-background-color:hover,
  .wp-block-buttons .has-bananas-white-background-color:focus {
    background-color: #d8ff50;
    color: #000; }

.has-tertiary-background-color {
  color: #f5f4f0; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Columns
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Structure
#
# theme.json content = m, wide = l
--------------------------------------------------------------*/
.wrap-xs {
  margin-left: auto;
  margin-right: auto;
  width: 94%; }
  @media screen and (min-width: 1078px) {
    .wrap-xs {
      width: 700px;
      max-width: 70%; } }
  @media screen and (min-width: 1600px) {
    .wrap-xs {
      max-width: 64%; } }

.wrap-s {
  margin-left: auto;
  margin-right: auto;
  width: 94%; }
  @media screen and (min-width: 1078px) {
    .wrap-s {
      width: 700px;
      max-width: 70%; } }
  @media screen and (min-width: 1600px) {
    .wrap-s {
      max-width: 64%; } }

.wrap-m {
  margin-left: auto;
  margin-right: auto;
  width: 94%; }
  @media screen and (min-width: 1078px) {
    .wrap-m {
      width: 1024px;
      max-width: 80%; } }
  @media screen and (min-width: 1600px) {
    .wrap-m {
      max-width: 74%; } }

.wrap-l {
  margin-left: auto;
  margin-right: auto;
  width: 94%; }
  @media screen and (min-width: 1078px) {
    .wrap-l {
      width: 1600px;
      max-width: 90%; } }
  @media screen and (min-width: 1600px) {
    .wrap-l {
      max-width: 84%; } }

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, 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; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

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

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

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

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

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

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-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.
 */
[type="search"]::-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 Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Sizes, defined in theme.json
#
# var(--wp--preset--font-size--small) = 1rem
# var(--wp--preset--font-size--medium) = 1.25rem
# var(--wp--preset--font-size--large) = clamp(1.75rem, 1.3947rem + 1.0526vw, 2.25rem)
# var(--wp--preset--font-size--x-large) = clamp(2rem, 0.5789rem + 4.2105vw, 4rem)
#
# Use this for calculating clamp(): https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/#aa-for-those-who-dont-mind-that-edge-case
#
# Fonts, defined in theme.json
# var(--wp--preset--font-family--default-font) = sans-serif
# var(--wp--preset--font-family--alt-font) = serif
--------------------------------------------------------------*/
body {
  font-size: 17.84px;
  font-size: 1.115rem;
  font-family: var(--wp--preset--font-family--alt-font-2);
  line-height: 1.5;
  color: #000; }

/*--------------------------------------------------------------
# Headings
--------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
  font-weight: 400;
  font-family: var(--wp--preset--font-family--alt-font);
  clear: both;
  line-height: 1.1; }
  h1:first-child,
  h2:first-child,
  h3:first-child,
  h4:first-child,
  h5:first-child,
  h6:first-child {
    margin-top: 0; }
  h1:last-child,
  h2:last-child,
  h3:last-child,
  h4:last-child,
  h5:last-child,
  h6:last-child {
    margin-bottom: 0; }

h1 {
  font-size: var(--wp--preset--font-size--x-large);
  font-family: var(--wp--preset--font-family--alt-font); }

h2 {
  font-size: var(--wp--preset--font-size--large);
  font-family: var(--wp--preset--font-family--alt-font); }

h3 {
  font-size: var(--wp--preset--font-size--medium);
  font-family: var(--wp--preset--font-family--alt-font); }

.wp-block-post-title {
  font-size: var(--wp--preset--font-size--x-large);
  font-family: var(--wp--preset--font-family--alt-font); }

.page-template-page-uusitampere h1,
.page-template-page-uusitampere h2,
.page-template-page-uusitampere h3,
.page-template-page-uusitampere h4,
.page-template-page-uusitampere h5,
.page-template-page-uusitampere h6 {
  font-family: var(--wp--preset--font-family--ut-font); }

/*--------------------------------------------------------------
# Copy
--------------------------------------------------------------*/
p {
  margin-bottom: 1.5em; }
  p:first-child {
    margin-top: 0; }
  p:last-child {
    margin-bottom: 0; }

dfn,
cite,
em,
i {
  font-style: italic; }

blockquote {
  margin: 1em 0 1.5em 0; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem; }

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark,
ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

/*--------------------------------------------------------------
# Styles
--------------------------------------------------------------*/
.alt-font {
  font-family: var(--wp--preset--font-family--alt-font); }

.has-default-font-font-family {
  font-family: var(--wp--preset--font-family--default-font); }

.has-alt-font-font-family {
  font-family: var(--wp--preset--font-family--alt-font); }

.has-alt-font-2-font-family {
  font-family: var(--wp--preset--font-family--alt-font-2); }

/*--------------------------------------------------------------
# Grid and flex
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Grid
--------------------------------------------------------------*/
.grid,
.wp-block-gallery ul,
.site .wp-block-columns {
  display: grid;
  max-width: 100%;
  margin: 0 auto; }
  .no-cssgrid .grid:after, .no-cssgrid
  .wp-block-gallery ul:after, .no-cssgrid
  .site .wp-block-columns:after {
    content: "";
    display: table;
    table-layout: fixed;
    clear: both; }
  .grid.reverse > div:last-child,
  .wp-block-gallery ul.reverse > div:last-child,
  .site .wp-block-columns.reverse > div:last-child {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
    .no-cssgrid .grid.reverse > div:last-child, .no-cssgrid
    .wp-block-gallery ul.reverse > div:last-child, .no-cssgrid
    .site .wp-block-columns.reverse > div:last-child {
      float: left; }
  .grid.reverse > div:first-child,
  .wp-block-gallery ul.reverse > div:first-child,
  .site .wp-block-columns.reverse > div:first-child {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
    .no-cssgrid .grid.reverse > div:first-child, .no-cssgrid
    .wp-block-gallery ul.reverse > div:first-child, .no-cssgrid
    .site .wp-block-columns.reverse > div:first-child {
      float: right; }
  .grid > *,
  .wp-block-gallery ul > *,
  .site .wp-block-columns > * {
    display: block;
    min-width: 0; }
    .grid > *.grid, .grid > *.wp-block-columns, .grid > *.wp-block-gallery,
    .wp-block-gallery ul > *.grid,
    .wp-block-gallery ul > *.wp-block-columns,
    .wp-block-gallery ul > *.wp-block-gallery,
    .site .wp-block-columns > *.grid,
    .site .wp-block-columns > *.wp-block-columns,
    .site .wp-block-columns > *.wp-block-gallery {
      display: grid; }
    .grid > *.flex,
    .wp-block-gallery ul > *.flex,
    .site .wp-block-columns > *.flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .no-cssgrid .grid > *, .no-cssgrid
    .wp-block-gallery ul > *, .no-cssgrid
    .site .wp-block-columns > * {
      float: left;
      width: 100%; }

.pad,
.wp-block-gallery ul {
  grid-gap: 1em; }
  @media screen and (min-width: 961px) {
    .pad,
    .wp-block-gallery ul {
      grid-gap: 2em; } }

.grid-2,
.columns-2 {
  grid-template-columns: 1fr; }
  @media screen and (min-width: 541px) {
    .grid-2,
    .columns-2 {
      grid-template-columns: repeat(2, 1fr); }
      .no-cssgrid .grid-2 > *, .no-cssgrid
      .columns-2 > * {
        margin-right: 2%;
        width: 48%; } }
  @media screen and (min-width: 961px) {
    .grid-2,
    .columns-2 {
      grid-template-columns: repeat(2, 1fr); }
      .no-cssgrid .grid-2 > *, .no-cssgrid
      .columns-2 > * {
        width: 48%; } }

.grid-3,
.columns-3 {
  grid-template-columns: 1fr; }
  @media screen and (min-width: 541px) {
    .grid-3,
    .columns-3 {
      grid-template-columns: repeat(2, 1fr); }
      .no-cssgrid .grid-3 > *, .no-cssgrid
      .columns-3 > * {
        margin-right: 2%;
        width: 48%; } }
  @media screen and (min-width: 961px) {
    .grid-3,
    .columns-3 {
      grid-template-columns: repeat(3, 1fr); }
      .no-cssgrid .grid-3 > *, .no-cssgrid
      .columns-3 > * {
        width: 31.33333%; } }

.grid-4,
.columns-4 {
  grid-template-columns: 1fr; }
  @media screen and (min-width: 541px) {
    .grid-4,
    .columns-4 {
      grid-template-columns: repeat(2, 1fr); }
      .no-cssgrid .grid-4 > *, .no-cssgrid
      .columns-4 > * {
        margin-right: 2%;
        width: 48%; } }
  @media screen and (min-width: 961px) {
    .grid-4,
    .columns-4 {
      grid-template-columns: repeat(4, 1fr); }
      .no-cssgrid .grid-4 > *, .no-cssgrid
      .columns-4 > * {
        width: 23%; } }

.grid-5,
.columns-5 {
  grid-template-columns: 1fr; }
  @media screen and (min-width: 541px) {
    .grid-5,
    .columns-5 {
      grid-template-columns: repeat(2, 1fr); }
      .no-cssgrid .grid-5 > *, .no-cssgrid
      .columns-5 > * {
        margin-right: 2%;
        width: 48%; } }
  @media screen and (min-width: 961px) {
    .grid-5,
    .columns-5 {
      grid-template-columns: repeat(4, 1fr); }
      .no-cssgrid .grid-5 > *, .no-cssgrid
      .columns-5 > * {
        width: 23%; } }
  @media screen and (min-width: 1200px) {
    .grid-5,
    .columns-5 {
      grid-template-columns: repeat(5, 1fr); }
      .no-cssgrid .grid-5 > *, .no-cssgrid
      .columns-5 > * {
        width: 18%; } }

.grid-6,
.columns-6 {
  grid-template-columns: 1fr; }
  @media screen and (min-width: 541px) {
    .grid-6,
    .columns-6 {
      grid-template-columns: repeat(2, 1fr); }
      .no-cssgrid .grid-6 > *, .no-cssgrid
      .columns-6 > * {
        margin-right: 2%;
        width: 48%; } }
  @media screen and (min-width: 961px) {
    .grid-6,
    .columns-6 {
      grid-template-columns: repeat(4, 1fr); }
      .no-cssgrid .grid-6 > *, .no-cssgrid
      .columns-6 > * {
        width: 23%; } }
  @media screen and (min-width: 1200px) {
    .grid-6,
    .columns-6 {
      grid-template-columns: repeat(6, 1fr); }
      .no-cssgrid .grid-6 > *, .no-cssgrid
      .columns-6 > * {
        width: 14.66667%; } }

.grid-7,
.columns-7 {
  grid-template-columns: 1fr; }
  @media screen and (min-width: 541px) {
    .grid-7,
    .columns-7 {
      grid-template-columns: repeat(2, 1fr); }
      .no-cssgrid .grid-7 > *, .no-cssgrid
      .columns-7 > * {
        margin-right: 2%;
        width: 48%; } }
  @media screen and (min-width: 961px) {
    .grid-7,
    .columns-7 {
      grid-template-columns: repeat(4, 1fr); }
      .no-cssgrid .grid-7 > *, .no-cssgrid
      .columns-7 > * {
        width: 23%; } }
  @media screen and (min-width: 1200px) {
    .grid-7,
    .columns-7 {
      grid-template-columns: repeat(7, 1fr); }
      .no-cssgrid .grid-7 > *, .no-cssgrid
      .columns-7 > * {
        width: 12.28571%; } }

.grid-8,
.columns-8 {
  grid-template-columns: 1fr; }
  @media screen and (min-width: 541px) {
    .grid-8,
    .columns-8 {
      grid-template-columns: repeat(2, 1fr); }
      .no-cssgrid .grid-8 > *, .no-cssgrid
      .columns-8 > * {
        margin-right: 2%;
        width: 48%; } }
  @media screen and (min-width: 961px) {
    .grid-8,
    .columns-8 {
      grid-template-columns: repeat(4, 1fr); }
      .no-cssgrid .grid-8 > *, .no-cssgrid
      .columns-8 > * {
        width: 23%; } }
  @media screen and (min-width: 1200px) {
    .grid-8,
    .columns-8 {
      grid-template-columns: repeat(8, 1fr); }
      .no-cssgrid .grid-8 > *, .no-cssgrid
      .columns-8 > * {
        width: 10.5%; } }

.grid-9,
.columns-9 {
  grid-template-columns: 1fr; }
  @media screen and (min-width: 541px) {
    .grid-9,
    .columns-9 {
      grid-template-columns: repeat(2, 1fr); }
      .no-cssgrid .grid-9 > *, .no-cssgrid
      .columns-9 > * {
        margin-right: 2%;
        width: 48%; } }
  @media screen and (min-width: 961px) {
    .grid-9,
    .columns-9 {
      grid-template-columns: repeat(4, 1fr); }
      .no-cssgrid .grid-9 > *, .no-cssgrid
      .columns-9 > * {
        width: 23%; } }
  @media screen and (min-width: 1200px) {
    .grid-9,
    .columns-9 {
      grid-template-columns: repeat(9, 1fr); }
      .no-cssgrid .grid-9 > *, .no-cssgrid
      .columns-9 > * {
        width: 9.11111%; } }

.grid-10,
.columns-10 {
  grid-template-columns: 1fr; }
  @media screen and (min-width: 541px) {
    .grid-10,
    .columns-10 {
      grid-template-columns: repeat(2, 1fr); }
      .no-cssgrid .grid-10 > *, .no-cssgrid
      .columns-10 > * {
        margin-right: 2%;
        width: 48%; } }
  @media screen and (min-width: 961px) {
    .grid-10,
    .columns-10 {
      grid-template-columns: repeat(4, 1fr); }
      .no-cssgrid .grid-10 > *, .no-cssgrid
      .columns-10 > * {
        width: 23%; } }
  @media screen and (min-width: 1200px) {
    .grid-10,
    .columns-10 {
      grid-template-columns: repeat(10, 1fr); }
      .no-cssgrid .grid-10 > *, .no-cssgrid
      .columns-10 > * {
        width: 8%; } }

/*--------------------------------------------------------------
# Flex
--------------------------------------------------------------*/
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .flex.vert {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .flex.center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .flex.column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .flex.column.vert {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .flex.column.center {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .flex.reverse > div:last-child {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .flex.reverse > div:first-child {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

body {
  background: #f5f4f0;
  /* Fallback for when there is no custom background color defined. */ }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */ }

/*--------------------------------------------------------------
# Lists
--------------------------------------------------------------*/
ul, ol {
  margin: 0 0 1.5em 0; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/
table {
  margin: 1em 0 1.5em 0;
  width: 100%;
  border-collapse: collapse; }
  table tr {
    background-color: #f5f4f0; }
    table tr:nth-child(even) {
      background-color: #f9f8f6; }
  table td {
    padding: .5em; }

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #000;
  -webkit-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  -webkit-text-decoration-color: #000;
  text-decoration-color: #000;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 2px; }
  a:visited {
    color: #000; }
  a:hover, a:focus, a:active {
    color: #000;
    background-color: #d8ff50;
    -webkit-text-decoration-color: #d8ff50;
            text-decoration-color: #d8ff50; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }
  .menu a {
    font-family: var(--wp--preset--font-family--default-font);
    color: #000;
    letter-spacing: 1.5px; }
    .menu a:hover, .menu a:focus {
      color: #000; }
  .entry-header a {
    text-decoration: none;
    color: #000; }
    .entry-header a:hover {
      text-decoration: underline; }

/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/
button:not(.components-button):not([class*="customize"]):not(.menu-toggle):not(button[draggable]):not(.event-feed-list-layout-toggle):not(.event-feed-image-layout-toggle):not(.sub-menu-toggle):not(.pswp__button):not(.toggle-navigation):not(#tiketti-sales-box button):not([class*="Cookiebot"]),
input[type="button"],
input[type="reset"],
input[type="submit"],
.button:not(.acf-button),
.comment-navigation .nav-next a:not(.acf-button),
.comment-navigation .nav-previous a:not(.acf-button),
.posts-navigation .nav-next a:not(.acf-button),
.posts-navigation .nav-previous a:not(.acf-button),
.post-navigation .nav-next a:not(.acf-button),
.post-navigation .nav-previous a:not(.acf-button),
.button:visited,
.comment-navigation .nav-next a:visited,
.comment-navigation .nav-previous a:visited,
.posts-navigation .nav-next a:visited,
.posts-navigation .nav-previous a:visited,
.post-navigation .nav-next a:visited,
.post-navigation .nav-previous a:visited,
.wp-block-button__link,
.main-navigation a.is-style-outline,
.main-navigation li.lang-item a,
.main-navigation a.is-style-outline:visited,
.main-navigation li.lang-item a:visited,
.all-posts-button,
.wp-block-button__link:visited,
.main-navigation a.is-style-outline:visited,
.main-navigation li.lang-item a:visited,
.all-posts-button:visited {
  display: inline-block;
  border: 3px solid !important;
  border-color: #d8ff50;
  border-radius: 9999px;
  background-color: transparent;
  -webkit-box-shadow: -3px 3px 0 #d8ff50;
          box-shadow: -3px 3px 0 #d8ff50;
  color: #000;
  font-family: var(--wp--preset--font-family--default-font);
  font-weight: 500;
  font-size: 17.84px;
  font-size: 1.115rem;
  padding: 1rem 2rem;
  line-height: 2;
  letter-spacing: 1.5px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s; }
  button:not(.components-button):not([class*="customize"]):not(.menu-toggle):not(button[draggable]) :not(.sub-menu-toggle):not(.pswp__button):not(.toggle-navigation) :not([class*="Cookiebot"]):hover, button:not(.components-button):not([class*="customize"]):not(.menu-toggle):not(button[draggable]) :not(.sub-menu-toggle):not(.pswp__button):not(.toggle-navigation) :not([class*="Cookiebot"]):focus,
  input[type="button"]:hover,
  input[type="button"]:focus,
  input[type="reset"]:hover,
  input[type="reset"]:focus,
  input[type="submit"]:hover,
  input[type="submit"]:focus,
  .button :hover,
  .comment-navigation .nav-next a :hover,
  .comment-navigation .nav-previous a :hover,
  .posts-navigation .nav-next a :hover,
  .posts-navigation .nav-previous a :hover,
  .post-navigation .nav-next a :hover,
  .post-navigation .nav-previous a :hover,
  .button :focus,
  .comment-navigation .nav-next a :focus,
  .comment-navigation .nav-previous a :focus,
  .posts-navigation .nav-next a :focus,
  .posts-navigation .nav-previous a :focus,
  .post-navigation .nav-next a :focus,
  .post-navigation .nav-previous a :focus,
  .button:visited:hover,
  .comment-navigation .nav-next a:visited:hover,
  .comment-navigation .nav-previous a:visited:hover,
  .posts-navigation .nav-next a:visited:hover,
  .posts-navigation .nav-previous a:visited:hover,
  .post-navigation .nav-next a:visited:hover,
  .post-navigation .nav-previous a:visited:hover,
  .button:visited:focus,
  .comment-navigation .nav-next a:visited:focus,
  .comment-navigation .nav-previous a:visited:focus,
  .posts-navigation .nav-next a:visited:focus,
  .posts-navigation .nav-previous a:visited:focus,
  .post-navigation .nav-next a:visited:focus,
  .post-navigation .nav-previous a:visited:focus,
  .wp-block-button__link:hover,
  .main-navigation a.is-style-outline:hover,
  .main-navigation li.lang-item a:hover,
  .all-posts-button:hover,
  .wp-block-button__link:focus,
  .main-navigation a.is-style-outline:focus,
  .main-navigation li.lang-item a:focus,
  .all-posts-button:focus,
  .wp-block-button__link:visited:hover,
  .main-navigation a.is-style-outline:visited:hover,
  .main-navigation li.lang-item a:visited:hover,
  .all-posts-button:visited:hover,
  .wp-block-button__link:visited:focus,
  .main-navigation a.is-style-outline:visited:focus,
  .main-navigation li.lang-item a:visited:focus,
  .all-posts-button:visited:focus {
    background-color: #d8ff50 !important;
    color: #000;
    border-color: #000;
    -webkit-box-shadow: -3px 3px 0 #000;
            box-shadow: -3px 3px 0 #000; }
  button:not(.components-button):not([class*="customize"]):not(.menu-toggle):not(button[draggable]) :not(.sub-menu-toggle):not(.pswp__button):not(.toggle-navigation) :not([class*="Cookiebot"]):focus,
  input[type="button"]:focus,
  input[type="reset"]:focus,
  input[type="submit"]:focus,
  .button :focus,
  .comment-navigation .nav-next a :focus,
  .comment-navigation .nav-previous a :focus,
  .posts-navigation .nav-next a :focus,
  .posts-navigation .nav-previous a :focus,
  .post-navigation .nav-next a :focus,
  .post-navigation .nav-previous a :focus,
  .button:visited:focus,
  .comment-navigation .nav-next a:visited:focus,
  .comment-navigation .nav-previous a:visited:focus,
  .posts-navigation .nav-next a:visited:focus,
  .posts-navigation .nav-previous a:visited:focus,
  .post-navigation .nav-next a:visited:focus,
  .post-navigation .nav-previous a:visited:focus,
  .wp-block-button__link:focus,
  .main-navigation a.is-style-outline:focus,
  .main-navigation li.lang-item a:focus,
  .all-posts-button:focus,
  .wp-block-button__link:visited:focus,
  .main-navigation a.is-style-outline:visited:focus,
  .main-navigation li.lang-item a:visited:focus,
  .all-posts-button:visited:focus {
    outline: 0; }
  button:not(.components-button):not([class*="customize"]):not(.menu-toggle):not(button[draggable]) :not(.sub-menu-toggle):not(.pswp__button):not(.toggle-navigation) :not([class*="Cookiebot"]):active, button:not(.components-button):not([class*="customize"]):not(.menu-toggle):not(button[draggable]) :not(.sub-menu-toggle):not(.pswp__button):not(.toggle-navigation) :not([class*="Cookiebot"]):focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus,
  .button :active,
  .comment-navigation .nav-next a :active,
  .comment-navigation .nav-previous a :active,
  .posts-navigation .nav-next a :active,
  .posts-navigation .nav-previous a :active,
  .post-navigation .nav-next a :active,
  .post-navigation .nav-previous a :active,
  .button :focus,
  .comment-navigation .nav-next a :focus,
  .comment-navigation .nav-previous a :focus,
  .posts-navigation .nav-next a :focus,
  .posts-navigation .nav-previous a :focus,
  .post-navigation .nav-next a :focus,
  .post-navigation .nav-previous a :focus,
  .button:visited:active,
  .comment-navigation .nav-next a:visited:active,
  .comment-navigation .nav-previous a:visited:active,
  .posts-navigation .nav-next a:visited:active,
  .posts-navigation .nav-previous a:visited:active,
  .post-navigation .nav-next a:visited:active,
  .post-navigation .nav-previous a:visited:active,
  .button:visited:focus,
  .comment-navigation .nav-next a:visited:focus,
  .comment-navigation .nav-previous a:visited:focus,
  .posts-navigation .nav-next a:visited:focus,
  .posts-navigation .nav-previous a:visited:focus,
  .post-navigation .nav-next a:visited:focus,
  .post-navigation .nav-previous a:visited:focus,
  .wp-block-button__link:active,
  .main-navigation a.is-style-outline:active,
  .main-navigation li.lang-item a:active,
  .all-posts-button:active,
  .wp-block-button__link:focus,
  .main-navigation a.is-style-outline:focus,
  .main-navigation li.lang-item a:focus,
  .all-posts-button:focus,
  .wp-block-button__link:visited:active,
  .main-navigation a.is-style-outline:visited:active,
  .main-navigation li.lang-item a:visited:active,
  .all-posts-button:visited:active,
  .wp-block-button__link:visited:focus,
  .main-navigation a.is-style-outline:visited:focus,
  .main-navigation li.lang-item a:visited:focus,
  .all-posts-button:visited:focus {
    color: #000; }

.wp-block-buttons .wp-block-button__link, .wp-block-buttons .main-navigation a.is-style-outline, .main-navigation .wp-block-buttons a.is-style-outline, .wp-block-buttons .main-navigation li.lang-item a, .main-navigation li.lang-item .wp-block-buttons a, .wp-block-buttons .all-posts-button,
.wp-block-buttons .wp-block-button.is-style-outline__link {
  border: 3px solid !important;
  border-radius: 9999px !important;
  padding: 1rem 2rem !important; }

.wp-block-button__link[class*="background-color"]:hover, .main-navigation a.is-style-outline[class*="background-color"]:hover, .main-navigation li.lang-item a[class*="background-color"]:hover, .all-posts-button[class*="background-color"]:hover, .wp-block-button__link[class*="background-color"]:focus, .main-navigation a.is-style-outline[class*="background-color"]:focus, .main-navigation li.lang-item a[class*="background-color"]:focus, .all-posts-button[class*="background-color"]:focus {
  background: var(--wp--preset--color--foreground) !important;
  color: var(--wp--preset--color--background) !important; }

.wp-block-button__link.has-foreground-background-color:hover, .main-navigation a.has-foreground-background-color.is-style-outline:hover, .main-navigation li.lang-item a.has-foreground-background-color:hover, .has-foreground-background-color.all-posts-button:hover, .wp-block-button__link.has-foreground-background-color:focus, .main-navigation a.has-foreground-background-color.is-style-outline:focus, .main-navigation li.lang-item a.has-foreground-background-color:focus, .has-foreground-background-color.all-posts-button:focus {
  background: var(--wp--preset--color--background) !important;
  color: var(--wp--preset--color--foreground) !important; }

.is-style-outline .wp-block-button__link, .main-navigation li.lang-item a .wp-block-button__link, .is-style-outline .main-navigation a.is-style-outline, .main-navigation .is-style-outline a.is-style-outline, .is-style-outline .main-navigation li.lang-item a, .main-navigation li.lang-item .is-style-outline a, .main-navigation li.lang-item a a, .main-navigation li.lang-item a a:visited, .is-style-outline .all-posts-button, .main-navigation li.lang-item a .all-posts-button {
  background-color: transparent;
  border: 3px solid #000;
  border-color: #000;
  border-radius: 9999px;
  -webkit-box-shadow: -3px 3px 0 #d8ff50;
          box-shadow: -3px 3px 0 #d8ff50;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s; }
  .is-style-outline .wp-block-button__link:active, .main-navigation li.lang-item a .wp-block-button__link:active, .is-style-outline .main-navigation a.is-style-outline:active, .main-navigation .is-style-outline a.is-style-outline:active, .is-style-outline .main-navigation li.lang-item a:active, .main-navigation li.lang-item .is-style-outline a:active, .main-navigation li.lang-item a a:active, .is-style-outline .all-posts-button:active, .main-navigation li.lang-item a .all-posts-button:active, .is-style-outline .wp-block-button__link:hover, .main-navigation li.lang-item a .wp-block-button__link:hover, .is-style-outline .main-navigation a.is-style-outline:hover, .main-navigation .is-style-outline a.is-style-outline:hover, .is-style-outline .main-navigation li.lang-item a:hover, .main-navigation li.lang-item .is-style-outline a:hover, .main-navigation li.lang-item a a:hover, .is-style-outline .all-posts-button:hover, .main-navigation li.lang-item a .all-posts-button:hover, .is-style-outline .wp-block-button__link:focus, .main-navigation li.lang-item a .wp-block-button__link:focus, .is-style-outline .main-navigation a.is-style-outline:focus, .main-navigation .is-style-outline a.is-style-outline:focus, .is-style-outline .main-navigation li.lang-item a:focus, .main-navigation li.lang-item .is-style-outline a:focus, .main-navigation li.lang-item a a:focus, .is-style-outline .all-posts-button:focus, .main-navigation li.lang-item a .all-posts-button:focus {
    background-color: #d8ff50;
    border-color: #000;
    -webkit-box-shadow: -3px 3px 0 #000;
            box-shadow: -3px 3px 0 #000; }

.is-style-uusi-tampere .wp-block-button__link, .is-style-uusi-tampere .main-navigation a.is-style-outline, .main-navigation .is-style-uusi-tampere a.is-style-outline, .is-style-uusi-tampere .main-navigation li.lang-item a, .main-navigation li.lang-item .is-style-uusi-tampere a, .is-style-uusi-tampere .all-posts-button {
  background-color: #a851f6 !important;
  border-color: #a851f6 !important;
  font-family: var(--wp--preset--font-family--alt-font-2);
  color: #fff;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }
  .is-style-uusi-tampere .wp-block-button__link:hover, .is-style-uusi-tampere .main-navigation a.is-style-outline:hover, .main-navigation .is-style-uusi-tampere a.is-style-outline:hover, .is-style-uusi-tampere .main-navigation li.lang-item a:hover, .main-navigation li.lang-item .is-style-uusi-tampere a:hover, .is-style-uusi-tampere .all-posts-button:hover, .is-style-uusi-tampere .wp-block-button__link:focus, .is-style-uusi-tampere .main-navigation a.is-style-outline:focus, .main-navigation .is-style-uusi-tampere a.is-style-outline:focus, .is-style-uusi-tampere .main-navigation li.lang-item a:focus, .main-navigation li.lang-item .is-style-uusi-tampere a:focus, .is-style-uusi-tampere .all-posts-button:focus {
    background-color: #a851f6 !important;
    color: #fff !important;
    border-color: #a851f6 !important; }

.button-outline, .archive-filter-buttons .facetwp-type-radio .facetwp-radio,
.read-more-button {
  border: 3px solid #000;
  border-radius: 9999px;
  -webkit-box-shadow: -3px 3px 0 #d8ff50;
          box-shadow: -3px 3px 0 #d8ff50;
  background-color: transparent;
  color: #000;
  font-family: var(--wp--preset--font-family--default-font);
  font-weight: 500;
  font-size: 17.84px;
  font-size: 1.115rem;
  padding: 1rem 2rem;
  line-height: 2;
  letter-spacing: 1.5px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s; }
  .button-outline:hover, .archive-filter-buttons .facetwp-type-radio .facetwp-radio:hover, .button-outline:focus, .archive-filter-buttons .facetwp-type-radio .facetwp-radio:focus,
  .read-more-button:hover,
  .read-more-button:focus {
    background-color: #d8ff50;
    color: #000;
    border-color: #000;
    -webkit-box-shadow: -3px 3px 0 #000;
            box-shadow: -3px 3px 0 #000; }
  .button-outline:focus, .archive-filter-buttons .facetwp-type-radio .facetwp-radio:focus,
  .read-more-button:focus {
    outline: 0; }
  .button-outline:active, .archive-filter-buttons .facetwp-type-radio .facetwp-radio:active, .button-outline:focus, .archive-filter-buttons .facetwp-type-radio .facetwp-radio:focus,
  .read-more-button:active,
  .read-more-button:focus {
    color: #000; }

/*--------------------------------------------------------------
## Fields
--------------------------------------------------------------*/
.form-control input[type="text"], .search-form input[type="text"], .gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="text"], .event-filter-container .facetwp-facet input[type="text"],
.form-control input[type="email"],
.search-form input[type="email"],
.gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="email"],
.event-filter-container .facetwp-facet input[type="email"],
.form-control input[type="url"],
.search-form input[type="url"],
.gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="url"],
.event-filter-container .facetwp-facet input[type="url"],
.form-control input[type="password"],
.search-form input[type="password"],
.gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="password"],
.event-filter-container .facetwp-facet input[type="password"],
.form-control input[type="search"],
.search-form input[type="search"],
.gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="search"],
.event-filter-container .facetwp-facet input[type="search"],
.form-control input[type="number"],
.search-form input[type="number"],
.gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="number"],
.event-filter-container .facetwp-facet input[type="number"],
.form-control input[type="tel"],
.search-form input[type="tel"],
.gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="tel"],
.event-filter-container .facetwp-facet input[type="tel"],
.form-control input[type="range"],
.search-form input[type="range"],
.gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="range"],
.event-filter-container .facetwp-facet input[type="range"],
.form-control input[type="date"],
.search-form input[type="date"],
.gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="date"],
.event-filter-container .facetwp-facet input[type="date"],
.form-control input[type="month"],
.search-form input[type="month"],
.gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="month"],
.event-filter-container .facetwp-facet input[type="month"],
.form-control input[type="week"],
.search-form input[type="week"],
.gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="week"],
.event-filter-container .facetwp-facet input[type="week"],
.form-control input[type="time"],
.search-form input[type="time"],
.gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="time"],
.event-filter-container .facetwp-facet input[type="time"],
.form-control input[type="datetime"],
.search-form input[type="datetime"],
.gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="datetime"],
.event-filter-container .facetwp-facet input[type="datetime"],
.form-control input[type="datetime-local"],
.search-form input[type="datetime-local"],
.gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="datetime-local"],
.event-filter-container .facetwp-facet input[type="datetime-local"],
.form-control input[type="color"],
.search-form input[type="color"],
.gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="color"],
.event-filter-container .facetwp-facet input[type="color"],
.form-control textarea,
.search-form textarea,
.gform_wrapper.gravity-theme[id^="gform_wrapper_"] textarea,
.event-filter-container .facetwp-facet textarea {
  color: #3e3e32;
  border: 3px solid #000;
  border-radius: 0;
  padding: 1rem;
  background: #fff;
  -webkit-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s; }
  .form-control input[type="text"]:focus, .search-form input[type="text"]:focus, .gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="text"]:focus, .event-filter-container .facetwp-facet input[type="text"]:focus,
  .form-control input[type="email"]:focus,
  .search-form input[type="email"]:focus,
  .gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="email"]:focus,
  .event-filter-container .facetwp-facet input[type="email"]:focus,
  .form-control input[type="url"]:focus,
  .search-form input[type="url"]:focus,
  .gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="url"]:focus,
  .event-filter-container .facetwp-facet input[type="url"]:focus,
  .form-control input[type="password"]:focus,
  .search-form input[type="password"]:focus,
  .gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="password"]:focus,
  .event-filter-container .facetwp-facet input[type="password"]:focus,
  .form-control input[type="search"]:focus,
  .search-form input[type="search"]:focus,
  .gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="search"]:focus,
  .event-filter-container .facetwp-facet input[type="search"]:focus,
  .form-control input[type="number"]:focus,
  .search-form input[type="number"]:focus,
  .gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="number"]:focus,
  .event-filter-container .facetwp-facet input[type="number"]:focus,
  .form-control input[type="tel"]:focus,
  .search-form input[type="tel"]:focus,
  .gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="tel"]:focus,
  .event-filter-container .facetwp-facet input[type="tel"]:focus,
  .form-control input[type="range"]:focus,
  .search-form input[type="range"]:focus,
  .gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="range"]:focus,
  .event-filter-container .facetwp-facet input[type="range"]:focus,
  .form-control input[type="date"]:focus,
  .search-form input[type="date"]:focus,
  .gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="date"]:focus,
  .event-filter-container .facetwp-facet input[type="date"]:focus,
  .form-control input[type="month"]:focus,
  .search-form input[type="month"]:focus,
  .gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="month"]:focus,
  .event-filter-container .facetwp-facet input[type="month"]:focus,
  .form-control input[type="week"]:focus,
  .search-form input[type="week"]:focus,
  .gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="week"]:focus,
  .event-filter-container .facetwp-facet input[type="week"]:focus,
  .form-control input[type="time"]:focus,
  .search-form input[type="time"]:focus,
  .gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="time"]:focus,
  .event-filter-container .facetwp-facet input[type="time"]:focus,
  .form-control input[type="datetime"]:focus,
  .search-form input[type="datetime"]:focus,
  .gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="datetime"]:focus,
  .event-filter-container .facetwp-facet input[type="datetime"]:focus,
  .form-control input[type="datetime-local"]:focus,
  .search-form input[type="datetime-local"]:focus,
  .gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="datetime-local"]:focus,
  .event-filter-container .facetwp-facet input[type="datetime-local"]:focus,
  .form-control input[type="color"]:focus,
  .search-form input[type="color"]:focus,
  .gform_wrapper.gravity-theme[id^="gform_wrapper_"] input[type="color"]:focus,
  .event-filter-container .facetwp-facet input[type="color"]:focus,
  .form-control textarea:focus,
  .search-form textarea:focus,
  .gform_wrapper.gravity-theme[id^="gform_wrapper_"] textarea:focus,
  .event-filter-container .facetwp-facet textarea:focus {
    color: #111;
    outline: 0;
    -webkit-box-shadow: -3px 3px 0 #000;
            box-shadow: -3px 3px 0 #000; }

.form-control select, .search-form select, .gform_wrapper.gravity-theme[id^="gform_wrapper_"] select, .event-filter-container .facetwp-facet select {
  border: 3px solid #000;
  border-radius: 0;
  padding: 1rem;
  background: #fff;
  -webkit-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s; }
  .form-control select:focus, .search-form select:focus, .gform_wrapper.gravity-theme[id^="gform_wrapper_"] select:focus, .event-filter-container .facetwp-facet select:focus {
    color: #111;
    outline: 0;
    -webkit-box-shadow: -3px 3px 0 #000;
            box-shadow: -3px 3px 0 #000; }
  .form-control select option, .search-form select option, .gform_wrapper.gravity-theme[id^="gform_wrapper_"] select option, .event-filter-container .facetwp-facet select option {
    font-family: "Fira Mono", sans-serif; }


.form-control textarea,
.search-form textarea,
.gform_wrapper.gravity-theme[id^="gform_wrapper_"] textarea,
.event-filter-container .facetwp-facet textarea {
  width: 100%; }

.search-form .search-submit {
  line-height: 1;
  min-width: 200px; }

.wp-block-group.form-group,
.form-group {
  background-image: url("img/contact-form-background-2.svg");
  background-repeat: no-repeat;
  background-size: 690px;
  background-position: 50% 40%; }
  .wp-block-group.form-group > *,
  .form-group > * {
    max-width: 600px;
    margin: auto; }

[id^="gform_wrapper_"].gform_wrapper.gravity-theme .gfield_required {
  position: relative; }
  [id^="gform_wrapper_"].gform_wrapper.gravity-theme .gfield_required.gfield_required_text {
    display: none; }
  [id^="gform_wrapper_"].gform_wrapper.gravity-theme .gfield_required:after {
    display: block;
    position: absolute;
    top: -19px;
    content: "*";
    color: #000; }

[id^="gform_wrapper_"].gform_wrapper.gravity-theme .gfield_radio,
[id^="gform_wrapper_"].gform_wrapper.gravity-theme .gfield_checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem; }
  [id^="gform_wrapper_"].gform_wrapper.gravity-theme .gfield_radio .gchoice,
  [id^="gform_wrapper_"].gform_wrapper.gravity-theme .gfield_checkbox .gchoice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px; }
    [id^="gform_wrapper_"].gform_wrapper.gravity-theme .gfield_radio .gchoice .gfield-choice-input + label,
    [id^="gform_wrapper_"].gform_wrapper.gravity-theme .gfield_checkbox .gchoice .gfield-choice-input + label {
      max-width: none; }
  [id^="gform_wrapper_"].gform_wrapper.gravity-theme .gfield_radio label,
  [id^="gform_wrapper_"].gform_wrapper.gravity-theme .gfield_checkbox label {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    [id^="gform_wrapper_"].gform_wrapper.gravity-theme .gfield_radio label:before,
    [id^="gform_wrapper_"].gform_wrapper.gravity-theme .gfield_checkbox label:before {
      content: "";
      margin-left: -29px;
      margin-right: 15px;
      width: 25px;
      height: 25px;
      min-width: 25px;
      min-height: 25px;
      background-image: url("img/icon-check-2.svg");
      background-size: 0px;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-color: #fff;
      border: 2px solid #000;
      cursor: pointer;
      -webkit-transition: ease-in-out 0.25s;
      -o-transition: ease-in-out 0.25s;
      transition: ease-in-out 0.25s; }
  [id^="gform_wrapper_"].gform_wrapper.gravity-theme .gfield_radio input[type="radio"],
  [id^="gform_wrapper_"].gform_wrapper.gravity-theme .gfield_radio input[type="checkbox"],
  [id^="gform_wrapper_"].gform_wrapper.gravity-theme .gfield_checkbox input[type="radio"],
  [id^="gform_wrapper_"].gform_wrapper.gravity-theme .gfield_checkbox input[type="checkbox"] {
    opacity: 0; }
    [id^="gform_wrapper_"].gform_wrapper.gravity-theme .gfield_radio input[type="radio"]:checked + label:before,
    [id^="gform_wrapper_"].gform_wrapper.gravity-theme .gfield_radio input[type="checkbox"]:checked + label:before,
    [id^="gform_wrapper_"].gform_wrapper.gravity-theme .gfield_checkbox input[type="radio"]:checked + label:before,
    [id^="gform_wrapper_"].gform_wrapper.gravity-theme .gfield_checkbox input[type="checkbox"]:checked + label:before {
      background-image: url("img/icon-check-2.svg");
      background-size: 14px;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-color: #000;
      border-color: #000; }

[id^="gform_wrapper_"].gform_wrapper.gravity-theme .gfield_checkbox {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-gap: 1rem; }
  [id^="gform_wrapper_"].gform_wrapper.gravity-theme .gfield_checkbox > * {
    min-width: calc(33.3% - 2rem); }

[id^="gform_wrapper_"].gform_wrapper.gravity-theme .ginput_container_date input {
  width: 100%; }

[id^="gform_wrapper_"].gform_wrapper.gravity-theme .ginput_container_date img.ui-datepicker-trigger {
  margin-left: -30px; }

[id^="gform_wrapper_"].gform_wrapper.gravity-theme .gf_progressbar {
  border: 3px solid #000;
  border-radius: 0; }

[id^="gform_wrapper_"].gform_wrapper.gravity-theme .gf_progressbar_percentage {
  border-radius: 0; }

[id^="gform_wrapper_"].gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
  background-color: #d8ff50;
  border-radius: 0; }
  [id^="gform_wrapper_"].gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue span {
    color: #000; }

[id^="gform_wrapper_"].gform_wrapper.gravity-theme .form-ticket-sale .gfield_radio {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem; }
  [id^="gform_wrapper_"].gform_wrapper.gravity-theme .form-ticket-sale .gfield_radio label {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    [id^="gform_wrapper_"].gform_wrapper.gravity-theme .form-ticket-sale .gfield_radio label:before {
      margin-top: 3px; }

.gform_footer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .gform_footer .privacy-policy {
    margin: 0 0 0 1rem; }

.gform_confirmation_wrapper {
  background: #d8ff50;
  padding: 1em;
  text-align: center; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.main-navigation {
  display: block; }
  .main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0; }
    .main-navigation ul ul {
      background-color: #000;
      -webkit-box-shadow: -3px 3px 0 #d8ff50;
              box-shadow: -3px 3px 0 #d8ff50;
      padding: 1rem;
      float: left;
      position: absolute;
      top: 100%;
      left: -999em;
      z-index: 99999; }
      .main-navigation ul ul ul {
        left: -999em;
        top: 0; }
      .main-navigation ul ul li:hover > ul,
      .main-navigation ul ul li.focus > ul {
        left: 100%; }
      .main-navigation ul ul a {
        color: #fff;
        width: 250px;
        text-transform: none; }
        .main-navigation ul ul a:hover {
          color: #d8ff50;
          background-color: transparent; }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
      left: auto; }
  .main-navigation li {
    position: relative; }
  .main-navigation a {
    display: block;
    text-transform: uppercase;
    text-decoration: none; }
    .main-navigation a.is-style-outline, .main-navigation li.lang-item a, .main-navigation a.is-style-outline:visited, .main-navigation li.lang-item a:visited {
      background-color: transparent;
      border-color: #000;
      -webkit-box-shadow: -3px 3px 0 #d8ff50;
              box-shadow: -3px 3px 0 #d8ff50; }
      .main-navigation a.is-style-outline:focus, .main-navigation li.lang-item a:focus, .main-navigation a.is-style-outline:active, .main-navigation li.lang-item a:active, .main-navigation a.is-style-outline:visited:focus, .main-navigation li.lang-item a:visited:focus, .main-navigation a.is-style-outline:visited:active, .main-navigation li.lang-item a:visited:active {
        outline: 0; }
  .main-navigation li.lang-item a {
    padding: 1rem 1.4rem;
    line-height: 2; }

/* Small menu. */
button.menu-toggle,
.main-navigation.toggled ul:not(.sub-menu) {
  display: block; }

@media screen and (min-width: 961px) {
  button.menu-toggle {
    display: none; }
  button.sub-menu-toggle {
    display: none; }
  .main-navigation {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .main-navigation .nav-menu > li {
      margin: 0 1rem; }
    .main-navigation .nav-menu .lang-item:first-child,
    .main-navigation :not(.lang-item) + .lang-item {
      margin-left: auto;
      margin-right: 0 !important; }
    .main-navigation .nav-menu .lang-item.current-lang a {
      background-color: #000;
      color: #fff; }
      .main-navigation .nav-menu .lang-item.current-lang a:hover {
        background-color: #000;
        color: #d8ff50;
        -webkit-box-shadow: -3px 3px 0 #d8ff50;
                box-shadow: -3px 3px 0 #d8ff50; }
    .main-navigation .nav-menu > li:not(.lang-item):not(.menu-item-button) {
      padding: 2.9rem 0; }
      .main-navigation .nav-menu > li:not(.lang-item):not(.menu-item-button) > a:not(.is-style-outline) {
        display: block;
        position: relative; }
        .main-navigation .nav-menu > li:not(.lang-item):not(.menu-item-button) > a:not(.is-style-outline):hover, .main-navigation .nav-menu > li:not(.lang-item):not(.menu-item-button) > a:not(.is-style-outline):focus {
          background-color: transparent;
          color: #000;
          outline: 0; }
          .main-navigation .nav-menu > li:not(.lang-item):not(.menu-item-button) > a:not(.is-style-outline):hover:after, .main-navigation .nav-menu > li:not(.lang-item):not(.menu-item-button) > a:not(.is-style-outline):focus:after {
            width: calc(100% + 20px);
            float: left;
            left: -10px; }
        .main-navigation .nav-menu > li:not(.lang-item):not(.menu-item-button) > a:not(.is-style-outline):after {
          content: "";
          display: block;
          position: absolute;
          height: 100%;
          width: 0;
          float: right;
          top: 0;
          right: -10px;
          background-color: #d8ff50;
          -webkit-transition: ease-in-out 0.5s;
          -o-transition: ease-in-out 0.5s;
          transition: ease-in-out 0.5s;
          z-index: -1; }
  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .main-navigation ul .sub-menu {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      border-right: 1px solid #d8ff50;
      padding: 0; }
      .main-navigation ul .sub-menu li {
        border-bottom: 1px solid #d8ff50; }
        .main-navigation ul .sub-menu li a {
          padding: 1rem;
          -webkit-transition: ease-in-out 0.3s;
          -o-transition: ease-in-out 0.3s;
          transition: ease-in-out 0.3s; }
          .main-navigation ul .sub-menu li a:hover {
            background-color: #d8ff50;
            color: #000; } }

button.menu-toggle {
  position: relative;
  float: right;
  margin: 0;
  background: transparent;
  width: 35px;
  padding: 5px;
  z-index: 10003;
  border: 0; }
  button.menu-toggle:hover, button.menu-toggle:focus, button.menu-toggle:active {
    background: transparent; }
  button.menu-toggle:focus, button.menu-toggle:active {
    outline: 0; }

.toggle-gfx {
  position: relative;
  display: block;
  width: 25px;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg); }
  .toggle-gfx:hover {
    cursor: pointer; }
  .toggle-gfx span {
    display: block;
    height: 3px;
    background: #000;
    border-radius: 9999px;
    margin-bottom: 6px;
    -webkit-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
            transform-origin: left center;
    opacity: 1; }
  .toggled .toggle-gfx .lt {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
  .toggled .toggle-gfx .lm {
    opacity: 0; }
  .toggled .toggle-gfx .lb {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }

@media screen and (max-width: 960px) {
  #menu-top {
    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: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: fixed;
    top: 120px;
    right: 0;
    width: 100%;
    background: #d8ff50;
    background-image: url("img/footer-background-pattern.svg");
    background-repeat: no-repeat;
    background-position: 50% 98%;
    background-size: 1920px;
    padding-bottom: 120px;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    z-index: 10001;
    -webkit-transition: -webkit-transform 0.5s ease-out;
    transition: -webkit-transform 0.5s ease-out;
    -o-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
    height: calc(100vh - 120px);
    min-width: 200px;
    overflow: auto; }
    .toggled #menu-top {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-transition: -webkit-transform 0.5s ease-out;
      transition: -webkit-transform 0.5s ease-out;
      -o-transition: transform 0.5s ease-out;
      transition: transform 0.5s ease-out;
      transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out; }
    #menu-top #primary-menu {
      position: absolute;
      top: 20px;
      width: 100%;
      background-color: #d8ff50; }
  .main-navigation li {
    width: 100%;
    margin: 1em 0;
    text-align: center; }
    .main-navigation li.lang-item {
      display: inline-block;
      width: 50%;
      float: left;
      padding: 0.5rem; }
    .main-navigation li.lang-item-fi a {
      display: block;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      margin-left: auto; }
    .main-navigation li.lang-item-en a {
      display: block;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      margin-right: auto; }
    .main-navigation li.menu-item-button {
      display: block;
      clear: both; }
  .main-navigation a {
    border-bottom: 0; }
    .main-navigation a:hover, .main-navigation a:focus {
      color: #000; }
  .main-navigation ul ul {
    display: none;
    position: relative;
    float: none;
    left: auto;
    margin-top: 1rem;
    text-align: center; }
    .main-navigation ul ul.open {
      display: block; }
    .main-navigation ul ul a {
      width: 100%; }
  button.sub-menu-toggle {
    display: block;
    float: right;
    background-color: transparent;
    border: none;
    margin-right: 20px;
    margin-left: -40px;
    cursor: pointer; }
    button.sub-menu-toggle:before {
      content: url("img/icon-arrow-down.svg"); } }

.footer-menu {
  margin-left: auto;
  margin-right: auto;
  width: 94%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  padding: 0 0 4rem 0;
  font-family: var(--wp--preset--font-family--default-font); }
  @media screen and (min-width: 1078px) {
    .footer-menu {
      width: 1600px;
      max-width: 90%; } }
  @media screen and (min-width: 1600px) {
    .footer-menu {
      max-width: 84%; } }
  @media only screen and (max-width: 1210px) {
    .footer-menu {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding-bottom: 2rem; }
      .footer-menu li {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        text-align: center;
        margin-bottom: 1rem; } }
  @media only screen and (min-width: 1211px) {
    .footer-menu li:not(:last-child) {
      margin-right: 1.5rem; }
      .footer-menu li:not(:last-child):after {
        content: "|";
        margin-left: 1.5rem; } }
  .footer-menu a {
    color: #fff;
    letter-spacing: 1.65px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap; }
    .footer-menu a:hover, .footer-menu a:focus {
      color: #000;
      background-color: #d8ff50; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    -webkit-clip-path: none;
            clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

/*--------------------------------------------------------------
# Alignments & clearings
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Align
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

/*--------------------------------------------------------------
# Clear
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Embeds
--------------------------------------------------------------*/
embed,
iframe,
object {
  max-width: 100%; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }
  .video-container iframe,
  .video-container object,
  .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

.wp-caption-text {
  text-align: center; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%; }

.gallery-caption {
  display: block; }

/*--------------------------------------------------------------
## Lightbox
--------------------------------------------------------------*/
.pswp__bg {
  opacity: 0.8 !important; }

/*--------------------------------------------------------------
## Smiley
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/*--------------------------------------------------------------
# General content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/
.site {
  scroll-padding: 120px; }

.site-content {
  padding-top: 120px; }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 200ms linear;
  transition: -webkit-transform 200ms linear;
  -o-transition: transform 200ms linear;
  transition: transform 200ms linear;
  transition: transform 200ms linear, -webkit-transform 200ms linear;
  z-index: 1000;
  background-color: #f5f4f0;
  -webkit-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s; }
  @media only screen and (max-width: 960px) {
    .site-header:after {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      -webkit-transform: translate3d(100%, 0, 0);
              transform: translate3d(100%, 0, 0);
      top: 0;
      right: 0;
      background-color: #d8ff50;
      -webkit-transition: -webkit-transform ease-out 0.5s;
      transition: -webkit-transform ease-out 0.5s;
      -o-transition: transform ease-out 0.5s;
      transition: transform ease-out 0.5s;
      transition: transform ease-out 0.5s, -webkit-transform ease-out 0.5s; } }
  .admin-bar .site-header {
    margin-top: 32px; }
    @media only screen and (max-width: 782px) {
      .admin-bar .site-header {
        margin-top: 46px; } }
  .site-header.open:after {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.5s ease-out;
    transition: -webkit-transform 0.5s ease-out;
    -o-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out; }
  .site-header.headroom--pinned {
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%); }
  .site-header.headroom--unpinned:not(.open) {
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%); }
  .site-header .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 10000;
    min-height: 120px;
    -webkit-column-gap: 4rem;
       -moz-column-gap: 4rem;
            column-gap: 4rem;
    margin-left: auto;
    margin-right: auto;
    width: 94%; }
    @media screen and (min-width: 1078px) {
      .site-header .wrap {
        width: 1600px;
        max-width: 90%; } }
    @media screen and (min-width: 1600px) {
      .site-header .wrap {
        max-width: 84%; } }
    .no-cssgrid .site-header .wrap {
      display: block; }

@-webkit-keyframes logo-animation {
  from {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg); }
  to {
    -webkit-filter: hue-rotate(270deg);
            filter: hue-rotate(270deg); } }

@keyframes logo-animation {
  from {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg); }
  to {
    -webkit-filter: hue-rotate(270deg);
            filter: hue-rotate(270deg); } }

.site-branding {
  position: relative;
  z-index: 10002; }
  .site-branding .site-title {
    margin: 0; }
    .site-branding .site-title img {
      display: block; }
      @media only screen and (max-width: 575.98px) {
        .site-branding .site-title img {
          width: 128px; } }
    .site-branding .site-title a {
      display: block;
      position: relative; }
      .site-branding .site-title a:after {
        content: url("img/logo-yellow-2.svg");
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        -webkit-transition: ease-in-out 0.5s;
        -o-transition: ease-in-out 0.5s;
        transition: ease-in-out 0.5s; }
      .site-branding .site-title a:hover, .site-branding .site-title a:focus {
        background-color: transparent; }
        .site-branding .site-title a:hover:after, .site-branding .site-title a:focus:after {
          top: 3px;
          left: -3px;
          -webkit-animation-name: logo-animation;
                  animation-name: logo-animation;
          -webkit-animation-duration: 4s;
                  animation-duration: 4s;
          -webkit-animation-iteration-count: infinite;
                  animation-iteration-count: infinite;
          -webkit-animation-direction: alternate;
                  animation-direction: alternate; }

.main-navigation {
  margin-left: auto; }

/*--------------------------------------------------------------
# Post and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.post,
.page {
  margin: 0; }

.updated:not(.published) {
  display: none; }

.page-content,
.entry-content,
.entry-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0; }

.entry-header {
  margin-left: auto;
  margin-right: auto;
  width: 94%;
  margin-top: 2rem;
  margin-bottom: 2rem; }
  @media screen and (min-width: 1078px) {
    .entry-header {
      width: 1024px;
      max-width: 80%; } }
  @media screen and (min-width: 1600px) {
    .entry-header {
      max-width: 74%; } }
  @media screen and (min-width: 768px) {
    .entry-header {
      margin-top: 4rem;
      margin-bottom: 4rem; } }

.blog-hero,
.references-hero {
  position: relative; }
  .blog-hero img,
  .references-hero img {
    width: 100%;
    max-width: none; }
  .blog-hero .page-header.hero-title,
  .references-hero .page-header.hero-title {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin-top: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .blog-hero .page-header.hero-title .page-title,
    .references-hero .page-header.hero-title .page-title {
      color: #fff;
      line-height: 1; }

.page-header {
  margin-top: 83px;
  text-align: center; }

.page-links {
  clear: both;
  margin: 0; }

.edit-link {
  position: fixed;
  top: 50%;
  right: 1rem;
  z-index: 2000; }
  .edit-link a {
    display: block;
    background: #000;
    color: #fff;
    text-decoration: none;
    -webkit-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
    -webkit-box-shadow: 0 0 0 transparent;
            box-shadow: 0 0 0 transparent;
    padding: 1em; }
    .edit-link a:hover, .edit-link a:focus, .edit-link a:active {
      background-color: #000;
      color: #d8ff50;
      -webkit-box-shadow: -5px 5px 0 #d8ff50;
              box-shadow: -5px 5px 0 #d8ff50; }
    .edit-link a:visited {
      color: #fff; }

.page-template-page-sidebar .content-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: 94%;
  padding-bottom: 6rem; }
  @media screen and (min-width: 1078px) {
    .page-template-page-sidebar .content-area {
      width: 1600px;
      max-width: 90%; } }
  @media screen and (min-width: 1600px) {
    .page-template-page-sidebar .content-area {
      max-width: 84%; } }
  @media only screen and (max-width: 575.98px) {
    .page-template-page-sidebar .content-area {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .page-template-page-sidebar .content-area .page-sidebar {
    width: 25%;
    margin-top: 5rem;
    margin-right: 4rem; }
    @media only screen and (max-width: 575.98px) {
      .page-template-page-sidebar .content-area .page-sidebar {
        width: 100%;
        margin-right: 0; } }
    .page-template-page-sidebar .content-area .page-sidebar .toggle-navigation {
      display: none; }
      @media only screen and (max-width: 575.98px) {
        .page-template-page-sidebar .content-area .page-sidebar .toggle-navigation {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 100%;
          margin-bottom: 2rem;
          padding: 1rem;
          background-color: #d8ff50;
          border: 3px solid #000; }
          .page-template-page-sidebar .content-area .page-sidebar .toggle-navigation:after {
            content: url("img/icon-arrow-down.svg");
            -webkit-transition: ease-in-out 0.3s;
            -o-transition: ease-in-out 0.3s;
            transition: ease-in-out 0.3s; }
          .page-template-page-sidebar .content-area .page-sidebar .toggle-navigation.active:after {
            -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                    transform: rotate(180deg); } }
    @media only screen and (max-width: 575.98px) {
      .page-template-page-sidebar .content-area .page-sidebar .page-navigation {
        display: none; } }
    .page-template-page-sidebar .content-area .page-sidebar .page-navigation ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .page-template-page-sidebar .content-area .page-sidebar .page-navigation ul li {
        margin-bottom: 0.3rem; }
        .page-template-page-sidebar .content-area .page-sidebar .page-navigation ul li a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          gap: 0.6rem;
          text-transform: uppercase;
          text-decoration: none;
          padding-left: 0.3rem; }
          .page-template-page-sidebar .content-area .page-sidebar .page-navigation ul li a.top {
            margin-bottom: 0.3rem; }
          .page-template-page-sidebar .content-area .page-sidebar .page-navigation ul li a.current-page {
            background-color: #d8ff50; }
          .page-template-page-sidebar .content-area .page-sidebar .page-navigation ul li a:before {
            display: inline-block;
            content: "";
            width: 10px;
            height: 26px;
            min-width: 10px;
            background-color: #000;
            -webkit-mask-image: url("img/icon-dot.svg");
            mask-image: url("img/icon-dot.svg");
            -webkit-mask-size: contain;
                    mask-size: contain;
            -webkit-mask-repeat: no-repeat;
                    mask-repeat: no-repeat;
            -webkit-mask-position: 50% 50%;
                    mask-position: 50% 50%; }
  .page-template-page-sidebar .content-area .site-main .entry-content > * {
    max-width: 900px;
    margin-left: 0; }
    @media only screen and (max-width: 575.98px) {
      .page-template-page-sidebar .content-area .site-main .entry-content > * {
        max-width: 84%; } }

article.type-post .entry-meta,
article.type-post .entry-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  color: #1a1a1a;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media screen and (min-width: 768px) {
    article.type-post .entry-meta,
    article.type-post .entry-footer {
      margin-top: 1rem;
      margin-bottom: 1rem; } }

article.type-post .entry-header {
  max-width: 100%;
  margin-top: 0; }

.single-post article.type-post .entry-footer {
  margin-left: auto;
  margin-right: auto;
  width: 94%;
  margin-top: 2rem; }
  @media screen and (min-width: 1078px) {
    .single-post article.type-post .entry-footer {
      width: 1024px;
      max-width: 80%; } }
  @media screen and (min-width: 1600px) {
    .single-post article.type-post .entry-footer {
      max-width: 74%; } }

.single-post article.type-post .entry-header {
  margin: 4rem auto 2rem auto; }

.single-post article.type-post .entry-title {
  text-align: center;
  font-size: 32px !important;
  font-size: 2rem !important; }
  @media (min-width: 1024px) {
    .single-post article.type-post .entry-title {
      font-size: 48px !important;
      font-size: 3rem !important; } }
  @media (min-width: 1600px) {
    .single-post article.type-post .entry-title {
      font-size: 64px !important;
      font-size: 4rem !important; } }

.single-post article.type-post .entry-footer {
  margin-top: 3rem; }

.single-post article.type-post .post-thumbnail {
  margin-bottom: 4rem; }
  .single-post article.type-post .post-thumbnail img {
    display: block;
    margin-left: auto;
    margin-right: auto; }

.single-post article.type-post .read-more {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  margin-bottom: 0; }

article.type-post .entry-meta .posted-on {
  color: #000;
  font-family: var(--wp--preset--font-family--default-font);
  margin: 0; }

article.type-post .entry-footer a {
  border: 2px solid #000;
  border-radius: 9999px;
  -webkit-box-shadow: -3px 3px 0 #d8ff50;
          box-shadow: -3px 3px 0 #d8ff50;
  padding: 0.5rem 1rem;
  text-decoration: none;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s; }
  article.type-post .entry-footer a:hover, article.type-post .entry-footer a:focus {
    background-color: #d8ff50;
    border-color: #000;
    -webkit-box-shadow: -3px 3px 0 #000;
            box-shadow: -3px 3px 0 #000;
    color: #000; }

.archive-filter-buttons {
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  width: 94%; }
  @media screen and (min-width: 768px) {
    .archive-filter-buttons {
      margin-top: 4rem;
      margin-bottom: 4rem; } }
  @media screen and (min-width: 1078px) {
    .archive-filter-buttons {
      width: 1600px;
      max-width: 90%; } }
  @media screen and (min-width: 1600px) {
    .archive-filter-buttons {
      max-width: 84%; } }
  .archive-filter-buttons .facetwp-type-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 2rem; }
    .blog .archive-filter-buttons .facetwp-type-radio {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; }
    @media only screen and (max-width: 767.98px) {
      .archive-filter-buttons .facetwp-type-radio {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 1rem; } }
    .archive-filter-buttons .facetwp-type-radio .facetwp-display-value {
      padding: 0; }
    .archive-filter-buttons .facetwp-type-radio .facetwp-radio {
      background: none; }
      .archive-filter-buttons .facetwp-type-radio .facetwp-radio.checked {
        background-color: #d8ff50;
        color: #000;
        border-color: #000;
        -webkit-box-shadow: -3px 3px 0 #000;
                box-shadow: -3px 3px 0 #000; }
      .archive-filter-buttons .facetwp-type-radio .facetwp-radio:first-child.checked {
        display: none; }
      .post-type-archive-referenssi .archive-filter-buttons .facetwp-type-radio .facetwp-radio:first-child {
        -webkit-box-ordinal-group: 91;
            -ms-flex-order: 90;
                order: 90; }
      @media only screen and (max-width: 575.98px) {
        .blog .archive-filter-buttons .facetwp-type-radio .facetwp-radio:first-child {
          -webkit-box-ordinal-group: 91;
              -ms-flex-order: 90;
                  order: 90; } }
      @media only screen and (max-width: 767.98px) {
        .archive-filter-buttons .facetwp-type-radio .facetwp-radio {
          line-height: 1;
          font-size: 14px;
          font-size: 0.875rem; } }
      .archive-filter-buttons .facetwp-type-radio .facetwp-radio .facetwp-counter {
        display: none; }

.blog .content-area {
  margin-bottom: 6rem; }
  .blog .content-area main {
    margin-left: auto;
    margin-right: auto;
    width: 94%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem; }
    @media screen and (min-width: 1078px) {
      .blog .content-area main {
        width: 1600px;
        max-width: 90%; } }
    @media screen and (min-width: 1600px) {
      .blog .content-area main {
        max-width: 84%; } }
    @media only screen and (max-width: 575.98px) {
      .blog .content-area main {
        grid-template-columns: 1fr; } }

.blog .hentry {
  min-width: 0; }
  .blog .hentry .post-thumbnail {
    position: relative;
    display: block;
    margin-bottom: 1rem;
    padding-bottom: 60%; }
    .blog .hentry .post-thumbnail img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .blog .hentry .entry-title {
    font-size: 19.8px !important;
    font-size: 1.2375rem !important;
    line-height: 1.5;
    margin-bottom: 0; }
    @media (min-width: 1024px) {
      .blog .hentry .entry-title {
        font-size: 23.1px !important;
        font-size: 1.44375rem !important; } }
    @media (min-width: 1600px) {
      .blog .hentry .entry-title {
        font-size: 26.4px !important;
        font-size: 1.65rem !important; } }
    .blog .hentry .entry-title a {
      background-color: transparent;
      -webkit-transition: ease-in-out 0.5s;
      -o-transition: ease-in-out 0.5s;
      transition: ease-in-out 0.5s; }
      .blog .hentry .entry-title a:hover {
        text-decoration: none;
        background-color: #d8ff50; }
  .blog .hentry .read-more {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    margin-bottom: 0;
    margin-right: auto;
    margin-left: 0; }

.blog .news-archive {
  list-style: none;
  border: 3px solid #000;
  padding: 0rem; }
  .blog .news-archive li.news-archive__year {
    border-bottom: 3px solid #d8ff50; }
    .blog .news-archive li.news-archive__year:last-child {
      border: none; }
  .blog .news-archive ul {
    list-style: none;
    margin-left: 0;
    padding: 1rem; }
    .blog .news-archive ul ul {
      margin: 1rem 0;
      padding: 0; }
      .blog .news-archive ul ul li {
        margin-bottom: 1rem; }
        .blog .news-archive ul ul li:last-child {
          margin-bottom: 0; }
  .blog .news-archive .js-archive-toggle {
    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;
    text-decoration: none; }
  .blog .news-archive .news-archive__year > .js-archive-toggle {
    background-color: #000; }
    .blog .news-archive .news-archive__year > .js-archive-toggle:after {
      content: url("img/icon-arrow-down-yellow.svg");
      margin-right: 1rem;
      -webkit-transition: ease-in-out 0.3s;
      -o-transition: ease-in-out 0.3s;
      transition: ease-in-out 0.3s; }
    .blog .news-archive .news-archive__year > .js-archive-toggle.active:after {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
  .blog .news-archive .news-archive__month {
    display: none; }
  .blog .news-archive .news-archive__posts {
    display: none; }
  .blog .news-archive h2 {
    font-size: 21px !important;
    font-size: 1.3125rem !important;
    margin: 0;
    color: #d8ff50;
    padding: 1rem; }
    @media (min-width: 1024px) {
      .blog .news-archive h2 {
        font-size: 24.5px !important;
        font-size: 1.53125rem !important; } }
    @media (min-width: 1600px) {
      .blog .news-archive h2 {
        font-size: 28px !important;
        font-size: 1.75rem !important; } }
  .blog .news-archive h3 {
    font-size: 18px !important;
    font-size: 1.125rem !important;
    margin: 0;
    margin-bottom: 0.5rem; }
    @media (min-width: 1024px) {
      .blog .news-archive h3 {
        font-size: 21px !important;
        font-size: 1.3125rem !important; } }
    @media (min-width: 1600px) {
      .blog .news-archive h3 {
        font-size: 24px !important;
        font-size: 1.5rem !important; } }

.post-type-archive-event .site-main {
  padding-bottom: 6rem; }

.event-page-header {
  margin-left: auto;
  margin-right: auto;
  width: 94%;
  padding: 4rem;
  padding-left: 0;
  padding-right: 0; }
  @media screen and (min-width: 1078px) {
    .event-page-header {
      width: 1600px;
      max-width: 90%; } }
  @media screen and (min-width: 1600px) {
    .event-page-header {
      max-width: 84%; } }
  @media (min-width: 1600px) {
    .event-page-header {
      padding: 4rem;
      padding-left: 0;
      padding-right: 0; } }

.event-disclaimer {
  margin-left: auto;
  margin-right: auto;
  width: 94%;
  padding-bottom: 4rem; }
  @media screen and (min-width: 1078px) {
    .event-disclaimer {
      width: 1600px;
      max-width: 90%; } }
  @media screen and (min-width: 1600px) {
    .event-disclaimer {
      max-width: 84%; } }

.event-filter-container {
  margin-left: auto;
  margin-right: auto;
  width: 94%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 2rem;
  margin-bottom: 2rem; }
  @media screen and (min-width: 1078px) {
    .event-filter-container {
      width: 1600px;
      max-width: 90%; } }
  @media screen and (min-width: 1600px) {
    .event-filter-container {
      max-width: 84%; } }
  .event-filter-container .facetwp-facet {
    margin-bottom: 0; }
    .event-filter-container .facetwp-facet .facetwp-search,
    .event-filter-container .facetwp-facet .facetwp-dropdown {
      min-width: 150px;
      max-width: 100%; }
      @media (min-width: 1400px) {
        .event-filter-container .facetwp-facet .facetwp-search,
        .event-filter-container .facetwp-facet .facetwp-dropdown {
          min-width: 300px; } }
    .event-filter-container .facetwp-facet .facetwp-icon {
      right: 0.5rem; }
  .event-filter-container .event-feed-list-layout-toggle,
  .event-filter-container .event-feed-image-layout-toggle {
    display: block;
    background-color: transparent;
    border: none;
    text-align: left;
    margin-left: auto; }
  .event-filter-container .event-feed-list-layout-toggle:after {
    content: url("img/icon-list.svg");
    margin-left: 0.5rem; }
  .event-filter-container .event-feed-image-layout-toggle:after {
    content: url("img/icon-grid.svg");
    margin-left: 0.5rem; }
  @media only screen and (max-width: 991.98px) {
    .event-filter-container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 1rem;
      margin-bottom: 2rem; }
      .event-filter-container .facetwp-facet {
        margin-bottom: 0; }
        .event-filter-container .facetwp-facet > * {
          width: 100%; }
        .event-filter-container .facetwp-facet input.facetwp-search {
          width: 100%; } }

.event-feed {
  margin-left: auto;
  margin-right: auto;
  width: 94%;
  display: grid;
  gap: 2rem;
  padding-bottom: 4rem;
  overflow-x: hidden; }
  @media screen and (min-width: 1078px) {
    .event-feed {
      width: 1600px;
      max-width: 90%; } }
  @media screen and (min-width: 1600px) {
    .event-feed {
      max-width: 84%; } }
  .event-feed.grid-view {
    grid-template-columns: repeat(4, 1fr); }
    @media only screen and (max-width: 991.98px) {
      .event-feed.grid-view {
        grid-template-columns: 1fr 1fr; } }
    @media only screen and (max-width: 575.98px) {
      .event-feed.grid-view {
        grid-template-columns: 1fr; } }
  .event-feed.list-view {
    grid-template-columns: 1fr;
    -webkit-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s; }
    .event-feed.list-view .event-feed-item .post-thumbnail {
      display: none; }
    @media (min-width: 992px) {
      .event-feed.list-view .event-feed-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        .event-feed.list-view .event-feed-item .event-feed-item__content {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1; }
        .event-feed.list-view .event-feed-item .post-thumbnail {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2;
          width: 320px;
          height: auto;
          padding: 0;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .event-feed.list-view .event-feed-item .post-thumbnail img {
            position: relative;
            width: auto;
            height: auto; }
          .event-feed.list-view .event-feed-item .post-thumbnail:hover {
            background: transparent; } }
  .event-feed .event-feed-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border: 3px solid #000;
    min-width: 0px; }
    .event-feed .event-feed-item .post-thumbnail {
      position: relative;
      display: block;
      padding-bottom: 70%;
      width: 100%; }
      .event-feed .event-feed-item .post-thumbnail img {
        position: absolute;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: 50% 50%;
           object-position: 50% 50%; }
    .event-feed .event-feed-item__content {
      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;
      padding: 1rem; }
    .event-feed .event-feed-item__date time {
      display: block;
      font-size: 18px !important;
      font-size: 1.125rem !important;
      margin-bottom: 1rem;
      font-family: var(--wp--preset--font-family--alt-font); }
      @media (min-width: 1024px) {
        .event-feed .event-feed-item__date time {
          font-size: 21px !important;
          font-size: 1.3125rem !important; } }
      @media (min-width: 1600px) {
        .event-feed .event-feed-item__date time {
          font-size: 24px !important;
          font-size: 1.5rem !important; } }
      .event-feed .event-feed-item__date time span {
        margin-right: 0.5rem; }
    .event-feed .event-feed-item__artists {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 1rem;
      margin-bottom: 1rem; }
      .event-feed .event-feed-item__artists .event-title {
        font-size: 23.4px !important;
        font-size: 1.4625rem !important;
        color: #3f4f17;
        line-height: 100%;
        margin: 0;
        word-break: break-word;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto; }
        @media (min-width: 1024px) {
          .event-feed .event-feed-item__artists .event-title {
            font-size: 27.3px !important;
            font-size: 1.70625rem !important; } }
        @media (min-width: 1600px) {
          .event-feed .event-feed-item__artists .event-title {
            font-size: 31.2px !important;
            font-size: 1.95rem !important; } }
      .event-feed .event-feed-item__artists .event-artist {
        font-size: 19.8px !important;
        font-size: 1.2375rem !important;
        position: relative;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        max-width: 100%;
        margin: 0;
        line-height: 1.1;
        word-break: break-word;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto; }
        @media (min-width: 1024px) {
          .event-feed .event-feed-item__artists .event-artist {
            font-size: 23.1px !important;
            font-size: 1.44375rem !important; } }
        @media (min-width: 1600px) {
          .event-feed .event-feed-item__artists .event-artist {
            font-size: 26.4px !important;
            font-size: 1.65rem !important; } }
        .event-feed .event-feed-item__artists .event-artist span {
          display: inline-block;
          position: relative;
          top: -6px;
          font-size: 58%;
          margin-left: 8px;
          margin-top: 4px;
          word-break: keep-all; }
    .event-feed .event-feed-item__info {
      list-style: none;
      padding: 0;
      margin: 1rem 0; }
      .event-feed .event-feed-item__info li {
        display: inline;
        font-family: var(--wp--preset--font-family--default-font); }
        .event-feed .event-feed-item__info li:not(:first-child):before {
          content: "|";
          margin-right: 0.5rem; }
    .event-feed .event-feed-item .event-link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      margin-top: auto;
      margin-left: auto;
      font-family: var(--wp--preset--font-family--default-font);
      text-transform: uppercase; }
      .event-feed .event-feed-item .event-link img {
        padding: 10px;
        border: 3px solid transparent;
        -webkit-box-shadow: -3px 3px 0 transparent;
                box-shadow: -3px 3px 0 transparent;
        -webkit-transition: ease-in-out 0.5s;
        -o-transition: ease-in-out 0.5s;
        transition: ease-in-out 0.5s; }
      .event-feed .event-feed-item .event-link:hover, .event-feed .event-feed-item .event-link:focus {
        background-color: transparent; }
        .event-feed .event-feed-item .event-link:hover img, .event-feed .event-feed-item .event-link:focus img {
          border-color: #000;
          -webkit-box-shadow: -3px 3px 0 #d8ff50;
                  box-shadow: -3px 3px 0 #d8ff50; }

.no-results--events > * {
  max-width: 100%; }

.no-results--events .event-page-header {
  padding: 1rem 0; }

.event-header {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
  font-family: var(--wp--preset--font-family--default-font); }
  @media only screen and (max-width: 991.98px) {
    .event-header {
      grid-template-columns: 1fr; } }
  .event-header .event-separator {
    width: 83px;
    height: 2020px;
    background-image: url("img/hero-slider-separator-2.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: -100px;
    justify-self: center;
    z-index: 1; }
    @media only screen and (max-width: 991.98px) {
      .event-header .event-separator {
        justify-self: flex-start;
        left: -41.5px; } }
  .event-header__image .post-thumbnail {
    height: 100%; }
    .event-header__image .post-thumbnail img {
      display: block;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .event-header__content {
    background-color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    color: #fff;
    padding: 8%;
    padding-left: calc(8% + 41.5px); }
    .event-header__content .event-date {
      display: block;
      font-family: var(--wp--preset--font-family--alt-font);
      font-size: 1.5rem; }
    .event-header__content .event-artists {
      margin-bottom: 2rem; }
    .event-header__content .event-title {
      font-size: 24px !important;
      font-size: 1.5rem !important;
      color: #d8ff50;
      line-height: 1.5;
      margin: 0 0 1rem 0;
      word-break: break-word; }
      @media (min-width: 1024px) {
        .event-header__content .event-title {
          font-size: 36px !important;
          font-size: 2.25rem !important; } }
      @media (min-width: 1600px) {
        .event-header__content .event-title {
          font-size: 48px !important;
          font-size: 3rem !important; } }
    .event-header__content .event-artist {
      position: relative;
      margin-top: 0;
      margin-bottom: 0.5rem;
      color: #fff;
      font-size: 20px !important;
      font-size: 1.25rem !important; }
      @media (min-width: 1024px) {
        .event-header__content .event-artist {
          font-size: 30px !important;
          font-size: 1.875rem !important; } }
      @media (min-width: 1600px) {
        .event-header__content .event-artist {
          font-size: 40px !important;
          font-size: 2.5rem !important; } }
      .event-header__content .event-artist:last-child {
        margin-bottom: 0; }
      .event-header__content .event-artist span {
        display: inline-block;
        position: relative;
        top: -8px;
        font-size: 50%;
        margin-left: 14px;
        margin-top: 4px;
        color: #d8ff50;
        word-break: keep-all; }
    .event-header__content .event-info {
      padding: 0;
      margin: 0;
      list-style: none; }
      .event-header__content .event-info li {
        display: inline;
        white-space: nowrap; }
      .event-header__content .event-info li:not(:first-child):before {
        content: "|";
        margin-right: 1rem; }
    .event-header__content .event-tickets {
      margin-top: 3rem; }
      .event-header__content .event-tickets__button {
        display: inline-block;
        border: 3px solid;
        border-color: #d8ff50;
        border-radius: 9999px;
        background: #d8ff50;
        -webkit-box-shadow: 0px 0px 0 transparent;
                box-shadow: 0px 0px 0 transparent;
        color: #000;
        font-family: var(--wp--preset--font-family--default-font);
        font-weight: 500;
        font-size: 17.84px;
        font-size: 1.115rem;
        padding: 1rem 2rem;
        line-height: 2;
        letter-spacing: 1.5px;
        text-decoration: none;
        text-transform: uppercase;
        -webkit-transition: ease-in-out 0.5s;
        -o-transition: ease-in-out 0.5s;
        transition: ease-in-out 0.5s; }
        .event-header__content .event-tickets__button:hover {
          background-color: #000;
          border-color: #d8ff50;
          color: #fff;
          -webkit-box-shadow: -3px 3px 0 #d8ff50;
                  box-shadow: -3px 3px 0 #d8ff50; }

.event-content {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 94%;
  padding: 4rem;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 3rem; }
  @media screen and (min-width: 1078px) {
    .event-content {
      width: 1024px;
      max-width: 80%; } }
  @media screen and (min-width: 1600px) {
    .event-content {
      max-width: 74%; } }
  @media (min-width: 1600px) {
    .event-content {
      padding: 4rem;
      padding-left: 0;
      padding-right: 0; } }
  .event-content.alignwide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  @media only screen and (max-width: 767.98px) {
    .event-content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; } }
  .event-content .event-description {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-bottom: 3rem; }
    .event-content .event-description .social-links {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 2rem;
      margin: 3rem 0; }
      .event-content .event-description .social-links a:hover, .event-content .event-description .social-links a:focus {
        background-color: transparent; }
  .event-content .event-ticket-salesbox {
    position: relative;
    min-width: 30%;
    max-width: 30%;
    margin-right: 4rem;
    background-color: transparent;
    border-radius: 40px;
    padding: 2rem 1rem;
    border: 2px solid #000; }
    .event-content .event-ticket-salesbox .event-ticket-salesbox-heading {
      margin-bottom: 2rem;
      text-align: center;
      font-family: var(--wp--preset--font-family--alt-font);
      font-size: 2rem; }
    .event-content .event-ticket-salesbox #tiketti-sales-box {
      font-family: var(--wp--preset--font-family--default-font);
      font-size: 1.115rem;
      width: auto;
      background-color: transparent; }
      .event-content .event-ticket-salesbox #tiketti-sales-box .tiketti-sales-box-ticket {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        height: auto;
        border: none;
        border-bottom: 2px solid #000;
        padding: 1rem; }
        @media (max-width: 575.98px) {
          .event-content .event-ticket-salesbox #tiketti-sales-box .tiketti-sales-box-ticket {
            padding: 0.5rem; } }
        .event-content .event-ticket-salesbox #tiketti-sales-box .tiketti-sales-box-ticket:first-child {
          border-top: 2px solid #000; }
      .event-content .event-ticket-salesbox #tiketti-sales-box .tiketti-sales-box-indicator {
        width: 24px;
        height: 24px;
        padding: 1rem 0; }
        .event-content .event-ticket-salesbox #tiketti-sales-box .tiketti-sales-box-indicator span {
          border-radius: 9999px;
          width: 14px;
          height: 14px; }
      .event-content .event-ticket-salesbox #tiketti-sales-box .tiketti-sales-box-category-name {
        display: block;
        -ms-flex-preferred-size: calc(100% - 30px);
            flex-basis: calc(100% - 30px);
        border: none;
        padding: 1rem;
        padding-left: 0;
        width: auto; }
      .event-content .event-ticket-salesbox #tiketti-sales-box .tiketti-sales-box-price,
      .event-content .event-ticket-salesbox #tiketti-sales-box .tiketti-sales-box-counter,
      .event-content .event-ticket-salesbox #tiketti-sales-box .tiketti-sales-box-more-and-less {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: 33%;
            flex-basis: 33%;
        height: 40px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: auto;
        text-align: left; }
      .event-content .event-ticket-salesbox #tiketti-sales-box .tiketti-sales-box-price {
        -ms-flex-preferred-size: 55%;
            flex-basis: 55%; }
      .event-content .event-ticket-salesbox #tiketti-sales-box .tiketti-sales-box-counter {
        -ms-flex-preferred-size: 20%;
            flex-basis: 20%; }
      .event-content .event-ticket-salesbox #tiketti-sales-box .tiketti-sales-box-more-and-less {
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
      .event-content .event-ticket-salesbox #tiketti-sales-box .tiketti-sales-box-price {
        white-space: nowrap;
        border: none;
        padding: 0; }
      .event-content .event-ticket-salesbox #tiketti-sales-box .tiketti-sales-box-counter input {
        background-color: transparent; }
      .event-content .event-ticket-salesbox #tiketti-sales-box .tiketti-sales-box-more-and-less {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .event-content .event-ticket-salesbox #tiketti-sales-box .tiketti-sales-box-more-and-less .tiketti-sales-box-more,
        .event-content .event-ticket-salesbox #tiketti-sales-box .tiketti-sales-box-more-and-less .tiketti-sales-box-less {
          color: #000;
          border: 2px solid #000;
          font-size: 34px;
          width: 40px;
          height: 40px;
          line-height: 36px; }
          @media (max-width: 575.98px) {
            .event-content .event-ticket-salesbox #tiketti-sales-box .tiketti-sales-box-more-and-less .tiketti-sales-box-more,
            .event-content .event-ticket-salesbox #tiketti-sales-box .tiketti-sales-box-more-and-less .tiketti-sales-box-less {
              font-size: 24px;
              width: 30px;
              height: 30px;
              line-height: 26px; } }
        .event-content .event-ticket-salesbox #tiketti-sales-box .tiketti-sales-box-more-and-less .tiketti-sales-box-less {
          border-left: none; }
      .event-content .event-ticket-salesbox #tiketti-sales-box .tiketti-sales-box-product-total-sum {
        display: none; }
      .event-content .event-ticket-salesbox #tiketti-sales-box #tiketti-sales-box-total {
        padding-top: 2rem;
        padding-bottom: 2rem;
        text-align: center;
        font-family: var(--wp--preset--font-family--alt-font);
        font-weight: 400;
        font-size: 1.375rem; }
      .event-content .event-ticket-salesbox #tiketti-sales-box > .button, .event-content .event-ticket-salesbox .comment-navigation .nav-next #tiketti-sales-box > a, .comment-navigation .nav-next .event-content .event-ticket-salesbox #tiketti-sales-box > a,
      .event-content .event-ticket-salesbox .comment-navigation .nav-previous #tiketti-sales-box > a, .comment-navigation .nav-previous .event-content .event-ticket-salesbox #tiketti-sales-box > a,
      .event-content .event-ticket-salesbox .posts-navigation .nav-next #tiketti-sales-box > a, .posts-navigation .nav-next .event-content .event-ticket-salesbox #tiketti-sales-box > a,
      .event-content .event-ticket-salesbox .posts-navigation .nav-previous #tiketti-sales-box > a, .posts-navigation .nav-previous .event-content .event-ticket-salesbox #tiketti-sales-box > a,
      .event-content .event-ticket-salesbox .post-navigation .nav-next #tiketti-sales-box > a, .post-navigation .nav-next .event-content .event-ticket-salesbox #tiketti-sales-box > a,
      .event-content .event-ticket-salesbox .post-navigation .nav-previous #tiketti-sales-box > a, .post-navigation .nav-previous .event-content .event-ticket-salesbox #tiketti-sales-box > a {
        display: block;
        border: none !important;
        margin: auto;
        background: transparent; }
      .event-content .event-ticket-salesbox #tiketti-sales-box button {
        display: inline-block;
        border: 3px solid;
        border-color: #000;
        border-radius: 9999px;
        background: transparent;
        -webkit-box-shadow: -3px 3px 0px 0 #d8ff50;
                box-shadow: -3px 3px 0px 0 #d8ff50;
        color: #000;
        font-weight: 500;
        font-size: 17.84px;
        font-size: 1.115rem;
        padding: 1rem 2rem;
        line-height: 2;
        letter-spacing: 1.5px;
        text-decoration: none;
        text-transform: uppercase;
        -webkit-transition: ease-in-out 0.5s;
        -o-transition: ease-in-out 0.5s;
        transition: ease-in-out 0.5s;
        white-space: nowrap;
        margin: 0;
        padding: 0 1rem;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content; }
        .event-content .event-ticket-salesbox #tiketti-sales-box button:hover, .event-content .event-ticket-salesbox #tiketti-sales-box button:focus {
          background: #d8ff50;
          color: #000;
          border-color: #000;
          -webkit-box-shadow: -3px 3px 0 #000;
                  box-shadow: -3px 3px 0 #000; }
    @media only screen and (max-width: 767.98px) {
      .event-content .event-ticket-salesbox {
        min-width: 100%;
        max-width: 100%;
        margin-right: 0; } }

.event-links {
  font-family: var(--wp--preset--font-family--default-font); }
  .event-links .social-media-button {
    display: inline-block;
    border: 3px solid;
    border-color: #000;
    border-radius: 9999px;
    background: transparent;
    -webkit-box-shadow: -3px 3px 0px 0 #d8ff50;
            box-shadow: -3px 3px 0px 0 #d8ff50;
    color: #000;
    font-weight: 500;
    font-size: 17.84px;
    font-size: 1.115rem;
    padding: 1rem 2rem;
    line-height: 2;
    letter-spacing: 1.5px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s; }
    .event-links .social-media-button:hover, .event-links .social-media-button:focus {
      background: #d8ff50;
      color: #000;
      border-color: #000;
      -webkit-box-shadow: -3px 3px 0 #000;
              box-shadow: -3px 3px 0 #000; }

.single-event-disclaimer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #3f4f17;
  padding: 2rem;
  color: #fff;
  gap: 2rem; }
  @media only screen and (max-width: 767.98px) {
    .single-event-disclaimer {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      text-align: center; } }
  .single-event-disclaimer p {
    font-family: var(--wp--preset--font-family--alt-font);
    font-size: 18px !important;
    font-size: 1.125rem !important;
    margin: 0; }
    @media (min-width: 1024px) {
      .single-event-disclaimer p {
        font-size: 21px !important;
        font-size: 1.3125rem !important; } }
    @media (min-width: 1600px) {
      .single-event-disclaimer p {
        font-size: 24px !important;
        font-size: 1.5rem !important; } }
  .single-event-disclaimer .button, .single-event-disclaimer .comment-navigation .nav-next a, .comment-navigation .nav-next .single-event-disclaimer a,
  .single-event-disclaimer .comment-navigation .nav-previous a, .comment-navigation .nav-previous .single-event-disclaimer a,
  .single-event-disclaimer .posts-navigation .nav-next a, .posts-navigation .nav-next .single-event-disclaimer a,
  .single-event-disclaimer .posts-navigation .nav-previous a, .posts-navigation .nav-previous .single-event-disclaimer a,
  .single-event-disclaimer .post-navigation .nav-next a, .post-navigation .nav-next .single-event-disclaimer a,
  .single-event-disclaimer .post-navigation .nav-previous a, .post-navigation .nav-previous .single-event-disclaimer a {
    white-space: nowrap; }

.references-posts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-left: auto;
  margin-right: auto;
  width: 94%;
  padding: 4rem;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 6rem; }
  @media screen and (min-width: 1078px) {
    .references-posts {
      width: 1600px;
      max-width: 90%; } }
  @media screen and (min-width: 1600px) {
    .references-posts {
      max-width: 84%; } }
  @media (min-width: 1600px) {
    .references-posts {
      padding: 4rem;
      padding-left: 0;
      padding-right: 0; } }
  @media only screen and (max-width: 767.98px) {
    .references-posts {
      grid-template-columns: 1fr 1fr; } }
  @media only screen and (max-width: 575.98px) {
    .references-posts {
      grid-template-columns: 1fr; } }
  .references-posts article {
    width: 100%;
    min-width: 0; }
    .references-posts article .references-thumbnail {
      position: relative;
      display: block; }
      .references-posts article .references-thumbnail:hover .post-thumbnail:after, .references-posts article .references-thumbnail:focus .post-thumbnail:after, .references-posts article .references-thumbnail:active .post-thumbnail:after {
        background-color: rgba(0, 0, 0, 0.65); }
      .references-posts article .references-thumbnail:hover .entry-header .entry-title, .references-posts article .references-thumbnail:focus .entry-header .entry-title, .references-posts article .references-thumbnail:active .entry-header .entry-title {
        color: #d8ff50; }
    .references-posts article .post-thumbnail {
      position: relative;
      display: block;
      padding-bottom: 100%; }
      .references-posts article .post-thumbnail:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.2);
        -webkit-transition: ease-in-out 0.3s;
        -o-transition: ease-in-out 0.3s;
        transition: ease-in-out 0.3s; }
      .references-posts article .post-thumbnail img {
        position: absolute;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: 50% 50%;
           object-position: 50% 50%; }
    .references-posts article .entry-header {
      position: absolute;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 100%;
      max-width: 100%;
      margin: 0;
      top: 0;
      left: 0;
      padding: 2rem;
      text-align: center; }
      .references-posts article .entry-header .entry-title {
        font-size: 21px !important;
        font-size: 1.3125rem !important;
        color: #fff; }
        @media (min-width: 1024px) {
          .references-posts article .entry-header .entry-title {
            font-size: 24.5px !important;
            font-size: 1.53125rem !important; } }
        @media (min-width: 1600px) {
          .references-posts article .entry-header .entry-title {
            font-size: 28px !important;
            font-size: 1.75rem !important; } }
    .references-posts article .entry-content > * {
      max-width: 100%;
      margin-top: 0;
      margin-bottom: 1.5rem; }

.single-referenssi .post-thumbnail {
  display: block;
  position: relative;
  margin-bottom: 4rem;
  min-height: 400px;
  max-height: 500px; }
  .single-referenssi .post-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%; }

.single-referenssi .entry-header {
  margin: 4rem auto 2rem auto; }
  .single-referenssi .entry-header .entry-title {
    text-align: center;
    font-size: 32px !important;
    font-size: 2rem !important; }
    @media (min-width: 1024px) {
      .single-referenssi .entry-header .entry-title {
        font-size: 48px !important;
        font-size: 3rem !important; } }
    @media (min-width: 1600px) {
      .single-referenssi .entry-header .entry-title {
        font-size: 64px !important;
        font-size: 4rem !important; } }

.single-referenssi .entry-content {
  padding-bottom: 6rem; }

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
  margin-left: auto;
  margin-right: auto;
  width: 94%;
  margin-top: 1rem;
  margin-bottom: 1rem;
  overflow: hidden; }
  @media screen and (min-width: 1078px) {
    .site-main .comment-navigation, .site-main
    .posts-navigation, .site-main
    .post-navigation {
      width: 1024px;
      max-width: 80%; } }
  @media screen and (min-width: 1600px) {
    .site-main .comment-navigation, .site-main
    .posts-navigation, .site-main
    .post-navigation {
      max-width: 74%; } }
  @media screen and (min-width: 768px) {
    .site-main .comment-navigation, .site-main
    .posts-navigation, .site-main
    .post-navigation {
      margin-top: 2rem;
      margin-bottom: 2rem; } }

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  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: 1rem;
  height: 150px;
  overflow: visible; }

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
  padding: 20px; }

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
  padding: 20px; }
  .comment-navigation .nav-next:only-child,
  .posts-navigation .nav-next:only-child,
  .post-navigation .nav-next:only-child {
    margin-left: auto; }

.comment-navigation .nav-next a,
.comment-navigation .nav-previous a,
.posts-navigation .nav-next a,
.posts-navigation .nav-previous a,
.post-navigation .nav-next a,
.post-navigation .nav-previous a {
  -webkit-box-shadow: 0px 0px 0 transparent;
          box-shadow: 0px 0px 0 transparent;
  text-align: center; }
  .comment-navigation .nav-next a:hover, .comment-navigation .nav-next a:focus,
  .comment-navigation .nav-previous a:hover,
  .comment-navigation .nav-previous a:focus,
  .posts-navigation .nav-next a:hover,
  .posts-navigation .nav-next a:focus,
  .posts-navigation .nav-previous a:hover,
  .posts-navigation .nav-previous a:focus,
  .post-navigation .nav-next a:hover,
  .post-navigation .nav-next a:focus,
  .post-navigation .nav-previous a:hover,
  .post-navigation .nav-previous a:focus {
    background-color: #d8ff50;
    color: #000;
    -webkit-box-shadow: -3px 3px 0 #000;
            box-shadow: -3px 3px 0 #000; }
  @media only screen and (max-width: 575.98px) {
    .comment-navigation .nav-next a,
    .comment-navigation .nav-previous a,
    .posts-navigation .nav-next a,
    .posts-navigation .nav-previous a,
    .post-navigation .nav-next a,
    .post-navigation .nav-previous a {
      line-height: 1.2 !important; } }

.single-post .comment-navigation, .single-post
.posts-navigation, .single-post
.post-navigation {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #f5f4f0; }

.error-404 .page-content {
  min-height: 400px; }
  .error-404 .page-content:before, .error-404 .page-content:after {
    background-size: 100% !important;
    height: 100% !important; }
  .error-404 .page-content > * {
    margin-left: auto;
    margin-right: auto;
    width: 94%;
    position: relative;
    text-align: center;
    z-index: 2; }
    @media screen and (min-width: 1078px) {
      .error-404 .page-content > * {
        width: 700px;
        max-width: 70%; } }
    @media screen and (min-width: 1600px) {
      .error-404 .page-content > * {
        max-width: 64%; } }

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
# Blocks
--------------------------------------------------------------*/
.block {
  clear: both; }

.entry-content > *:not(.first-block) {
  margin-left: auto;
  margin-right: auto;
  width: 94%; }
  @media screen and (min-width: 1078px) {
    .entry-content > *:not(.first-block) {
      width: 1024px;
      max-width: 80%; } }
  @media screen and (min-width: 1600px) {
    .entry-content > *:not(.first-block) {
      max-width: 74%; } }
  .entry-content > *:not(.first-block):last-child {
    margin-bottom: 6rem; }
    .entry-content > *:not(.first-block):last-child.has-background {
      margin-bottom: 0; }

.entry-content > .alignwide,
.alignwide {
  margin-left: auto;
  margin-right: auto;
  width: 94%; }
  @media screen and (min-width: 1078px) {
    .entry-content > .alignwide,
    .alignwide {
      width: 1600px;
      max-width: 90%; } }
  @media screen and (min-width: 1600px) {
    .entry-content > .alignwide,
    .alignwide {
      max-width: 84%; } }

.entry-content > .alignfull, .entry-content > .hero, .entry-content > .event-slider, .entry-content > .recent-events-highlights,
.alignfull,
.hero,
.event-slider,
.recent-events-highlights {
  width: 100%;
  max-width: 100%; }

.entry-content > .first-block {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1; }

.hero {
  position: relative; }
  @media screen and (orientation: portrait) {
    .hero {
      padding: 4em 0; }
      .hero.first-block {
        padding-top: 8em;
        margin: 0; } }
  .hero .content {
    position: relative;
    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: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2; }
    .hero .content .wrap {
      width: 90%;
      max-width: 1170px;
      margin: 0 auto; }
    @media screen and (orientation: portrait) {
      .hero .content {
        position: relative; } }
  .hero .background {
    position: relative;
    overflow: hidden;
    background-color: #000; }
    @media screen and (orientation: portrait) {
      .hero .background {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; } }
    .hero .background > img {
      display: block;
      width: 100%;
      height: auto; }
      @media screen and (orientation: portrait) {
        .hero .background > img {
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; } }
  .hero .hero-pattern {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    top: 0;
    right: 0;
    height: 100%;
    max-height: 100%; }
    .hero .hero-pattern img {
      height: 100%; }
    .hero .hero-pattern.hero_pattern_1 img, .hero .hero-pattern.hero_pattern_2 img {
      height: 90%; }
      @media only screen and (max-width: 575.98px) {
        .hero .hero-pattern.hero_pattern_1 img, .hero .hero-pattern.hero_pattern_2 img {
          max-width: 38%; } }
    .hero .hero-pattern.hero_pattern_3 img {
      height: 100%; }
      @media only screen and (max-width: 575.98px) {
        .hero .hero-pattern.hero_pattern_3 img {
          max-width: 40%; } }

.event-slider {
  position: relative;
  display: grid;
  grid-template-columns: 50% 50%;
  overflow: hidden;
  max-height: 1080px;
  margin-bottom: -2px;
  padding: 0;
  z-index: 10; }
  @media only screen and (max-width: 991.98px) {
    .event-slider {
      display: none; } }
  .event-slider--mobile {
    display: none; }
    @media only screen and (max-width: 991.98px) {
      .event-slider--mobile {
        display: grid;
        grid-template-columns: 100%;
        max-height: none; } }
  .event-slider.first-block {
    margin-top: 0; }
  .event-slider .event-slider-separator {
    width: 83px;
    height: 2020px;
    background-image: url("img/hero-slider-separator-2.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    justify-self: center;
    z-index: 1; }
    @media only screen and (max-width: 991.98px) {
      .event-slider .event-slider-separator {
        justify-self: flex-end;
        right: -40px; } }
  .event-slider .event-slide {
    position: relative; }
    .event-slider .event-slide__content {
      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: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      padding-bottom: 15%; }
      .event-slider .event-slide__content:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 50%;
        bottom: 0;
        background: black;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
        z-index: 0; }
      .event-slider .event-slide__content.no-content:after {
        display: none; }
      .event-slider .event-slide__content .wrap {
        color: #fff;
        padding-left: 8%;
        padding-right: 8%;
        z-index: 2; }
        .event-slider .event-slide__content .wrap h2 {
          color: #fff;
          font-size: 32px !important;
          font-size: 2rem !important;
          line-height: 1.1;
          margin: 0; }
          @media (min-width: 1024px) {
            .event-slider .event-slide__content .wrap h2 {
              font-size: 48px !important;
              font-size: 3rem !important; } }
          @media (min-width: 1600px) {
            .event-slider .event-slide__content .wrap h2 {
              font-size: 64px !important;
              font-size: 4rem !important; } }
        @media only screen and (min-width: 992px) {
          .event-slider .event-slide__content .wrap--right {
            padding-left: calc(8% + 41.5px); } }
      .event-slider .event-slide__content .button, .event-slider .event-slide__content .comment-navigation .nav-next a, .comment-navigation .nav-next .event-slider .event-slide__content a,
      .event-slider .event-slide__content .comment-navigation .nav-previous a, .comment-navigation .nav-previous .event-slider .event-slide__content a,
      .event-slider .event-slide__content .posts-navigation .nav-next a, .posts-navigation .nav-next .event-slider .event-slide__content a,
      .event-slider .event-slide__content .posts-navigation .nav-previous a, .posts-navigation .nav-previous .event-slider .event-slide__content a,
      .event-slider .event-slide__content .post-navigation .nav-next a, .post-navigation .nav-next .event-slider .event-slide__content a,
      .event-slider .event-slide__content .post-navigation .nav-previous a, .post-navigation .nav-previous .event-slider .event-slide__content a {
        background-color: #d8ff50;
        -webkit-box-shadow: none;
                box-shadow: none; }
        .event-slider .event-slide__content .button span:hover, .event-slider .event-slide__content .comment-navigation .nav-next a span:hover, .comment-navigation .nav-next .event-slider .event-slide__content a span:hover, .event-slider .event-slide__content .comment-navigation .nav-previous a span:hover, .comment-navigation .nav-previous .event-slider .event-slide__content a span:hover, .event-slider .event-slide__content .posts-navigation .nav-next a span:hover, .posts-navigation .nav-next .event-slider .event-slide__content a span:hover, .event-slider .event-slide__content .posts-navigation .nav-previous a span:hover, .posts-navigation .nav-previous .event-slider .event-slide__content a span:hover, .event-slider .event-slide__content .post-navigation .nav-next a span:hover, .post-navigation .nav-next .event-slider .event-slide__content a span:hover, .event-slider .event-slide__content .post-navigation .nav-previous a span:hover, .post-navigation .nav-previous .event-slider .event-slide__content a span:hover {
          -webkit-box-shadow: none !important;
                  box-shadow: none !important;
          border-color: transparent !important; }
      .event-slider .event-slide__content .cover-link {
        padding: 0;
        border-color: transparent !important;
        background: transparent; }
        .event-slider .event-slide__content .cover-link span {
          border: 0;
          clip: rect(1px, 1px, 1px, 1px);
          -webkit-clip-path: inset(50%);
                  clip-path: inset(50%);
          height: 1px;
          margin: -1px;
          overflow: hidden;
          padding: 0;
          position: absolute !important;
          width: 1px;
          word-wrap: normal !important;
          /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }
          .event-slider .event-slide__content .cover-link span:focus {
            background-color: #f1f1f1;
            border-radius: 3px;
            -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
                    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
            clip: auto !important;
            -webkit-clip-path: none;
                    clip-path: none;
            color: #21759b;
            display: block;
            font-size: 14px;
            font-size: 0.875rem;
            font-weight: bold;
            height: auto;
            left: 5px;
            line-height: normal;
            padding: 15px 23px 14px;
            text-decoration: none;
            top: 5px;
            width: auto;
            z-index: 100000;
            /* Above WP toolbar. */ }
        .event-slider .event-slide__content .cover-link:after {
          display: block;
          content: "";
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          -webkit-transition: background-color 0.3s ease;
          -o-transition: background-color 0.3s ease;
          transition: background-color 0.3s ease; }
        .event-slider .event-slide__content .cover-link:hover:after, .event-slider .event-slide__content .cover-link:focus:after {
          background-color: rgba(0, 0, 0, 0.4); }
    .event-slider .event-slide__image img {
      display: block;
      width: 100%;
      height: 100%;
      max-height: 1080px;
      -o-object-fit: cover;
         object-fit: cover; }
    .event-slider .event-slide .event-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      grid-gap: 1rem; }
      .event-slider .event-slide .event-info span {
        display: block; }
        .event-slider .event-slide .event-info span:not(:empty):before {
          content: "|";
          display: inline-block;
          margin-right: 1rem; }

.hero-slider-left:not(.slick-initialized) .event-slide,
.hero-slider-right:not(.slick-initialized) .event-slide,
.hero-slider--mobile:not(.slick-initialized) .event-slide {
  opacity: 0; }
  .hero-slider-left:not(.slick-initialized) .event-slide:first-child,
  .hero-slider-right:not(.slick-initialized) .event-slide:first-child,
  .hero-slider--mobile:not(.slick-initialized) .event-slide:first-child {
    opacity: 1; }

.hero-columns {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 !important;
  overflow: hidden;
  max-height: 1080px;
  margin-bottom: -2px; }
  .hero-columns:before {
    content: "";
    display: block;
    background-image: url("img/hero-slider-separator-2.svg");
    background-size: 100%;
    background-repeat: repeat-y;
    width: 83px;
    height: 200%;
    position: absolute;
    z-index: 3;
    justify-self: center; }
  .hero-columns .wp-block-column {
    margin-left: 0; }
    .hero-columns .wp-block-column .hero .content {
      background-color: rgba(0, 0, 0, 0.4);
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      padding-bottom: 15%; }
    .hero-columns .wp-block-column .hero .wrap {
      max-width: 80%;
      color: #fff; }
      .hero-columns .wp-block-column .hero .wrap h2 {
        font-size: 32px !important;
        font-size: 2rem !important;
        color: #fff;
        line-height: 1;
        margin: 0; }
        @media (min-width: 1024px) {
          .hero-columns .wp-block-column .hero .wrap h2 {
            font-size: 48px !important;
            font-size: 3rem !important; } }
        @media (min-width: 1600px) {
          .hero-columns .wp-block-column .hero .wrap h2 {
            font-size: 64px !important;
            font-size: 4rem !important; } }
    .hero-columns .wp-block-column .hero .background img {
      max-height: 1080px;
      -o-object-fit: cover;
         object-fit: cover; }
    .hero-columns .wp-block-column:last-child .hero .wrap {
      padding-left: 41.5px; }
  @media only screen and (max-width: 767.98px) {
    .hero-columns {
      grid-template-columns: 1fr; }
      .hero-columns:before {
        display: none; }
      .hero-columns .hero {
        padding: 0; }
        .hero-columns .hero .content {
          min-height: 500px; }
        .hero-columns .hero .wrap .background img {
          min-height: 500px; }
      .hero-columns .wp-block-column:last-child .hero .wrap {
        padding-left: 0; }
      .hero-columns .wp-block-buttons .wp-block-button__link, .hero-columns .wp-block-buttons .main-navigation a.is-style-outline, .main-navigation .hero-columns .wp-block-buttons a.is-style-outline, .hero-columns .wp-block-buttons .main-navigation li.lang-item a, .main-navigation li.lang-item .hero-columns .wp-block-buttons a, .hero-columns .wp-block-buttons .all-posts-button {
        line-height: 1; } }

.wp-block-group.alignfull > *:not(div), .wp-block-group.hero > *:not(div), .wp-block-group.event-slider > *:not(div), .wp-block-group.recent-events-highlights > *:not(div) {
  margin-left: auto;
  margin-right: auto;
  width: 94%; }
  @media screen and (min-width: 1078px) {
    .wp-block-group.alignfull > *:not(div), .wp-block-group.hero > *:not(div), .wp-block-group.event-slider > *:not(div), .wp-block-group.recent-events-highlights > *:not(div) {
      width: 1024px;
      max-width: 80%; } }
  @media screen and (min-width: 1600px) {
    .wp-block-group.alignfull > *:not(div), .wp-block-group.hero > *:not(div), .wp-block-group.event-slider > *:not(div), .wp-block-group.recent-events-highlights > *:not(div) {
      max-width: 74%; } }

.wp-block-group.alignfull > div, .wp-block-group.hero > div, .wp-block-group.event-slider > div, .wp-block-group.recent-events-highlights > div {
  margin-left: auto;
  margin-right: auto;
  width: 94%; }
  @media screen and (min-width: 1078px) {
    .wp-block-group.alignfull > div, .wp-block-group.hero > div, .wp-block-group.event-slider > div, .wp-block-group.recent-events-highlights > div {
      width: 1600px;
      max-width: 90%; } }
  @media screen and (min-width: 1600px) {
    .wp-block-group.alignfull > div, .wp-block-group.hero > div, .wp-block-group.event-slider > div, .wp-block-group.recent-events-highlights > div {
      max-width: 84%; } }

.wp-block-group.background-grid, .error-404 .page-content {
  position: relative;
  background-color: #f5f4f0;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-size: 400px;
  background-blend-mode: overlay;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 1rem;
  padding-top: 2rem; }
  @media (min-width: 576px) {
    .wp-block-group.background-grid, .error-404 .page-content {
      padding-top: 4rem;
      padding-bottom: 0; } }
  .wp-block-group.background-grid:before, .error-404 .page-content:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 800px;
    background-image: url("img/background-grid.png");
    background-size: contain; }
  .wp-block-group.background-grid:after, .error-404 .page-content:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 800px;
    background: midnightblue;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 244, 240, 0)), to(#f5f4f0));
    background: -o-linear-gradient(top, rgba(245, 244, 240, 0) 0%, #f5f4f0 100%);
    background: linear-gradient(180deg, rgba(245, 244, 240, 0) 0%, #f5f4f0 100%); }
  .wp-block-group.background-grid > div, .error-404 .page-content > div {
    position: relative;
    z-index: 2; }

.wp-block-group.has-background {
  padding: 2rem;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 1600px) {
    .wp-block-group.has-background {
      padding: 2rem;
      padding-left: 0;
      padding-right: 0; } }
  @media only screen and (min-width: 576px) {
    .wp-block-group.has-background {
      padding: 4rem;
      padding-left: 0;
      padding-right: 0; } }
  @media only screen and (min-width: 576px) and (min-width: 1600px) {
    .wp-block-group.has-background {
      padding: 4rem;
      padding-left: 0;
      padding-right: 0; } }

.wp-block-group.no-padding {
  padding: 0; }

.wp-block-group.personnel .wp-block-columns .wp-block-image {
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 3px solid #000;
  margin-bottom: 2rem; }
  .wp-block-group.personnel .wp-block-columns .wp-block-image:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #d8ff50;
    border: 3px solid #000;
    left: -0.8rem;
    bottom: -0.8rem;
    z-index: -1; }

.wp-block-image {
  margin: 0; }
  .wp-block-image.alignfull, .wp-block-image.hero, .wp-block-image.event-slider, .wp-block-image.recent-events-highlights {
    margin: 0; }
  .wp-block-image figure.aligncenter {
    text-align: center; }
  .wp-block-image figure img {
    display: inline-block; }

.wp-block-media-text {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2.5em; }
  @media screen and (min-width: 1200px) {
    .wp-block-media-text {
      grid-gap: 0; } }
  .wp-block-media-text .wp-block-media-text__content {
    padding: 0; }
  .wp-block-media-text > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .wp-block-media-text > div > * {
      margin-left: auto;
      margin-right: auto;
      width: 94%;
      margin-top: 0;
      margin-bottom: 2rem; }
      @media screen and (min-width: 1078px) {
        .wp-block-media-text > div > * {
          width: 540px; } }
      .wp-block-media-text > div > *:last-child {
        margin-bottom: 0; }
  .wp-block-media-text figure {
    position: relative;
    text-align: left;
    padding: 2rem; }
    @media (min-width: 576px) {
      .wp-block-media-text figure {
        padding: 4rem; } }
    .wp-block-media-text figure img {
      display: inline-block;
      border: 3px solid #000; }
    .wp-block-media-text figure:after {
      content: "";
      display: block;
      position: absolute;
      background-color: #d8ff50;
      border: 3px solid #000;
      width: calc(100% - 4rem);
      height: calc(100% - 4rem);
      bottom: 0.5rem;
      left: 0.5rem;
      z-index: -1; }
      @media (min-width: 576px) {
        .wp-block-media-text figure:after {
          width: calc(100% - 8rem);
          height: calc(100% - 8rem);
          bottom: 2.5rem;
          left: 2.5rem; } }
  .wp-block-media-text.has-media-on-the-right > div {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .wp-block-media-text.has-media-on-the-right > figure {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    text-align: right; }
  .wp-block-media-text.is-vertically-aligned-center > div {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .wp-block-media-text.is-vertically-aligned-bottom > div {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .wp-block-media-text.is-style-black-frame figure {
    z-index: 2; }
    .wp-block-media-text.is-style-black-frame figure:after {
      content: "";
      display: block;
      position: absolute;
      background-color: #d8ff50;
      border: 3px solid #000;
      width: calc(100% - 4rem);
      height: calc(100% - 4rem);
      bottom: 0.5rem;
      left: 0.5rem;
      z-index: -1; }
      @media (min-width: 576px) {
        .wp-block-media-text.is-style-black-frame figure:after {
          width: calc(100% - 8rem);
          height: calc(100% - 8rem);
          bottom: 2.5rem;
          left: 2.5rem; } }
  .wp-block-media-text.is-style-black-frame figure:after {
    background-color: #000; }
  @media (max-width: 991.98px) {
    .wp-block-media-text .wp-block-media-text__content {
      padding-left: 0;
      padding-right: 0; } }

@media screen and (max-width: 640px) {
  .is-stacked-on-mobile {
    grid-template-columns: 1fr; } }

.wp-block-quote {
  padding: 1em;
  border-left: 4px solid #d8ff50; }

.wp-block-buttons {
  gap: 1rem;
  text-align: center; }
  .wp-block-buttons .wp-block-button {
    display: inline-block; }

.wp-block-gallery ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .wp-block-gallery ul li {
    display: block; }
    .wp-block-gallery ul li:before {
      display: none !important; }
    .wp-block-gallery ul li figure {
      margin: 0;
      text-align: center; }
      .wp-block-gallery ul li figure img {
        display: inline-block; }

.wp-block-columns {
  gap: 2rem; }
  .wp-block-columns.services-columns {
    padding: 2rem;
    padding-left: 0;
    padding-right: 0; }
    @media (min-width: 1600px) {
      .wp-block-columns.services-columns {
        padding: 2rem;
        padding-left: 0;
        padding-right: 0; } }
    .wp-block-columns.services-columns .wp-block-column .wp-block-image {
      min-height: 60px; }
    .wp-block-columns.services-columns .wp-block-column h3 {
      font-size: 15px !important;
      font-size: 0.9375rem !important; }
      @media (min-width: 1024px) {
        .wp-block-columns.services-columns .wp-block-column h3 {
          font-size: 17.5px !important;
          font-size: 1.09375rem !important; } }
      @media (min-width: 1600px) {
        .wp-block-columns.services-columns .wp-block-column h3 {
          font-size: 20px !important;
          font-size: 1.25rem !important; } }
  .wp-block-columns.no-padding {
    padding: 0; }

.faq-block {
  list-style: none;
  padding: 0;
  margin: 0; }
  .faq-block__list-item {
    border-bottom: 2px solid #000; }
  .faq-block__item-anchor {
    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;
    padding: 2rem 0;
    text-decoration: none; }
    .faq-block__item-anchor.active .faq-block__toggle-icon {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
    .faq-block__item-anchor:hover, .faq-block__item-anchor:focus {
      background-color: transparent; }
  .faq-block__item-title {
    margin: 0;
    line-height: 1; }
  .faq-block__toggle-icon {
    -webkit-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s; }
  .faq-block__item-content {
    display: none;
    padding: 2rem 0; }
    .faq-block__item-content p {
      margin-bottom: 1.5rem; }
  .faq-block .file-attachments {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 1rem 0;
    gap: 1rem; }
    @media only screen and (max-width: 575.98px) {
      .faq-block .file-attachments {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .faq-block .file-attachments__item {
      display: block; }
      @media only screen and (max-width: 575.98px) {
        .faq-block .file-attachments__item {
          margin-bottom: 1rem; } }
      .faq-block .file-attachments__item a.file-attachments__item-button {
        background-color: transparent;
        border: 3px solid #000;
        border-color: #000;
        border-radius: 9999px;
        -webkit-box-shadow: -3px 3px 0 #d8ff50;
                box-shadow: -3px 3px 0 #d8ff50;
        font-family: var(--wp--preset--font-family--default-font);
        padding: 1rem 2rem;
        line-height: 2;
        letter-spacing: 1.5px;
        text-decoration: none;
        text-transform: uppercase;
        -webkit-transition: ease-in-out 0.5s;
        -o-transition: ease-in-out 0.5s;
        transition: ease-in-out 0.5s; }
        .faq-block .file-attachments__item a.file-attachments__item-button:hover, .faq-block .file-attachments__item a.file-attachments__item-button:focus, .faq-block .file-attachments__item a.file-attachments__item-button:active {
          background-color: #d8ff50;
          border-color: #000;
          -webkit-box-shadow: -3px 3px 0 #000;
                  box-shadow: -3px 3px 0 #000; }
        .faq-block .file-attachments__item a.file-attachments__item-button:before {
          display: inline-block;
          content: url("img/icon-download.svg");
          margin-right: 0.5rem;
          line-height: 0;
          vertical-align: middle; }

.partners-block .partners-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  margin: 0;
  padding: 1rem 0; }
  @media (min-width: 576px) {
    .partners-block .partners-list {
      padding: 3rem 0;
      gap: 3rem; } }
  .partners-block .partners-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-preferred-size: auto;
        flex-basis: auto; }
    .partners-block .partners-list__item a:hover {
      background-color: transparent;
      text-decoration: none; }
    .partners-block .partners-list__item img {
      max-width: 250px;
      max-height: 120px; }
  @media only screen and (max-width: 767.98px) {
    .partners-block .partners-list {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .partners-block .partners-list__item {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
        -ms-flex-preferred-size: calc(50% - 3rem);
            flex-basis: calc(50% - 3rem); } }
  @media only screen and (max-width: 575.98px) {
    .partners-block .partners-list {
      gap: 2rem; }
      .partners-block .partners-list__item img {
        max-width: 150px;
        max-height: 60px; } }

.recent-posts-block .recent-posts__heading {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem; }
  .recent-posts-block .recent-posts__heading:before, .recent-posts-block .recent-posts__heading:after {
    display: block;
    content: "";
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 2px;
    background-color: #000; }

.recent-posts-block .recent-posts__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
  padding: 2rem;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 1600px) {
    .recent-posts-block .recent-posts__list {
      padding: 2rem;
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 576px) {
    .recent-posts-block .recent-posts__list {
      padding: 4rem;
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 576px) and (min-width: 1600px) {
    .recent-posts-block .recent-posts__list {
      padding: 4rem;
      padding-left: 0;
      padding-right: 0; } }
  @media only screen and (max-width: 767.98px) {
    .recent-posts-block .recent-posts__list {
      grid-template-columns: 1fr 1fr; } }
  @media only screen and (max-width: 575.98px) {
    .recent-posts-block .recent-posts__list {
      grid-template-columns: 1fr; } }

.recent-posts-block .recent-posts__entry-meta {
  display: block;
  font-family: var(--wp--preset--font-family--default-font);
  margin-bottom: 1.5rem; }

.recent-posts-block .recent-posts__link {
  text-decoration: none; }
  .recent-posts-block .recent-posts__link:hover .recent-posts__title span {
    background-color: #d8ff50; }

.recent-posts-block .recent-posts__title {
  font-size: 21px !important;
  font-size: 1.3125rem !important;
  margin-top: 0;
  margin-bottom: 2rem;
  line-height: 1.1; }
  @media (min-width: 1024px) {
    .recent-posts-block .recent-posts__title {
      font-size: 24.5px !important;
      font-size: 1.53125rem !important; } }
  @media (min-width: 1600px) {
    .recent-posts-block .recent-posts__title {
      font-size: 28px !important;
      font-size: 1.75rem !important; } }
  .recent-posts-block .recent-posts__title span {
    background-color: transparent;
    -webkit-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s; }

.recent-posts-block hr {
  display: block;
  border: 0;
  height: 2px;
  background-color: #000;
  margin-top: 4rem; }

.all-posts-link {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  @media only screen and (max-width: 575.98px) {
    .all-posts-link {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }

.gmap {
  position: relative;
  padding: 1.5em 1.5em 3em 1.5em; }
  .gmap .acf-map {
    display: block;
    width: 100%;
    height: 400px;
    max-height: 70vh;
    border: 3px solid #000;
    z-index: 2; }
  .gmap:after {
    content: "";
    display: block;
    position: absolute;
    background-color: #d8ff50;
    border: 3px solid #000;
    width: calc(100% - 4rem);
    height: calc(100% - 4rem);
    bottom: 0.5rem;
    left: 0.5rem;
    z-index: -1; }
    @media (min-width: 576px) {
      .gmap:after {
        width: calc(100% - 8rem);
        height: calc(100% - 8rem);
        bottom: 2.5rem;
        left: 2.5rem; } }
  .gmap:after {
    width: calc(100% - 3em);
    height: calc(100% - 4.5em);
    bottom: 1.5em;
    left: 0;
    z-index: 1; }
  .gmap .map-link {
    position: absolute;
    left: 0;
    bottom: 0; }

.newsletter {
  background-image: url("img/newsletter-background.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  font-family: var(--wp--preset--font-family--default-font);
  padding-bottom: 4rem; }
  .newsletter.first-block {
    margin-top: 6em; }
  .newsletter form .gform_button {
    border-color: #000;
    background-color: #f5f4f0; }
  @media (max-width: 540px) {
    .newsletter form .gform_footer {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 1em;
      text-align: center; }
    .newsletter form .gform_button,
    .newsletter form .button,
    .newsletter form .comment-navigation .nav-next a,
    .comment-navigation .nav-next .newsletter form a,
    .newsletter form .comment-navigation .nav-previous a,
    .comment-navigation .nav-previous .newsletter form a,
    .newsletter form .posts-navigation .nav-next a,
    .posts-navigation .nav-next .newsletter form a,
    .newsletter form .posts-navigation .nav-previous a,
    .posts-navigation .nav-previous .newsletter form a,
    .newsletter form .post-navigation .nav-next a,
    .post-navigation .nav-next .newsletter form a,
    .newsletter form .post-navigation .nav-previous a,
    .post-navigation .nav-previous .newsletter form a {
      -ms-flex-item-align: center !important;
          align-self: center !important; } }
  @media (min-width: 541px) {
    .newsletter form {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 1em;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-bottom: 2em; }
      .newsletter form input[type="text"] {
        min-width: 350px; }
      .newsletter form .privacy-policy {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        text-align: center; } }

.recent-events-highlights {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  background-color: #000;
  border-top: 3px solid #f5f4f0;
  border-bottom: 3px solid #f5f4f0;
  margin-top: 0 !important;
  margin-bottom: 0 !important; }
  @media only screen and (max-width: 767.98px) {
    .recent-events-highlights {
      grid-template-columns: 1fr; } }
  .recent-events-highlights .recent-events-feed {
    position: relative;
    color: #f5f4f0;
    padding: 4rem;
    border-top: 1.5px solid #f5f4f0;
    border-bottom: 1.5px solid #f5f4f0;
    border-right: 2px solid #f5f4f0;
    z-index: 2; }
    .recent-events-highlights .recent-events-feed:has(*:hover) .background img {
      opacity: 0.65; }
    @media only screen and (max-width: 575.98px) {
      .recent-events-highlights .recent-events-feed {
        padding: 2rem; } }
    .recent-events-highlights .recent-events-feed .recent-events-title {
      color: #fff;
      font-size: 20px !important;
      font-size: 1.25rem !important;
      margin-bottom: 4rem; }
      @media (min-width: 1024px) {
        .recent-events-highlights .recent-events-feed .recent-events-title {
          font-size: 30px !important;
          font-size: 1.875rem !important; } }
      @media (min-width: 1600px) {
        .recent-events-highlights .recent-events-feed .recent-events-title {
          font-size: 40px !important;
          font-size: 2.5rem !important; } }
      @media only screen and (max-width: 575.98px) {
        .recent-events-highlights .recent-events-feed .recent-events-title {
          margin-bottom: 2rem;
          font-size: 32px !important;
          font-size: 2rem !important; } }
  @media only screen and (max-width: 575.98px) and (min-width: 1024px) {
    .recent-events-highlights .recent-events-feed .recent-events-title {
      font-size: 48px !important;
      font-size: 3rem !important; } }
  @media only screen and (max-width: 575.98px) and (min-width: 1600px) {
    .recent-events-highlights .recent-events-feed .recent-events-title {
      font-size: 64px !important;
      font-size: 4rem !important; } }
      .recent-events-highlights .recent-events-feed .recent-events-title a {
        color: #fff;
        text-decoration: none;
        background: none !important; }
        .recent-events-highlights .recent-events-feed .recent-events-title a:hover, .recent-events-highlights .recent-events-feed .recent-events-title a:focus, .recent-events-highlights .recent-events-feed .recent-events-title a:active {
          color: #d8ff50; }
    .recent-events-highlights .recent-events-feed--item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 0.5rem; }
      @media only screen and (max-width: 575.98px) {
        .recent-events-highlights .recent-events-feed--item {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          margin-bottom: 1rem; } }
      .recent-events-highlights .recent-events-feed--item__date time {
        color: #d8ff50;
        font-family: var(--wp--preset--font-family--alt-font);
        font-size: 24px !important;
        font-size: 1.5rem !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0.5rem;
        text-transform: uppercase;
        min-width: 200px; }
        @media (min-width: 1024px) {
          .recent-events-highlights .recent-events-feed--item__date time {
            font-size: 28px !important;
            font-size: 1.75rem !important; } }
        @media (min-width: 1600px) {
          .recent-events-highlights .recent-events-feed--item__date time {
            font-size: 32px !important;
            font-size: 2rem !important; } }
      .recent-events-highlights .recent-events-feed--item__title .event-title {
        color: #fff;
        font-family: var(--wp--preset--font-family--default-font);
        font-weight: bold;
        font-size: 21px !important;
        font-size: 1.3125rem !important; }
        @media (min-width: 1024px) {
          .recent-events-highlights .recent-events-feed--item__title .event-title {
            font-size: 24.5px !important;
            font-size: 1.53125rem !important; } }
        @media (min-width: 1600px) {
          .recent-events-highlights .recent-events-feed--item__title .event-title {
            font-size: 28px !important;
            font-size: 1.75rem !important; } }
      .recent-events-highlights .recent-events-feed--item a {
        color: #f5f4f0;
        text-decoration: none; }
        .recent-events-highlights .recent-events-feed--item a:hover, .recent-events-highlights .recent-events-feed--item a:focus, .recent-events-highlights .recent-events-feed--item a:active {
          color: #d8ff50; }
          .recent-events-highlights .recent-events-feed--item a:hover *, .recent-events-highlights .recent-events-feed--item a:focus *, .recent-events-highlights .recent-events-feed--item a:active * {
            color: #d8ff50; }
  .recent-events-highlights .highlights {
    display: grid;
    grid-template-columns: 1fr 1fr;
    color: #f5f4f0; }
    @media only screen and (max-width: 575.98px) {
      .recent-events-highlights .highlights {
        grid-template-columns: 1fr; } }
    .recent-events-highlights .highlights .highlight-item {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border: 1.5px solid #f5f4f0;
      color: #f5f4f0;
      font-family: var(--wp--preset--font-family--alt-font);
      padding: 5rem;
      min-height: 150px;
      font-size: 21px !important;
      font-size: 1.3125rem !important;
      text-decoration: none;
      text-align: center;
      z-index: 4;
      -webkit-transition: ease-in-out 0.5s;
      -o-transition: ease-in-out 0.5s;
      transition: ease-in-out 0.5s; }
      @media (min-width: 1024px) {
        .recent-events-highlights .highlights .highlight-item {
          font-size: 24.5px !important;
          font-size: 1.53125rem !important; } }
      @media (min-width: 1600px) {
        .recent-events-highlights .highlights .highlight-item {
          font-size: 28px !important;
          font-size: 1.75rem !important; } }
      .recent-events-highlights .highlights .highlight-item:hover, .recent-events-highlights .highlights .highlight-item:focus {
        color: #d8ff50;
        background-color: transparent; }
        .recent-events-highlights .highlights .highlight-item:hover .background img, .recent-events-highlights .highlights .highlight-item:focus .background img {
          opacity: 0.65; }
  .recent-events-highlights .background {
    position: absolute;
    background-color: #000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -2; }
    .recent-events-highlights .background img {
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      opacity: 1;
      -webkit-transition: ease-in-out 0.5s;
      -o-transition: ease-in-out 0.5s;
      transition: ease-in-out 0.5s; }

figure.wp-block-gallery,
figure.wp-block-gallery.has-nested-images {
  display: grid;
  grid-gap: 3rem;
  grid-template-columns: repeat(3, 1fr); }
  @media only screen and (max-width: 575.98px) {
    figure.wp-block-gallery,
    figure.wp-block-gallery.has-nested-images {
      grid-template-columns: 1fr; } }
  figure.wp-block-gallery figure.wp-block-image,
  figure.wp-block-gallery.has-nested-images figure.wp-block-image {
    display: block;
    position: relative;
    width: 100% !important;
    height: 100%;
    padding-bottom: 100%;
    border: 3px solid; }
    figure.wp-block-gallery figure.wp-block-image:after,
    figure.wp-block-gallery.has-nested-images figure.wp-block-image:after {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #d8ff50;
      border: 3px solid #000;
      bottom: -0.8rem;
      left: -0.8rem;
      z-index: -1;
      -webkit-transition: ease-in-out 0.5s;
      -o-transition: ease-in-out 0.5s;
      transition: ease-in-out 0.5s; }
    figure.wp-block-gallery figure.wp-block-image:hover:after,
    figure.wp-block-gallery.has-nested-images figure.wp-block-image:hover:after {
      left: 0;
      bottom: 0; }
    figure.wp-block-gallery figure.wp-block-image a,
    figure.wp-block-gallery.has-nested-images figure.wp-block-image a {
      position: absolute;
      display: block;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 100%;
      -o-object-fit: none !important;
         object-fit: none !important; }
  .page-template-page-uusitampere figure.wp-block-gallery, .page-template-page-uusitampere
  figure.wp-block-gallery.has-nested-images {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0; }
    .page-template-page-uusitampere figure.wp-block-gallery.alignfull, .page-template-page-uusitampere figure.wp-block-gallery.hero, .page-template-page-uusitampere figure.wp-block-gallery.event-slider, .page-template-page-uusitampere figure.wp-block-gallery.recent-events-highlights, .page-template-page-uusitampere figure.wp-block-gallery.has-nested-images.alignfull, .page-template-page-uusitampere figure.wp-block-gallery.has-nested-images.hero, .page-template-page-uusitampere figure.wp-block-gallery.has-nested-images.event-slider, .page-template-page-uusitampere figure.wp-block-gallery.has-nested-images.recent-events-highlights {
      width: 100% !important;
      max-width: 100% !important; }

@media (max-width: 991.98px) {
  #sb_instagram {
    max-width: 94vw !important; } }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */ }
  .widget select {
    max-width: 100%; }

.wp-block-social-links,
.wp-block-social-links:not(.is-style-logos-only) {
  gap: 1rem; }
  .wp-block-social-links .wp-social-link,
  .wp-block-social-links [class^="wp-social-link-"],
  .wp-block-social-links:not(.is-style-logos-only) .wp-social-link,
  .wp-block-social-links:not(.is-style-logos-only) [class^="wp-social-link-"] {
    background-color: transparent; }
    .wp-block-social-links .wp-social-link a,
    .wp-block-social-links [class^="wp-social-link-"] a,
    .wp-block-social-links:not(.is-style-logos-only) .wp-social-link a,
    .wp-block-social-links:not(.is-style-logos-only) [class^="wp-social-link-"] a {
      padding: 0; }
      .wp-block-social-links .wp-social-link a:hover, .wp-block-social-links .wp-social-link a:focus,
      .wp-block-social-links [class^="wp-social-link-"] a:hover,
      .wp-block-social-links [class^="wp-social-link-"] a:focus,
      .wp-block-social-links:not(.is-style-logos-only) .wp-social-link a:hover,
      .wp-block-social-links:not(.is-style-logos-only) .wp-social-link a:focus,
      .wp-block-social-links:not(.is-style-logos-only) [class^="wp-social-link-"] a:hover,
      .wp-block-social-links:not(.is-style-logos-only) [class^="wp-social-link-"] a:focus {
        background-color: transparent;
        outline: 0;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1); }
        .wp-block-social-links .wp-social-link a:hover svg path, .wp-block-social-links .wp-social-link a:focus svg path,
        .wp-block-social-links [class^="wp-social-link-"] a:hover svg path,
        .wp-block-social-links [class^="wp-social-link-"] a:focus svg path,
        .wp-block-social-links:not(.is-style-logos-only) .wp-social-link a:hover svg path,
        .wp-block-social-links:not(.is-style-logos-only) .wp-social-link a:focus svg path,
        .wp-block-social-links:not(.is-style-logos-only) [class^="wp-social-link-"] a:hover svg path,
        .wp-block-social-links:not(.is-style-logos-only) [class^="wp-social-link-"] a:focus svg path {
          fill: #d8ff50; }
          .page-template-page-uusitampere .wp-block-social-links .wp-social-link a:hover svg path, .page-template-page-uusitampere .wp-block-social-links .wp-social-link a:focus svg path, .page-template-page-uusitampere
          .wp-block-social-links [class^="wp-social-link-"] a:hover svg path, .page-template-page-uusitampere
          .wp-block-social-links [class^="wp-social-link-"] a:focus svg path, .page-template-page-uusitampere
          .wp-block-social-links:not(.is-style-logos-only) .wp-social-link a:hover svg path, .page-template-page-uusitampere
          .wp-block-social-links:not(.is-style-logos-only) .wp-social-link a:focus svg path, .page-template-page-uusitampere
          .wp-block-social-links:not(.is-style-logos-only) [class^="wp-social-link-"] a:hover svg path, .page-template-page-uusitampere
          .wp-block-social-links:not(.is-style-logos-only) [class^="wp-social-link-"] a:focus svg path {
            fill: #a851f6; }
    .wp-block-social-links .wp-social-link:hover, .wp-block-social-links .wp-social-link:focus,
    .wp-block-social-links [class^="wp-social-link-"]:hover,
    .wp-block-social-links [class^="wp-social-link-"]:focus,
    .wp-block-social-links:not(.is-style-logos-only) .wp-social-link:hover,
    .wp-block-social-links:not(.is-style-logos-only) .wp-social-link:focus,
    .wp-block-social-links:not(.is-style-logos-only) [class^="wp-social-link-"]:hover,
    .wp-block-social-links:not(.is-style-logos-only) [class^="wp-social-link-"]:focus {
      outline: 0;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }
  .wp-block-social-links .wp-social-link svg,
  .wp-block-social-links:not(.is-style-logos-only) .wp-social-link svg {
    width: 3.5rem;
    height: 3.5rem; }
    .wp-block-social-links .wp-social-link svg path,
    .wp-block-social-links:not(.is-style-logos-only) .wp-social-link svg path {
      fill: #fff;
      -webkit-transition: ease-in-out 0.5s;
      -o-transition: ease-in-out 0.5s;
      transition: ease-in-out 0.5s; }

.wp-block-social-links.is-style-logos-only .wp-block-social-link-anchor {
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out; }
  .wp-block-social-links.is-style-logos-only .wp-block-social-link-anchor:hover {
    color: black !important; }
    .wp-block-social-links.is-style-logos-only .wp-block-social-link-anchor:hover svg path {
      fill: black !important; }

.wp-block-social-links.is-style-logos-only .wp-social-link span:not(.screen-reader-text) {
  font-size: 1em; }

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.site-footer {
  position: relative;
  padding: 4rem 0 8rem 0;
  background-color: #000;
  font-family: var(--wp--preset--font-family--default-font);
  z-index: 20; }
  .site-footer:before {
    content: "";
    position: absolute;
    width: 30%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url("img/logo-outline.png"), url("img/footer-shape-left.png");
    background-repeat: no-repeat;
    background-position: -26px 270px, -257px 16px;
    background-size: 100%, 630px;
    z-index: -1; }
  .site-footer:after {
    content: "";
    position: absolute;
    width: 30%;
    height: 100%;
    top: 0;
    right: 0;
    background-image: url("img/footer-shape-right.png");
    background-repeat: no-repeat;
    background-position: -36% 144px;
    background-size: 700px;
    z-index: -1; }
  @media only screen and (max-width: 767.98px) {
    .site-footer:before, .site-footer:after {
      display: none; } }
  .site-footer .site-info {
    margin-left: auto;
    margin-right: auto;
    width: 94%;
    min-height: 200px;
    color: #fff; }
    @media screen and (min-width: 1078px) {
      .site-footer .site-info {
        width: 1600px;
        max-width: 90%; } }
    @media screen and (min-width: 1600px) {
      .site-footer .site-info {
        max-width: 84%; } }
    .site-footer .site-info .widget-area a {
      color: #fff; }
      .site-footer .site-info .widget-area a:hover, .site-footer .site-info .widget-area a:focus {
        color: #d8ff50;
        background-color: transparent; }
    .site-footer .site-info__copyright {
      text-align: center;
      color: #fff; }

/*--------------------------------------------------------------
# Misc
--------------------------------------------------------------*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: none; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./slick/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./slick/fonts/slick.eot");
  src: url("./slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("./slick/fonts/slick.woff") format("woff"), url("./slick/fonts/slick.ttf") format("truetype"), url("./slick/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }