@charset "UTF-8";
@import url("https://use.typekit.net/iaw6izt.css");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400%3B600%3B700%3B800&&family=Work+Sans:wght@400%3B500%3B600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900%3B1,100..900&display=swap");

.width-small {
  max-width: var(--page-width-small);
}

.width-medium {
  max-width: var(--page-width-medium);
}

.width-large {
  max-width: var(--page-width-large);
}

.width-full {
  max-width: none;
}

.width-very-small {
  max-width: var(--page-width-very-small);
}

@font-face {
  font-family: "Campton";
  src: url("./CamptonBold.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Campton";
  src: url("./CamptonExtraBold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Forx';
  src: url('./Forx.otf') format('opentype');
}

@font-face {
  font-family: 'Floz';
  src: url('./Floz.otf') format('opentype');
}

@font-face {
  font-family: 'Magenos';
  src: url('./Magenos-Medium.otf') format('opentype')
}

@font-face {
  font-family: 'Magenos Black';
  src: url('./Magenos-Black.otf') format('opentype');
}

@font-face {
  font-family: 'Gelasio Regular';
  src: url('Gelasio-Regular.ttf') format('opentype');
}

@font-face {
  font-family: 'Gelasio Italic';
  src: url('Gelasio-Italic.ttf') format('opentype');
}

@font-face {
  font-family: 'Gelasio Medium';
  src: url('./Gelasio-Medium.ttf') format('opentype');
}

@font-face {
  font-family: 'Magenos Extrabold';
  src: url('./Magenos-ExtraBold.otf') format('opentype');
}

@font-face {
  font-family: 'Magenos Bold';
  src: url('./Magenos-Bold.otf') format('opentype');
}

:root {
  --fg: #fff;
  --fg-hover: rgb(255, 248, 189);
  --fg-headline: #fff;
  --fg-muted: rgb(255, 248, 189);
  --splitter: rgb(255, 248, 189);
  --fontbase: 400 1em/1.5 "Magenos";
  --font-headline1: 600 1em/1.2 "Magenos";
  --font-headline2: 500 1em/1 "Magenos";
  --bold: 600;
  --semibold: 500;
  --link: rgb(255, 248, 189);
  --link-hover: #fff;
  --button: var(--fg);
  --button-fg: #142046;
  --button-font-size: 15px;
  --button-hover: var(--c1);
  --button-hover-fg: #142046;
  --button-disabled: #575783;
  --button-disabled-fg: var(--bg);
  --focus-outline: 2px solid #4898f3;
  --focus-outline-offset: 3px;
  --bg: rgb(0, 0, 0);
  --bg-muted: #c4c2bd;
  --hover-bg: rgb(255, 248, 189);
  --c1: rgb(255, 248, 189);
  --c1-white: #fff;
  --c1-li: #fff;
  --c1-li-fg: #142046;
  --c1-hover: #fff;
  --c1-fg: #142046;
  --c1-fg-hover: #fff;
  --c2: #eaaacd;
  --c2-hover: #fff;
  --c2-fg: #142046;
  --splitter: #d6d6d6;
  --cart-ok: #3fe252;
  --cart-ok-fg: #000;
  --msg-bg: #3fe252;
  --msg-fg: #000;
  --anim-speed: 0.33s;
  --scrollbar-width: 25px;
  --scrollbar-bg: var(--bg);
  --scrollbar-fg: var(--c1);
  --font-size: 17px;
  --font-size-smaller: 13px;
  --font-size-medium: 14px;
  --selection-bg: #fff;
  --selection-color: #142046;
  --page-width: 100%;
  --page-width-unitless: 500;
  --page-width-small: 660px;
  --page-width-very-small: 340px;
  --page-width-medium: 600px;
  --page-width-medium-large: 900px;
  --page-width-large: 1500px;
  --padding-desktop: 2rem;
  --padding-tablet: 1rem;
  --padding-mobile: 1rem;
  --padding: var(--padding-desktop);
}

@media (max-width: 1100px) {
  :root {
    --padding: var(--padding-tablet);
  }
}

@media (max-width: 760px) {
  :root {
    --padding: var(--padding-mobile);
    --button-font-size: 14px;
  }
}

*:focus-visible {
  outline: var(--focus-outline);
  outline-offset: var(--focus-outline-offset);
}

@media (min-width: 761px) {
  .normal-scrollbar::scrollbar {
    width: var(--scrollbar-width, 25px);
  }

  .normal-scrollbar::-moz-scrollbar {
    width: var(--scrollbar-width, 25px);
  }

  .normal-scrollbar::-webkit-scrollbar {
    width: var(--scrollbar-width, 25px);
  }

  .normal-scrollbar::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
  }

  .normal-scrollbar::-webkit-scrollbar-track {
    background: var(--scrollbar-bg, #000);
    border: 0;
    border-radius: 0;
  }

  .normal-scrollbar::-webkit-scrollbar-thumb {
    background: var(--scrollbar-fg, #fff);
    border-radius: 0;
  }

  .normal-scrollbar::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-fg, #fff);
  }
}

html::scrollbar {
  width: var(--scrollbar-width, 25px);
}

html::-moz-scrollbar {
  width: var(--scrollbar-width, 25px);
}

html::-webkit-scrollbar {
  width: var(--scrollbar-width, 25px);
}

html::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}

html::-webkit-scrollbar-track {
  background: var(--scrollbar-bg, #000);
  border: 0;
  border-radius: 0;
}

html::-webkit-scrollbar-thumb {
  background: var(--scrollbar-fg, #fff);
  border-radius: 0;
}

html::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-fg, #fff);
}

@media (hover: hover) {
  html {
    overflow-y: scroll;
  }
}

strong {
  font-weight: 600;
}

::-moz-selection {
  color: var(--selection-color);
  background: var(--selection-bg);
}

::selection {
  color: var(--selection-color);
  background: var(--selection-bg);
}

html.theme-dark {
  --fg: #000;
  --fg-hover: gray;
  --fg-headline: #000;
  --fg-muted: gray;
  --link: #000;
  --link-hover: #4a4a4a;
  --bg: #fff;
  --c1: #000;
  --c1-fg: #fff;
  --c1-fg-hover: #bdbdbd;
  --c1-hover: #000000;
  --c2: #171616;
  --c2-fg: #fff;
  --c2-hover: #000;
  --c1-li: #efefef;
  --c1-li-fg: #000000;
  --button: #000;
  --button-fg: #fff;
  --button-hover: #4d4d4d;
  --button-hover-fg: #fff;
  --selection-bg: #000000fe;
  --selection-color: #ffffff;
  --button-disabled: #c9c9c9;
  --button-disabled-fg: #ffffff;
  --c1-white: ##000;
}

html.theme-dark img,
html.theme-dark .img,
html.theme-dark .wp-block-video,
html.theme-dark .wp-block-embed__wrapper>iframe {
  filter: grayscale(1);
}

html.theme-dark .tag-style {
  border: 1px solid currentColor;
}

html.theme-ffa {
  --fontbase: 400 1em/1.5 "Montserrat", sans-serif;
  --font-headline1: 500 1em/1.2 "Campton", sans-serif;
  --fg: #000;
  --fg-hover: gray;
  --fg-headline: #000;
  --fg-muted: gray;
  --link: #000;
  --link-hover: #4a4a4a;
  --bg: #f3ffe4;
  --c1: #000;
  --c1-fg: #f3ffe4;
  --c1-fg-hover: #bdbdbd;
  --c1-hover: #000000;
  --c2: #171616;
  --c2-fg: #f3ffe4;
  --c2-hover: #000;
  --button: #000;
  --button-fg: #f3ffe4;
  --button-hover: #4d4d4d;
  --button-hover-fg: #f3ffe4;
  --selection-bg: #000000fe;
  --selection-color: #f3ffe4;
  --button-disabled: #c9c9c9;
  --button-disabled-fg: #f3ffe4;
}

html.theme-ffa body {
  font: var(--fontbase);
}

html.theme-ffa .wp-block-mytheme-subnav h1 {
  font-family: "Campton";
  font-weight: 500;
  font-size: 55px;
}

@media (max-width: 760px) {
  html.theme-ffa .wp-block-mytheme-subnav h1 {
    font-size: 12.5vw;
  }
}

html.theme-ffa .single-post h1,
html.theme-ffa .single-post h2,
html.theme-ffa .single-post h3,
html.theme-ffa .single-post h4,
html.theme-ffa .single-post h5,
html.theme-ffa .entry-content h1,
html.theme-ffa .entry-content h2,
html.theme-ffa .entry-content h3,
html.theme-ffa .entry-content h4,
html.theme-ffa .entry-content h5 {
  font-family: "Campton";
  font-weight: 500;
}

html.theme-ffa .tag-style {
  border: 1px solid currentColor;
}

html.theme-ffa.theme-dark {
  --fg: #fff;
  --fg-hover: gray;
  --fg-headline: #fff;
  --fg-muted: gray;
  --link: #fff;
  --link-hover: #4a4a4a;
  --bg: #000;
  --c1: #fff;
  --c1-fg: #919191;
  --c1-fg-hover: #9f9f9f;
  --c1-hover: #c2c2c2;
  --c2: #fff;
  --c2-fg: #000000;
  --c2-hover: #c0c0c0;
  --button: #fff;
  --button-fg: #000;
  --button-hover: #bebebe;
  --button-hover-fg: #000000;
  --selection-bg: #fffffffe;
  --selection-color: #000000;
  --button-disabled: #828282;
  --button-disabled-fg: #000000;
}

body {
  font-family: "Magenos";
  font-weight: 400;
  background-color: var(--bg);
  color: var(--fg);
  font-size: var(--font-size);
  line-height: 1.5;
  transition: background-color var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;
}

html.init-theme body {
  transition: none !important;
}

html.init-theme body * {
  transition: none !important;
}

a {
  transition: color 0.3s ease-in-out;
  color: var(--link);
}

@media (hover: hover) {
  a:hover {
    color: var(--link-hover);
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0 0 0.15em 0;
  margin: 0;
  font-family: 'Magenos Extrabold';
  font-weight: 600;
  color: var(--fg-headline);
  line-height: 1.2;
  transition: color var(--anim-speed) ease-in-out;
}

.wp-block-cover h1:not(.has-text-color),
.wp-block-cover h2:not(.has-text-color),
.wp-block-cover h3:not(.has-text-color),
.wp-block-cover h4:not(.has-text-color),
.wp-block-cover h5:not(.has-text-color),
.wp-block-cover h6:not(.has-text-color) {
  color: var(--fg-headline);
}

h1.is-style-tiny,
h2.is-style-tiny,
h3.is-style-tiny,
h4.is-style-tiny,
h5.is-style-tiny,
h6.is-style-tiny {
  font-size: inherit;
  font-family: inherit;
  text-transform: uppercase;
  font-weight: inherit;
}

h1 {
  color: var(--c1-white);
  font-size: 40px;
  padding: 0 0 0.35em 0;
}

h1.is-style-huge {
  font-size: 40px;
}

h1.is-style-smaller {
  font-size: 30px;
}

.h2-like,
h2 {
  font-size: 30px;
  padding: 0.6em 0 0.7em 0;
}

@media (max-width: 760px) {

  .h2-like,
  h2 {
    font-size: 27px;
  }
}

.h2-like+p,
h2+p {
  margin-block-start: 0 !important;
}

h3 {
  font-size: 20px;
  color: var(--fg);
  padding: 0.6em 0 0.3em 0;
}

@media (max-width: 760px) {
  h3 {
    font-size: 20px;
  }
}

h3+p {
  margin-block-start: 0 !important;
}

h4 {
  font-size: 1em;
  color: var(--fg);
}

ul,
p {
  margin: 0;
  padding-top: 0;
  padding-bottom: 1em;
}

ul:last-child,
p:last-child {
  padding-bottom: 0;
}

ul+p,
p+p {
  --wp--style--block-gap: 0;
}

.is-style-smaller {
  font-size: var(--font-size-smaller);
}

.is-style-ingress {
  font-weight: var(--semibold);
}

.wp-block-media-text {
  gap: 2em;
}

.wp-block-media-text .wp-block-media-text__content {
  padding: 0;
}

@media (max-width: 760px) {
  .wp-block-media-text.is-stacked-on-mobile {
    grid-template-columns: 100% !important;
  }

  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
  }

  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2;
  }
}

.go-to-back>a {
  text-decoration: none;
  text-transform: uppercase;
  font-size: var(--font-size-smaller);
}

.go-to-back>a:hover {
  text-decoration: underline;
}

blockquote.wp-block-quote {
  margin: 0;
  padding: 0;
  font-style: normal;
  text-align: center;
}

blockquote.wp-block-quote p {
  color: var(--fg-headline);
  font-family: "Poppins";
  font-weight: 800;
  font-size: 30px;
}

@media (max-width: 760px) {
  blockquote.wp-block-quote p {
    font-size: 22px;
  }
}

.wp-block-spacer {
  --wp--style--block-gap: 0;
}

.wp-block-spacer.is-style-responsive-small {
  height: 4em !important;
}

@media (max-width: 760px) {
  .wp-block-spacer.is-style-responsive-small {
    height: 2em !important;
  }
}

.wp-block-spacer.is-style-responsive-medium {
  height: 14em !important;
}

.wp-block-spacer.is-style-responsive-large {
  height: 20em !important;
}

.widener-page-padding {
  max-width: none;
  margin: 0;
}

.page-wrapper {
  margin-block-start: 0;
  box-sizing: content-box;
  padding-left: var(--padding);
  padding-right: var(--padding);
}

.page-wrapper>* {
  max-width: var(--page-width);
  margin-left: auto;
  margin-right: auto;
}

.page-wrapper>*.width-small {
  max-width: var(--page-width-small);
}

.page-wrapper>*.width-medium {
  max-width: var(--page-width-medium);
}

.page-wrapper>*.width-large {
  max-width: var(--page-width-large);
}

.page-wrapper>*.width-full {
  max-width: none;
}

.page-wrapper>*.width-very-small {
  max-width: var(--page-width-very-small);
}

.page-width {
  max-width: var(--page-width);
  margin-left: auto;
  margin-right: auto;
}

.page-width.width-small {
  max-width: var(--page-width-small);
}

.page-width.width-medium {
  max-width: var(--page-width-medium);
}

.page-width.width-large {
  max-width: var(--page-width-large);
}

.page-width.width-full {
  max-width: none;
}

.page-width.width-very-small {
  max-width: var(--page-width-very-small);
}

.page-padding {
  box-sizing: content-box;
  padding-left: var(--padding);
  padding-right: var(--padding);
}

.remove-page-padding {
  margin-left: calc(-1 * var(--padding));
  margin-right: calc(-1 * var(--padding));
}

.wp-block-group.is-layout-flex>p {
  padding-bottom: 0;
}

.primary-btn,
.wp-block-button__link {
  display: inline-block;
  padding: 0.75em 1em;
  background: var(--button);
  border: 1px solid var(--button);
  border-radius: 0.5em;
  color: var(--button-fg);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  font-size: var(--button-font-size);
  font-family: inherit;
  font-weight: inherit;
  text-decoration: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  cursor: pointer;
}

.primary-btn:visited,
.wp-block-button__link:visited {
  color: var(--button-fg);
}

.primary-btn:hover,
.wp-block-button__link:hover {
  background: var(--button-hover);
  color: var(--button-hover-fg);
  border: 1px solid var(--button-hover);
}

.is-style-outline>.wp-block-button__link,
.wp-block-button__link.is-style-outline {
  display: block;
  padding: 0.85em 1em;
  border-radius: 0.5em;
  background: none;
  border: 1px solid var(--fg);
  color: var(--fg);
  font-size: inherit;
  font-family: inherit;
  text-decoration: none;
}

.is-style-outline>.wp-block-button__link:visited,
.wp-block-button__link.is-style-outline:visited {
  color: var(--fg);
}

.is-style-outline>.wp-block-button__link:hover,
.wp-block-button__link.is-style-outline:hover {
  background: none;
  color: var(--fg-hover);
  border: 1px solid var(--fg-hover);
}

.wp-block-template-part {
  margin-block-start: 0;
}

.footer .ingress,
.footer h2 {
  font-size: 20px;
}

.footer .wp-block-mytheme-icon-logo {
  fill: var(--fg);
}

.footer .wp-block-social-links {
  padding-top: 0.5em;
}

.socmed-follow {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
}

.socmed-follow>li {
  display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}

.socmed-follow>li>a {
  display: block;
  fill: var(--fg);
  transition: fill var(--anim-speed) ease-in-out;
}

.socmed-follow>li>a:hover {
  fill: var(--fg-hover);
}

.socmed-follow>li>a>svg {
  height: 1.5em;
  width: auto;
  display: block;
}

article.post .entry-content.wp-block-post-content {
  padding-bottom: 6em;
}

.wp-block-post-content {
  font-family: 'Gelasio Regular';
}

.wp-block-post-content>p>em {
  font-family: 'Gelasio Regular';
}

.cwp-form .cwp-field select,
.cwp-form .cwp-field input,
.cwp-form .cwp-field textarea {
  border: none !important;
  box-sizing: border-box;
  font-size: inherit;
  font-family: inherit;
}

.cwp-default-submit-btn {
  border: none !important;
  font-size: inherit;
  font-family: inherit;
  letter-spacing: 0;
  display: inline-block;
  padding: 0.75em 1em;
  background: var(--button);
  border: 1px solid var(--button);
  border-radius: 0.5em;
  color: var(--button-fg);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  font-size: var(--button-font-size);
  font-family: inherit;
  font-weight: inherit;
  text-decoration: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  cursor: pointer;
}

.cwp-default-submit-btn:visited {
  color: var(--button-fg);
}

.cwp-default-submit-btn:hover {
  background: var(--button-hover);
  color: var(--button-hover-fg);
  border: 1px solid var(--button-hover);
}

.wp-block-mytheme-subnav {
  text-align: center;
  padding-bottom: 1em;
}

.wp-block-mytheme-subnav h2,
.wp-block-mytheme-subnav h1 {
  font-family: "Magenos Extrabold", sans-serif;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  font-size: 70px;
  padding: 0.35em 0 0.35em;
}

@media (max-width: 760px) {

  .wp-block-mytheme-subnav h2,
  .wp-block-mytheme-subnav h1 {
    font-size: 20px;
  }
}

.wp-block-mytheme-subnav h2 .overtitle,
.wp-block-mytheme-subnav h1 .overtitle {
  display: block;
  font-size: 1rem;
  padding-bottom: 0.5em;
  font-family: "Magenos";
  font-weight: 600;
}

.wp-block-mytheme-subnav h2 .subtitle,
.wp-block-mytheme-subnav h1 .subtitle {
  display: block;
  font-family: "Magenos";
  font-size: 1.3vw;
}

@media (max-width: 760px) {

  .wp-block-mytheme-subnav h2 .subtitle,
  .wp-block-mytheme-subnav h1 .subtitle {
    display: block;
    font-family: "Magenos";
    font-size: 14px;
  }
}

.wp-block-mytheme-subnav .menu {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 0.8em;
}

.wp-block-mytheme-subnav .menu li,
.wp-block-mytheme-subnav .menu ul {
  padding: 0;
  margin: 0;
  display: inline;
}

@media (max-width: 1100px) {

  .wp-block-mytheme-subnav .menu li a,
  .wp-block-mytheme-subnav .menu ul a {
    font-size: 13px;
  }
}

.wp-block-mytheme-subnav .menu.gt-5 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-gap: 0.4em 0.4em;
  gap: 0.4em 0.4em;
}

