/*!
Theme Name: Meita Base Two Child Playkontiolahti
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.2.20
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;
    --megamenu-container-padding: 3em;
    --megamenu-nav-hpadding: 1em;

    /* Default animation duration */
    --animate-duration: 0.3s;

}

/* HEADER */



/* header nav */
header .header-hor-nav .current-menu-item > a {
    font-weight: 600 !important;
}

header .header-hor-nav .wp-block-navigation-item > a.wp-block-navigation-item__content{
	margin: 0;
    width: 100%;
    align-self: stretch;
}
header .header-hor-nav > li.wp-block-navigation-item  span.wp-block-navigation-item__label {
    display: block !important;
    justify-content: center;
    vertical-align: middle;
    align-items: center;
    text-align: center;
	align-content: center;
}



header .header-hor-nav {
    margin-right: 0px;
    max-width: 100%;
}
header .header-hor-nav ul{
	flex-wrap: nowrap;
    width: 100%;
    margin: 0px;
	display: flex;
    font-weight: 500;
    letter-spacing: -.0277em;
    justify-content: flex-start;
    margin: -0.8rem 0 0 -1.6rem;
	gap:0;
}

header .header-hor-nav > li ul li > a{
	padding: 0px 16px 5px 16px !important;
}


header .header-hor-nav > li{
	margin: 0rem;
    padding-bottom: 10px;
	padding-top:30px;
    width: 100%;
    margin-right: 4px;
    margin-left: 4px;
	font-size: inherit;
    line-height: 1.25;
    position: relative;
	padding-left: 5px;
    padding-right: 5px;
	align-self: stretch;
}
header .header-hor-nav a {
    color: #000000;
    font-family: 'Asap', sans-serif;
    padding-top: 5px !important;
    text-align: center;
    width: auto;
    word-break: normal;
	margin:auto;
	font-weight: 400;
}
header .header-hor-nav .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content .wp-block-navigation-item__label {
    overflow-wrap: break-word;
    font-family: 'Asap', sans-serif;
    word-break: normal;
    color: #000000;
    text-align: center;
    font-size: 17px;
    display: table-cell;
    vertical-align: top;
}
header .header-hor-nav a.current-menu-ancestor {
	font-weight: 600!important;
}
header .header-hor-nav > li.wp-block-navigation-item a:before{
	content: '';
    width: 100%;
    display: block;
	height: 22px!important;
	margin-bottom: .5rem;
}
header .header-hor-nav > li.wp-block-navigation-item ul.wp-block-navigation-submenu a:before {
	display: none;
}
header .wp-block-navigation .has-child .wp-block-navigation__submenu-container{
	z-index: 7;
}
header .wp-block-navigation .has-child .wp-block-navigation__submenu-container a {
	display: block;
	padding: .5rem!important;
}

/*header nav icons and decorations*/

/*home-icon*/
header .header-hor-nav ul .icon-home a.wp-block-navigation-item__content:before {
    content: "";
    width: 100%;
    display: inline-block;
	vertical-align:middle;
    background: url(/wp-content/uploads/2021/01/ikoni-etusivu.svg) no-repeat center center /contain;
}
header .header-hor-nav > .icon-home {
    border-bottom: 15px solid #572F87 !important;
}

/*näe-icon*/
header .header-hor-nav ul .icon-nae > a.wp-block-navigation-item__content:before {
    content: "";
    width: 100%;
    display: inline-block;
	vertical-align:middle;
    background: url(/wp-content/uploads/2021/01/ikoni-näe-koe.svg) no-repeat center center/ contain;
}
header .header-hor-nav > .icon-nae {
    border-bottom: 15px solid #86CFF0 !important;
}
/*header .header-hor-nav ul .icon-nae > a.wp-block-navigation-item__content{
	line-height: 2.3em;
}
*/

/*ensilumi-icon*/
header .header-hor-nav ul .icon-ensilumi > a.wp-block-navigation-item__content:before {
    content: "";
    width: 100%;
    display: inline-block;
	vertical-align:middle;
    background: url(/wp-content/uploads/2024/02/PLAY_Kontiolahti_nettisivut_Ikoni_Symboli_Hiihtaja_Ensilumen_latu_sin.svg) no-repeat center center/ contain;
}
header .header-hor-nav > .icon-ensilumi {
    border-bottom: 15px solid #86cff0 !important;
}
.hide--on--desktop .icon-ensilumi {
    /*padding-bottom: 0!important;*/
}

