/*!
Theme Name: Meita Base Two Child
Theme URI: https://meita.fi
Template: meita-theme-basetwo
Author: Lauri Merisaari
Author URI: https://meita.fi
Description: Child theme for Meita jatkuvaoppiminen.Block theme based and inspired of Meita Base one and Twenty Twenty Two
Requires at least: 6.0
Tested up to: 6.1
Requires PHP: 8.0
Version: 0.0.9
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)
*/
/* MELKEEN SAMAT TYYLIT adminstyles.css FILUUN */
/* Poista wp-site-blocks ekan lapsen ylä marginaali, muuten tulee valkoinen reuna ylös */
/*.wp-site-blocks > main {
    margin-block-start: 0;
} */

.wpcf7 input {
	padding: 0.5em 1em 0.5em 1em;
    font-size: var(--wp--preset--font-size--medium);
}
.wpcf7 input[type="submit"],
.wpcf7 input[type="button"] {
	background-color: var(--wp--preset--color--primary);
    border-radius: 0;
    color: var(--wp--preset--color--background);
    font-size: var(--wp--preset--font-size--medium);
	border: none;
	padding: calc(0.667em + 2px) calc(1.333em + 2px);
}
.wpcf7 input[type="submit"]:disabled,
.wpcf7 input[type="button"]:disabled {
	opacity: 0.5;
}
.wpcf7 input[type=checkbox] {
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}
.wpcf7 input[type=checkbox] {
	border: solid 1px #000;
    position: relative;
    padding: calc(0.3em + 2px) calc(0.3em + 2px);
    height: var(--wp--custom--typography--line-height--normal);
    min-width: var(--wp--custom--typography--line-height--normal);
    line-height: 1px;
}
.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');
}
.wpcf7-list-item {
    margin: 0 0 0 0;
}



.flexgrow {
	flex-grow: 1;
    width: auto;
}

/*menu-search*/

.wp-block-cover {
	margin-block-start: 0;
}

.article-h1 {
	font-family: 800;
}

.entry-content svg {
	color: white;
}

.wp-block-meita-documents-and-media-show-media .meita-documents-and-media-icon svg {
	color: black;
}


/* Pull page content under header */
/*
.wp-site-blocks .hero-block {
	margin-block-start: 0;
	position: relative;
	z-index: 0;
	top: -85px;
	margin-bottom: -85px;
}
.wp-site-blocks .hero-block H1,
.wp-site-blocks .hero-block H2 {
	font-size: clamp(2.25rem, 8vw, 4.5rem);
}
.wp-site-blocks > header {
	position: relative;
	z-index: 999;
	max-height: 85px;
}
.hero-block {
	padding-top: 100px;
	top: -85px;
}
*/
/* Tag Cloud links */
.wp-block-tag-cloud a {
    border-radius: 1.5em;
}
.wp-block-tag-cloud a:hover {
    border-radius: 1.5em;
	background-color: var(--wp--preset--color--primary-dark);
	color: var(--wp--preset--color--white);
}





/* Navigatio search field */
/* Show on focus - add advanced class hide-search-field-blur */
header .navigation-container .wp-block-search.hide-search-field-blur .wp-block-search__input,
header .navigation-container .wp-block-search.hide-search-field-blur .wp-block-search__button {
	transition: all 0.4s;
}
header .navigation-container .wp-block-search.hide-search-field-blur:not(:focus-within) .wp-block-search__input {
	width: 0px;
    min-width: 0px;
	padding-left: 0px;
    padding-right: 0px;
	border-color: transparent;
	border-width: 0;
	border-style: solid;
}
header .navigation-container .wp-block-search.hide-search-field-blur:not(:focus-within) .wp-block-search__button {
	margin-left: 0px;
}
header .navigation-container .wp-block-search.hide-search-field-blur .wp-block-search__input {
	width: 200px;
    min-width: 200px;
}
/* No padding - use advanced class no-padding */
header .navigation-container .wp-block-search.no-padding .wp-block-search__button-inside,
header .navigation-container .wp-block-search.no-padding .wp-block-search__inside-wrapper {
	padding: 0px;
}
/* No gap between button and input - use advanced class no-gap */
header .navigation-container .wp-block-search.no-gap .wp-block-search__input {
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}
.editor-styles-wrapper .navigation-container .is-horizontal .wp-block-search.no-gap .wp-block-search__button,
header .navigation-container .wp-block-search.no-gap:focus-within .wp-block-search__button {
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	margin-left: 0px;
}
/* Smaler padding inside navigation */
header .navigation-container .wp-block-search__button {
	padding: calc(2px) calc(0.4em + 2px);
}
/* Set font size to medium and suitable input field padding */ 
.wp-block-search__input {
	padding: 0.5em 1em 0.5em 1em;
	font-size: var(--wp--preset--font-size--medium);
}







