@charset "UTF-8";
/*!
Theme Name: Meita Base Two
Theme URI: https://meita.fi
Author: Lauri Merisaari
Author URI: https://meita.fi
Description: Block theme based and inspired of Meita Base one and Twenty Twenty Two
Requires at least: 6.3.1
Tested up to: 6.3.1
Requires PHP: 8.0
Version: 1.2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: meitabasetwo
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, accessibility-ready

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.

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
*/
/* 
 * CSS Global variables
 *
 * Overwrite these in child theme to globally control defaults
 * Original can be found in src/css/variables.scss
 */
:root {
  --meita-custom-nav-elements-border-width: 1px;
  --meita-custom-forms-input-border: 1px;
  --meita-custom-forms-input-border-style: solid;
  --meita-custom-forms-input-border-color: #808080;
  --meita-custom-forms-input-pg: white;
  --meita-custom-forms-input-border-radius: 15px;
  /* All buttons defaults, can be owerwriten in site editor */
  --meita-custom-default-border-radius: 15px;
  --meita-custom-button-padding: 11.7px;
  --meita-custom-button-hpadding: 16.7px;
  --meita-custom-button-iconsize: 24px;
  --megamenu-container-padding: 3em;
  --megamenu-nav-hpadding: 1em;
  --animate-duration: 0.3s;
}

/*
 * _base.scss
 */
/* These are originally from TT2 */
/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 * 
 * Use code below if Font smoothing is needed.
 * https://github.com/WordPress/gutenberg/pull/36092
 */
/*
body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
*/
/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */
/*
a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
	word-break: break-all;
	& > * {
		word-break: normal;
	}
}
*/
a:hover,
a:focus {
  text-decoration-style: dashed;
}