/* icon-näe en */

header .header-hor-nav ul .icon-nae-en > a.wp-block-navigation-item__content:before {
    content: "";
    width: 100%;
    display: inline-block;
	vertical-align:middle;
    background: url(/wp-content/uploads/2021/01/ikoni-näe-koe.svg) no-repeat center center/ contain;
}
header .header-hor-nav > .icon-nae-en {
    border-bottom: 15px solid #86CFF0 !important;
/*	padding-bottom:0px !important;*/
}



/*luonto /nature -icon*/
header .header-hor-nav ul .icon-luonto > a.wp-block-navigation-item__content:before {
    content: "";
    width: 100%;
    display: inline-block;
	vertical-align:middle;
    background: url(/wp-content/uploads/2021/01/ikoni-luonto-retkeily.svg) no-repeat center center/contain;
}
header .header-hor-nav > .icon-luonto {
    border-bottom: 15px solid #9FCB84 !important;
    /*padding-bottom:0px !important;*/
}
header .header-hor-nav ul .icon-nature > a.wp-block-navigation-item__content:before {
    content: "";
    width: 100%;
    display: inline-block;
    background: url(/wp-content/uploads/2021/01/ikoni-luonto-retkeily.svg) no-repeat center center/contain;
}
header .header-hor-nav > .icon-nature{
    border-bottom: 15px solid #9FCB84 !important;
}

/*ohjelmapalvelut-icon*/
header .header-hor-nav ul .icon-ohjelmapalvelut > a.wp-block-navigation-item__content:before {
    content: "";
    width: 100%;
    display: inline-block;
	vertical-align:middle;
    background: url(/wp-content/uploads/2021/01/ikoni-ohjelmapalvelut.svg) no-repeat center center/contain;
}
header .header-hor-nav > .icon-ohjelmapalvelut {
    border-bottom: 15px solid #F8C483 !important;
}

/*food-icon*/
header .header-hor-nav ul .icon-food > a.wp-block-navigation-item__content:before {
    content: "";
    width: 100%;
    display: inline-block;
	vertical-align:middle;
    background: url(/wp-content/uploads/2021/01/ikoni-ruoka.svg) no-repeat center center/contain;
}
header .header-hor-nav > .icon-food {
    border-bottom: 15px solid #F0836B !important;
}

/*majoitus-icon*/
header .header-hor-nav ul .icon-majoitus > a.wp-block-navigation-item__content:before {
    content: "";
    width: 100%;
    display: inline-block;
	vertical-align:middle;
	height: 23px!important;
    background: url(/wp-content/uploads/2021/01/ikoni-majoitus.svg) no-repeat center center/contain;
}

header .header-hor-nav > .icon-majoitus {
    border-bottom: 15px solid #767476 !important;
}

/*juuret-icon*/
header .header-hor-nav ul .icon-juuret > a.wp-block-navigation-item__content:before {
    content: "";
    width: 100%;
    display: inline-block;
	vertical-align:middle;
    background: url('/wp-content/uploads/2023/05/Sotahistoria_Perinnetila_Logo_ikoni.png') no-repeat center center/contain;
}
header .header-hor-nav > .icon-juuret {
    border-bottom: 15px solid #A5A8AB !important;
    /*padding-bottom:0px !important;*/
}

/*warzone-icon*/
header .header-hor-nav ul .icon-warzone > a.wp-block-navigation-item__content:before {
    content: "";
    width: 100%;
    display: inline-block;
	vertical-align:middle;
    background: url(/wp-content/uploads/2021/05/playkontiolahti_sotahistorai.svg) no-repeat center center/contain;
}
header .header-hor-nav > .icon-warzone {
    border-bottom: 15px solid #572F87 !important;
}

/*lamppu-icon*/
header .header-hor-nav ul .icon-lamppu > a.wp-block-navigation-item__content:before {
    content: "";
    width: 100%;
    display: inline-block;
	vertical-align:middle;
    background: url(/wp-content/uploads/2022/01/blogi.svg) no-repeat center center/contain;
}
header .header-hor-nav > .icon-lamppu {
   border-bottom: 15px solid #86cff0 !important;
}

