/*!
Theme Name: Meita Base Two Child Lieksa
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.34
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: 0px;

    /* All buttons defaults, can be owerwriten in site editor */
    --meita-custom-default-border-radius: 0px;
    --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;
	 
}
/* ------------------------------------------------------------------------------ */
/* VoiceIntuitve */
/* ------------------------------------------------------------------------------ */


#show-translate-menu-button {
	position: relative;
	z-index: 10;
}
#voice-intuitive-translate-page-menu{
	position: relative;
	top: 40px !important;
}

/* ------------------------------------------------------------------------------ */
/* Complianz CCC fix */
/* ------------------------------------------------------------------------------ */

.cmplz-documents.cmplz-links ul{    
    display: flex;
    flex-direction: row;
    list-style: none;
    margin: 0;
    gap: 0.8rem;
    padding: 0;
}


/* ------------------------------------------------------------------------------ */
/* MAIN NAVI */
/* ------------------------------------------------------------------------------ */

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu.open-on-hover-click ul >li{
	background-color: #f1f2f2 !important;
}

nav.is-responsive.items-justified-center.main-menu.wp-block-navigation.is-content-justification-center.is-layout-flex.wp-container-core-navigation-is-layout-2.wp-block-navigation-is-layout-flex > button >svg {
    background-color: #e4002a;
    padding: 5px;
    width: 32px;
    height: 32px;
    color: white;
}

.wp-block-navigation__responsive-container-open svg{
	fill: var(--wp--preset--color--white);
	background-color: var(--wp--preset--color--primary);
	height: 32px;
	width: 32px;
	padding: 5px;
}

.wp-block-navigation__responsive-container-open:after{
	margin-left: 12px;
	content: "Valikko";
	align-self: anchor-center;
	font-family: var(--wp--preset--font-family--objektiv-mk-1);
}

.haku-navi .wp-block-search__inside-wrapper  input.wp-block-search__input{
	width: 100%;
}


/* ------------------------------------------------------------------------------ */
/* yleisiä asetuksia */
/* ------------------------------------------------------------------------------ */



.etusivun-hero:after{
	background-image: url(https://lieksa.meitademo.fi/wp-content/uploads/2025/03/footer_decorative.png);
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 50px;
    background-size: cover;
}


.ei-alleviivausta a{
	text-decoration: none;
}
.ei-alleviivausta a:hover{
	text-decoration: underline;
}

.wp-block-image figcaption{
	text-align: start;
}

.haku-navi .wp-block-search__input::-webkit-input-placeholder{
	color: var(--wp--preset--color--primary);
}

.wp-block-query .wp-block-post-title{
	hyphens: auto;
    word-break: break-word;
}

a:hover, a:focus{
	text-decoration: underline !important;
}

.wp-block-columns.etusivun-tiedotusosio{
	justify-content: center;
}

.wp-block-post-title{
	word-break:auto-phrase;
}

.single-post .entry-content p> a{
	color:#e4002a;
}
.page:not(.page-template-page-no-title)not(.kuva-laatikot) p > a{
	color:#132e7b;
}
.kuva-laatikot a{
	text-decoration: none;
}

.kuva-laatikot a:hover{
	text-decoration: underline;
}

.uutis-laatikot .wp-block-query ul >li{
	background-color: #f1f2f2;
	border-radius: 8px 0 8px 0;
}

.uutis-laatikot .taxonomy-category a{
	text-decoration: none;
}

.uutis-laatikot .taxonomy-category a:hover{
	text-decoration: underline;
}

.etusivun-kuvalaatikot a{
	text-decoration: none;
}

.etusivun-kuvalaatikot a:hover{
	text-decoration: underline;
}

.taxonomy-category a{
	text-decoration: none;
}

.taxonomy-category a:hover{
	text-decoration: underline;
} 

/* ------------------------------------------------------------------------------ */
/* lainaus */
/* ------------------------------------------------------------------------------ */

.wp-block-quote:before{
	content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 16 16'%3E%3Cpath fill='%23132e7b' d='M6.848 2.47a1 1 0 0 1-.318 1.378A7.3 7.3 0 0 0 3.75 7.01A3 3 0 1 1 1 10v-.027a4 4 0 0 1 .01-.232c.009-.15.027-.36.062-.618c.07-.513.207-1.22.484-2.014c.552-1.59 1.67-3.555 3.914-4.957a1 1 0 0 1 1.378.318m7 0a1 1 0 0 1-.318 1.378a7.3 7.3 0 0 0-2.78 3.162A3 3 0 1 1 8 10v-.027a4 4 0 0 1 .01-.232c.009-.15.027-.36.062-.618c.07-.513.207-1.22.484-2.014c.552-1.59 1.67-3.555 3.914-4.957a1 1 0 0 1 1.378.318'/%3E%3C/svg%3E") !important;
	opacity: inherit !important;
}

/* ------------------------------------------------------------------------------ */
/* ulkopuolinen linkki*/
/* ------------------------------------------------------------------------------ */


.is-style-nuoli-ulos a:after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 256 256'%3E%3Cpath fill='%23013359' d='M228 104a12 12 0 0 1-24 0V69l-59.51 59.51a12 12 0 0 1-17-17L187 52h-35a12 12 0 0 1 0-24h64a12 12 0 0 1 12 12Zm-44 24a12 12 0 0 0-12 12v64H52V84h64a12 12 0 0 0 0-24H48a20 20 0 0 0-20 20v128a20 20 0 0 0 20 20h128a20 20 0 0 0 20-20v-68a12 12 0 0 0-12-12'/%3E%3C/svg%3E")/"avautuu uudelle välilehdelle";
	margin-left: 5px;
	vertical-align: sub;
	line-height: 12px;
}