@media (max-width: 760px) {
  .wp-block-mytheme-subnav .menu {
    gap: 0.5em;
  }

  .wp-block-mytheme-subnav .menu.gt-3 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-gap: 0.4em 0.4em;
    gap: 0.4em 0.4em;
  }
}

.wp-block-mytheme-subnav .menu>li {
  display: flex;
  flex: 1;
}

.wp-block-mytheme-subnav .menu>li>a {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wp-block-mytheme-subnav .level-2 {
  padding-top: 1em;
}

.wp-block-mytheme-subnav .level-1 {
  padding-top: 1.5em;
}

.wp-block-mytheme-subnav .level-1 a {
  text-transform: uppercase;
  padding: 0.65em 0.25em;
  border-radius: 0.5em;
  background: none;
  border: 1px solid var(--fg);
  color: var(--fg);
  text-decoration: none;
  display: flex;
  margin-bottom: 0.2em;
}

@media (max-width: 760px) {
  .wp-block-mytheme-subnav .level-1 a {
    font-size: var(--font-size-medium);
  }
}

.wp-block-mytheme-subnav .level-1 a:visited {
  color: var(--fg);
}

.wp-block-mytheme-subnav .level-1 .disabled>a {
  color: var(--button-disabled-fg);
  background: var(--button-disabled);
  border-color: var(--button-disabled);
  pointer-events: none;
}

.wp-block-mytheme-subnav .level-1 li>a:hover,
.wp-block-mytheme-subnav .level-1 .current_page_item>a {
  display: flex;
  padding: 0.65em 0.25em;
  background: var(--button);
  border: 1px solid var(--button);
  border-radius: 0.5em;
  color: var(--button-fg);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  text-decoration: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  margin-bottom: 0.2em;
}

.wp-block-mytheme-subnav .level-1 li>a:hover:visited,
.wp-block-mytheme-subnav .level-1 .current_page_item>a:visited {
  color: var(--button-fg);
}

.wp-block-mytheme-subnav .level-2 a {
  margin: 0 0.2em;
  text-decoration: none;
  color: var(--fg-headline);
}

.wp-block-mytheme-subnav .level-2 a:hover {
  color: var(--fg-hover);
}

.wp-block-mytheme-subnav .level-2 .current_page_item>a,
.wp-block-mytheme-subnav .level-2 a:hover {
  color: var(--c1);
}

body .is-layout-flow>p+p {
  margin-block-start: 0;
}

.custom-front-link {
  color: var(--fg);
  transition: color var(--anim-speed) ease-in-out;
  text-decoration: none;
  text-align: left;
}

.custom-front-link p {
  text-align: left;
}

@media (max-width: 760px) {
  .custom-front-link p {
    text-align: right;
  }
}

.custom-front-link>div {
  text-align: left;
  font-style: normal;
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.custom-front-link>div>p:not(.is-style-ingress) {
  padding: 0 0 0.75em 0;
}

.custom-front-link>div>p:not(.is-style-ingress):last-child {
  margin-top: 0.1em;
}

.custom-front-link>div>.is-style-ingress {
  font-family: "thrillers", sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1;
  text-transform: uppercase;
  font-size: 70px;
  padding: 0;
}

.custom-front-link>figure {
  border-radius: 1.25em;
  overflow: hidden;
  background: var(--hover-bg);
}

.custom-front-link>figure>img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  transform: translateZ(0);
}

.custom-front-link>figure>figcaption {
  display: none;
}

@media (min-width: 761px) {
  .custom-front-link {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .custom-front-link>div {
    order: 2;
    flex: 0 0 40%;
    text-align: left;
  }

  .custom-front-link>figure {
    flex: 1;
    order: 1;
    margin-right: 1em;
    width: 50%;
  }

  .custom-front-link>figure>img {
    opacity: 1;
    transition: opacity var(--anim-speed) ease-in-out;
  }

  @media (hover: hover) {
    .custom-front-link:hover {
      color: var(--c1-hover);
    }

    .custom-front-link:hover>figure>img {
      opacity: 0.8;
    }
  }
}

.custom-contacts {
  font-size: var(--font-size-smaller);
}

.custom-contacts img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 !important;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  border-radius: 50%;
}

.custom-social-media {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  --some-icon: var(--c1);
  --some-bg: none;
  --some-hover-icon: var(--fg);
  --some-hover-bg: none;
}

.custom-social-media>li {
  display: inline-block;
  font-size: 1.5em;
  margin: 0 0.15em;
}

.custom-social-media>li>a {
  display: block;
  padding: 0.2em;
  background: var(--some-bg);
  transition: background-color var(--anim-speed) ease-in-out;
  border-radius: 50%;
}

.custom-social-media>li>a>svg {
  display: block;
  fill: var(--some-icon);
  width: 1em;
  height: 1em;
  transition: fill var(--anim-speed) ease-in-out;
}

.custom-social-media>li>a:hover {
  background: var(--some-hover-bg);
}

.custom-social-media>li>a:hover>svg {
  fill: var(--some-hover-icon);
}

.acf-block-preview .custom-social-media {
  pointer-events: none;
}

.acf-block-preview .custom-social-media::before {
  content: "Sosiaalisen median nappeja muokataan sivustoasetuksista";
  color: gray;
  font-size: 13px;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: 1px solid dotted;
  display: block;
}

.block-hero {
  max-width: calc(var(--page-width) + 100px);
  position: relative;
  z-index: 2;
}

.block-hero>div {
  overflow: hidden;
}

.block-hero img {
  width: 100%;
  display: block;
  height: auto;
}

.block-hero .desktop-image {
  display: block;
  margin-top: -4em;
}

.block-hero .mobile-image {
  display: none;
}

@media (max-width: 760px) {
  .block-hero .desktop-image {
    display: none;
  }

  .block-hero .mobile-image {
    display: block;
  }
}

.block-add a {
  display: block;
}

.block-add a+a {
  padding-top: 0.5em;
}

.block-add img {
  width: 100%;
  display: block;
  height: auto;
}

.block-add .desktop-image {
  display: block;
}

.block-add .mobile-image {
  display: none;
}

@media (max-width: 760px) {
  .block-add .desktop-image {
    display: none;
  }

  .block-add .mobile-image {
    display: block;
  }
}

.custom-hero-title {
  //margin-top: -2em;
  font-weight: inherit;
  font-size: 25px;
  font-family: 'Magenos' !important;
  padding-bottom: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--c1-white);
  position: relative;
  margin-top: -160px;
  z-index: 2;
}