/*
.search {
	padding: 0;
	margin: 0;
}
.search input {
	padding: 0;
	margin: 0;
	border-radius: 50px;
	margin: 5px;
}
.search button {
	color: #1A0031;
	margin: 0;
	position: relative;
	margin-left: -80px;
	background-color: transparent;
}
.wp-block-search__input {
		min-width: 25px !important;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
	padding-left: 25px !important;
    transition: background var(--animate-duration);
	top: -1.3em;
	border-color: transparent;
}

.wp-block-search__input:focus {
    z-index: 1;
    position: absolute;
    background-color: #ffffff;
    outline: 1px solid var(--wp--preset--color--primary-dark);
}
.search input,
.wp-block-search__input {
	padding-left: 1.25em !important;
}
.search header .wp-block-search {
	display: none;
}
*/

.header-logo,
.wp-block-site-logo {
	min-width: 160px;
}
/* Footer position*/
.footer-group {
	position: relative;
}
/*Footer button alignment*/
.footer-button {
	margin-right: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: rotate(270deg) translate(0, 65px);
}
/*Scroll to top button alignment*/
.scroll-to-top {
	position: absolute;
	bottom: 0;
	right: 0;
}

/*submenu arrow styling - horizontal menu */
/*
.wp-block-navigation__submenu-container:before {
	content: url('https://api.iconify.design/bx:bxs-down-arrow.svg?color=%"#e4003a"&height=14');
	border-left: 1.2rem solid transparent;
    border-right: 1.2rem solid transparent;
	border-top: 1.2rem solid #e4003a;
	content: "";
    position: absolute;
	top: 3.5rem;
    right: 1.2rem;
    width: 0;
	z-index: 100
}
.wp-block-navigation__submenu-container:after  {
	content: url('https://api.iconify.design/bx:bxs-down-arrow.svg?color=%"#e4003a"&height=14');
	border-left: 1.2rem solid transparent;
    border-right: 1.2rem solid transparent;
	border-top: 1.2rem solid black;
	content: "";
    position: absolute;
	top: 3.5rem;
    right: 1.2rem;
    width: 0;
	z-index: -100;
}
*/

/*
 * 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;
}
.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-sub-toggle-color: black;
	--mobile-nav-width: clamp(240px, 100%, 400px);
	--mobile-nav-sub-arrow-size: 0.6rem;
	max-width: var(--mobile-nav-width);
	padding: 0px;
}
.wp-block-navigation__responsive-container.is-menu-open .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 #e4003a;
	content: "";
    position: absolute;
	top: 3.5rem;
    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__submenu-container:after  {
	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 black;
	content: "";
    position: absolute;
	top: 3.55rem;
    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 li:not(:last-child) {
	border-bottom: 1px solid var(--wp--preset--color--background);
}
.wp-block-navigation__responsive-container.is-menu-open li li:not(:last-child) {
	border-bottom: 1px solid var(--mobile-nav-sub-toggle-color);
}
.wp-block-navigation__responsive-container.is-menu-open li.wp-block-navigation-item li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
	border-top: 1px solid var(--mobile-nav-sub-toggle-color);
}
.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%;
}
.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__submenu-container a.wp-block-navigation-item__content {
	color: var(--mobile-nav-sub-toggle-color);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item__content  span {
	padding-left: var(--mobile-nav-link-padding);
}
.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));
	background-color: var(--mobile-nav-sub-toggle-bg);
	color: var(--mobile-nav-sub-toggle-color);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu .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 .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);
}
/* root */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu .wp-block-navigation__submenu-icon[aria-expanded=true]:before {
	content: 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="white" 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');
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu .wp-block-navigation__submenu-icon[aria-expanded=false]:before {
	content: 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="white" d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8Z"%2F%3E%3Cpath fill="white" d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8Z"%2F%3E%3C%2Fsvg%3E');
}
/* sub */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu  .wp-block-navigation-submenu .wp-block-navigation__submenu-icon[aria-expanded=true]:before {
	content: 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="black" 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');
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu  .wp-block-navigation-submenu .wp-block-navigation__submenu-icon[aria-expanded=false]:before {
	content: 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="black" d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8Z"%2F%3E%3Cpath fill="black" d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8Z"%2F%3E%3C%2Fsvg%3E');
}
.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;
	background-color: var(--wp--preset--color--light) !important;
	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;
    background-color: var(--wp--preset--color--primary-dark);
    color: #fff !important;
    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;
}