.is-style-nuoli-ulos a:hover {
	text-decoration: underline;
}

.is-style-nuoli-ulos-valkea a:after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath stroke-dasharray='48' stroke-dashoffset='48' d='M11 5h-6v14h14v-6'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.6s' values='48;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='12' stroke-dashoffset='12' d='M13 11l7 -7'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.6s' dur='0.2s' values='12;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='8' stroke-dashoffset='8' d='M21 3h-6M21 3v6'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.8s' dur='0.2s' values='8;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	margin-left: 5px;
	vertical-align: sub;
	line-height: 12px;
}

.is-style-nuoli-ulos-valkea a:hover {
	text-decoration: underline;
}


/* ------------------------------------------------------------------------------ */
/* sivuvalikko */
/* ------------------------------------------------------------------------------ */

.lieksa{
	width: 100%;
}
.lieksa a span:before{
	display: inline-block;
  	width: 16.3px;
  	height: 16px; 
  	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23132e7b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 17l5-5l-5-5'/%3E%3C/svg%3E");
	visibility: visible;
	margin-right: 8px;
}
.lieksa a{
	position:relative;
	padding: 15px 30px 15px 15px;
	border-bottom: 1px solid #d1d3d4;
	background: #fff;
	display:block !important;
}

.lieksa a:before{
	top: 100%;
    left: 25px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
    border-top-color: #d1d3d4;
    border-width: 8px 10px 0 10px;
    z-index: 10;
}

.lieksa a:after{
	border-color: rgba(0, 0, 0, 0);
    border-top-color: #f1f2f2;
    border-width: 7px 9px 0 9px !important;
    margin-left: 1px;
    z-index: 11;
	top: 100%;
    left: 25px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
	border-top-color: #fff;
}

.is-style-alanavi li.wp-block-navigation-item.current-menu-item.wp-block-navigation-link > a{
	color: white;
	font-weight:600;
}
.is-style-alanavi button.wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle {
    display: none;
}
.is-style-alanavi li.wp-block-navigation-item.has-child.open-on-hover-click.current-menu-item.wp-block-navigation-submenu a{
	padding: 15px 30px 15px 20px !important;
}
.is-style-alanavi li.wp-block-navigation-item.has-child.open-on-hover-click.current-menu-item.wp-block-navigation-submenu > a.wp-block-navigation-item__content{
	/*color: #e4002a;*/
	font-weight:600;
	position: relative;
	background-color:#e4002a;
	color: white;
}
.is-style-alanavi .current-menu-ancestor > a{ 
	position:relative;
	padding: 15px 30px 15px 15px;
	border-bottom: 1px solid #d1d3d4;
	background: #fff;
	display:block !important;
}
.is-style-alanavi .current-menu-ancestor > a:before{
    /*background-color: var(--wp--preset--color--primary);*/
	top: 100%;
    left: 25px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
    border-top-color: #d1d3d4;
    border-width: 8px 10px 0 10px;
    z-index: 10;
}
.is-style-alanavi .current-menu-ancestor > a:after{
	border-color: rgba(0, 0, 0, 0);
    border-top-color: #f1f2f2;
    border-width: 7px 9px 0 9px !important;
    margin-left: 1px;
    z-index: 11;
	top: 100%;
    left: 25px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
	border-top-color: #fff;
}

