/*!
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.241
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;

}

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

/* 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 / bucket browser block */


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