a:active {
  text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
  text-decoration: underline;
  text-decoration-style: solid;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */
.wp-block-search__button {
  padding: var(--meita-custom-button-padding);
}

/*
// Depricated 18.8.2025. Define defaults in global styles in site editor
.wp-block-file .wp-block-file__button,
.wp-element-button,
.wp-block-button__link {
	background-color: var(--wp--preset--color--primary);
	border-radius: var(--meita-custom-default-border-radius);
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	line-height: var(--wp--custom--typography--line-height--normal);
	padding: var(--meita-custom-button-padding) var(--meita-custom-button-hpadding);
}
*/
.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button .wp-block-button__link.is-style-outline {
  padding: calc(var(--meita-custom-button-padding) - 2px) calc(var(--meita-custom-button-hpadding) - 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */
/*
.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}
*/
/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */
.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align=full] > .wp-block-group,
.is-root-container .wp-block[data-align=full] > .wp-block-cover {
  padding-left: var(--wp--custom--spacing--outer);
  padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align=full] {
  margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
  margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
  width: unset;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align=full],
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align=full] > *:not(.wp-block-group) .wp-block[data-align=full] {
  margin-left: auto !important;
  margin-right: auto !important;
  width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */
.wp-block-navigation__responsive-container.is-menu-open {
  padding-top: var(--wp--custom--spacing--outer);
  padding-bottom: var(--wp--custom--spacing--large);
  padding-right: var(--wp--custom--spacing--outer);
  padding-left: var(--wp--custom--spacing--outer);
}

/*
 * File Block font normalization
 */
.wp-block-file:not(.wp-element-button) {
  font-size: var(--wp--preset--font-size--medium);
}

/**
 * Remove footer top margin
 */
footer.wp-block-template-part {
  margin-block-start: 0;
}

/** 
 * Quote block tweak 
 */
.wp-block-quote {
  border: none;
  padding-left: 4em;
  padding-right: 1em;
  position: relative;
}

.wp-block-quote:before {
  content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="50" height="50" viewBox="0 0 24 24"%3E%3Cg fill="none"%3E%3Cpath d="M24 0v24H0V0h24ZM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01l-.184-.092Z"%2F%3E%3Cpath fill="currentColor" d="M8.4 6.2a1 1 0 0 1 1.2 1.6c-1.564 1.173-2.46 2.314-2.973 3.31A3.5 3.5 0 1 1 4 14.558a7.565 7.565 0 0 1 .508-3.614C5.105 9.438 6.272 7.796 8.4 6.2Zm9 0a1 1 0 0 1 1.2 1.6c-1.564 1.173-2.46 2.314-2.973 3.31A3.5 3.5 0 1 1 13 14.558a7.565 7.565 0 0 1 .508-3.614c.598-1.506 1.764-3.148 3.892-4.744Z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  display: inline-block;
  position: absolute;
  left: 0em;
  top: -1em;
  padding-right: 0.5em;
  opacity: 0.5;
}

/*!
Theme Name: Meita Base Two
Theme URI: https://meita.fi
Author: Lauri Merisaari
Author URI: https://meita.fi
Description: Block theme based and inspired of Meita Base one and Twenty Twenty Two
Requires at least: 6.3.1
Tested up to: 6.3.1
Requires PHP: 8.0
Version: 1.2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: meitabasetwo
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, accessibility-ready

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.

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
*/
/*
 * _global.scss
 */
/* All classnames that end with --desktop will be visible only on desktop resolutions */
@media screen and (max-width: 781px) {
  *[class*="--desktop"] {
    display: none !important;
  }
}
@media screen and (min-width: 782px) {
  *[class*="--mobile"] {
    display: none !important;
  }
}
svg.iconify.icon-align-top {
  display: block;
  width: 100%;
  padding-bottom: 0.2em;
}

svg.iconify.icon-align-bottom {
  display: block;
  width: 100%;
  padding-top: 0.2em;
}

svg.iconify.icon-align-left {
  padding-right: 0.2em;
}

svg.iconify.icon-align-right {
  padding-left: 0.2em;
}

iconify-icon {
  font-size: 24px;
}

/* 
 * Navigation block iconify
 */
.wp-block-navigation-item__content:has(iconify-icon), .wp-block-navigation-item__label:has(iconify-icon) {
  flex-flow: row;
  display: flex;
  /*
  iconify-icon {
      padding-top: calc((var(--wp--custom--typography--line-height--normal) - 1rem) / 2);
  }
  */
}

.wp-block-navigation-item__content > iconify-icon {
  vertical-align: top;
}

.wp-block-button[class*=wp-block-button__width] .wp-block-button__link:has(iconify-icon) {
  display: flex;
  justify-content: space-between;
}

.wp-block-buttons > .wp-block-button:has(iconify-icon) {
  display: flex;
  /*
  &.has-custom-width {
      display: flex;
      & > iconify-icon {
          top: var(--meita-custom-button-padding);
          height: fit-content;
      }
  }
  */
}
.wp-block-buttons > .wp-block-button:has(iconify-icon) > iconify-icon {
  top: auto;
  align-self: center;
  height: -moz-fit-content;
  height: fit-content;
  width: var(--meita-custom-button-iconsize);
  position: relative;
  vertical-align: calc(0.5em - var(--meita-custom-button-iconsize) / 2 - 0.125em);
}
.wp-block-buttons > .wp-block-button:has(iconify-icon) > iconify-icon.before {
  margin-right: calc(0px - var(--meita-custom-button-padding) - var(--meita-custom-button-iconsize));
  margin-left: calc(0px - var(--meita-custom-button-padding) + var(--meita-custom-button-iconsize));
}
.wp-block-buttons > .wp-block-button:has(iconify-icon) > iconify-icon.before + .wp-block-button__link {
  padding-left: calc(var(--meita-custom-button-padding) * 2 + var(--meita-custom-button-iconsize));
}
.wp-block-buttons .wp-block-button:has(iconify-icon)[class*="--after"] > iconify-icon.after {
  margin-right: calc(0px - var(--meita-custom-button-padding) + var(--meita-custom-button-iconsize));
  margin-left: calc(0px - var(--meita-custom-button-padding) - var(--meita-custom-button-iconsize));
}
.wp-block-buttons .wp-block-button:has(iconify-icon)[class*="--after"] > .wp-block-button__link {
  padding-right: calc(var(--meita-custom-button-padding) * 2 + var(--meita-custom-button-iconsize));
}
.wp-block-buttons .wp-block-button:has(iconify-icon)[class*="--outside"] > iconify-icon.after {
  margin-right: var(--meita-custom-button-padding);
  margin-left: var(--meita-custom-button-padding);
}
.wp-block-buttons .wp-block-button:has(iconify-icon)[class*="--outside"] > iconify-icon.before {
  margin-right: var(--meita-custom-button-padding);
  margin-left: var(--meita-custom-button-padding);
}
.wp-block-buttons .wp-block-button:has(iconify-icon)[class*="--outside"] > iconify-icon.before + .wp-block-button__link {
  padding-left: var(--meita-custom-button-padding);
}
.wp-block-buttons .wp-block-button:has(iconify-icon)[class*="--outside"] > .wp-block-button__link {
  padding-right: var(--meita-custom-button-padding);
}
.wp-block-buttons {
  /*
  iconify-icon.before + .wp-element-button, iconify-icon.before + .wp-block-button__link {
      padding-left: calc(1.333em + 2px + var(--meita-custom-button-iconsize));
  }
  iconify-icon.before + .wp-block-button.is-style-outline > .wp-block-button__link, iconify-icon.before + .wp-block-button .wp-block-button__link.is-style-outline {
      padding-left: calc(var(--meita-custom-button-padding) - 2px + var(--meita-custom-button-iconsize));
  }
  */
}

/*
 * _navigation.scss
 */
/*
 * Default styling for submenus
 */
.wp-block-navigation:not(.has-background):not(.is-style-megamenu):not(.is-style-alwaysopen):not(.is-style-alanavi) {
  --nav-sub-arrow-size: 0.5em;
  --nav-sub-border-radius: 0.5em;
  --nav-sub-border: 1px solid #ccc;
  --nav-sub-show-arrows: none;
  --nav-sub-arrow-color: var(--wp--preset--color--background);
  --nav-sub-color-background: var(--wp--preset--color--background);
}
.wp-block-navigation:not(.has-background):not(.is-style-megamenu):not(.is-style-alwaysopen):not(.is-style-alanavi).items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation:not(.has-background):not(.is-style-megamenu):not(.is-style-alwaysopen):not(.is-style-alanavi).items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
  left: 100%;
  right: auto;
}
.wp-block-navigation:not(.has-background):not(.is-style-megamenu):not(.is-style-alwaysopen):not(.is-style-alanavi) .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item__content.wp-block-navigation-item__content,
.wp-block-navigation:not(.has-background):not(.is-style-megamenu):not(.is-style-alwaysopen):not(.is-style-alanavi) .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-icon {
  padding-top: var(--meita-custom-button-padding);
  padding-bottom: var(--meita-custom-button-padding);
}
.wp-block-navigation:not(.has-background):not(.is-style-megamenu):not(.is-style-alwaysopen):not(.is-style-alanavi) .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-icon {
  height: 100%;
}
.wp-block-navigation:not(.has-background):not(.is-style-megamenu):not(.is-style-alwaysopen):not(.is-style-alanavi) .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__submenu-container {
  background-color: transparent;
  padding-top: var(--nav-sub-arrow-size);
  border: none;
}
.wp-block-navigation:not(.has-background):not(.is-style-megamenu):not(.is-style-alwaysopen):not(.is-style-alanavi) .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__submenu-container > li {
  box-shadow: var(--wp--preset--shadow--natural);
  background-color: var(--nav-sub-color-background);
  border-left: var(--nav-sub-border);
  border-right: var(--nav-sub-border);
}
.wp-block-navigation:not(.has-background):not(.is-style-megamenu):not(.is-style-alwaysopen):not(.is-style-alanavi) .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__submenu-container > li:first-child {
  border-top-left-radius: var(--nav-sub-border-radius);
  border-top-right-radius: var(--nav-sub-border-radius);
  border-top: var(--nav-sub-border);
}
.wp-block-navigation:not(.has-background):not(.is-style-megamenu):not(.is-style-alwaysopen):not(.is-style-alanavi) .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__submenu-container > li:last-child {
  border-bottom-left-radius: var(--nav-sub-border-radius);
  border-bottom-right-radius: var(--nav-sub-border-radius);
  border-bottom: var(--nav-sub-border);
}
.wp-block-navigation:not(.has-background):not(.is-style-megamenu):not(.is-style-alwaysopen):not(.is-style-alanavi) .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__submenu-container > li {
  /* level 3 */
}
.wp-block-navigation:not(.has-background):not(.is-style-megamenu):not(.is-style-alwaysopen):not(.is-style-alanavi) .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__submenu-container > li > ul.wp-block-navigation__submenu-container {
  padding-top: 0;
  padding-left: var(--nav-sub-arrow-size);
}
.wp-block-navigation:not(.has-background):not(.is-style-megamenu):not(.is-style-alwaysopen):not(.is-style-alanavi) .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__submenu-container > li > ul.wp-block-navigation__submenu-container li {
  background-color: var(--nav-sub-color-background);
}
.wp-block-navigation:not(.has-background):not(.is-style-megamenu):not(.is-style-alwaysopen):not(.is-style-alanavi) .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__submenu-container > li > ul.wp-block-navigation__submenu-container:before {
  content: " ";
  border-right: var(--nav-sub-arrow-size) solid var(--nav-sub-arrow-color);
  border-top: var(--nav-sub-arrow-size) solid transparent;
  border-bottom: var(--nav-sub-arrow-size) solid transparent;
  top: calc(var(--nav-sub-arrow-size) * 2);
  left: calc(0px - var(--nav-sub-arrow-size));
  width: 0px;
  height: 0px;
  display: var(--nav-sub-show-arrows);
}
.wp-block-navigation:not(.has-background):not(.is-style-megamenu):not(.is-style-alwaysopen):not(.is-style-alanavi) .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__submenu-container:before {
  content: " ";
  border-left: var(--nav-sub-arrow-size) solid transparent;
  border-right: var(--nav-sub-arrow-size) solid transparent;
  border-bottom: var(--nav-sub-arrow-size) solid var(--nav-sub-arrow-color);
  position: absolute;
  top: 0px;
  right: calc(var(--nav-sub-arrow-size) * 4);
  width: 0;
  display: var(--nav-sub-show-arrows);
}

/*
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, 
.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, 
.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, 
.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container
*/
/*
 * Megamenu block style
 * 
 * Use global styles to tune
 * --megamenu-container-padding This is paddign for level 2 (mega) container and column cap
 * --megamenu-nav-hpadding This will add vertical padding so that the mega menu is not too close to level 1 link text
 *
 * Visibility must be controlled same time as hover because accessibility tab order. Everyting inside hidden must be not focusable
 *
 * See js/meitabasetwo-custom.js for js implementation and centering
 */
nav.is-style-megamenu.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-submenu.has-child:not(.open-on-click) > button[aria-expanded=false] + .wp-block-navigation__submenu-container {
  transition: all 0s ease-in;
  opacity: 0;
  height: 0px;
  visibility: hidden;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
nav.is-style-megamenu.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-submenu.has-child:not(.open-on-click) > button[aria-expanded=false] + .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
  opacity: 0;
  height: auto;
  visibility: hidden;
}
nav.is-style-megamenu.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-submenu.has-child:not(.open-on-click):hover > button[aria-expanded=false] + .wp-block-navigation__submenu-container, nav.is-style-megamenu.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-submenu.has-child:not(.open-on-click) > button[aria-expanded=true] + .wp-block-navigation__submenu-container {
  transition: all var(--animate-duration) ease-in;
  opacity: 1;
  height: auto;
  min-width: 200px;
  overflow: visible;
  visibility: visible;
  padding-top: var(--megamenu-container-padding) !important;
  padding-bottom: var(--megamenu-container-padding) !important;
}
nav.is-style-megamenu.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-submenu.has-child:not(.open-on-click):hover > button[aria-expanded=false] + .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, nav.is-style-megamenu.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-submenu.has-child:not(.open-on-click) > button[aria-expanded=true] + .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
  visibility: visible;
  opacity: 1;
  height: auto;
  overflow: visible;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
nav.is-style-megamenu.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content > .wp-block-navigation__container {
  gap: 0px;
}
nav.is-style-megamenu.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item:not(.is-style-navbutton) {
  padding-top: calc(var(--meita-custom-button-padding) + var(--megamenu-nav-hpadding));
  padding-bottom: calc(var(--meita-custom-button-padding) + var(--megamenu-nav-hpadding));
  padding-left: calc(var(--meita-custom-button-hpadding) / 2);
  padding-right: calc(var(--meita-custom-button-hpadding) / 2);
  bottom: inherit;
}
nav.is-style-megamenu.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item:not(.is-style-navbutton) > .wp-block-navigation__submenu-container {
  --megamenu-container-padding: 3em;
  --centering-pad: calc(100vw / 2 - var(--wp--style--global--wide-size) / 2 + var(--megamenu-container-padding));
  position: absolute;
  display: grid;
  box-shadow: var(--wp--preset--shadow--natural);
  border: none;
  background-color: var(--wp--preset--color--secondary);
  width: 100vw;
  left: 0px;
  right: 0px;
  z-index: 99;
  padding-top: var(--megamenu-container-padding);
  padding-bottom: var(--megamenu-container-padding);
  padding-left: clamp(var(--megamenu-container-padding), (var(--centering-pad)), 50vw);
  padding-right: clamp(var(--megamenu-container-padding), (var(--centering-pad)), 50vw);
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: var(--megamenu-container-padding);
  flex-direction: column;
}
nav.is-style-megamenu.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item:not(.is-style-navbutton) > .wp-block-navigation__submenu-container .wp-block-navigation-item {
  align-items: start;
  flex-direction: column;
  background-color: inherit !important;
  color: inherit !important;
  display: inherit;
}
nav.is-style-megamenu.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item:not(.is-style-navbutton) > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
  font-size: var(--wp--custom--typography--font-size--big);
  padding: 0px;
  padding-bottom: 0.2em;
  margin-bottom: 0.5em;
  border-bottom: 1px solid var(--wp--preset--color--tertiary); /* meita */
  font-weight: 600; /* meita */
}
nav.is-style-megamenu.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item:not(.is-style-navbutton) > .wp-block-navigation__submenu-container > .wp-block-navigation-item button.wp-block-navigation-submenu__toggle, nav.is-style-megamenu.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item:not(.is-style-navbutton) > .wp-block-navigation__submenu-container > .wp-block-navigation-item .wp-block-navigation__submenu-icon {
  visibility: hidden;
  height: 0px;
}
nav.is-style-megamenu.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item:not(.is-style-navbutton) > .wp-block-navigation__submenu-container > .wp-block-navigation-item .wp-block-navigation__submenu-container {
  opacity: 1 !important;
  visibility: inherit !important;
  height: auto !important;
  width: 100% !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  border: none !important;
  background-color: inherit;
}
nav.is-style-megamenu.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item:not(.is-style-navbutton) > .wp-block-navigation__submenu-container > .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  padding: 0px;
  font-size: var(--wp--preset--font-size--medium);
}
nav.is-style-megamenu.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item:not(.is-style-navbutton) > .wp-block-navigation__submenu-container > .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
  margin-left: 1rem;
}