.is-style-alanavi li.wp-block-navigation-item.has-child.open-on-hover-click.current-menu-item.wp-block-navigation-submenu{
	background-color: #f1f2f2;
	/*display: block !important;*/
}
.is-style-alanavi li.wp-block-navigation-submenu.current-menu-item > ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    padding-left: 0px !important;
    margin-left: 1.563rem;
}
.is-style-alanavi li.wp-block-navigation-submenu.current-menu-item > ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu li{
	/* border-left: 1px solid black;*/
}

nav.is-style-alanavi.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-icon{
	right: 20px;   
}

.is-style-alanavi ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu a{
	padding: 15px 30px 15px 20px !important;
	
}
.is-style-alanavi ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu li.wp-block-navigation-item.current-menu-item.wp-block-navigation-link{
	/*background-color: #f1f2f2;*/
	background-color:#e4002a;
}

nav.is-style-alanavi.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:last-child{
	/*border-bottom: 1px solid #d1d3d4;*/
}

nav.is-style-alanavi.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container:last-child {
    /* border-bottom: 1px solid #d1d3d4;*/
}
.is-style-alanavi a.wp-block-navigation-item__content{
	padding: 10px 30px 10px 20px;
}

.artikkeli-valikko li.wp-block-navigation-item.has-child.open-on-hover-click.meidan.artikkeli-sivuli.wp-block-navigation-submenu >button{
	display:none;
}

.artikkeli-valikko li.wp-block-navigation-item.has-child.open-on-hover-click.meidan.artikkeli-sivuli.wp-block-navigation-submenu >ul{
	background-color: #e5eaf0 !important;
}

.artikkeli-valikko .artikkeli-sivuli > ul li{
	padding: 0px 30px 0px 20px !important;
}

.artikkeli-valikko .artikkeli-sivuli > ul li a{
	border-left: 1px solid #d1d3d4;
	padding: 15px 20px !important;
}

.is-style-alanavi a.wp-block-navigation-item__content.current-menu-ancestor{
	position: relative;
	border-bottom: 1px solid #d1d3d4;
	padding: 15px 30px 15px 20px;
	/*display:block !important;*/
}
.is-style-alanavi a.wp-block-navigation-item__content.current-menu-ancestor:has(li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu){
	/*display:block !important;*/
}

.is-style-alanavi > li {
	display:none;
}

/* ------------------------------------------------------------------------------ */
/* ALANAVI MUUTOKSET */
/* ------------------------------------------------------------------------------ */

.is-style-alanavi li {
	display:none!important;
}
.is-style-alanavi li:has(.current-menu-ancestor), .is-style-alanavi li:has(.current-menu-ancestor) > ul li, .is-style-alanavi .current-menu-item, .is-style-alanavi .current-menu-item > ul li, .is-style-alanavi li.liperi {
	display: block !important;
}

.is-style-alanavi a.wp-block-navigation-item__content.current-menu-ancestor::after {
    top: 100%;
    left: 25px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: white;
    border-width: 7px 9px 0 9px;
    margin-left: 1px;
    z-index: 11;
}
.is-style-alanavi a.wp-block-navigation-item__content.current-menu-ancestor::before {
    top: 100%;
    left: 25px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
    border-top-color: #d1d3d4;
    border-width: 8px 10px 0 10px;
    z-index: 10;
    z-index: 10;
}

/* ------------------------------------------------------------------------------ */
/* tiedostonostot / meita-documents-and-media */
/* ------------------------------------------------------------------------------ */