@media (max-width: 760px) {
  .custom-hero-title {
    font-size: 3vw;
  }
}

.custom-hero-title strong {
  padding-top: 10px;
  display: block;
  font-size: 50px;
  font-family: 'Floz';
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  color: var(--c1-white);
}

@media (max-width: 760px) {
  .custom-hero-title strong {
    font-size: 37px;
  }
}

.custom-hero-title span {
  font-family: 'Magenos';
}

.custom-bordered {
  border: 1px solid var(--fg);
  border-radius: 1em;
  padding: 1.5em;
  margin: 0 auto;
}

.searchform {
  margin: 0 auto;
  position: relative;
}

@media (max-width: 760px) {
  .searchform {
    max-width: none;
    width: 100%;
  }
}

.searchform>input[type=text] {
  box-sizing: border-box;
  display: block;
  width: 100%;
  border-right: 0;
  font-family: inherit;
  font-size: inherit;
  border: 1px solid var(--fg);
  color: var(--fg);
  box-shadow: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  padding: 0.5em;
  background: none;
  margin: 0;
}

.searchform>button {
  cursor: pointer;
  position: absolute;
  border: 0;
  top: 50%;
  transform: translateY(-50%);
  right: 0.25em;
  padding: 0.5em;
  box-shadow: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  display: block;
  box-sizing: border-box;
  flex: 0;
  margin: 0;
  border: 0;
  background: none;
}

.searchform>button>svg {
  transition: stroke 0.2s;
  stroke: var(--fg);
  stroke-width: 1.25px;
  display: block;
  width: 1.5em;
  height: 1.5em;
}

.searchform>button:hover>svg {
  stroke: var(--fg-hover);
}

.searchform2 {
  margin: 0 auto;
  position: relative;
  display: flex;
  gap: 0.5em;
}

@media (max-width: 760px) {
  .searchform2 {
    max-width: none;
    width: 100%;
  }
}

.searchform2>input[type=text] {
  flex: 1;
  box-sizing: border-box;
  display: block;
  width: 100%;
  border-right: 0;
  font-family: inherit;
  font-size: inherit;
  border: 1px solid var(--fg);
  color: var(--fg);
  box-shadow: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  padding: 0.5em;
  background: none;
  margin: 0;
}

.searchform2>button {
  display: inline-block;
  padding: 0.75em 1em;
  background: var(--button);
  border: 1px solid var(--button);
  border-radius: 0.5em;
  color: var(--button-fg);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  font-size: var(--button-font-size);
  font-family: inherit;
  font-weight: inherit;
  text-decoration: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  cursor: pointer;
  cursor: pointer;
}

.searchform2>button:visited {
  color: var(--button-fg);
}

.searchform2>button:hover {
  background: var(--button-hover);
  color: var(--button-hover-fg);
  border: 1px solid var(--button-hover);
}

.searchform2>button>svg {
  transition: stroke 0.2s;
  stroke: var(--fg);
  stroke-width: 1.25px;
  display: block;
  width: 1.5em;
  height: 1.5em;
}

.searchform2>button:hover>svg {
  stroke: var(--fg-hover);
}