/*
 * Olways open list block style
 * 
 * Shows navigation as basic list without bullets thou
 */
nav.is-style-alwaysopen.wp-block-navigation.is-horizontal {
  align-items: start;
}
nav.is-style-alwaysopen.wp-block-navigation.is-horizontal .wp-block-navigation__container {
  align-items: start;
}
nav.is-style-alwaysopen.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item {
  display: list-item;
}
nav.is-style-alwaysopen.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-item__content > iconify-icon {
  align-self: center;
}
nav.is-style-alwaysopen.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item.has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
  min-width: auto;
}
nav.is-style-alwaysopen.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container {
  transition: none;
  position: relative;
  background-color: inherit;
  top: auto;
  width: auto;
  left: auto;
  z-index: auto;
  border: none;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 1rem;
}
nav.is-style-alwaysopen.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  padding: inherit;
  line-height: inherit;
}
nav.is-style-alwaysopen.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu__toggle {
  padding: 0;
  width: 100%;
}
nav.is-style-alwaysopen.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-icon {
  position: absolute;
  right: 0;
  top: 0;
  line-height: inherit;
  height: auto;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
nav.is-style-alwaysopen.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item.has-child:not(.open-on-click) .wp-block-navigation__submenu-container {
  visibility: visible;
  opacity: 1;
  overflow: visible;
  height: unset;
}
nav.is-style-alwaysopen.wp-block-navigation.is-content-justification-center .wp-block-navigation__container .wp-block-navigation-item {
  display: flex;
  flex-direction: column;
}
nav.is-style-alwaysopen.wp-block-navigation.is-content-justification-center .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container {
  padding-left: 0;
}
nav.is-style-alwaysopen.wp-block-navigation.is-content-justification-center .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu__toggle {
  padding: 0;
  width: auto;
}
nav.is-style-alwaysopen.wp-block-navigation.is-content-justification-right .wp-block-navigation__container .wp-block-navigation-item {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
nav.is-style-alwaysopen.wp-block-navigation.is-content-justification-right .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container {
  padding-left: 0;
  padding-right: 1rem;
  right: 0;
}
nav.is-style-alwaysopen.wp-block-navigation.is-content-justification-right .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-icon {
  left: 0;
}
nav.is-style-alwaysopen.wp-block-navigation.is-content-justification-right .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu__toggle {
  padding: 0;
  width: auto;
}

/*
 * Mobile menu
 * 
 * NOTE! Start everything here with .wp-block-navigation__responsive-container.is-menu-open
 */
.wp-block-navigation__responsive-container-close {
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 2;
}

.wp-block-navigation__responsive-container-close svg {
  height: 34px;
  width: 34px;
}

@keyframes meita-basetwo-mobile-side {
  from {
    opacity: 0;
    transform: translateX(calc(0px - var(--mobile-nav-width)));
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes meita-basetwo-mobile-submenu {
  from {
    opacity: 0;
    transform: translateX(calc(0px - var(--mobile-nav-width)));
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.wp-block-navigation__responsive-container.is-menu-open {
  --mobile-nav-link-padding: 14px;
  --mobile-nav-side-margins: 14px;
  --mobile-nav-sub-icon-width: 20px;
  --mobile-nav-sub-toggle-width: calc(var(--mobile-nav-sub-icon-width) + var(--mobile-nav-link-padding) * 2);
  --mobile-nav-sub-toggle-bg: transparent;
  --mobile-nav-width: clamp(240px, 100%, 400px);
  --mobile-nav-sub-arrow-size: 0.6rem;
  --mobile-nav-level1-text: var(--wp--preset--color--foreground);
  --mobile-nav-level1-background: var(--wp--preset--color--background);
  --mobile-nav-level2-text: var(--wp--preset--color--foreground);
  --mobile-nav-level2-background: var(--wp--preset--color--background);
  --mobile-nav-level3-text: var(--wp--preset--color--foreground);
  --mobile-nav-level3-background: var(--wp--preset--color--background);
  max-width: var(--mobile-nav-width);
  padding: 0px;
  color: var(--mobile-nav-level1-text) !important;
  background-color: var(--mobile-nav-level1-background) !important;
  border-color: var(--mobile-nav-level1-text) !important;
  box-shadow: var(--wp--preset--shadow--natural);
  animation: meita-basetwo-mobile-side var(--animate-duration) ease-out;
}
.wp-block-navigation__responsive-container.is-menu-open iconify-icon {
  width: 0px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container {
  color: var(--mobile-nav-level2-text) !important;
  background-color: var(--mobile-nav-level2-background) !important;
  border-color: var(--mobile-nav-level2-text) !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container:before {
  border-left: var(--mobile-nav-sub-arrow-size) solid transparent;
  border-right: var(--mobile-nav-sub-arrow-size) solid transparent;
  border-top: var(--mobile-nav-sub-arrow-size) solid var(--mobile-nav-level1-background);
  content: "";
  position: absolute;
  right: calc(var(--mobile-nav-link-padding) + var(--mobile-nav-side-margins));
  width: 0;
  z-index: 100;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container:after {
  border-left: calc(var(--mobile-nav-sub-arrow-size) + 2px) solid transparent;
  border-right: calc(var(--mobile-nav-sub-arrow-size) + 2px) solid transparent;
  border-top: calc(var(--mobile-nav-sub-arrow-size) + 2px) solid var(--mobile-nav-level1-text);
  content: "";
  position: absolute;
  right: calc(var(--mobile-nav-link-padding) + var(--mobile-nav-side-margins) - 2px);
  width: 0;
  z-index: -100;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
  color: var(--mobile-nav-level3-text) !important;
  background-color: var(--mobile-nav-level3-background) !important;
  border-color: var(--mobile-nav-level3-text) !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before {
  border-top-color: var(--mobile-nav-level2-background);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:after {
  border-top-color: var(--mobile-nav-level2-text);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before {
  border-top-color: var(--mobile-nav-level3-background);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:after {
  border-top-color: var(--mobile-nav-level3-text);
}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__submenu-container > li:first-child, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation ul.wp-block-navigation__submenu-container > li:first-child,
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__submenu-container > li, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation ul.wp-block-navigation__submenu-container > li {
  border-radius: 0px;
  box-shadow: none;
}
.wp-block-navigation__responsive-container.is-menu-open li:not(:last-child) {
  border-bottom: 1px solid;
}
.wp-block-navigation__responsive-container.is-menu-open li li:not(:last-child) {
  border-bottom: 1px solid;
}
.wp-block-navigation__responsive-container.is-menu-open li.wp-block-navigation-item li.wp-block-navigation-item:first-child {
  border-top: 1px solid var(--mobile-nav-level1-text);
}
.wp-block-navigation__responsive-container.is-menu-open li.wp-block-navigation-item li.wp-block-navigation-item li.wp-block-navigation-item:first-child {
  border-top: 1px solid var(--mobile-nav-level2-text);
}
.wp-block-navigation__responsive-container.is-menu-open li.wp-block-navigation-item li.wp-block-navigation-item li.wp-block-navigation-item li.wp-block-navigation-item:first-child {
  border-top: 1px solid var(--mobile-nav-level3-text);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  padding-top: 80px;
  gap: 0px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > * {
  width: var(--mobile-nav-width);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content a {
  font-family: var(--wp--preset--font-family--ubuntu);
  font-size: var(--wp--preset--font-size--medium);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
  width: 100%;
  grid-column-start: 1;
  grid-column-end: 3;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-submenu {
  display: grid;
  grid-template-columns: 1fr calc(var(--mobile-nav-sub-toggle-width) + var(--mobile-nav-side-margins));
  grid-template-rows: auto auto;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > li > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > .wp-block-navigation-item__content {
  text-indent: calc(var(--mobile-nav-link-padding));
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > li > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > .wp-block-navigation-item__content {
  text-indent: calc(var(--mobile-nav-link-padding) * 2);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > li > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > .wp-block-navigation-item__content {
  text-indent: calc(var(--mobile-nav-link-padding) * 3);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > li > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > .wp-block-navigation-item__content {
  text-indent: calc(var(--mobile-nav-link-padding) * 4);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > li > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > .wp-block-navigation-item__content {
  text-indent: calc(var(--mobile-nav-link-padding) * 5);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > li > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > .wp-block-navigation-item__content {
  text-indent: calc(var(--mobile-nav-link-padding) * 6);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu.open-on-click .wp-block-navigation__submenu-icon svg {
  width: 100%;
  display: none; /* This hides the default down shewron */
  fill: currentcolor;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu.open-on-click .wp-block-navigation__submenu-icon {
  display: inline-block;
  position: absolute;
  right: 1em;
  width: var(--mobile-nav-sub-icon-width);
  height: var(--mobile-nav-sub-icon-width);
  padding: var(--mobile-nav-link-padding);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu.open-on-click .wp-block-navigation__submenu-icon:before {
  content: "";
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8Z"%2F%3E%3Cpath fill="currentColor" d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8Z"%2F%3E%3C%2Fsvg%3E');
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8Z"%2F%3E%3Cpath fill="currentColor" d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8Z"%2F%3E%3C%2Fsvg%3E');
  background-color: var(--mobile-nav-level1-text);
  display: block;
  line-height: var(--mobile-nav-sub-icon-width);
  width: var(--mobile-nav-sub-icon-width);
  height: var(--mobile-nav-sub-icon-width);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu.open-on-click button.wp-block-navigation-item__content {
  padding: var(--mobile-nav-link-padding);
  padding-left: calc(var(--mobile-nav-link-padding) + var(--mobile-nav-side-margins));
  padding-right: calc(var(--mobile-nav-link-padding) + var(--mobile-nav-side-margins));
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 1;
  display: grid;
  width: 100%;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu.open-on-hover-click .wp-block-navigation__submenu-icon svg {
  width: 100%;
  display: none; /* This hides the default down shewron */
  fill: currentcolor;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu.open-on-hover-click .wp-block-navigation__submenu-icon:before {
  display: block;
  line-height: var(--mobile-nav-sub-icon-width);
  width: var(--mobile-nav-sub-icon-width);
  height: var(--mobile-nav-sub-icon-width);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu.open-on-hover-click {
  /* root */
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu.open-on-hover-click .wp-block-navigation__submenu-icon[aria-expanded=true]:before {
  content: "";
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"%2F%3E%3C%2Fsvg%3E');
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"%2F%3E%3C%2Fsvg%3E');
  background-color: var(--mobile-nav-level1-text);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu.open-on-hover-click .wp-block-navigation__submenu-icon[aria-expanded=false]:before {
  content: "";
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8Z"%2F%3E%3Cpath fill="currentColor" d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8Z"%2F%3E%3C%2Fsvg%3E');
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8Z"%2F%3E%3Cpath fill="currentColor" d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8Z"%2F%3E%3C%2Fsvg%3E');
  background-color: var(--mobile-nav-level1-text);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu.open-on-hover-click {
  /* sub */
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu.open-on-hover-click .wp-block-navigation-submenu .wp-block-navigation__submenu-icon[aria-expanded=true]:before {
  content: "";
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"%2F%3E%3C%2Fsvg%3E');
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"%2F%3E%3C%2Fsvg%3E');
  background-color: var(--mobile-nav-level2-text);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu.open-on-hover-click .wp-block-navigation-submenu .wp-block-navigation__submenu-icon[aria-expanded=false]:before {
  content: "";
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8Z"%2F%3E%3Cpath fill="currentColor" d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8Z"%2F%3E%3C%2Fsvg%3E');
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8Z"%2F%3E%3Cpath fill="currentColor" d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8Z"%2F%3E%3C%2Fsvg%3E');
  background-color: var(--mobile-nav-level2-text);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu.open-on-hover-click .wp-block-navigation-submenu .wp-block-navigation-submenu .wp-block-navigation__submenu-icon[aria-expanded=true]:before,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu.open-on-hover-click .wp-block-navigation-submenu .wp-block-navigation-submenu .wp-block-navigation__submenu-icon[aria-expanded=false]:before {
  background-color: var(--mobile-nav-level3-text);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
  padding: var(--mobile-nav-link-padding);
  padding-left: calc(var(--mobile-nav-link-padding) + var(--mobile-nav-side-margins));
  padding-right: calc(var(--mobile-nav-link-padding) + var(--mobile-nav-side-margins));
  grid-column-start: 1;
  grid-column-end: 1;
  grid-row-start: 1;
  grid-row-end: 1;
  width: calc(100% - var(--mobile-nav-link-padding) * 2 - var(--mobile-nav-side-margins) * 2);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content button.wp-block-navigation__submenu-icon {
  grid-column-start: 2;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 1;
  align-self: stretch;
  width: auto;
  height: auto;
  margin: 0px;
  display: block;
  padding: var(--mobile-nav-link-padding);
  padding-right: calc(var(--mobile-nav-link-padding) + var(--mobile-nav-side-margins));
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 2;
  width: 100%;
  padding: 0px;
  visibility: hidden;
  opacity: 0;
  height: 0px;
  transition: opacity var(--animate-duration);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation-item__content .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  padding-right: calc(var(--mobile-nav-link-padding) + var(--mobile-nav-side-margins));
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container {
  height: auto;
  min-width: 200px;
  opacity: 1;
  overflow: visible;
  visibility: visible;
  width: auto;
  /*
  padding-top: var(--mobile-nav-link-padding);
  padding-bottom: var(--mobile-nav-link-padding);
  */
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .meittari-button a.wp-block-navigation-item__content {
  border-radius: 27px;
  font-weight: bold;
  font-family: var(--wp--preset--font-family--ubuntu);
  padding: 12px 20px !important;
  margin: var(--mobile-nav-link-padding);
  margin-left: calc(var(--mobile-nav-link-padding) + var(--mobile-nav-side-margins));
  margin-right: calc(var(--mobile-nav-link-padding) + var(--mobile-nav-side-margins));
  width: auto;
  white-space: nowrap;
}

/*
 * Child Pages Nav
 *
 */
nav.is-style-alanavi.wp-block-navigation .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
  border: 1px solid var(--wp--preset--color--cyan-bluish-gray);
  padding: 0.25rem 0.1rem 0.25rem 0.25rem;
  font-size: 0.8rem;
  align-items: center;
}
@media screen and (min-width: 340px) {
  nav.is-style-alanavi.wp-block-navigation .wp-block-navigation__container {
    width: 100%;
  }
  nav.is-style-alanavi.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item {
    display: block;
    width: 100%;
  }
  nav.is-style-alanavi.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-item__content > iconify-icon {
    align-self: center;
  }
  nav.is-style-alanavi.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg {
    transform: rotate(0deg);
  }
  nav.is-style-alanavi.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item.has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
    min-width: auto;
  }
  nav.is-style-alanavi.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container {
    transition: none;
    position: relative;
    background-color: inherit;
    top: auto;
    width: auto;
    left: auto;
    z-index: auto;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 1rem;
  }
  nav.is-style-alanavi.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding: inherit;
    line-height: inherit;
  }
  nav.is-style-alanavi.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu__toggle {
    padding: 0;
    width: 100%;
  }
  nav.is-style-alanavi.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu__toggle.active svg {
    transform: rotate(-180deg);
  }
  nav.is-style-alanavi.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-icon {
    position: absolute;
    right: 0;
    top: 0;
    line-height: inherit;
    height: auto;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-right: 0;
  }
  nav.is-style-alanavi.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item.has-child:not(.open-on-click) .wp-block-navigation__submenu-container {
    visibility: visible;
    opacity: 1;
    overflow: visible;
    height: unset;
  }
  nav.is-style-alanavi.wp-block-navigation .current-menu-ancestor {
    display: block !important;
  }
  nav.is-style-alanavi.wp-block-navigation .wp-block-navigation__submenu-container {
    display: none !important;
  }
  nav.is-style-alanavi.wp-block-navigation .current-menu-item > ul.wp-block-navigation__submenu-container, nav.is-style-alanavi.wp-block-navigation .current-menu-ancestor + button + ul.wp-block-navigation__submenu-container {
    display: block !important;
  }
  nav.is-style-alanavi.wp-block-navigation ul li.current-menu-ancestor > ul.wp-block-navigation__submenu-container,
  nav.is-style-alanavi.wp-block-navigation ul li.current-menu-ancestor ul li {
    display: block !important;
  }
  nav.is-style-alanavi.wp-block-navigation ul.wp-block-navigation__submenu-container.visible {
    display: block !important;
  }
  nav.is-style-alanavi.wp-block-navigation .current-menu-item > ul.wp-block-navigation__submenu-container.visible, nav.is-style-alanavi.wp-block-navigation .current-menu-ancestor + button + ul.wp-block-navigation__submenu-container.visible {
    display: none !important;
  }
  nav.is-style-alanavi.wp-block-navigation .wp-block-navigation-submenu__toggle.active svg {
    transform: rotate(180deg);
  }
}

/*
 * _search.scss
 */
.wp-block-search__inside-wrapper {
  padding: 0px;
  border: var(--meita-custom-forms-input-border) var(--meita-custom-forms-input-border-style) var(--meita-custom-forms-input-border-color);
  background-color: #fff;
  border-radius: calc(var(--meita-custom-forms-input-border-radius) + var(--meita-custom-forms-input-border));
}
.wp-block-search__inside-wrapper .wp-block-search__input {
  border-radius: var(--meita-custom-forms-input-border-radius);
}
.wp-block-search__inside-wrapper {
  margin-block-start: 0;
}

.wp-block-search__button-inside {
  padding: 0px;
  background-color: transparent !important;
}

.wp-block-search .wp-block-search__button svg {
  min-width: var(--wp--custom--typography--line-height--normal);
  min-height: var(--wp--custom--typography--line-height--normal);
}
.wp-block-search .wp-block-search__input {
  border: none;
}
.wp-block-search:not(.wp-block-search__button-outside) .wp-block-search__input {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  padding: var(--meita-custom-button-padding) var(--meita-custom-button-padding);
  font-size: var(--wp--preset--font-size--medium);
}
.wp-block-search:not(.wp-block-search__button-outside) .wp-block-search__button {
  margin-left: calc(0 - var(--meita-custom-button-padding));
  border-radius: calc(var(--meita-custom-default-border-radius) - 1.5px);
  padding: var(--meita-custom-button-padding) var(--meita-custom-button-padding);
}

.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-search {
  margin: var(--mobile-nav-link-padding);
  margin-left: calc(var(--mobile-nav-link-padding) + var(--mobile-nav-side-margins));
  margin-right: calc(var(--mobile-nav-link-padding) + var(--mobile-nav-side-margins));
  --search-width: calc(var(--mobile-nav-link-padding) + var(--mobile-nav-side-margins) + var(--meita-custom-button-hpadding));
  width: calc(100% - var(--search-width) * 2);
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-search .wp-block-search__input {
  min-width: calc(100% - var(--wp--custom--typography--line-height--normal) - var(--meita-custom-button-padding) * 2);
}

/** 
 * Contact Form 7 styles 
 */
.wpcf7 input, .wpcf7 select {
  padding: var(--meita-custom-button-padding) var(--meita-custom-button-hpadding);
  font-size: var(--wp--preset--font-size--medium);
  background-color: var(--meita-custom-forms-input-pg, white);
  border: var(--meita-custom-forms-input-border) var(--meita-custom-forms-input-border-style) var(--meita-custom-forms-input-border-color);
  border-radius: var(--meita-custom-forms-input-border-radius);
}

.wpcf7 input[type=submit],
.wpcf7 input[type=button] {
  background-color: var(--wp--preset--color--primary);
  border-radius: var(--meita-custom-default-border-radius);
  color: var(--wp--preset--color--background);
  font-size: var(--wp--preset--font-size--medium);
  border: none;
  line-height: var(--wp--custom--typography--line-height--normal);
  padding: var(--meita-custom-button-padding) var(--meita-custom-button-hpadding);
}

.wpcf7 input[type=submit]:disabled,
.wpcf7 input[type=button]:disabled {
  opacity: 0.5;
}

/* Custom checkbox */
.wpcf7 input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: var(--meita-custom-forms-input-border) var(--meita-custom-forms-input-border-style) var(--meita-custom-forms-input-border-color);
  position: relative;
  padding: calc(var(--meita-custom-button-padding) / 2);
  height: var(--wp--custom--typography--line-height--normal);
  min-width: var(--wp--custom--typography--line-height--normal);
  line-height: 1px;
  top: calc(var(--meita-custom-button-padding) / 2 - 3px);
}

.wpcf7 input[type=checkbox]::before {
  content: " ";
  display: inline-block;
  width: 1em;
  height: 1em;
}

.wpcf7 input[type=checkbox]:checked::before {
  content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5L207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"%2F%3E%3C%2Fsvg%3E');
}

/* Align list items like check- and radioboxes to the left */
.wpcf7-list-item {
  margin: 0 0 0 0;
}

/*!
Theme Name: Meita Base Two
Theme URI: https://meita.fi
Author: Lauri Merisaari
Author URI: https://meita.fi
Description: Block theme based and inspired of Meita Base one and Twenty Twenty Two
Requires at least: 6.3.1
Tested up to: 6.3.1
Requires PHP: 8.0
Version: 1.2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: meitabasetwo
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, accessibility-ready

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.

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
*/
/*
 * _meita-custom-classes.scss
 */
/**
 * Collection of custom css classes. 
 * These can be applied to blocks to block with 
 * block setings advanced > ADDITIONAL CSS CLASS(ES)
 *
 * These all should be classes that can be applyed to any block.
 * However you can restrict the use.
 *
 * Please document the intended use case here
 **/
/*
 * Iconi laatikon kulmaa background-color määrittelee värin
 * 
 * 1. lisää Group lohkolle css luokka "groupcornericon"
 * 2. Luo eri palettiväreille vastaava iconin väri. Eli kun groupille editorissa 
 * lisää taustavärin, niin vastaava iconin väri on jo määritelty. (katso alta esimerkki)
 */
.groupcornericon:before {
  content: "";
  background-repeat: no-repeat;
  background-color: blue;
  --svgportaat: url('data:image/svg+xml,<svg viewBox="0 0 350 350" xmlns="http://www.w3.org/2000/svg"><g><path d="M 175.108 0 L 262.482 0 L 350.216 86.888 L 262.138 87.151 L 262.138 174.42 L 175.108 174.442 L 175.108 261.593 L 87.554 261.593 L 87.554 349.55 L 0 261.996 L 0.403 261.593 L 0 261.593 L 0 174.442 L 87.03 174.442 L 87.03 87.151 L 175.108 87.151 L 175.108 0 Z"/></g></svg>');
  /* background-image: var(--svgportaat); */
  -webkit-mask: var(--svgportaat);
          mask: var(--svgportaat);
  display: block;
  height: 80px;
  width: 80px;
  position: absolute;
  margin-left: calc(-5px - var(--wp--custom--spacing--outer));
  margin-top: calc(-5px - 1.25em);
}

/*
 * Kun groupille lisää taustavärin se saa uuden css luokan muotoa.
 * .has-(värin nimi)-background-color
 * 
 * Käytä tätä hyväksesi iconi värien määrittelyssä
 * Esimerkkinä "custom-color-6" värille määritelty ikonin väri.
 */
.has-custom-color-6-background-color.groupcornericon:before {
  background-color: pink;
}

/* 
 * navigation menu link with button style 
 *
 * Note! style always the "a" link element and add the class to the actual block
 */
.wp-block-navigation .wp-block-navigation__responsive-container .wp-block-navigation-item.is-style-navbutton a.wp-block-navigation-item__content {
  border-radius: var(--meita-custom-default-border-radius);
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--background);
  padding: var(--meita-custom-button-padding) var(--meita-custom-button-hpadding);
  white-space: nowrap;
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.is-style-navbutton a.wp-block-navigation-item__content {
  margin: var(--mobile-nav-link-padding);
  margin-left: calc(var(--mobile-nav-link-padding) + var(--mobile-nav-side-margins));
  margin-right: calc(var(--mobile-nav-link-padding) + var(--mobile-nav-side-margins));
  --nawbutton-width: calc(var(--mobile-nav-link-padding) + var(--mobile-nav-side-margins) + var(--meita-hcustom-button-padding));
  width: calc(100% - var(--nawbutton-width) * 2);
}

/* 
 * navigation menu link with button style 
 *
 * Note! style always the "a" link element and add the class to the actual block
 */
/*
 .wp-block-navigation .wp-block-navigation__responsive-container {
    .wp-block-navigation-item.is-style-navlinkiconleft
    a.wp-block-navigation-item__content {
        border-radius: var(--meita-custom-default-border-radius);
        background-color: var(--wp--preset--color--primary);
        color: var(--wp--preset--color--background);
//        line-height: var(--meita-custom-button-lineheight);
        padding: var(--meita-custom-button-padding) var(--meita-custom-button-hpadding);
        white-space: nowrap;
    }
    &.is-menu-open {
        .wp-block-navigation-item.is-style-navlinkiconleft
        a.wp-block-navigation-item__content {
            margin: var(--mobile-nav-link-padding);
            margin-left: calc(var(--mobile-nav-link-padding) + var(--mobile-nav-side-margins));
            margin-right: calc(var(--mobile-nav-link-padding) + var(--mobile-nav-side-margins));
            --nawbutton-width: calc(var(--mobile-nav-link-padding) + var(--mobile-nav-side-margins) + var(--meita-hcustom-button-padding));
            width: calc(100% - var(--nawbutton-width) * 2);
        }
    }
}
*/
/* 
 * Post terms block with button style 
 */
.is-style-buttonnized.wp-block-post-terms {
  margin-top: var(--wp--preset--spacing--30);
  margin-bottom: var(--wp--preset--spacing--30);
}
.is-style-buttonnized.wp-block-post-terms .wp-block-post-terms__separator {
  display: none;
}
.is-style-buttonnized.wp-block-post-terms a {
  border-color: var(--wp--preset--color--foreground);
  border-width: var(--meita-custom-nav-elements-border-width);
  border-radius: var(--meita-custom-default-border-radius);
  font-size: var(--wp--preset--font-size--small);
  border-style: none;
  padding: calc(var(--meita-custom-button-padding) / 2) calc(var(--meita-custom-button-hpadding) / 1.4);
  white-space: nowrap;
  text-decoration: none;
  margin-right: 0.5em;
  display: inline-block;
  margin-bottom: 0.4em;
}
.is-style-buttonnized.wp-block-post-terms {
  /* Prefer to use Additional css in site editor global styles */
}
.is-style-buttonnized.wp-block-post-terms a[href$="category/it-palvelut/"] {
  color: var(--wp--preset--color--background);
  background-color: var(--wp--preset--color--itpalvelut, var(--wp--preset--color--tertiary));
}
.is-style-buttonnized.wp-block-post-terms a[href$="category/henkilostopalvelut/"] {
  color: var(--wp--preset--color--background);
  background-color: var(--wp--preset--color--henkilostopalvelut, var(--wp--preset--color--tertiary));
}
.is-style-buttonnized.wp-block-post-terms a[href$="category/talouspalvelut/"] {
  color: var(--wp--preset--color--background);
  background-color: var(--wp--preset--color--talouspalvelut, var(--wp--preset--color--tertiary));
}
.is-style-buttonnized.wp-block-post-terms a[href$="category/yleinen/"] {
  color: var(--wp--preset--color--background);
  background-color: var(--wp--preset--color--tertiary);
}

/*
 * Button that looks like paragraph but with icon button at the end
 */
.editor-styles-wrapper .wp-block-button.is-style-textwithiconbutton .wp-block-button__link,
.wp-block-button.is-style-textwithiconbutton .wp-block-button__link {
  padding: calc(var(--meita-custom-button-padding) / 6);
  background-color: transparent;
  color: inherit;
}
.editor-styles-wrapper .wp-block-button.is-style-textwithiconbutton .wp-block-button__link:hover,
.wp-block-button.is-style-textwithiconbutton .wp-block-button__link:hover {
  text-decoration: underline;
}
.editor-styles-wrapper .wp-block-button.is-style-textwithiconbutton .wp-block-button__link:after,
.wp-block-button.is-style-textwithiconbutton .wp-block-button__link:after {
  content: " ";
  background: url(https://api.iconify.design/material-symbols/arrow-forward-rounded.svg?color=white&with=22&height=22) no-repeat center center;
  background-size: auto;
  display: inline-block;
  border-radius: 99px;
  width: calc(var(--wp--custom--typography--line-height--normal) + 2px);
  height: calc(var(--wp--custom--typography--line-height--normal) + 2px);
  margin-left: 0.5em;
  background-color: var(--wp--preset--color--primary);
  vertical-align: middle;
  margin-top: -2px;
}

/*
 * list with bullets as icons
 */
.editor-styles-wrapper ul.is-style-iconlist,
ul.is-style-iconlist {
  list-style: none;
  line-height: calc(var(--wp--custom--typography--line-height--normal) + 0.4em);
  padding-left: 0px;
}

.editor-styles-wrapper ul.is-style-iconlist li::before,
ul.is-style-iconlist li:before {
  color: inherit;
  content: " ";
  background: url(https://api.iconify.design/material-symbols/arrow-forward-rounded.svg?color=white&with=22&height=22) no-repeat center center;
  background-size: auto;
  display: inline-block;
  border-radius: 99px;
  width: calc(var(--wp--custom--typography--line-height--normal) + 2px);
  height: calc(var(--wp--custom--typography--line-height--normal) + 2px);
  margin-left: 0em;
  margin-right: 0.5em;
  background-color: var(--wp--preset--color--primary);
  vertical-align: middle;
  margin-top: -2px;
}

.editor-styles-wrapper ul.is-style-iconlist li::before {
  float: left;
}

/* 
 * Pull catecory buttons over featured image that is next block
 */
li.wp-block-post.has-post-thumbnail:has(.is-style-buttonnized.meitaspecialpulloverimage1) {
  position: relative;
}

.meitaspecialpulloverimage1 {
  position: absolute !important;
  width: calc(100% - 40px);
  margin-left: 20px;
  margin-right: 20px;
  z-index: 1;
}

/* 
 * File download button compact 
 */
.is-style-compactbutton.wp-block-file a.wp-block-file__button {
  padding: calc(var(--meita-custom-button-padding) / 3) var(--meita-custom-button-hpadding);
}

/*
 * Meita BALLS image
 */
.is-style-meitafigurespecial {
  padding-top: 0px;
  padding-bottom: 0px;
}
.is-style-meitafigurespecial .wp-block-post-featured-image {
  position: relative;
}
.is-style-meitafigurespecial .wp-block-post-featured-image img {
  border-top-right-radius: 999px;
  border-top-left-radius: 999px;
  margin-top: 20%;
  aspect-ratio: 2/1.1;
}
@media (max-width: 781px) {
  .is-style-meitafigurespecial .wp-block-post-featured-image img {
    margin-top: 0px;
  }
}
.is-style-meitafigurespecial .wp-block-post-featured-image .wp-block-post-featured-image__overlay {
  clip-path: circle(70% at 50% -65%);
}
@media (max-width: 781px) {
  .is-style-meitafigurespecial .wp-block-post-featured-image .wp-block-post-featured-image__overlay {
    display: none;
  }
}

/*
 * Meita BALLS image
 */
.is-style-meitafigurespecial2 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.is-style-meitafigurespecial2 .wp-block-post-featured-image {
  position: relative;
}
.is-style-meitafigurespecial2 .wp-block-post-featured-image img {
  border-top-right-radius: 999px;
  border-top-left-radius: 999px;
  aspect-ratio: 2/1.1;
}
@media (max-width: 781px) {
  .is-style-meitafigurespecial2 .wp-block-post-featured-image img {
    margin-top: 0px;
  }
}
.is-style-meitafigurespecial2 .wp-block-post-featured-image .wp-block-post-featured-image__overlay {
  display: none;
}

/*
 * Underline title
 */
.is-style-meitatitlespecial {
  border-bottom: 1px solid var(--wp--preset--color--tertiary);
}

/* Table styles */
/* Meita 1 */
.is-style-meitatable1 th,
.is-style-meitatable1 td,
.is-style-meitatable2 th,
.is-style-meitatable2 td {
  vertical-align: top;
  border: 2px solid var(--wp--preset--color--secondary);
  padding: calc(0.8em + var(--meita-custom-ff-bs-fix)) 1em 0.8em 1em;
  min-width: 15vw;
}

@media (max-width: 600px) {
  .is-style-meitatable1 th,
  .is-style-meitatable1 td,
  .is-style-meitatable2 th,
  .is-style-meitatable2 td {
    min-width: 45vw;
  }
}
.is-style-meitatable1 th,
.is-style-meitatable2 th {
  color: var(--wp--preset--color--background);
  background-color: var(--wp--preset--color--foreground);
  border-top: 0px;
}

.is-style-meitatable1 thead,
.is-style-meitatable2 thead {
  border-bottom: 0px;
}

.is-style-meitatable1 th:first-child,
.is-style-meitatable2 th:first-child {
  border-left-color: var(--wp--preset--color--foreground);
}

.is-style-meitatable1 th:last-child,
.is-style-meitatable2 th:last-child {
  border-right-color: var(--wp--preset--color--foreground);
}

/* Meita 2 */
.is-style-meitatable2 td:first-child {
  background-color: var(--wp--preset--color--secondary);
}

/* 
 * Search field compact 
 * 
 * Version, where field is shown only on focus
 */
.wp-block-navigation__responsive-container:not(.is-menu-open) .is-style-compactsearch.wp-block-search .wp-block-search__input,
.wp-block-navigation__responsive-container:not(.is-menu-open) .is-style-compactsearch.wp-block-search .wp-block-search__button {
  transition: all 0.4s;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) .is-style-compactsearch.wp-block-search .wp-block-search__input {
  width: 200px;
  min-width: 200px;
  padding: var(--meita-custom-button-padding);
  font-size: var(--wp--preset--font-size--medium);
}
.wp-block-navigation__responsive-container:not(.is-menu-open) .is-style-compactsearch.wp-block-search:not(.wp-block-search__button-outside) .wp-block-search__input {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) .is-style-compactsearch.wp-block-search:not(:focus-within) .wp-block-search__input {
  width: 0;
  min-width: 0;
  padding-left: 0px;
  padding-right: 0px;
  border-color: transparent;
  border-width: 0;
  border-style: solid;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) .is-style-compactsearch.wp-block-search {
  /* Smaler padding inside navigation */
}
.wp-block-navigation__responsive-container:not(.is-menu-open) .is-style-compactsearch.wp-block-search .wp-block-search__button {
  padding: var(--meita-custom-button-padding);
}
.wp-block-navigation__responsive-container:not(.is-menu-open) .is-style-compactsearch.wp-block-search .wp-block-search__button.has-icon {
  padding-left: var(--meita-custom-button-padding);
  padding-right: var(--meita-custom-button-padding);
}

.editor-styles-wrapper .wp-block-navigation__responsive-container:not(.is-menu-open) .is-style-compactsearch.wp-block-search .wp-block-search__input {
  width: 200px;
  min-width: 200px;
  padding: var(--meita-custom-button-padding);
  font-size: var(--wp--preset--font-size--medium);
}

/* 
 * All classnames that end with --desktop will be visible only on desktop resolutions 
 * @see _variables.scss for breakpoints
 */
@media screen and (max-width: 781px) {
  *[class*="--desktop"] {
    display: none !important;
  }
}
/* 
 * All classnames that end with --mobile will be visible only on mobile resolutions 
 * @see _variables.scss for breakpoints
 */
@media screen and (min-width: 782px) {
  *[class*="--mobile"] {
    display: none !important;
  }
}
/**
 * Hide useless notifications and adds from users 
 */
.update-nag.notice-warning {
  display: none;
}

.cky-footer-wrapper div[data-cky-tag=detail-powered-by] {
  display: none !important;
}

.cky-notice-review.cky-admin-notice {
  display: none;
}

#yoast-first-time-configuration-notice {
  display: none;
}

.notice-yoast {
  display: none;
}

#members_review_notice {
  display: none;
}