/* editorin asetukset */

.wp-block-meita-documents-and-media-show-media .filesPreview ul{
	list-style: none;
}
.wp-block-meita-documents-and-media-show-media .meita-documents-and-media-listitem{
	display: flex;
}
.wp-block-meita-documents-and-media-show-media .meita-documents-and-media-listitem .meita-documents-and-media-content{
	align-content: center;
}

/* julkipuolen asetukset*/

.wp-block-meita-documents-and-media-show-media a{
	text-decoration:none;
}

.wp-block-meita-documents-and-media-show-media a:hover{
	text-decoration:underline;
}

.wp-block-meita-documents-and-media-show-media ul{
	list-style: none;
	padding-left: 1.5rem !important;
}

.wp-block-meita-documents-and-media-show-media .meita-documents-and-media-listitem [class*="image"] svg path{
	fill: var(--wp--preset--color--custom-puolukka);
}

.wp-block-meita-documents-and-media-show-media .meita-documents-and-media-listitem [class*="application"] svg path{
	fill: var(--wp--preset--color--custom-puolukka);
}

.wp-block-meita-documents-and-media-show-media .meita-documents-and-media-listitem{
	display: flex;
}

.wp-block-meita-documents-and-media-show-media .meita-documents-and-media-listitem .meita-documents-and-media-content{
	align-content: center;
}
.wp-block-meita-documents-and-media-show-media .meita-documents-and-media-listitem .meita-documents-and-media-content >div{
	margin-top: 0.25rem;
}

.meita-documents-and-media-listitem .meita-documents-and-media-content .download-link{
	color: var(--wp--preset--color--custom-puolukka);
}


/* ------------------------------------------------------------------------------ */
/* nuoli edessä */
/* ------------------------------------------------------------------------------ */

.is-style-nuoli-edessa > a:before{
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23e4002a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m10 17l5-5m0 0l-5-5'/%3E%3C/svg%3E");
	vertical-align:middle;
	margin-right:8px;
}

.is-style-nuoli-edessa a{
	text-decoration:none;
}

.is-style-nuoli-edessa a:hover{
	text-decoration:underline;
}

.is-style-nuoli-edessa{
	margin-top: 0px !important;
    margin-bottom: 10px;
}

/* ------------------------------------------------------------------------------ */
/* nuoli edessä ulos */
/* ------------------------------------------------------------------------------ */

.is-style-nuoli-edessa-ulos > a:before{
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23e4002a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 7l-5 5m0 0l5 5'/%3E%3C/svg%3E");
	vertical-align:middle;
	margin-right:8px;
}

.is-style-nuoli-edessa-ulos a{
	text-decoration:none;
}

.is-style-nuoli-edessa-ulos a:hover{
	text-decoration:underline;
}

.is-style-nuoli-edessa-ulos{
    margin-bottom: 10px;
}

/* ------------------------------------------------------------------------------ */
/* nuoli lopussa */
/* ------------------------------------------------------------------------------ */

.linkkilaatikot .is-style-nuoli-lopussa .wp-block-button__link:after{
	content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23132e7b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m10 17l5-5m0 0l-5-5'/%3E%3C/svg%3E");
	vertical-align: sub;
	margin-left:6px;
	position:absolute;
	right: 2%;
}

.is-style-nuoli-lopussa .wp-block-button__link:after{
	content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23132e7b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m10 17l5-5m0 0l-5-5'/%3E%3C/svg%3E");
	vertical-align: sub;
	margin-left:6px;
	position:absolute;
	right: 2%;
}

.linkkilaatikot .is-style-nuoli-lopussa .wp-block-button__link{
	position: relative;
}

.is-style-nuoli-lopussa .wp-block-button__link{
	position: relative;
}

/* ------------------------------------------------------------------------------ */
/* footer koriste */
/* ------------------------------------------------------------------------------ */

.footer-inner:after{
	background-image: url("https://lieksa.meitademo.fi/wp-content/uploads/2025/03/footer_decorative.png");
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 50px;
    background-size: cover;
}

/* ------------------------------------------------------------------------------ */
/* tapahtumakalenteri */
/* ------------------------------------------------------------------------------ */