/*
:root {
    --cc-font-family: inherit !important;
    --cc-font-size: 16px;
    --cc-bg: var(--bg);
    --cc-z-index: 2147483647;
    --cc-text: var(--fg);
    --cc-border-radius: 0;
    --cc-btn-primary-bg: var(--c1);
    --cc-btn-primary-text: var(--c1-fg);
    --cc-btn-primary-hover-bg: var(--c1-hover);
    --cc-btn-primary-hover-text: var(--c1-fg-hover);
    --cc-btn-secondary-bg: none;
    --cc-btn-secondary-text: var(--cc-text);
    --cc-btn-secondary-hover-bg: none;
    --cc-btn-secondary-hover-text: var(--cc-btn-secondary-text);
    --cc-btn-border-radius: 2rem;
    --cc-toggle-bg-off: #919ea6;
    --cc-toggle-bg-on: var(--cc-btn-primary-bg);
    --cc-toggle-bg-readonly: #d5dee2;
    --cc-toggle-knob-bg: #fff;
    --cc-toggle-knob-icon-color: #ecf2fa;
    --cc-block-text: var(--cc-text);
    --cc-cookie-category-block-bg: #f0f4f7;
    --cc-cookie-category-block-bg-hover: #e9eff4;
    --cc-section-border: #f1f3f5;
    --cc-cookie-table-border: #e9edf2;
    --cc-overlay-bg: #040608;
    --cc-overlay-opacity: 0.85;
    --cc-consent-modal-box-shadow: 0 0.625rem 1.875rem rgba(2, 2, 3, 0.28);
    --cc-webkit-scrollbar-bg: #cfd5db;
    --cc-webkit-scrollbar-bg-hover: #9199a0;
}

*/
body {
  --toggle-switch-bg: none;
  --cc-font-family: inherit !important;
  --cc-font-size: 16px;
  --cc-bg: var(--bg);
  --cc-z-index: 2147483647;
  --cc-text: var(--fg);
  --cc-border-radius: 0;
  --cc-btn-primary-bg: var(--fg);
  --cc-btn-primary-text: var(--bg);
  --cc-btn-primary-hover-bg: var(--fg-muted);
  --cc-btn-primary-hover-text: var(--bg);
  --cc-btn-secondary-bg: var(--fg);
  --cc-btn-secondary-text: var(--bg);
  --cc-btn-secondary-hover-bg: var(--fg-muted);
  --cc-btn-secondary-hover-text: var(--bg);
  --cc-btn-border-radius: 0;
  --cc-toggle-bg-off: var(--toggle-switch-bg);
  --cc-toggle-bg-on: var(--toggle-switch-bg);
  --cc-toggle-bg-readonly: var(--toggle-switch-bg);
  --cc-toggle-knob-bg: var(--fg);
  --cc-toggle-knob-icon-color: var(--fg);
  --cc-block-text: var(--fg);
  --cc-cookie-category-block-bg: var(--bg);
  --cc-cookie-category-block-bg-hover: var(--bg);
  --cc-section-border: var(--fg);
  --cc-cookie-table-border: var(--fg);
  --cc-overlay-bg: var(--bg);
  --cc-overlay-opacity: 0.85;
  --cc-consent-modal-box-shadow: none;
  --cc-webkit-scrollbar-bg: var(--bg);
  --cc-webkit-scrollbar-bg-hover: var(--fg);
}

body #s-c-bn {
  background: none !important;
}

body #s-c-bn::after,
body #s-c-bn::before {
  background: var(--fg) !important;
}

body #s-c-bn:hover {
  background: var(--fg) !important;
}

body #s-c-bn:hover::after,
body #s-c-bn:hover::before {
  background: var(--bg) !important;
}

body #s-inr {
  border: 1px solid var(--fg);
  box-shadow: none;
}

body .cc_div .c-bn,
body .cc_div .c-bn>span {
  font-family: inherit !important;
  text-transform: inherit !important;
  font-weight: normal !important;
}

body #cc_div #cm {
  border: 1px solid var(--fg);
  box-shadow: none;
}

@media (max-width: 760px) {

  body #c-bns,
  body #s-bns {
    display: flex;
    flex-direction: row !important;
    gap: 1em;
    height: auto !important;
  }
}

body #c-bns button+button,
body #s-bns button+button {
  margin-top: 0 !important;
}

body .cc_div .b-tg .c-tgl {
  border: 1px solid var(--fg);
}

body .cc_div button.b-tl.exp {
  border: 1px solid var(--fg) !important;
}

body .cc_div button.b-tl.exp::before {
  border-color: var(--fg) !important;
}

.wp-site-blocks>.wp-block-post-title {
  max-width: var(--page-width);
  margin-left: auto;
  margin-right: auto;
}

.wp-site-blocks>.wp-block-post-title.width-small {
  max-width: var(--page-width-small);
}

.wp-site-blocks>.wp-block-post-title.width-medium {
  max-width: var(--page-width-medium);
}

.wp-site-blocks>.wp-block-post-title.width-large {
  max-width: var(--page-width-large);
}

.wp-site-blocks>.wp-block-post-title.width-full {
  max-width: none;
}

.wp-site-blocks>.wp-block-post-title.width-very-small {
  max-width: var(--page-width-very-small);
}

article.post .entry-content {
  padding: 0;
}

article.post .persons {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-gap: 2em 3.5em;
  gap: 2em 3.5em;
  padding-bottom: 5em;
}

article.single-event>h1 {
  display: flex;
}

article.single-event>h1>p {
  padding: 0;
  flex: 1;
}

article.single-event .wp-block-social-links {
  gap: 0.25em;
  margin-top: 0;
}

.single-post h1 {
  font-size: 30px;
  padding-top: 1.5em;
  color: var(--c1);
}

@media (max-width: 760px) {
  .single-post h1 {
    font-size: 25px;
  }
}

.single-post .featured-image-wrapper,
.single-post .wp-block-post-featured-image {
  max-width: 750px;
  margin: 2em auto 4em auto;
}

.single-post .post-navigation {
  padding-top: 2em;
}

.single-post .sharer {
  padding-top: 1.5em;
  padding-bottom: 1em;
}

.single-post .wp-block-post-date {
  display: inline;
}

.single-ffa-project h2 {
  text-align: center;
}

.single-ffa-project .go-to-back {
  padding-bottom: 2em;
}

.single-ffa-project .program-content {
  max-width: var(--page-width-medium);
  margin: 0 auto;
  padding-bottom: 2em;
}

.single-ffa-project .formats {
  text-align: center;
  padding-bottom: 2em;
}

.single-ffa-project .formats .format {
  border: 1px solid var(--fg);
  display: inline-block;
  padding: 0 0.4em;
  margin: 0 0.2em 0.2em 0;
}

.single-ffa-project .fields {
  max-width: var(--page-width-medium);
  margin: 0 auto;
  padding-bottom: 1em;
}

@media (max-width: 760px) {
  .single-ffa-project .fields {
    font-size: var(--font-size-smaller);
  }
}

.single-ffa-project .fields h2 {
  text-align: center;
}

.single-ffa-project .fields>.field {
  display: flex;
}

.single-ffa-project .fields>.field>.label {
  flex: 0 0 25%;
  padding-right: 2.5%;
  text-align: right;
}

.single-ffa-project .fields>.field>.value {
  padding-left: 2.5%;
  font-weight: var(--bold);
}

.single-ffa-project .main-image>.img-wrapper {
  padding-top: calc(var(--aspect-ratio, (2/3)) * 100%);
  position: relative;
}

.single-ffa-project .main-image>.img-wrapper>.img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: gray;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.single-program h1 {
  padding-top: 1em;
  font-family: "thrillers", sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1;
  text-transform: uppercase;
  padding-bottom: 0.5em;
  font-size: 60px;
}

@media (max-width: 760px) {
  .single-program h1 {
    font-size: 45px;
  }
}

.single-program .main-image>.img-wrapper {
  padding-top: calc(var(--aspect-ratio, (2/3)) * 100%);
  position: relative;

  max-width: 70vw;
  border: 0.5em solid #fff;
  margin-right: auto;
  margin-left: auto;
}

.single-program .main-image>.img-wrapper>.img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: gray;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.single-program .program-header {
  max-width: var(--page-width-medium);
  margin: 0 auto;
  padding-bottom: 2em;
}

.single-program .program-header>h1 {
  font-family: 'Magenos ExtraBold';
}

.single-program .program-header>p>strong {
  font-family: 'Gelasio Medium';
}

.single-program .fields {
  max-width: var(--page-width-medium);
  margin: 0 auto;
  padding-bottom: 1em;
}

.single-program>.fields>.field>.label {
  font-family: 'Megenos Medium';
  color: var(--c1);
}

.single-program>.fields>.field>.value {
  font-family: 'Magenos Bold';

}

@media (max-width: 760px) {
  .single-program .fields {
    font-size: var(--font-size-smaller);
  }
}

.single-program .fields h2 {
  text-align: center;
}

.single-program .fields>.field {
  display: flex;
}

.single-program .fields>.field>.label {
  flex: 0 0 25%;
  padding-right: 2.5%;
  text-align: right;
}

.single-program .fields>.field>.value {
  padding-left: 2.5%;
  font-weight: var(--bold);
}

.single-program .sharer {
  max-width: var(--page-width-medium);
  margin: 0 auto;
  padding-bottom: 2em;
}

.single-program .content-warnings-wrapper {
  max-width: var(--page-width-medium);
  margin: 0 auto;
  padding-bottom: 2em;
}

.single-program .catalogue {
  max-width: var(--page-width-medium);
  margin: 0 auto;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  font-family: 'Gelasio Regular';
}

.single-program .fields-top {
  padding-bottom: 2em;
  padding-top: 2em;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  margin-bottom: 2em;
}

.single-program .fields-bottom {
  padding-bottom: 2em;
  padding-top: 2em;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  margin-bottom: 2em;
}

.single-program .films {
  padding-bottom: 4em;
}

.single-program .films .film {
  padding-bottom: 2em;
}

.single-program .films h2 {
  text-align: center;
}

.single-program .youtube-embed {
  margin-bottom: 1.5em;
}

.single-program .images>img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 1.5em;
}

.single-program .collaboration img {
  max-width: 11em;
  height: auto;
  display: inline-block;
}

.single-program>.collaborations {
  text-align: center;

  >.collaboration {
    margin: 0 0.5em 1em 0.5em;
    display: inline-block;
  }
}

.single-program .buy-options {
  font-size: 14px;
  max-width: var(--page-width-medium);
  margin: 0 auto;
  font-family: 'Magenos Bold';
}

.single-program .toggle-content-warnings {
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
  padding: 0;
  margin: 2em 0 0.5em 0;
  color: inherit;
  cursor: pointer;
  box-shadow: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: block;
  text-align: left;
  text-decoration: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  position: relative;
}

.single-program .toggle-content-warnings>svg {
  width: 1em;
  height: 1em;
  display: block;
  position: absolute;
  top: 0.15em;
  left: 0;
  fill: currentColor;
}

.single-program .toggle-content-warnings>.text {
  display: block;
  padding-left: 1.5em;
}

.single-program .toggle-content-warnings:hover>.text {
  text-decoration: underline;
}

.single-program .toggle-content-warnings.expanded>svg {
  transform: rotate(180deg);
}

.cwp-field select {
  padding: 10px;
}

form .cwp-default-submit-btn {
  cursor: pointer;
  background: var(--c1) !important;
  color: var(--c1-fg) !important;
}