/*icon-venaja*/
header .header-hor-nav ul .icon-venaja a.wp-block-navigation-item__content:before {
    content: "";
    width: 100%;
    display: block;
    background: url(/wp-content/uploads/2023/12/ru-lippu.png) no-repeat center center/contain;
}
.icon-venaja {
   border-bottom: 15px solid #86cff0;
}

/*icon englanti*/

header .header-hor-nav ul .icon-englanti a.wp-block-navigation-item__content:before {
    content: "";
    width: 100%;
    display: block;
    background: url(/wp-content/uploads/2023/12/eng-lippu.png) no-repeat center center/contain;
}
header .icon-englanti{
    border-bottom: 15px solid #86cff0;
}
/*icon-suomi*/
header .header-hor-nav ul .icon-suomi a.wp-block-navigation-item__content:before {
    content: "";
    width: 100%;
    display: block;
    background: url(/wp-content/uploads/2023/12/fin-lippu.png) no-repeat center center/contain;
}

header .icon-suomi{
    border-bottom: 15px solid #86cff0;
}

/*icon-saksa*/
header .header-hor-nav ul .icon-saksa a.wp-block-navigation-item__content:before {
    content: "";
    width: 100%;
    display: block;
    background: url("https://playkontiolahti.fi/wp-content/uploads/2024/06/germany-flag-icon.png") no-repeat center center/contain;
}

header .icon-saksa{
    border-bottom: 15px solid #86cff0;
}
/*icon-hollanti*/
header .header-hor-nav ul .icon-hollanti a.wp-block-navigation-item__content:before {
    content: "";
    width: 100%;
    display: block;
    background: url("https://playkontiolahti.fi/wp-content/uploads/2024/06/netherlands-flag-icon.png") no-repeat center center/contain;
}

header .icon-hollanti{
    border-bottom: 15px solid #86cff0;
}

.wp-block-navigation:not(.has-background):not(.is-style-megamenu):not(.is-style-alwaysopen) .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-icon {
	padding-top: 0!important;
}

/*Kielivalikko*/
header .kielet-valikko{
	position: absolute;
    right: 0.8rem;
    top: 9.8rem;
	z-index:2;
	padding: 1.2rem;
    padding-left: 1.3rem;
    padding-right: 1.5rem;
    background-color: #efefef;
	width: 350px;
	flex-wrap: wrap !important;
}

header .kielet-valikko a {
	padding: 0.5rem;
	text-decoration: none;
}
header .kielet-valikko a:hover{
	text-decoration: underline;
}

/*FOOTER*/

#site-footer {
    background-image: url(/wp-content/uploads/2021/02/footer-kuva.png);
    background-repeat: no-repeat;
    background-position: right 0px bottom;
    background-size: 40% auto;
}
footer p{
	color: white;
	letter-spacing: normal;
	line-height: 1.5;
}

/*BODY*/

/*body .entry-content p{
	padding: 0 30px;
}*/

/*yleisiä asetuksia*/

figure.wp-block-image{
	margin-top:1.875rem;
}
.wp-block-image figcaption {
	margin-bottom: 0;
    text-align: left;	
}
.wp-block-post-date time a{
	text-decoration: none;
}
.wp-block-post-date time a:hover{
	text-decoration: underline;
}
.entry-content > p > a{
	color: #5b2b7f;
}
.taxonomy-category.wp-block-post-terms a{
	text-decoration: none;
}
.taxonomy-category.wp-block-post-terms a:hover{
	text-decoration: underline;
}
.post-navigation-link-next.wp-block-post-navigation-link a{
	text-decoration: none;
}
.post-navigation-link-next.wp-block-post-navigation-link a:hover{
	text-decoration: underline;
}
.post-navigation-link-previous.wp-block-post-navigation-link a{
	text-decoration: none;
}
.post-navigation-link-previous.wp-block-post-navigation-link a:hover{
	text-decoration: underline;
}

.entry-content a{
	color: inherit;
	text-decoration:none;
}
.entry-content a:hover{
	text-decoration:underline;
}