.bubster-list-1 .bubster-page{
	margin-bottom: 1rem !important;
    border-bottom: 1px solid black;
    padding-bottom: 1rem;
}

.bubster-list-1.bubster-css-default .bubster-more{
	border: 1px solid #e4002a !important;
	margin-top: 2rem !important;
	text-decoration:none !important;
}

.bubster-list-1.bubster-css-default .bubster-more:hover{
	text-decoration: underline !important;
}
.bubster-list-1 .bubster-page .bubster-summary .bubster-time{
	margin-bottom: 0.8rem !important;
	margin-top: 0.8rem;
}

.bubster-list-1.bubster-css-default .bubster-page .bubster-summary .bubster-name{
    font-family: 'Matrix II OT';
    font-size: 1rem !important;
}
.bubster-search-wrapper{
	margin-bottom:2rem !important;
}

.bubster-search-wrapper .bubster-search-filters{
	justify-content: center !important;
} 

.bubster-search-wrapper .bubster-search-filters .bubster-search-filter-q {
    width: 90% !important;
}

/* ------------------------------------------------------------------------------ */
/* Palautelomake */
/* ------------------------------------------------------------------------------ */

.wpcf7 textarea{
	width: 100% !important;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"]{
	width: 87% !important;
}
.wpcf7 .laheta-painike{
	margin-top: 2rem;
}
.wpcf7-select{
	width:94%;
}
.luotsi-lomake .wpcf7 textarea{
	width:92% !important;
}
.wpcf7 .valinta{
	margin-bottom: 2rem;
}

/* ------------------------------------------------------------------------------ */
/* HELPNET */
/* ------------------------------------------------------------------------------ */

.wp-block-meita-contacts-integration-contact-search .wp-block-search__inside-wrapper{
	border-radius: 0px;
}
.emailaddressContainer a, .mobileNumberContainer a{ 
	color: black !important;
}
.contactSearchResults .personTitle{
	hyphens: auto;
}
.contactSearchResults .contactPerson{
	font-style: normal;
}
.contactSearchResults .contactPerson .personName{
	font-weight:600;
	margin-top: 2rem;
}
.contactSearchResults .Tasks{
	hyphens: auto;
}
.meita-documents-and-media-listitem .document-name a{
	color: black !important;
}

/* ------------------------------------------------------------------------------ */
/* yhteystietohaku sivu */
/* ------------------------------------------------------------------------------ */

.yhteystietohakusivu .contactSearchResults .contactPerson{
	border: 1px solid var(--wp--preset--color--custom-vaalea-harmaa);
    padding: 1rem;
    box-shadow: var(--wp--preset--shadow--natural);
}
.yhteystietohakusivu .contactSearchResults .contactPerson .personName{
	font-weight:600;
	margin-top: 0px;
}

/* ------------------------------------------------------------------------------ */
/* Vesilaitos ja muut värilaatikot                                                     		  */
/* ------------------------------------------------------------------------------ */