.highlight-article .wp-block-button__link.more-link {
  display: inline-block;
}

.tag-style {
  font-size: 80%;
  text-decoration: none;
  display: inline-block;
  padding: 0.15em 1em;
  margin: 0 0.5em 0.5em 0;
  border-radius: 1em;
  background: var(--c1-li);
  color: var(--c1-li-fg);
  transition: background var(--anim-speed) ease-in-out;
  font-family: 'Magenos';
}

.tag-style[href]:hover {
  background: var(--c1);
  color: var(--c1-fg);
}

.tag-style.selected {
  background: var(--c1);
  color: var(--c1-fg);
}

.wp-post-image {
  width: 100%;
  height: auto;
}

.article-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-gap: 2em 0;
  gap: 2em 0;
}

.article-list>.item {
  overflow: hidden;
  border-bottom: 1px solid var(--c1);
  padding-bottom: 2em;
}

.article-list>.item:first-child {
  padding-top: 2em;
  border-top: 1px solid var(--c1);
}

.article-list>.item>a {
  display: flex;
  text-decoration: none;
}

.article-list>.item>a:hover .img-wrapper>.img {
  opacity: 0.8;
}

.article-list>.item>a:hover .more-wrapper>.more {
  transition: color 0.3s ease-in-out;
  color: var(--c1) !important;
}

.article-list>.item h3,
.article-list>.item h2 {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
}

.article-list>.item .image {
  flex: 0 0 9em;
  overflow: hidden;
}

.article-list>.item .image .img-wrapper {
  padding-top: 66.6666666667%;
  position: relative;
  border-radius: 1em;
  overflow: hidden;
  background-color: var(--hover-bg);
}

.article-list>.item .image .img-wrapper>.img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition: opacity var(--anim-speed) ease-in-out;
}

.article-list>.item .info {
  padding-left: 1em;
}

.article-list>.item .datetime {
  font-size: 13px;
  line-height: 1.2;
  font-family: 'Magenos';
  text-transform: uppercase;
  color: var(--c1);
}

.article-list>.item .more-wrapper {
  padding-top: 1.5em;
}

.article-list>.item .more-wrapper>.more {
  color: var(--c2);
  font-weight: 600;
}

.layout-bigimages .article-list>.item .image {
  flex: 0 0 48%;
}

@media (max-width: 760px) {
  .layout-bigimages .article-list>.item>a {
    display: block;
  }

  .layout-bigimages .article-list>.item .info {
    padding-left: 0;
    padding-top: 0.5em;
  }
}

.training-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-gap: 2em 2em;
  gap: 2em 2em;
}

@media (max-width: 960px) {
  .training-list {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-gap: 2em 2em;
    gap: 2em 2em;
  }
}

@media (max-width: 580px) {
  .training-list {
    grid-template-columns: minmax(0, 1fr);
    grid-gap: 2em 0;
    gap: 2em 0;
  }
}

.training-list>.item {
  background: var(--c2);
  overflow: hidden;
}

.training-list>.item>a {
  display: block;
  text-decoration: none;
  color: var(--c2-fg);
}

.training-list>.item>a:hover .image>img {
  transform: scale(1.1);
}

.training-list>.item>a:hover .more-wrapper>.more {
  transition: color 0.3s ease-in-out;
  color: var(--c1);
}

.training-list>.item .image {
  overflow: hidden;
}

.training-list>.item .image>img {
  display: block;
  margin: 0;
  padding: 0;
  aspect-ratio: 3/2;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform var(--anim-speed) ease-in-out;
  transform: scale(1.0001);
}

.training-list>.item .info {
  padding: 1.5em;
}

.training-list>.item .title {
  font-weight: var(--bold);
}

.training-list>.item .more-wrapper {
  padding-top: 1.5em;
}

.training-list>.item .more-wrapper>.more {
  color: var(--c2);
  font-weight: 600;
}

.artist-cloud {
  list-style: none;
  padding: 0;
}

.artist-cloud>li {
  padding: 0 0 0 0;
  display: inline;
}

.artist-cloud>li::after {
  content: "•";
}

.artist-cloud>li:last-child::after {
  content: "";
}

.mytheme-has-open-navigation {
  overflow: hidden;
}

header.wp-block-template-part {
  max-width: var(--page-width);
  margin-left: auto;
  margin-right: auto;
  box-sizing: content-box;
  padding-left: var(--padding);
  padding-right: var(--padding);
  padding-top: 3em;
}

header.wp-block-template-part.width-small {
  max-width: var(--page-width-small);
}

header.wp-block-template-part.width-medium {
  max-width: var(--page-width-medium);
}

header.wp-block-template-part.width-large {
  max-width: var(--page-width-large);
}

header.wp-block-template-part.width-full {
  max-width: none;
}

header.wp-block-template-part.width-very-small {
  max-width: var(--page-width-very-small);
}

body.home header.wp-block-template-part {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1000;
}

header.wp-block-template-part>.wp-block-mytheme-icon-logo {
  padding-bottom: 1em;
}

header.wp-block-template-part>.wp-block-mytheme-icon-logo>.logo {
  display: inline-block;
  top: 1.1em;
  position: absolute;
}

header.wp-block-template-part>.wp-block-mytheme-icon-logo>.logo>svg {
  fill: var(--fg);
  width: 5em;
  min-height: auto !important;
  height: auto !important;
  margin: 1.96em 0;
  display: block;
  transition: fill var(--anim-speed) ease-in-out;
  margin-top: 0px;
}

header.wp-block-template-part>.header-links {
  float: left;
  left: 5em;
  font-family: 'Magenos ExtraBold';
  text-transform: uppercase;
  position: absolute;
  top: 30px;
}

header.wp-block-template-part>.header-links>a {
  margin-left: 1em;
  margin-right: 1em;
  text-decoration: none;
  color: #fff;
}


header.wp-block-template-part>.header-links>a::before,
header.wp-block-template-part>.header-links>a::after {
  content: "⋮";
  color: #fff;
  margin: 0 0.5em;
}

header.wp-block-template-part>.header-links>.vertical-divider {
  border-right: 1px dotted #fff;
}


@media (max-width: 760px) {
  header.wp-block-template-part>.wp-block-mytheme-icon-logo>.logo {
    top: 0.5em;
  }

  header.wp-block-template-part>.wp-block-mytheme-icon-logo>.logo>svg {
    width: 3em;
    margin: 0.3em 0;
  }

  header.wp-block-template-part>.header-links {
    left: 3em;
    top: 15px;
  }
}

header.wp-block-template-part>.wp-block-mytheme-icon-logo>.logo:hover>svg {
  fill: var(--fg-hover);
}

.wp-block-mytheme-navigation {
  position: fixed;
  top: var(--wp-admin--admin-bar--height, 0);
  left: 0;
  right: 0;
  background: var(--bg);
  transition: background-color var(--anim-speed, 0.2s) ease-in-out, color var(--anim-speed, 0.2s) ease-in-out;
  z-index: 1050;
}

.wp-block-mytheme-navigation.mytheme-open-navigation {
  bottom: -1px;
}

.wp-block-mytheme-navigation.mytheme-open-navigation.open-anim .searchform2,
.wp-block-mytheme-navigation.mytheme-open-navigation.open-anim .searchform,
.wp-block-mytheme-navigation.mytheme-open-navigation.open-anim .custom-social-media,
.wp-block-mytheme-navigation.mytheme-open-navigation.open-anim ul.menu li {
  opacity: 1;
  transform: translateY(0);
}

.wp-block-mytheme-navigation .searchform2,
.wp-block-mytheme-navigation .searchform,
.wp-block-mytheme-navigation .custom-social-media,
.wp-block-mytheme-navigation .custom-switchers,
.wp-block-mytheme-navigation ul.menu li {
  opacity: 0;
  transform: translateY(1.5em);
  transition: opacity var(--anim-speed) ease-in-out, transform var(--anim-speed) ease-in-out;
  transition-delay: 0.01s;
}

.wp-block-mytheme-navigation .searchform2,
.wp-block-mytheme-navigation .searchform {
  margin-bottom: 0.5em;
}

@media (min-width: 761px) {

  .wp-block-mytheme-navigation .searchform2,
  .wp-block-mytheme-navigation .searchform {
    display: none;
  }
}

.wp-block-mytheme-navigation ul.sub-menu,
.wp-block-mytheme-navigation ul.menu {
  font-family: 'Magenos';
  font-weight: 600;
  padding: 0;
  list-style: none;
}

.wp-block-mytheme-navigation ul.sub-menu li,
.wp-block-mytheme-navigation ul.menu li {
  padding: 0.2em 0;
}

.wp-block-mytheme-navigation ul.sub-menu a,
.wp-block-mytheme-navigation ul.menu a {
  color: var(--fg);
  font-size: 1.4em;
  text-decoration: none;
  line-height: 1.2;
}

.wp-block-mytheme-navigation ul.sub-menu a .overtitle,
.wp-block-mytheme-navigation ul.menu a .overtitle {
  font-size: 1rem;
}

.wp-block-mytheme-navigation ul.sub-menu a .subtitle,
.wp-block-mytheme-navigation ul.menu a .subtitle {
  font-size: 80%;
}

.wp-block-mytheme-navigation ul.sub-menu a:hover,
.wp-block-mytheme-navigation ul.sub-menu .current-page-ancestor>a,
.wp-block-mytheme-navigation ul.sub-menu .current-menu-item>a,
.wp-block-mytheme-navigation ul.menu a:hover,
.wp-block-mytheme-navigation ul.menu .current-page-ancestor>a,
.wp-block-mytheme-navigation ul.menu .current-menu-item>a {
  text-decoration: underline;
}

.wp-block-mytheme-navigation ul.menu.location-top li {
  padding: 1.2em 0;
  border-bottom: 1px solid var(--fg);
}

.wp-block-mytheme-navigation ul.menu.location-top li:first-child {
  border-top: 1px solid var(--fg);
}

@media (max-width: 760px) {
  .wp-block-mytheme-navigation ul.menu.location-top li:first-child {
    border-top: 0;
  }
}

.wp-block-mytheme-navigation ul.menu.location-top ul.sub-menu,
.wp-block-mytheme-navigation ul.menu.location-top2 {
  padding: 1.2em 0;
}