.entry-content .sotakohteet p>a{
	color: inherit;
	font-weight:700;
	line-height: 1.5px;
}
.entry-content h3{
	margin-top:2.188rem;
	margin-bottom:1.25rem;
}
.entry-content .linkki a{
	text-decoration: none;
	color: #5b2b7f;
}
.entry-content p > a:hover{
	text-decoration: underline;
}

.entry-content .wp-block-cover .wp-block-cover__inner-container{
	max-width:1100px;
	padding:1.25rem 0;
}
.entry-content .wp-block-cover .wp-block-cover__inner-container .wp-block-columns{
	gap:2.5em;
}
mark.has-inline-color.has-custom-color-4-color{
	color: white;
}

body:not(.wp-admin) .entry-content ..wp-block-cover.alignfull.is-position-center-center .wp-block-cover__inner-container .wp-block-columns .wp-block-column > h3{
	color: black;
}
.entry-content .wp-block-cover .wp-block-cover__inner-container .wp-block-columns .wp-block-column p:not(.has-text-color){
	color: black;
}
.etusivunkuva p{
	filter: drop-shadow(3px 2px 2px black);
}


/*etusivun napit*/

.wp-block-button .wp-block-button__link:before {
    content: "";
    position: absolute;
    right: -1em;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: calc((1.1em + 1.1em + 1.25em)/2) solid transparent;
    border-bottom: calc((1.1em + 1.1em + 1.25em)/2) solid transparent;
    border-left-width: 1em;
    border-left-style: solid;
	border-right-color: #572f87;
}

.isonappi a.wp-block-button__link  {
	font-size: 2.6em;
	padding:calc(0.667em + 2px) calc(1.333em + 2px);
	text-transform: none;
	font-family: 'Asap';
	font-weight:600;
	position:relative;
}
.isonappi a:hover {
	color: #ffffff;
}
.isonappi a:before {
	border-top: calc((0.5em + 0.5em + 1em)/ 2) solid transparent !important;
  	border-bottom: calc((0.5em + 0.5em + 1em)/ 2) solid transparent !important;
  	border-left-width: 0.5em !important;
	right: -0.48em  !important;
}
.has-accent-background-color.wp-block-button__link:after, .has-accent-background-color.wp-block-button__link:before {
    border-left-color: #572f87;
}

/* Query-Loop */


.wp-block-query .wp-block-post h2{
	padding: 0px;
	margin: 0px;
	margin-top: 1rem;
	margin-bottom:1rem;
	
}
.wp-block-query .wp-block-post h2 a{
	text-decoration: none;
}
.wp-block-query .wp-block-post h2 a:hover{
	text-decoration: underline;
}

.wp-block-query .wp-block-post .taxonomy-post_tag a{
	text-decoration: none;
}
.wp-block-query .wp-block-post .taxonomy-post_tag a:hover{
	text-decoration: underline;
}

hr {
    border-style: solid !important;
    border-width: 0.1rem 0 0 !important;
    border-color: #dcd7ca !important;
    margin: 4rem 0 !important;
}

.wp-block-query-pagination-numbers a.page-numbers {
    font-size: 1.1rem;
    font-weight: 600;  
	margin-left: 1.563rem;
}
.wp-block-query-pagination-numbers span.page-numbers.current {
	font-size: 1.1rem;
    font-weight: 600;
	margin-left: 1.563rem;
	font-size:1.2rem;
}
a.wp-block-post-author-name__link{
	text-decoration: none;

}
a.wp-block-post-author-name__link:hover{
	text-decoration: underline;

}
.wp-block-query time a{
	text-decoration: none;
}
.wp-block-query time a:hover{
	text-decoration: underline;
}

@media screen and (max-width: 1267px){
	header .kielet-valikko{
		top: 16.8rem;
	}
}


@media screen and (max-width: 782px){
	.entry-content p{
		padding: 0 20px;
	}
	.entry-content a{
		word-break: break-word;
	}
	.entry-content h1, h2, h3, h4, h5, h6{
		padding: 0 20px;
	}
	.wp-block-column{
		display: inline-flex;
		justify-content: center;
	}
	.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow{
		margin: 0 30px;
    	display: block;
	}
	.isonappi a.wp-block-button__link{
		font-size: 20px;
	}
}