.sarake, {
	position:relative;
}
.is-style-sin-kulma-vasen figure, .is-style-messinki-kulma-vasen figure, .is-style-pun-kulma-vasen figure, .is-style-vihrea-kulma-vasen figure, .is-style-puolukka-kulma-vasen figure,.is-style-multa-kulma-vasen figure{
	align-items: stretch;
    background-color: inherit;
    display: grid;
    grid-template-columns: 1fr;
    height: 100% !important;
    justify-content: stretch;
    max-height: 530px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.is-style-pun-kulma-vasen figure:before{
	aspect-ratio: 111.12 / 447;
    background-color: inherit;
    background-size: cover;
    content: "";
    height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27111.113%27 height=%27447%27 fill=%27none%27%3E%3Cpath d=%27M0 0v447h55.713l49.773-124.531a78.96 78.96 0 0 0 0-58.543L.006 0Z%27 style=%27fill:%23d10049;fill-opacity:1%27/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(-1) translateX(-1px);
    z-index: 1;
}

.is-style-sin-kulma-vasen figure:before{
	aspect-ratio: 111.12 / 447;
    background-color: inherit;
    background-size: cover;
    content: "";
    height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27111.113%27 height=%27447%27 fill=%27none%27%3E%3Cpath d=%27M0 0v447h55.713l49.773-124.531a78.96 78.96 0 0 0 0-58.543L.006 0Z%27 style=%27fill:%23142e7b;fill-opacity:1%27/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(-1) translateX(-1px);
    z-index: 1;
}

.is-style-vihrea-kulma-vasen figure:before{
	aspect-ratio: 111.12 / 447;
    background-color: inherit;
    background-size: cover;
    content: "";
    height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27111.113%27 height=%27447%27 fill=%27none%27%3E%3Cpath d=%27M0 0v447h55.713l49.773-124.531a78.96 78.96 0 0 0 0-58.543L.006 0Z%27 style=%27fill:%23006f44;fill-opacity:1%27/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(-1) translateX(-1px);
    z-index: 1;
}

.is-style-multa-kulma-vasen figure:before{
	aspect-ratio: 111.12 / 447;
    background-color: inherit;
    background-size: cover;
    content: "";
    height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27111.113%27 height=%27447%27 fill=%27none%27%3E%3Cpath d=%27M0 0v447h55.713l49.773-124.531a78.96 78.96 0 0 0 0-58.543L.006 0Z%27 style=%27fill:%233e332e;fill-opacity:1%27/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(-1) translateX(-1px);
    z-index: 1;
}

.is-style-messinki-kulma-vasen figure:before{
	aspect-ratio: 111.12 / 447;
    background-color: inherit;
    background-size: cover;
    content: "";
    height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27111.113%27 height=%27447%27 fill=%27none%27%3E%3Cpath d=%27M0 0v447h55.713l49.773-124.531a78.96 78.96 0 0 0 0-58.543L.006 0Z%27 style=%27fill:%23c69214;fill-opacity:1%27/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(-1) translateX(-1px);
    z-index: 1;
}

.is-style-puolukka-kulma-vasen figure:before{
	aspect-ratio: 111.12 / 447;
    background-color: inherit;
    background-size: cover;
    content: "";
    height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27111.113%27 height=%27447%27 fill=%27none%27%3E%3Cpath d=%27M0 0v447h55.713l49.773-124.531a78.96 78.96 0 0 0 0-58.543L.006 0Z%27 style=%27fill:%23e4002b;fill-opacity:1%27/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(-1) translateX(-1px);
    z-index: 1;
}



.is-style-sin-kulma-oikea figure, .is-style-messinki-kulma-oikea figure, .is-style-puolukka-kulma-oikea figure, .is-style-pun-kulma-oikea figure, .is-style-vihrea-kulma-oikea figure, .is-style-multa-kulma-oikea figure{
	align-items: stretch;
    background-color: inherit;
    display: grid;
    height: 100% !important;
    justify-content: stretch;
    max-height: 530px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.is-style-puolukkka-kulma-oikea > figure{
	align-items: stretch;
    background-color: inherit;
    display: grid;
    height: 100% !important;
    justify-content: stretch;
    max-height: 530px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.is-style-sin-kulma-oikea figure:before{
	    aspect-ratio: 111.12 / 447;
    background-color: inherit;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27111.113%27 height=%27447%27 fill=%27none%27%3E%3Cpath d=%27M0 0v447h55.713l49.773-124.531a78.96 78.96 0 0 0 0-58.543L.006 0Z%27 style=%27fill:%23142e7b;fill-opacity:1%27/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    top: 0;
    z-index: 1;
}

.is-style-pun-kulma-oikea figure:before{
	    aspect-ratio: 111.12 / 447;
    background-color: inherit;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27111.113%27 height=%27447%27 fill=%27none%27%3E%3Cpath d=%27M0 0v447h55.713l49.773-124.531a78.96 78.96 0 0 0 0-58.543L.006 0Z%27 style=%27fill:%23d10049;fill-opacity:1%27/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    top: 0;
    z-index: 1;
}

.is-style-vihrea-kulma-oikea figure:before{
	    aspect-ratio: 111.12 / 447;
    background-color: inherit;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27111.113%27 height=%27447%27 fill=%27none%27%3E%3Cpath d=%27M0 0v447h55.713l49.773-124.531a78.96 78.96 0 0 0 0-58.543L.006 0Z%27 style=%27fill:%23006f44;fill-opacity:1%27/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    top: 0;
    z-index: 1;
}
.is-style-multa-kulma-oikea figure:before{
	    aspect-ratio: 111.12 / 447;
    background-color: inherit;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27111.113%27 height=%27447%27 fill=%27none%27%3E%3Cpath d=%27M0 0v447h55.713l49.773-124.531a78.96 78.96 0 0 0 0-58.543L.006 0Z%27 style=%27fill:%233e332e;fill-opacity:1%27/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    top: 0;
    z-index: 1;
}

.is-style-messinki-kulma-oikea figure:before{
	    aspect-ratio: 111.12 / 447;
    background-color: inherit;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27111.113%27 height=%27447%27 fill=%27none%27%3E%3Cpath d=%27M0 0v447h55.713l49.773-124.531a78.96 78.96 0 0 0 0-58.543L.006 0Z%27 style=%27fill:%23c69214;fill-opacity:1%27/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    top: 0;
    z-index: 1;
}

.is-style-puolukka-kulma-oikea figure:before{
	    aspect-ratio: 111.12 / 447;
    background-color: inherit;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27111.113%27 height=%27447%27 fill=%27none%27%3E%3Cpath d=%27M0 0v447h55.713l49.773-124.531a78.96 78.96 0 0 0 0-58.543L.006 0Z%27 style=%27fill:%23e4002b;fill-opacity:1%27/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    top: 0;
    z-index: 1;
}

/* ------------------------------------------------------------------------------ */
/* FOOTER */
/* ------------------------------------------------------------------------------ */

footer a{
	text-decoration: none;
}
footer a:hover{
	text-decoration: underline;
}


@media (max-width: 900px){
	.etusivun-kuvalaatikot{
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    	display: grid !important;
	}
	.etusivun-kuvalaatikot figure.wp-block-image{
		justify-content: center;
    	display: flex;
	}
	.etusivun-kuvalaatikot p{
		text-align: center;
	}
	.etusivun-pun-laatikot >div{
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    	display: grid !important;
	}
}


@media (max-width: 781px) {
   .wp-block-columns.pikkukuvat:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: 30% !important;
    }
	nav.is-style-alanavi.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container:last-child {
    	border-bottom: 1px solid #d1d3d4;
	}
	.etusivun-kuvalaatikot{
		grid-template-columns: repeat(2, minmax(0, 1fr));
    	display: grid;
	}

}
@media (max-width: 600px){
	/*nav.is-responsive.items-justified-center.main-menu.wp-block-navigation.is-content-justification-center.is-layout-flex.wp-container-core-navigation-is-layout-2.wp-block-navigation-is-layout-flex {
    	justify-content: flex-start !important;
		margin-bottom: 1rem;
	}*/
	.sivuston-logo2 img{
		width: 270px;
	}
	.sivuston-logo a >img{
		width: 270px;
	}
	.etusivun-kuvalaatikot{
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    	display: grid !important;
	}
	.etusivun-kuvalaatikot figure.wp-block-image{
		justify-content: center;
    	display: flex;
	}
	.etusivun-kuvalaatikot p{
		text-align: center;
	}
	nav.is-responsive.items-justified-center.main-menu.wp-block-navigation.is-content-justification-center.is-layout-flex{
    	justify-content: flex-start;
	}
	.wpcf7 textarea{
		width:97% !important;
	}
	.etusivun-hero{
		padding: 1.5rem !important;
		padding-right: 3.2rem !important;
	}
	.etusivun-hero h1 {
		font-size: 2.5rem !important;
	}
	.etusivun-hero .ingressi p{
		font-size: 1rem !important;
	}
	.etusivun-hero .ingressi img{
		width: 135px !important;
	}
	
@media (max-width: 450px){
	 .wp-block-columns.pikkukuvat:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: 100% !important;
    }
	.pikkukuva img{
		width: 100% !important;
	}
	.etusivun-pun-laatikot >div{
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    	display: grid !important;
	}
	.etusivun-pun-laatikot img{
		width: 100%;
	}
	.etusivun-hero h1 {
		font-size: 2rem !important;
	}
}