.wp-block-mytheme-navigation ul.menu.location-top ul.sub-menu li,
.wp-block-mytheme-navigation ul.menu.location-top2 li {
  border: 0;
  padding: 0;
}

.wp-block-mytheme-navigation ul.menu.location-top ul.sub-menu a,
.wp-block-mytheme-navigation ul.menu.location-top2 a {
  font-size: 1em;
}

.wp-block-mytheme-navigation ul.menu.location-top ul.sub-menu {
  padding-left: 1.5em;
}

.wp-block-mytheme-navigation ul.menu.location-top ul.sub-menu a {
  font-weight: 400;
}

.wp-block-mytheme-navigation .custom-social-media {
  border-top: 1px solid var(--fg);
  text-align: left;
  padding-top: 1em;
}

.wp-block-mytheme-navigation .custom-social-media>li:first-child {
  margin-left: -0.2em;
}

.navigation-pill-wrapper {
  max-width: var(--page-width);
  margin-left: auto;
  margin-right: auto;
  box-sizing: content-box;
  padding-left: var(--padding);
  padding-right: var(--padding);
  position: relative;
}

.navigation-pill-wrapper.width-small {
  max-width: var(--page-width-small);
}

.navigation-pill-wrapper.width-medium {
  max-width: var(--page-width-medium);
}

.navigation-pill-wrapper.width-large {
  max-width: var(--page-width-large);
}

.navigation-pill-wrapper.width-full {
  max-width: none;
}

.navigation-pill-wrapper.width-very-small {
  max-width: var(--page-width-very-small);
}

.navigation-pill-wrapper>* {
  margin-block-start: 0;
}

.language-dropdown,
.sticky-calendar-btn,
.sticky-filters-btn,
.search-button {
  pointer-events: auto;
  position: absolute;
  z-index: 100;
  width: 3em;
  height: 3em;
  background-color: var(--fg);
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out;
  -webkit-tap-highlight-color: transparent;
}

.language-dropdown:active,
.sticky-calendar-btn:active,
.sticky-filters-btn:active,
.search-button:active {
  transform: scale(1.1);
}

@media (hover: hover) {

  .language-dropdown:hover,
  .sticky-calendar-btn:hover,
  .sticky-filters-btn:hover,
  .search-button:hover {
    background-color: var(--fg-hover);
    transform: scale(1.1);
  }

  .language-dropdown:active,
  .sticky-calendar-btn:active,
  .sticky-filters-btn:active,
  .search-button:active {
    transform: scale(1);
  }
}

.language-dropdown .icon,
.sticky-calendar-btn .icon,
.sticky-filters-btn .icon,
.search-button .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.language-dropdown {
  right: calc(8em + var(--padding));
  top: 0.57em;
  display: block;
  font-size: 15px;
}

.language-dropdown>a {
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-transform: uppercase;
  color: var(--bg);
  text-decoration: none;
}

.language-dropdown>a.active {
  display: none;
}

.language-dropdown>a:hover {
  text-decoration: underline;
}

.language-dropdown>a>span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (min-width: 761px) {
  .language-dropdown {
    top: 1.4em;
    right: calc(11.5em + var(--padding));
    font-size: 15px;
    display: block;
  }
}

@media (max-width: 760px) {
  .language-dropdown {
    top: auto;
    position: fixed;
    right: 15px;
    bottom: 15px;
  }
}

.search-button {
  display: none;
}

@media (min-width: 761px) {
  .search-button {
    top: 1.4em;
    right: calc(15em + var(--padding));
    font-size: 15px;
    display: block;
  }
}

.search-button .icon {
  stroke: var(--bg);
  stroke-width: 1.25px;
  width: 1.45em !important;
}

.sticky-calendar-btn,
.sticky-filters-btn {
  display: none;
}

@media (min-width: 761px) {

  .sticky-calendar-btn,
  .sticky-filters-btn {
    top: 1.4em;
    left: 1.5em;
    right: auto;
    font-size: 15px;
  }
}

@media (max-width: 760px) {

  .sticky-calendar-btn,
  .sticky-filters-btn {
    top: 0.45em;
    left: 1em;
    right: auto;
    font-size: 16px;
  }
}

html.mytheme-has-open-navigation .sticky-calendar-btn,
html.mytheme-has-open-navigation .sticky-filters-btn {
  display: none !important;
}

body:has(.block-programme).scrolled .sticky-filters-btn {
  position: absolute;
  display: block;
}

.grecaptcha-badge {
  right: auto !important;
  left: 10px !important;
  visibility: hidden !important;
}

.tooltip {
  display: none;
  position: fixed;
  z-index: 1000;
  background: var(--fg);
  color: var(--bg);
  padding: 0.5em;
  border-radius: 0.5em;
}

.tooltip>a {
  color: var(--bg);
  text-decoration: none;
  display: block;
}

.tooltip>a:hover {
  text-decoration: underline;
}

body:not(.scrolled) .tooltip {
  display: none !important;
}

body:has(.sort-by-date).scrolled .sticky-calendar-btn {
  position: absolute;
  display: block;
}

.navigation-pill {
  font-size: 0.8em;
  position: absolute;
  z-index: 2;
  top: 1.4em;
  right: var(--padding);
  padding: 0 1em 0 0.5em;
  border-radius: 5em;
  background: var(--fg);
  color: var(--c2-fg);
  fill: var(--fg);
  gap: 0.6em !important;
  --mytheme-hamburger-color: var(--bg);
  transition: color var(--anim-speed) ease-in-out, fill var(--anim-speed) ease-in-out, background-color var(--anim-speed) ease-in-out;
}

@media (max-width: 760px) {
  .navigation-pill {
    top: 0.6em;
    right: 5em;
  }
}

@media (max-width: 760px) {
  .navigation-pill {
    font-size: 14px;
  }
}

@media (min-width: 761px) {
  .navigation-pill {
    font-size: 16px;
  }
}

.navigation-pill .logo {
  display: block;
  padding: 1.4em 0;
}

.navigation-pill .logo svg {
  min-height: auto;
  height: 1.3em;
  width: auto !important;
  transition: fill var(--anim-speed) ease-in-out;
}

.navigation-pill .wp-block-mytheme-hamburger {
  padding-left: 0.25em;
  padding-right: 0.4em;
}

.mytheme-navtarget {
  display: none;
  box-sizing: content-box;
  padding-left: var(--padding);
  padding-right: var(--padding);
}

.mytheme-navtarget .wp-block-mytheme-icon-logo>.logo>svg {
  fill: var(--fg);
  width: 5em;
  min-height: auto !important;
  height: auto !important;
  margin: 1.96em 0;
  display: block;
  transition: fill var(--anim-speed) ease-in-out;
}

@media (max-width: 760px) {
  .mytheme-navtarget .wp-block-mytheme-icon-logo>.logo>svg {
    width: 3em;
    margin-top: -29px;
  }
}

.mytheme-open-navigation .mytheme-navtarget {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  max-width: var(--page-width);
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
  overflow: hidden;
  overflow-y: auto;
}

.mytheme-open-navigation .mytheme-navtarget::scrollbar {
  width: var(--scrollbar-width, 25px);
}

.mytheme-open-navigation .mytheme-navtarget::-moz-scrollbar {
  width: var(--scrollbar-width, 25px);
}

.mytheme-open-navigation .mytheme-navtarget::-webkit-scrollbar {
  width: var(--scrollbar-width, 25px);
}

.mytheme-open-navigation .mytheme-navtarget::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}

.mytheme-open-navigation .mytheme-navtarget::-webkit-scrollbar-track {
  background: var(--scrollbar-bg, #000);
  border: 0;
  border-radius: 0;
}

.mytheme-open-navigation .mytheme-navtarget::-webkit-scrollbar-thumb {
  background: var(--scrollbar-fg, #fff);
  border-radius: 0;
}

.mytheme-open-navigation .mytheme-navtarget::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-fg, #fff);
}

body.admin-bar .mytheme-open-navigation .mytheme-navtarget {
  top: var(--wp-admin--admin-bar--height);
}

.mytheme-open-navigation .mytheme-navtarget.width-small {
  max-width: var(--page-width-small);
}

.mytheme-open-navigation .mytheme-navtarget.width-medium {
  max-width: var(--page-width-medium);
}

.mytheme-open-navigation .mytheme-navtarget.width-large {
  max-width: var(--page-width-large);
}

.mytheme-open-navigation .mytheme-navtarget.width-full {
  max-width: none;
}

.mytheme-open-navigation .mytheme-navtarget.width-very-small {
  max-width: var(--page-width-very-small);
}

/* The switch - the box around the slider */
.switch {
  /*
    Theme switch https://uiverse.io/satyamchaudharydev/shy-earwig-18 Copyright -
        2024 satyamchaudharydev (satyam) 

        Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

        The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

        THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

    */
  display: block;
  --width-of-switch: 3em;
  --height-of-switch: 2em;
  /* size of sliding icon -- sun and moon */
  --size-of-icon: 1.4em;
  /* it is like a inline-padding of switch */
  --slider-offset: 0.3em;
  position: relative;
  width: var(--width-of-switch);
  height: var(--height-of-switch);
  /* Hide default HTML checkbox */
  /* The slider */
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--bg);
  transition: 0.4s;
  border-radius: 30px;
}

.switch .slider:before {
  position: absolute;
  content: "";
  height: var(--size-of-icon, 1.4em);
  width: var(--size-of-icon, 1.4em);
  border-radius: 20px;
  left: var(--slider-offset, 0.3em);
  top: 50%;
  transform: translateY(-50%);
  background: var(--fg);
  transition: 0.4s;
}

.switch .slider:after {
  position: absolute;
  content: "";
  height: calc(var(--size-of-icon, 1.4em) - 0.3em);
  width: calc(var(--size-of-icon, 1.4em) - 0.3em);
  border-radius: 20px;
  left: calc(var(--slider-offset, 0.3em) - 0.3em);
  top: 50%;
  transform: translateY(-50%);
  background: var(--bg);
  transition: 0.4s;
}

.switch input:checked+.slider {
  background-color: var(--bg);
}

