/*!
Theme Name: Meita Base Two Child Meita
Theme URI: https://meita.fi
Template: meita-theme-basetwo
Author: Lauri Merisaari
Author URI: https://meita.fi
Description: Child theme for Meita Base Two. 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.4
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)
*/

/* Columns better wrap */
@media (min-width: 782px) {
@media (max-width: 1200px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    	flex-basis: 40% !important;
	}
	.wp-block-columns {
    	flex-wrap: wrap !important;
	}
}
}

/* 
 * 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: 99px;

    /* All buttons defaults, can be owerwriten in site editor */
    --meita-custom-default-border-radius: 99px;
    --meita-custom-button-padding: 11.7px;
    --meita-custom-button-hpadding: 16.7px;
	
    --megamenu-container-padding: 3em;
    --megamenu-nav-hpadding: 1em;
    --animate-duration: 0.3s;
	
	/* Font-family baseline fix, Anek font has wrong baseline */
	--meita-custom-ff-bs-fix: 3px;
	
}

/* columns block round corners */
.meita-corner-radius > .wp-block-column {
    border-radius: 28px;
}

/* Query loop pagination */
.wp-block-query-pagination .wp-block-query-pagination-previous,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination-numbers > * {
	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;
	background-color: var(--wp--preset--color--primary);;
	color: var(--wp--preset--color--background);
}
.wp-block-query-pagination .wp-block-query-pagination-numbers .current {
	background-color: var(--wp--preset--color--background);
	color: var(--wp--preset--color--primary);
	border-color: var(--wp--preset--color--primary);
}

/* 
 * FONT HACK for Aneg Devanagari font. It has baseline way too up to land vertically middle of buttons 
 * Disable this set if you are using different font
 */
a.wp-block-navigation-item__content {
	font-family: Arial, sans-serif;
}
.wp-element-button,
.wp-block-search:not(.wp-block-search__button-outside) .wp-block-search__button {
	font-family: Arial, sans-serif;
}

.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button .wp-block-button__link.is-style-outline {
	font-family: Arial, sans-serif;
}
.is-style-navbutton a.wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation__responsive-container .wp-block-navigation-item.is-style-navbutton a.wp-block-navigation-item__content {
	font-family: Arial, sans-serif;
}
.is-style-buttonnized.wp-block-post-terms a {
	font-family: Arial, sans-serif;
}

.meita-corner-radius > .wp-block-column {
    border-radius: 28px;
}

/* palautenappi on group lohko footerin päälimmäisenä extra css classilla */
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background.palautenappi {
	width: auto !important;
    margin: 0px !important;
    padding: 15px 25px 10px 25px !important;
    rotate: -90deg;
    position: absolute;
    right: -57px;
    border: 0px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    line-height: 20px;
}

/* Quote block */
.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;
}

/* Relevanssi ehdotukset */
.relevanssi-live-search-results {
	color: #808080;
}
div.relevanssi-live-search-result-status p {
	padding: 0.4em 1em;
    line-height: 1.8em;
}
div.relevanssi-live-search-status{
	padding: 0.8em 1em;
}
div.relevanssi-live-search-result p {
	padding: 0px;
}
div.relevanssi-live-search-result p a {
	padding: 0.8em 1em;
}
.relevanssi-live-search-results-showing {
    margin-top: calc(0px - var(--meita-custom-ff-bs-fix));
    margin-left: 1em;
	box-shadow: 5px 5px 10px #cccc;
}

/* 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;
}
@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);
}

/*
 * 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;
}

.is-style-buttonnized.wp-block-post-terms a {
	background-color: #9C919C;
	color: #000000;
}
.is-style-buttonnized.wp-block-post-terms a[href*="blogi"] {
	background-color: #8C7ACC;
	color: #000000;
}
.is-style-buttonnized.wp-block-post-terms a[href*="tyontekijatarina"] {
	background-color: #C475D6;
	color: #000000;
}

/* Media and text */
.is-style-meitapallo > figure,
.is-style-meitapallo .wp-block-media-text__media {
	border-top-left-radius: 999px;
    border-top-right-radius: 999px;
    align-self: end;
    max-height: 75%;
}
.is-style-meitapallo > .wp-block-media-text__content {
	padding: 8%;
}
.is-style-meitapallo.has-media-on-the-right > .wp-block-media-text__content {
	padding-left: 0px;
}
.is-style-meitapallo.has-media-on-the-left > .wp-block-media-text__content {
	padding-right: 0px;
}
/*sertifikaatti logo ja tivi-logo*/
.svg-logo img{
	outline: 8px solid white;
	border-radius: 8px;
}
.tivi-logo img{
	background-color: white;
	outline: 2px solid white;
}
/*Query loop otsikko*/
.wp-block-query .wp-block-post a{
	word-break:break-word;
}