.switch input:checked+.slider:before {
  left: calc(100% - (var(--size-of-icon, 1.4em) + var(--slider-offset, 0.3em)));
  background: var(--fg);
  /* change the value of second inset in box-shadow to change the angle and direction of the moon  */
}

.switch:focus-within {
  outline: var(--focus-outline);
  outline-offset: var(--focus-outline-offset);
}

footer {
  box-sizing: content-box;
  padding-left: var(--padding);
  padding-right: var(--padding);
}

footer .is-style-ingress {
  font-size: 1em;
}

footer .copyright2 {
  font-size: 80%;
}

footer a {
  text-decoration: none;
  color: var(--fg);
}

footer a:hover {
  color: var(--c1);
}

.wp-block-social-links>li {
  background: var(--c2) !important;
  color: var(--bg) !important;
}

.airtable-test ul {
  padding: 0;
  padding-left: 1em;
}

.airtable-test .airtable-table {
  padding-top: 2em;
}

.airtable-test .airtable-table th {
  white-space: nowrap;
  text-align: left;
}

.airtable-test .airtable-table th,
.airtable-test .airtable-table td {
  padding: 0.5em;
  border: 1px solid var(--fg);
}

.airtable-test .airtable-table table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid var(--fg);
}

.airtable-test .airtable-table details {
  padding: 0;
  margin: 0;
}

.full-menu {
  text-align: center;
}

.youtube-embed {
  padding-top: 56.25%;
  position: relative;
}

.youtube-embed>iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.content-warnings.hidden {
  display: none;
}

.dropdown-container {
  position: relative;
  margin-bottom: 0.5em;
}

.dropdown-container a.dropdown-opener {
  box-sizing: border-box;
  display: block;
  text-align: center;
  background: var(--bg);
  color: var(--fg);
  padding: 0.25em 1.15em 0.25em 0;
  transition: background-color var(--anim-speed, 0.2s) ease-in-out, color var(--anim-speed, 0.2s) ease-in-out, border-color var(--anim-speed, 0.2s) ease-in-out;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}

.dropdown-container a.dropdown-opener>svg {
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  width: 0.6em;
  position: absolute;
  fill: var(--fg);
  transition: stroke var(--anim-speed, 0.2s);
}

.dropdown-container a.dropdown-opener>.title {
  padding-right: 1.5em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dropdown-container a.dropdown-opener:hover {
  background: var(--bg);
  color: var(--fg);
}

.dropdown-container a.dropdown-opener:hover>svg {
  fill: var(--fg);
}

.dropdown-container .dropdown-wrapper {
  display: none;
  width: 100%;
  min-width: 14em;
  position: absolute;
  z-index: 290;
  padding: 0.75em 0 0.75em 0;
  border-radius: 2em;
  margin-top: -1px;
  background: var(--bg);
  color: var(--fg);
  border: 2px solid var(--fg);
  transition: background-color var(--anim-speed, 0.2s) ease-in-out, color var(--anim-speed, 0.2s) ease-in-out, border-color var(--anim-speed, 0.2s) ease-in-out;
  overflow-y: auto;
  height: auto;
  max-height: 32em;
}

@media (max-width: 760px) {
  .dropdown-container .dropdown-wrapper {
    max-height: 32em;
  }
}

.dropdown-container.shown>.dropdown-wrapper {
  display: block;
  background: var(--bg);
}

.dropdown-container .dropdown-selects {
  list-style: none;
  padding: 0;
}

.dropdown-container .dropdown-selects>li>a {
  display: block;
  padding: 0.2em 1.5em;
  color: var(--fg);
  background: var(--bg);
}

.dropdown-container .dropdown-selects>li>a:hover,
.dropdown-container .dropdown-selects>li>a.active {
  background: var(--bg);
  color: var(--fg);
}

.dropdown-container .dropdown-checkmarks {
  list-style: none;
  padding: 0;
}

.dropdown-container .dropdown-checkmarks li {
  padding: 0;
}

.dropdown-container .dropdown-checkmarks>li>.children {
  padding: 0 0 0 1em;
}

.dropdown-container .dropdown-checkmarks .children {
  padding-top: 0;
}

.dropdown-container .dropdown-checkmarks label {
  position: relative;
  padding: 0.2em 1.5em;
  display: block;
  color: var(--fg);
  background: var(--bg);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: color var(--anim-speed, 0.2s);
}

.dropdown-container .dropdown-checkmarks label.active {
  background: var(--bg);
  color: var(--fg);
}

.dropdown-container .dropdown-checkmarks label.active .active-box {
  border-color: var(--fg);
}

@media (hover: hover) {
  .dropdown-container .dropdown-checkmarks label:hover {
    text-decoration: underline;
  }
}

.dropdown-container .dropdown-checkmarks input {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.dropdown-container .dropdown-checkmarks .active-box {
  display: block;
  float: left;
  border: 1px solid var(--fg);
  margin-right: 0.5em;
  width: 1em;
  height: 1em;
  border-radius: 0;
  position: relative;
  top: 0.3em;
  transition: background-color var(--anim-speed, 0.2s), border-color var(--anim-speed, 0.2s);
}

.dropdown-container .dropdown-checkmarks .name {
  padding-top: 0.1em;
  display: block;
  overflow: hidden;
}

.dropdown-container .dropdown-checkmarks input:checked+.active-box {
  border-color: var(--c1);
  background: var(--c1);
}

.dropdown-container .dropdown-checkmarks input:checked+.active-box:before {
  content: "";
  background-image: url("data:image/svg+xml,svg-encode('<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"var(--splitter)000\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z\"/></svg>')");
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: 0.1em;
  left: 0.1em;
  right: 0.1em;
  bottom: 0.1em;
}

.dropdown-container .dropdown-checkmarks li .children {
  display: none;
}

.dropdown-container .dropdown-checkmarks li.current-cat .children,
.dropdown-container .dropdown-checkmarks li.current-cat-parent .children {
  display: block;
}

.dropdown-sort,
.dropdown-location,
.dropdown-category {
  position: relative;
  display: none;
}

.dropdown-sort a.dropdown-opener,
.dropdown-location a.dropdown-opener,
.dropdown-category a.dropdown-opener {
  box-sizing: border-box;
  display: block;
  text-align: center;
  background: var(--bg);
  color: var(--fg);
  padding: 0.25em 1.15em 0.25em 0;
  transition: background-color var(--anim-speed, 0.2s) ease-in-out, color var(--anim-speed, 0.2s) ease-in-out, border-color var(--anim-speed, 0.2s) ease-in-out;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}

.dropdown-sort a.dropdown-opener>svg,
.dropdown-location a.dropdown-opener>svg,
.dropdown-category a.dropdown-opener>svg {
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  width: 0.6em;
  position: absolute;
  fill: var(--fg);
  transition: stroke var(--anim-speed, 0.2s);
}

.dropdown-sort a.dropdown-opener>.title,
.dropdown-location a.dropdown-opener>.title,
.dropdown-category a.dropdown-opener>.title {
  padding-right: 1.5em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dropdown-sort a.dropdown-opener:hover,
.dropdown-location a.dropdown-opener:hover,
.dropdown-category a.dropdown-opener:hover {
  background: var(--bg);
  color: var(--fg);
}

.dropdown-sort a.dropdown-opener:hover>svg,
.dropdown-location a.dropdown-opener:hover>svg,
.dropdown-category a.dropdown-opener:hover>svg {
  fill: var(--fg);
}

.dropdown-sort .dropdown-wrapper,
.dropdown-location .dropdown-wrapper,
.dropdown-category .dropdown-wrapper {
  display: none;
  width: 100%;
  min-width: 14em;
  position: absolute;
  z-index: 290;
  padding: 0.75em 0 0.75em 0;
  border-radius: 2em;
  margin-top: -1px;
  background: var(--bg);
  color: var(--fg);
  border: 2px solid var(--fg);
  transition: background-color var(--anim-speed, 0.2s) ease-in-out, color var(--anim-speed, 0.2s) ease-in-out, border-color var(--anim-speed, 0.2s) ease-in-out;
  overflow-y: auto;
  height: auto;
  max-height: 32em;
}

@media (max-width: 760px) {

  .dropdown-sort .dropdown-wrapper,
  .dropdown-location .dropdown-wrapper,
  .dropdown-category .dropdown-wrapper {
    max-height: 32em;
  }
}

.dropdown-sort.shown>.dropdown-wrapper,
.dropdown-location.shown>.dropdown-wrapper,
.dropdown-category.shown>.dropdown-wrapper {
  display: block;
  background: var(--bg);
}

.dropdown-sort .dropdown-selects,
.dropdown-location .dropdown-selects,
.dropdown-category .dropdown-selects {
  list-style: none;
  padding: 0;
}

.dropdown-sort .dropdown-selects>li>a,
.dropdown-location .dropdown-selects>li>a,
.dropdown-category .dropdown-selects>li>a {
  display: block;
  padding: 0.2em 1.5em;
  color: var(--fg);
  background: var(--bg);
}

.dropdown-sort .dropdown-selects>li>a:hover,
.dropdown-sort .dropdown-selects>li>a.active,
.dropdown-location .dropdown-selects>li>a:hover,
.dropdown-location .dropdown-selects>li>a.active,
.dropdown-category .dropdown-selects>li>a:hover,
.dropdown-category .dropdown-selects>li>a.active {
  background: var(--bg);
  color: var(--fg);
}

.dropdown-sort .dropdown-checkmarks,
.dropdown-location .dropdown-checkmarks,
.dropdown-category .dropdown-checkmarks {
  list-style: none;
  padding: 0;
}

.dropdown-sort .dropdown-checkmarks li,
.dropdown-location .dropdown-checkmarks li,
.dropdown-category .dropdown-checkmarks li {
  padding: 0;
}

.dropdown-sort .dropdown-checkmarks>li>.children,
.dropdown-location .dropdown-checkmarks>li>.children,
.dropdown-category .dropdown-checkmarks>li>.children {
  padding: 0 0 0 1em;
}

.dropdown-sort .dropdown-checkmarks .children,
.dropdown-location .dropdown-checkmarks .children,
.dropdown-category .dropdown-checkmarks .children {
  padding-top: 0;
}

.dropdown-sort .dropdown-checkmarks label,
.dropdown-location .dropdown-checkmarks label,
.dropdown-category .dropdown-checkmarks label {
  position: relative;
  padding: 0.2em 1.5em;
  display: block;
  color: var(--fg);
  background: var(--bg);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: color var(--anim-speed, 0.2s);
}

.dropdown-sort .dropdown-checkmarks label.active,
.dropdown-location .dropdown-checkmarks label.active,
.dropdown-category .dropdown-checkmarks label.active {
  background: var(--bg);
  color: var(--fg);
}

.dropdown-sort .dropdown-checkmarks label.active .active-box,
.dropdown-location .dropdown-checkmarks label.active .active-box,
.dropdown-category .dropdown-checkmarks label.active .active-box {
  border-color: var(--fg);
}

@media (hover: hover) {

  .dropdown-sort .dropdown-checkmarks label:hover,
  .dropdown-location .dropdown-checkmarks label:hover,
  .dropdown-category .dropdown-checkmarks label:hover {
    text-decoration: underline;
  }
}

.dropdown-sort .dropdown-checkmarks input,
.dropdown-location .dropdown-checkmarks input,
.dropdown-category .dropdown-checkmarks input {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.dropdown-sort .dropdown-checkmarks .active-box,
.dropdown-location .dropdown-checkmarks .active-box,
.dropdown-category .dropdown-checkmarks .active-box {
  display: block;
  float: left;
  border: 1px solid var(--fg);
  margin-right: 0.5em;
  width: 1em;
  height: 1em;
  border-radius: 0;
  position: relative;
  top: 0.3em;
  transition: background-color var(--anim-speed, 0.2s), border-color var(--anim-speed, 0.2s);
}

.dropdown-sort .dropdown-checkmarks .name,
.dropdown-location .dropdown-checkmarks .name,
.dropdown-category .dropdown-checkmarks .name {
  padding-top: 0.1em;
  display: block;
  overflow: hidden;
}

.dropdown-sort .dropdown-checkmarks input:checked+.active-box,
.dropdown-location .dropdown-checkmarks input:checked+.active-box,
.dropdown-category .dropdown-checkmarks input:checked+.active-box {
  border-color: var(--c1);
  background: var(--c1);
}

.dropdown-sort .dropdown-checkmarks input:checked+.active-box:before,
.dropdown-location .dropdown-checkmarks input:checked+.active-box:before,
.dropdown-category .dropdown-checkmarks input:checked+.active-box:before {
  content: "";
  background-image: url("data:image/svg+xml,svg-encode('<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"var(--splitter)000\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z\"/></svg>')");
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: 0.1em;
  left: 0.1em;
  right: 0.1em;
  bottom: 0.1em;
}

.dropdown-sort .dropdown-checkmarks li .children,
.dropdown-location .dropdown-checkmarks li .children,
.dropdown-category .dropdown-checkmarks li .children {
  display: none;
}

.dropdown-sort .dropdown-checkmarks li.current-cat .children,
.dropdown-sort .dropdown-checkmarks li.current-cat-parent .children,
.dropdown-location .dropdown-checkmarks li.current-cat .children,
.dropdown-location .dropdown-checkmarks li.current-cat-parent .children,
.dropdown-category .dropdown-checkmarks li.current-cat .children,
.dropdown-category .dropdown-checkmarks li.current-cat-parent .children {
  display: block;
}

.custom-logo-grid-wrapper {
  max-width: 50em;
  margin: 0 auto;
  padding-top: 2em;
}

.wp-block-mytheme-grid.custom-logo-grid>.wp-block-mytheme-gridcell {
  display: grid;
}

.wp-block-mytheme-grid.custom-logo-grid>.wp-block-mytheme-gridcell>* {
  align-self: center;
}

.wp-block-mytheme-grid.custom-logo-grid .logo {
  display: block;
  position: relative;
}

.wp-block-mytheme-grid.custom-logo-grid svg {
  opacity: 1;
  transition: opacity var(--anim-speed) ease-in-out, fill var(--anim-speed) ease-in-out;
  height: 3em;
  min-height: 3em;
  fill: var(--fg);
}

.wp-block-mytheme-grid.custom-logo-grid a:hover svg {
  fill: var(--c1);
}

.wp-block-mytheme-grid.custom-logo-grid a:hover img {
  opacity: 0.8;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.post-navigation {
  display: flex;
  padding-top: 1em;
}

.post-navigation>.prev {
  flex: 1;
  text-align: left;
}

.post-navigation>.next {
  flex: 1;
  text-align: right;
}

.post-navigation .wrapper {
  display: inline-flex;
  align-items: center;
}

.post-navigation .wrapper>.round {
  flex: 0;
}

.post-navigation .wrapper>.title {
  font-size: 80%;
  line-height: 1;
}

@media (max-width: 760px) {
  .post-navigation .wrapper>.title {
    display: none;
  }
}

.post-navigation .round {
  display: inline-block;
  vertical-align: middle;
  padding: 0.5em;
  background: var(--c1);
  color: var(--c1-fg);
  border-radius: 50%;
  transition: background-color var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;
}

.post-navigation .round>svg {
  display: block;
  width: 1em;
  height: 1em;
}

.post-navigation .round:last-child {
  margin-left: 0.85em;
}

.post-navigation .round:nth-child(1) {
  margin-right: 0.85em;
}

.post-navigation a:hover .round {
  background: var(--c1-hover);
  color: var(--c1-fg-hover);
}

.pagination-only-buttons {
  display: flex;
  padding-top: 1em;
}

.pagination-only-buttons>.prevs {
  flex: 1;
  text-align: left;
}

.pagination-only-buttons>.prevs.disabled {
  opacity: 0.5;
}

.pagination-only-buttons>.nexts {
  flex: 1;
  text-align: right;
}

.pagination-only-buttons>.nexts.disabled {
  opacity: 0.5;
}

.pagination-only-buttons .button {
  display: inline-block;
  padding: 0.5em;
  background: var(--c1);
  color: var(--c1-fg);
  border-radius: 50%;
  transition: background-color var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;
}

.pagination-only-buttons .button>svg {
  display: block;
  width: 1em;
  height: 1em;
}

.pagination-only-buttons .button:nth-child(1) {
  margin-right: 0.5em;
}

.pagination-only-buttons .button:hover:not(.disabled) {
  background: var(--c1-hover);
  color: var(--c1-fg-hover);
}

.pagination {
  text-align: center;
  margin-top: 2em;
}

.pagination>.page-numbers {
  background: #000;
  display: inline-block;
  padding: 0.1em 0.6em 0 0.6em;
  border-radius: 1.5em;
  color: #fff;
  text-decoration: none;
  transition: background-color var(--anim-speed) ease-in-out;
}

.pagination>.page-numbers:not(.prev):not(.next) {
  min-width: 0.75em;
  text-align: center;
}

.pagination>a.page-numbers {
  background: var(--c1);
}

.pagination>a.page-numbers:hover {
  background: #000;
}

.row-below {
  display: flex;
  padding: 0.5em 0;
  margin-bottom: 1em;
  min-height: 1.5em;
  align-items: end;
}

.row-below>div:last-child {
  text-align: right;
  flex: 1;
}

.row-below .link {
  text-decoration: none;
  color: var(--c1);
  transition: color var(--anim-speed) ease-in-out;
  margin-right: 0.5em;
  margin-top: 0.1em;
}

.row-below .link>svg {
  width: 0.8em;
  height: 0.8em;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -0.1em;
  fill: var(--c1);
  transition: fill var(--anim-speed) ease-in-out;
}

.row-below .link:hover {
  color: var(--c1-hover);
}

.row-below .link:hover>svg {
  fill: var(--c1-hover);
}

@media (max-width: 760px) {
  .row-below .link {
    display: block;
  }
}

.after-nav-padder {
  padding-bottom: 0;
}

.wp-block-mytheme-collapser.mytheme-frontend+.wp-block-mytheme-collapser {
  border-top: 1px solid var(--fg);
}

.wp-block-mytheme-collapser.mytheme-frontend>.opener {
  text-decoration: none;
}

.wp-block-mytheme-collapser.mytheme-frontend>.opener>* {
  color: var(--c1);
  transition: color var(--anim-speed) ease-in-out;
}

.wp-block-mytheme-collapser.mytheme-frontend>.opener:hover>* {
  color: var(--c1-hover);
}

.wp-block-mytheme-collapser.mytheme-frontend>.opener>*>.title {
  text-decoration: none;
  font-family: 'Magenos Extrabold';
  text-transform: uppercase;
}

.wp-block-mytheme-collapser.mytheme-frontend>.opener>*>svg {
  top: 0.1em;
}

.wp-block-mytheme-collapser.mytheme-frontend>.content>.padder {
  padding-bottom: 1.25em;
}

.back-wrapper>a {
  font-size: var(--font-size-smaller);
  color: var(--c1);
  text-decoration: none;
  transition: color var(--anim-speed) ease-in-out;
}

.back-wrapper>a>svg {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  stroke: var(--c1);
  transition: stroke var(--anim-speed) ease-in-out;
  position: relative;
  top: -0.1em;
}

.back-wrapper>a:hover {
  color: var(--c1-hover);
}

.back-wrapper>a:hover>svg {
  stroke: var(--c1-hover);
}

oksidi-sharer {
  --color: var(--fg);
}

.Etusivunlaatikko>.wp-block-cover__inner-container {
  font-size: x-large !important;
  font-family: 'Magenos Black';

  p>a {
    color: var(--c1-white);
    text-decoration: none;
    text-transform: uppercase;
  }

}

.news-letter-exception {
  font-family: 'Magenos Bold';
  text-transform: uppercase;
}

.carousel-header {
  font-family: "Magenos Extrabold" !important;
}

.font-magenos {
  font-family: 'Magenos' !important;
}

.mainos-kuva {
  margin-left: 25%;
  margin-right: 25%;
  padding: 0 5px;
}

@media (max-width: 760px) {
  .mainos-kuva {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
}

ul.events-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}

@media (max-width: 760px) {
  ul.events-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
}

.circle {
  display: block;
  background: var(--c1);
  /*Ensure you change also value from blocks > eventio > cart.css */
  border-radius: 50%;
  height: 5px;
  width: 5px;
  margin: 0;
  position: absolute;
}