/*!
Theme Name: Virnex Theme
Theme URI: http://underscores.me/
Author: Virnex Group Oy
Author URI: https://virnex.fi/
Description: Custom theme: Virnex Theme, developed by Virnex
Version: 2.0.2
License: GNU General Public License v2 or later
License URI: LICENSE
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-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.

Theme is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* Bootrap media exsamples
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 575.98px) {}
*/

/* ANCHOR SITE BASE HTML reset 
   The basic structure of the page is the bottom, don't change it. 
   - This forces the footer and header into place so that the footer is at the end of the page.
*/

html,
body {
	font-family: "Mukta", sans-serif;
}

html { height: 100%; }
html.admin-bar { height: calc(100% - 32px); }
body {
	font-size: 1rem;
	color: #000;
	font-weight: 300;
	font-style: normal;
	line-height: 1.5;

    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
}
header#site-header,
footer#site-footer {
	flex: 0 0 auto;
}
#site-wrapper {
	flex: 1 0 auto;
}
header#site-header {
	z-index: 2;
}
#site-wrapper {
	z-index: 1;
}

/* ANCHOR - Bootstrap */

@media (min-width: 1400px) {
    .container, 
	.container-lg, 
	.container-md, 
	.container-sm, 
	.container-xl {
        max-width: 1340px;
    }
}

/* ANCHOR - HTML tags */

h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	line-height: 1.1;
}
h1 {
	font-size: var(--fs-xxl);
}
h2 {
	font-size: var(--fs-xl);
}
h3 {
	font-size: var(--fs-lg);
}
h4 {
	font-size: var(--fs-md);
}

a {
	color: black;
	text-decoration: underline;
}
a:hover {
	color: var(--brand-primary-color);
}

/* ANCHOR - SITE wrapper */

#site-wrapper {
	padding: var(--gap-md) 0;
}

/* ANCHOR - HEADER */

#site-header {
	padding: var(--gap-md) 0;
	background-color: white;
}
#header-section {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: var(--gap);
}
#header-section__controls {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
#header-section__controls > div {
	display: flex;
    gap: var(--gap-md);
    align-items: center;
    justify-content: flex-end;
}
.menu-paavalikko-container {
	display: flex;
	gap: var(--gap-md);
	align-items: center;
}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
	#header-section__controls > div:nth-child(1) 
	{
		display: none;
	}
}
@media (max-width: 575.98px) {}
/* NOTE - logo */
.site-logo{}
@media (max-width: 991.98px) {
	.site-logo img {
		max-width: 162px;
	}
}
@media (max-width: 767.98px) {
	.site-logo img {
		display: none;
	}
	.site-logo::before {
		content: ' ';
        background-image: url(/wp-content/themes/fiia-teema/images/logo_mobile.svg);
		display: block;
        width: 275px;
        height: 31px;
        background-repeat: no-repeat;
        background-size: contain;
	}
}
@media (max-width: 575.98px) {}
/* NOTE - Media link */
.header_media_link {
	color: black;
	text-decoration: none;
}
/* NOTE - Search form */
.site-seach-form {
	border: solid 2px var(--brand-primary-color);
    border-radius: 4px;
	max-width: 450px;
}
.site-seach-form form {
	display: flex;
	gap: var(--gap-sm);
}
.site-seach-form label {
	min-width: calc(100% - 50px);
	margin: 0;
}
.site-seach-form input[type="search"] {
	border: none;
	padding: var(--gap-sm) var(--gap-md);
	width: 100%;
}
.site-seach-form input[type="submit"] {
    background-image: var(--svg-search-glass);
    text-indent: -9999px;
    width: 50px;
    background-repeat: no-repeat;
    background-position: center;
    border: transparent;
    background-color: transparent;
}
@media (max-width: 767.98px) {}
@media (min-width: 992px) {}
@media (max-width: 991.98px) {}

/* ANCHOR - FOOTER */

#site-footer 
{
	position: relative;
	background-color: var(--brand-primary-color);
	background : linear-gradient(to right, var(--brand-primary-color-dark) 30%, var(--brand-primary-color) 30%);
	color: white;
}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
	#site-footer 
	{
		background: linear-gradient(to right, var(--brand-primary-color) 50%, var(--brand-primary-color) 50%);
		background-color: var(--brand-primary-color);
	}
	#site-footer .container {
		max-width: 100%;
	}

}
@media (max-width: 575.98px) {}

#site-footer a 
{
	color: white;
	text-decoration: none;
}
#site-footer .container {}
/* NOTE - hex image */
#site-wrapper 
{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczMDkuMTA2JyBoZWlnaHQ9JzY3MS41NjInIHZpZXdCb3g9JzAgMCAzMDkuMTA2IDY3MS41NjInPjxnIGlkPSdHcm91cF8xNDQzNzMnIGRhdGEtbmFtZT0nR3JvdXAgMTQ0MzczJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgxMjc3LjI3OCAtNjM2MSknIG9wYWNpdHk9JzAuNTYnPjxnIGlkPSdHcm91cF8xNDQzNjknIGRhdGEtbmFtZT0nR3JvdXAgMTQ0MzY5JyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgtMTI3Ny4yNzggNjM2MSknPjxwYXRoIGlkPSdQYXRoXzU4MTknIGRhdGEtbmFtZT0nUGF0aCA1ODE5JyBkPSdNMCwxMTcuNzQ5di4zMzNMNjEuOCwxNTMuNzZ2NzEuMDI1bDYxLjgtMzUuNjc4VjExNy43NDlMNjEuOCw4Mi4wNzFaJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgwIDI0LjYzMyknIGZpbGw9JyNlNmU3ZTgnLz48cGF0aCBpZD0nUGF0aF81ODIwJyBkYXRhLW5hbWU9J1BhdGggNTgyMCcgZD0nTTAsMTgwLjc5M2w2MS44LDM1LjY4VjE0NS40NDhMMCwxMDkuNzY5WicgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMCAzMi45NDYpJyBmaWxsPScjZmZmJy8+PHBhdGggaWQ9J1BhdGhfNTgyMScgZGF0YS1uYW1lPSdQYXRoIDU4MjEnIGQ9J00xMDkuMzIyLDMwNy4xMWwtNjEuOC0zNS42NzhWMjcxLjFsNjEuOC0zNS42NzhWMTY0LjRsNjEuOCwzNS42Nzh2NzEuMzU4WicgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMTQuMjY0IDQ5LjM0MSknIGZpbGw9JyNlNmU3ZTgnLz48cGF0aCBpZD0nUGF0aF81ODIyJyBkYXRhLW5hbWU9J1BhdGggNTgyMicgZD0nTTQ3LjUyNSwyNzEuMVYyMDAuMDc0bDYxLjgtMzUuNjhWMjM1LjQyWicgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMTQuMjY0IDQ5LjM0MSknIGZpbGw9JyNmZmYnLz48cGF0aCBpZD0nUGF0aF81ODIzJyBkYXRhLW5hbWU9J1BhdGggNTgyMycgZD0nTTEwOS4zMjgsMGwtNjEuOCwzNS42Nzh2NzEuMzU4bDYxLjgsMzUuNjc4LDYxLjgtMzUuNjc4VjEwNi43bC02MS44LTM1LjY3OFonIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDE0LjI2NiAwKScgZmlsbD0nI2U2ZTdlOCcvPjxwYXRoIGlkPSdQYXRoXzU4MjQnIGRhdGEtbmFtZT0nUGF0aCA1ODI0JyBkPSdNOTUuMDYzLDBWNzEuMDI1bDYxLjgsMzUuNjc4VjM1LjY3OVonIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDI4LjUzMiAwKScgZmlsbD0nI2ZmZicvPjxwYXRoIGlkPSdQYXRoXzU4MjUnIGRhdGEtbmFtZT0nUGF0aCA1ODI1JyBkPSdNMTA5LjMyOCw0MDYuNzYzbC02MS44LDM1LjY3OHYuMzMzbDYxLjgsMzUuNjc4djcxLjAyNWw2MS44LTM1LjY4VjQ0Mi40NDFaJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgxNC4yNjYgMTIyLjA4NCknIGZpbGw9JyNlNmU3ZTgnLz48cGF0aCBpZD0nUGF0aF81ODI2JyBkYXRhLW5hbWU9J1BhdGggNTgyNicgZD0nTTQ3LjUzMSw0MzQuNDYxdjcxLjAyNGw2MS44LDM1LjY4VjQ3MC4xNFonIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDE0LjI2NiAxMzAuMzk3KScgZmlsbD0nI2ZmZicvPjxwYXRoIGlkPSdQYXRoXzU4MjknIGRhdGEtbmFtZT0nUGF0aCA1ODI5JyBkPSdNMTQyLjY4NywyNzcuOTE5djcxLjM1N2w2MS44LDM1LjY4VjMxMy45M2w2MS44LTM1LjY3OHYtLjMzM2wtNjEuOC0zNS42NzhaJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSg0Mi44MjUgNzIuNzA1KScgZmlsbD0nI2U2ZTdlOCcvPjxwYXRoIGlkPSdQYXRoXzU4MzAnIGRhdGEtbmFtZT0nUGF0aCA1ODMwJyBkPSdNMTkwLjIxOCwzMDUuNjE3djcxLjAyNWw2MS44LTM1LjY4VjI2OS45MzhaJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSg1Ny4wOTEgODEuMDE4KScgZmlsbD0nI2ZmZicvPjxwYXRoIGlkPSdQYXRoXzU4MzEnIGRhdGEtbmFtZT0nUGF0aCA1ODMxJyBkPSdNMTU2Ljk1Miw0NjcuMzA4bDYxLjgtMzUuNjc4VjQzMS4zbC02MS44LTM1LjY3OFYzMjQuNTk0bC02MS44LDM1LjY3OFY0MzEuNjNaJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgyOC41NTkgOTcuNDIyKScgZmlsbD0nI2U2ZTdlOCcvPjxwYXRoIGlkPSdQYXRoXzU4MzInIGRhdGEtbmFtZT0nUGF0aCA1ODMyJyBkPSdNMjA0LjQ4Myw0MzEuM1YzNjAuMjczbC02MS44LTM1LjY4djcxLjAyNVonIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDQyLjgyNSA5Ny40MjIpJyBmaWxsPScjZmZmJy8+PHBhdGggaWQ9J1BhdGhfNTgzMycgZGF0YS1uYW1lPSdQYXRoIDU4MzMnIGQ9J00uMDkzLDM2MC4yNzJ2NzEuMzU5bDYxLjgsMzUuNjc3LDYxLjgtMzUuNjc3VjQzMS4zbC02MS44LTM1LjY3OFYzMjQuNTk0WicgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMC4wMjggOTcuNDIyKScgZmlsbD0nI2U2ZTdlOCcvPjxwYXRoIGlkPSdQYXRoXzU4MzQnIGRhdGEtbmFtZT0nUGF0aCA1ODM0JyBkPSdNMTA5LjQyMSw0MzEuM1YzNjAuMjczbC02MS44LTM1LjY4djcxLjAyNVonIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDE0LjI5NCA5Ny40MjIpJyBmaWxsPScjZmZmJy8+PC9nPjwvZz48L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: 73vw calc( 100% + 142px );
}
#site-footer #hex 
{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczMDkuMTA2JyBoZWlnaHQ9JzY3MS41NjInIHZpZXdCb3g9JzAgMCAzMDkuMTA2IDY3MS41NjInPjxnIGlkPSdHcm91cF8xNDQzNzMnIGRhdGEtbmFtZT0nR3JvdXAgMTQ0MzczJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgxMjc3LjI3OCAtNjM2MSknIG9wYWNpdHk9JzAuNTYnPjxnIGlkPSdHcm91cF8xNDQzNjknIGRhdGEtbmFtZT0nR3JvdXAgMTQ0MzY5JyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgtMTI3Ny4yNzggNjM2MSknPjxwYXRoIGlkPSdQYXRoXzU4MTknIGRhdGEtbmFtZT0nUGF0aCA1ODE5JyBkPSdNMCwxMTcuNzQ5di4zMzNMNjEuOCwxNTMuNzZ2NzEuMDI1bDYxLjgtMzUuNjc4VjExNy43NDlMNjEuOCw4Mi4wNzFaJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgwIDI0LjYzMyknIGZpbGw9JyNlNmU3ZTgnLz48cGF0aCBpZD0nUGF0aF81ODIwJyBkYXRhLW5hbWU9J1BhdGggNTgyMCcgZD0nTTAsMTgwLjc5M2w2MS44LDM1LjY4VjE0NS40NDhMMCwxMDkuNzY5WicgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMCAzMi45NDYpJyBmaWxsPScjZmZmJy8+PHBhdGggaWQ9J1BhdGhfNTgyMScgZGF0YS1uYW1lPSdQYXRoIDU4MjEnIGQ9J00xMDkuMzIyLDMwNy4xMWwtNjEuOC0zNS42NzhWMjcxLjFsNjEuOC0zNS42NzhWMTY0LjRsNjEuOCwzNS42Nzh2NzEuMzU4WicgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMTQuMjY0IDQ5LjM0MSknIGZpbGw9JyNlNmU3ZTgnLz48cGF0aCBpZD0nUGF0aF81ODIyJyBkYXRhLW5hbWU9J1BhdGggNTgyMicgZD0nTTQ3LjUyNSwyNzEuMVYyMDAuMDc0bDYxLjgtMzUuNjhWMjM1LjQyWicgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMTQuMjY0IDQ5LjM0MSknIGZpbGw9JyNmZmYnLz48cGF0aCBpZD0nUGF0aF81ODIzJyBkYXRhLW5hbWU9J1BhdGggNTgyMycgZD0nTTEwOS4zMjgsMGwtNjEuOCwzNS42Nzh2NzEuMzU4bDYxLjgsMzUuNjc4LDYxLjgtMzUuNjc4VjEwNi43bC02MS44LTM1LjY3OFonIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDE0LjI2NiAwKScgZmlsbD0nI2U2ZTdlOCcvPjxwYXRoIGlkPSdQYXRoXzU4MjQnIGRhdGEtbmFtZT0nUGF0aCA1ODI0JyBkPSdNOTUuMDYzLDBWNzEuMDI1bDYxLjgsMzUuNjc4VjM1LjY3OVonIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDI4LjUzMiAwKScgZmlsbD0nI2ZmZicvPjxwYXRoIGlkPSdQYXRoXzU4MjUnIGRhdGEtbmFtZT0nUGF0aCA1ODI1JyBkPSdNMTA5LjMyOCw0MDYuNzYzbC02MS44LDM1LjY3OHYuMzMzbDYxLjgsMzUuNjc4djcxLjAyNWw2MS44LTM1LjY4VjQ0Mi40NDFaJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgxNC4yNjYgMTIyLjA4NCknIGZpbGw9JyNlNmU3ZTgnLz48cGF0aCBpZD0nUGF0aF81ODI2JyBkYXRhLW5hbWU9J1BhdGggNTgyNicgZD0nTTQ3LjUzMSw0MzQuNDYxdjcxLjAyNGw2MS44LDM1LjY4VjQ3MC4xNFonIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDE0LjI2NiAxMzAuMzk3KScgZmlsbD0nI2ZmZicvPjxwYXRoIGlkPSdQYXRoXzU4MjknIGRhdGEtbmFtZT0nUGF0aCA1ODI5JyBkPSdNMTQyLjY4NywyNzcuOTE5djcxLjM1N2w2MS44LDM1LjY4VjMxMy45M2w2MS44LTM1LjY3OHYtLjMzM2wtNjEuOC0zNS42NzhaJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSg0Mi44MjUgNzIuNzA1KScgZmlsbD0nI2U2ZTdlOCcvPjxwYXRoIGlkPSdQYXRoXzU4MzAnIGRhdGEtbmFtZT0nUGF0aCA1ODMwJyBkPSdNMTkwLjIxOCwzMDUuNjE3djcxLjAyNWw2MS44LTM1LjY4VjI2OS45MzhaJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSg1Ny4wOTEgODEuMDE4KScgZmlsbD0nI2ZmZicvPjxwYXRoIGlkPSdQYXRoXzU4MzEnIGRhdGEtbmFtZT0nUGF0aCA1ODMxJyBkPSdNMTU2Ljk1Miw0NjcuMzA4bDYxLjgtMzUuNjc4VjQzMS4zbC02MS44LTM1LjY3OFYzMjQuNTk0bC02MS44LDM1LjY3OFY0MzEuNjNaJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgyOC41NTkgOTcuNDIyKScgZmlsbD0nI2U2ZTdlOCcvPjxwYXRoIGlkPSdQYXRoXzU4MzInIGRhdGEtbmFtZT0nUGF0aCA1ODMyJyBkPSdNMjA0LjQ4Myw0MzEuM1YzNjAuMjczbC02MS44LTM1LjY4djcxLjAyNVonIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDQyLjgyNSA5Ny40MjIpJyBmaWxsPScjZmZmJy8+PHBhdGggaWQ9J1BhdGhfNTgzMycgZGF0YS1uYW1lPSdQYXRoIDU4MzMnIGQ9J00uMDkzLDM2MC4yNzJ2NzEuMzU5bDYxLjgsMzUuNjc3LDYxLjgtMzUuNjc3VjQzMS4zbC02MS44LTM1LjY3OFYzMjQuNTk0WicgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMC4wMjggOTcuNDIyKScgZmlsbD0nI2U2ZTdlOCcvPjxwYXRoIGlkPSdQYXRoXzU4MzQnIGRhdGEtbmFtZT0nUGF0aCA1ODM0JyBkPSdNMTA5LjQyMSw0MzEuM1YzNjAuMjczbC02MS44LTM1LjY4djcxLjAyNVonIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDE0LjI5NCA5Ny40MjIpJyBmaWxsPScjZmZmJy8+PC9nPjwvZz48L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: 73vw -529px;
}
/* NOTE - palstoitus */
.footer-content-left
{
	width: 321px;
	background-color: var(--brand-primary-color-dark);
	padding: calc( var(--gap) * 12 );
	padding-left: var(--gap-xl);
}
.footer-content-right
{
	width: calc( 100% - 321px );
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: calc( var(--gap-xl) * 2 );
	padding: calc( var(--gap) * 12 );
	padding-bottom: var(--gap-md);
	background : linear-gradient(
		to right, 
		var(--brand-primary-color) 30%, 
		transparent 30%);
}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
	.footer-content-left,
	.footer-content-right
	{
		width: 100%;
		gap: 0;
	}
}
@media (max-width: 575.98px) {}

.footer-links__top
{
	display: flex;
	flex-wrap: wrap;
}
.footer-links__bottom
{}

.footer-links__top > div:nth-child(1)
{
	width: calc( 100% / 3 * 2 );
}
.footer-links__top > div:nth-child(2)
{
	width: calc( 100% / 3 );
	display: flex;
    align-items: flex-end;
	position: relative;
}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
	.footer-links__top > div:nth-child(1),
	.footer-links__top > div:nth-child(2)
	{
		width: 100%;
	}
}
@media (max-width: 575.98px) {}

/* NOTE - Footer menu */
.footer-menu-container
{
	column-count: 2;
	column-gap: 0;
}
.footer-menu-ul
{
	list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu-ul li a
{
	display: block;
    padding: var(--gap-sm) 0;
	margin-right: 20%;
	border-bottom: solid 1px #ffffff50;
}
@media (max-width: 991.98px) {
	.footer-menu-container
	{
		column-count: 1;
	}
}
@media (max-width: 767.98px) {
	.footer-menu-container
	{
		margin-bottom: var(--gap-xl);
	}
}
@media (max-width: 575.98px) {}

/* NOTE - Footer social media */

.footer-some-links 
{
	display: flex;
	justify-content: center;
	gap: var(--gap-sm);
}
.footer-some-links svg 
{
	fill: white;
}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
	.footer-some-links 
	{
		margin-bottom: var(--gap-xl);
	}
}
@media (max-width: 575.98px) {}

/* NOTE - footer links */

.footer-links-ul
{
	display: flex;
	flex-wrap: wrap;
	list-style: none;
    padding: 0;
    margin: 0;
	gap: var(--gap-sm);
}
.footer-links-ul li
{
	min-width: calc( 100% / 3 );
	overflow: hidden;
}
.footer-links-ul li a
{
	padding-right: var(--gap-md);
	text-transform: uppercase;
}

/* NOTE - Back to top button */

#back-to-top 
{
	position: fixed;
	width: 36px;
    background-color: var(--brand-primary-color);
    bottom: 74px;
    right: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gap);
    padding: var(--gap-md) 0;
	cursor: pointer;
	z-index: 1;
	text-decoration: none;
}
#back-to-top:hover, 
#back-to-top:focus 
{
	opacity: 0.7;
	text-decoration: none;
}
#back-to-top > i 
{
	color: white;
	font-weight: 100;
	font-size: .8rem;
}
#back-to-top > span 
{
	color: white;
    text-transform: uppercase;
    transform: rotate(-90deg);
    padding: 15px 0;
	font-weight: 600;
}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
	#back-to-top {
		width: 26px;
		right: 0px;
	}
	#back-to-top span {
		display: none;
	}
}
@media (max-width: 575.98px) {}

/* ANCHOR - /page-templastes and singles */

.main-content-col 
{
	display: flex;
	flex-direction: column;
	gap: calc( var(--gap-xl) * 2 );
}

/* NOTE - page-tutkimukset.php */

.action_prompts {
	width: 80%;
	margin: auto;
}

/* NOTE - single.php */

.single-post #site_message_ribbon + .container > .row:nth-child(2),
.single-post #rank_math_the_breadcrumbs + .container > .row:nth-child(2) {
	position: relative;
	z-index: 2;
}

/* NOTE - single-projekti.php */

@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
	.persons-list {
		margin-left: 1rem;
		margin-bottom: 0;
		gap: 0;
	}
}
@media (max-width: 575.98px) {}

/* NOTE - single-henkilo.php */

.contact_meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap-sm) var(--gap-md);
}
.contact_meta svg{
	fill: var(--brand-secondary-color-dark);
}

.person__meta {
	position: relative;
	width: calc( 100% / 2 - var(--gap-md) );
}
.person__meta a {
	padding-left: 24px;
	color: black;
}
.person__meta::before {
	position: absolute;
    left: 0;
	content: ' ';
	width: 16px;
	height: 23px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}
.person__email::before {
	background-image: var(--svg-email);
}
.person__web::before {
	background-image: var(--svg-web);
}
.person__phone::before {
	background-image: var(--svg-phone);
}
.person__mobile::before {
	background-image: var(--svg-mobile);
}
.expertise_list {
	padding: 0 0 0 1.2rem;
    margin: 0;
    columns: 3;
    column-gap: var(--gap-xl);
}
.vertical_text_box--last {
	min-height: 252px;
}
.vertical_text_box--project {
	position: relative;
	min-height: 150px;
}
.vertical_text_box--project_2 {
	position: relative;
	min-height: 150px;
}
.vertical_text_box--images {
	position: relative;
	min-height: 195px;
	background-color: var(--grey);
	border-radius: var(--gap);
}
.vertical_text {
	text-transform: uppercase;
    font-weight: bold;
    position: absolute;
    white-space: nowrap;
    transform: rotate(-90deg);
    transform-origin: 10px 10px;
    top: 0;
    left: 6px;
	font-size: var(--fs-md);
}
.vertical_text_box--last .vertical_text {
	top: 171px;
}
[lang="sv-SE"] .vertical_text_box--last .vertical_text {
	top: 146px;
}
[lang="en-GB"] .vertical_text_box--last .vertical_text {
	top: 114px;
}
.vertical_text_box--project .vertical_text {
	top: 63px;
	left: -8px;
}
[lang="sv-SE"] .vertical_text_box--project .vertical_text {
	top: 54px;
}
[lang="en-GB"] .vertical_text_box--project .vertical_text {
	top: 61px;
}
.vertical_text_box--project_2 .vertical_text {
	top: 134px;
	left: -8px;
}
[lang="sv-SE"] .vertical_text_box--project_2 .vertical_text {
	top: 109px;
}
[lang="en-GB"] .vertical_text_box--project_2 .vertical_text {
	top: 127px;
}
.vertical_text_box--images .vertical_text {
	top: 84px;
}
[lang="sv-SE"] .vertical_text_box--images .vertical_text {
	top: 144px;
}
[lang="en-GB"] .vertical_text_box--images .vertical_text {
	top: 163px;
}
.person_media_link {
	display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: var(--gap) var(--gap-sm);
    position: absolute;
    right: 6px;
    top: 4px;
}
.person_media_link a {
	color: black;
    display: flex;
    align-items: center;
    gap: var(--gap-sm);
    font-weight: 600;
    border-bottom: solid 1px;
	text-decoration: none;
}
.person_media_link a::after {
    content: ' ';
    background-image: var(--svg-arrow);
    min-width: 16px;
    max-width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    /* transform: rotate(180deg); */
}
.person_media_list {
	padding-top: 54px!important;
}
.person_media_list a {
	color: black;
	text-decoration: none;
}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px)  {}
@media (max-width: 767.98px)  {
	.expertise_list {
		columns: 1;
	}
	.vertical_text {
		position: relative;
		transform: rotate(0deg);
		transform-origin: 0;
		top: 0!important;
		left: 0!important;	
	}
	.vertical_text_box--images .vertical_text {
		top: 4px!important;
	}
	.vertical_text_box--images {
		min-height: auto;
	}
	.vertical_text + section {
		padding: 0!important;
	}
}
@media (max-width: 575.98px)  {}

/* ANCHOR - /functions/ajax_views/ */

.button-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}
.form_title {
	font-size: var(--fs-md);
    font-weight: 600;
    padding: var(--gap) 0;
    position: relative;
    display: block;
    border-bottom: solid 1px;
    width: 100%;
    margin-bottom: var(--gap-sm);
}
.form_title button {
	font-weight: 600;
}
.form_title button:after {
	background-image: var(--svg-arrow-up)
}
.form_title button[aria-expanded="false"]:after {
	transform: rotate(0deg);
}
.form_title button[aria-expanded="true"]:after {
	transform: rotate(180deg);
}
.form-field.text input {
	position: relative;
	border: solid 2px var(--brand-primary-color);
	padding: var(--gap-sm) var(--gap-sm) var(--gap) var(--gap-sm);
	width: 100%;
}
.form-field.fieldset legend {
	font-size:  1rem;
	font-weight: 600;
	padding: var(--gap) 0;
	border-bottom: solid 1px black;
}
.form-field.checkbox {}

.form-field.radio input:checked ~ .radiomark, 
.form-field.checkbox input:checked ~ .checkmark {
    background-color: white!important;
}
.form-field.radio .radiomark, .form-field.checkbox .checkmark {
    outline: solid 2px var(--brand-primary-color)!important;
}

.search_text_wrapper {
	position: relative;
}
.search_text_wrapper input {
	padding-right: 37px!important;
}
.search_text_wrapper .form-field::after {
	content: ' ';
	width: 20px;
	height: 20px;
	display: block;
	background-image: var(--svg-search-glass);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	right: 16px;
	top: 18px;
	transform: translateY(-50%);
}

#vrx_ajax_form .radioButton label {
    padding: 0 5px;
    border: 1px solid var(--brand-primary-color);
    border-radius: var(--gap);
}
#vrx_ajax_form .radioButton input[type="radio"]:checked+label {
    background: var(--brand-primary-color);
	color: white;
}
#vrx_ajax_form button.button_link {
	font-size: var(--fs-sm);
	padding: var(--gap-sm) 0;
}
#vrx_ajax_form button[type="submit"] {
	font-weight: 600;
	padding-left: 20%;
	padding-right: 20%;
}

/* NOTE - ajax_julkaisut.php */

#vrx_order_form {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap-md);
}
#vrx_order_form label {
	display: flex;
    align-items: center;
	margin: 0;
}
#vrx_order_filter {
	border: solid 2px var(--brand-primary-color);
	padding: 0 var(--gap);
}

/* NOTE - ajax_julkaisut_single.php */

.load_more_button_container {
	display: flex;
	justify-content: center;
}

/* NOTE - ajax_henkilot.php */

.form_persons {
	display: flex;
	gap: var(--gap-md);
}
.form_persons > div:nth-child(1) {
	width: 30%;
}
.form_persons > div:nth-child(2) {
	width: 50%;
}
.form_persons > div:nth-child(3) {
	width: 20%;
}
.form_person_filters {
	columns: 2;
}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
	.form_persons {
		gap: 0;
		flex-direction: column;
		margin: var(--gap-xl) 0;
	}
	.form_persons > div {
		width: 100%!important;
	}
}
@media (max-width: 575.98px) {}

/* ANCHOR - /functions/template-functions.php */

/* NOTE - vrx_show_addtoany() */

.vrx_show_addtoany {
	display: flex;
    justify-content: center;
    background-color: white;
    border: solid 3px var(--brand-primary-color-light);
    border-radius: var(--gap);
    position: fixed;
    left: -3px;
    top: 40%;
	z-index: 999;
}
.vrx_show_addtoany > div {
	display: flex;
    align-items: center;
    padding-top: var(--gap-sm);
    flex-direction: column;
}
.vrx_show_addtoany > div a {
	padding-right: var(--gap)!important;
	line-height: 16px;
	font-size: 1rem!important;
}
.vrx_show_addtoany > div a::after {
	display: none!important;
}
.vrx_show_addtoany > div > a:last-child {
	height: 26px;
}
.a2a_full_footer,
.a2a_full_footer a,
#a2afeed_find_container input, #a2afeed_find_container input[type=text], #a2apage_find_container input, #a2apage_find_container input[type=text],
#a2a_copy_link_copied {
    font-size: 1rem!important;
}

@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
	.vrx_show_addtoany > div > a {
		display: none!important;
	}
	a.addtoany_share img {
		position: relative;
		left: -1px;
		top: 3px;
	}
	.vrx_show_addtoany > div > a:last-child {
		display: block!important;
		transform: rotate(90deg);
		height: 26px;
		width: 24px;
		padding: 0;
	}
}
@media (max-width: 575.98px) {
	.vrx_show_addtoany {
		top: initial;
		bottom: 74px;
	}
}

/* NOTE - site_message_ribbon() */

.site_message_ribbon {
	position: relative;
	display: flex;
    align-items: center;
    justify-content: center;
	background-color: var(--brand-primary-color-dark);
	padding: var(--gap-md);
	border-radius: var(--gap);
}
.site_message_ribbon__content {
	display: flex;
	align-items: center;
	gap: var(--gap-md);
	max-width: 80%;
}
.site_message_ribbon__content > div:nth-child(1) {
	width: 60%;
}
.site_message_ribbon__content > div:nth-child(2) {
	width: 40%;
}
.site_message_ribbon__content,
.site_message_ribbon__content a {
	color: white;
}
.site_message_ribbon__content a {
	display: flex;
    gap: var(--gap-sm);
    align-items: center;
}
.site_message_ribbon__content a::after {
	top: -1px;
    position: relative;
	content: ' ';
	width: 20px;
	height: 20px;
	display: block;
	background-image: var(--svg-arrow);
	background-repeat: no-repeat;
	background-position: center;
	/* transform: rotate(180deg); */
	filter: invert(1);
}
#site_message_ribbon__close {
    position: absolute;
    right: 0;
    top: 0;
    padding: var(--gap-sm);
    cursor: pointer;
    background-color: transparent;
    border: none;
    display: block;
}
#site_message_ribbon__close::after {
	content: ' ';
	width: 20px;
	height: 20px;
	display: block;
	background-image: var(--svg-close);
	background-repeat: no-repeat;
	background-position: center;
}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px)  {}
@media (max-width: 767.98px)  {
	#site_message_ribbon {
		margin: 0;
		padding: 0;
		max-width: calc(100vw);
        overflow: hidden;
	}
	.site_message_ribbon {
		border-radius: 0 0 var(--gap) var(--gap);
	}
}
@media (max-width: 575.98px)  {}

/* NOTE - vrx_slick_slider_wrapper() */

.slick-slider:not(.slick-initialized) {
    display: none;
}
.vrx_slick_slider_wrapper .slick-slide {
	padding-right: var(--gap-xl);
}
.vrx_slick_slider_wrapper .slick-prev {
    z-index: 1;
}
.vrx_slick_slider_wrapper .slick-list {
	margin-left: -15px;
    padding-left: 15px;
	padding-right: 5%;
    mask-image: linear-gradient(to left, #FFFFFF00 0%, #FFFFFFAD 50px, #FFFFFF 100px);
}
.vrx_slick_slider_wrapper .slick-dots li button::before {
	font-size: 18px;
}
.slick-dots li.slick-active button:before {
	content: ' ';
	background-color: var(--brand-primary-color-dark);
}
.slick-dots li button::before {
	background-color: white;
	outline: solid 1px var(--brand-primary-color-dark);
	box-shadow: 0px 0px 0px 1px var(--brand-primary-color-dark);
	color: white;
	border-radius: 16px;
	width: 14px;
    height: 14px;
	left: 4px;
    top: 4px;
}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
	.slick-prev {
		left: 0;
	}
	.slick-next {
		right: 0;
	}
}
@media (max-width: 575.98px) {}

/* NOTE - get_accordion_panel() */

.accordion-panel {
	padding: var(--gap) 0;
}
.accordion-panel > button {
	background-color: transparent;
	width: 100%;
	padding: var(--gap);
	border: none;
	text-align: left;
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.accordion-panel--big > button {
	border-radius: var(--border-radius);
	background-color: var(--grey);
	font-weight: 600;
	padding: var(--gap-sm) var(--gap-sm) var(--gap-sm) var(--gap-md);
}
.accordion-panel--small > button {
	border-bottom: solid 1px var(--brand-primary-color-light);
}
.accordion-panel > button:after {
	content: ' ';
	width: 20px;
	height: 20px;
	display: flex;
    align-items: center;
    justify-content: center;
	background-position: center;
	background-repeat: no-repeat;
}
.accordion-panel--big > button:after {
	background-image: var(--svg-arrow-plus);
}
.accordion-panel--small > button:after {
	background-image: var(--svg-arrow-up);
}
.accordion-panel--big > button[aria-expanded="true"]:after {
	background-image: var(--svg-arrow-minus);
}
.accordion-panel--small > button[aria-expanded="true"]:after {
    transform: rotate(180deg);
}
.accordion-panel > div {
	padding: var(--gap-md);
}
.accordion-panel--big > div {
	padding: var(--gap-lg) 0;
}
.accordion-panel--small > div {
	border: solid 1px var(--brand-primary-color-light);
	border-top: none;
	max-height: 30vh;
	overflow: auto;
}

/* NOTE - url_tabs() */

.project_tab_header
{
	display: flex;
	justify-content: flex-start;
	gap: var(--gap-md);
	margin: var(--gap-md) 0;
	border-bottom: solid 1px var(--grey-dark);
}

.project_tab_header h2
{
	display: flex;
	position: relative;
	align-items: center;
	background-color: var(--grey);
	margin-bottom: 0;
}
.project_tab_header h2::after
{
    content: ' ';
    width: 36px;
    height: 100%;
    border-bottom: 36px solid var(--grey);
    border-right: 36px solid transparent;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    background-color: white;
}
.project_tab_header a
{
	font-weight: 600;
	padding: var(--gap) 0  var(--gap) 0;
	color: black;
	font-size: var(--fs-md);
	min-height: 36px;
    display: flex;
    align-items: center;
	text-decoration: none;
}
.project_tab_header a.active
{
	padding: var(--gap) calc(var(--gap-md) + 32px)  var(--gap) var(--gap-md);
	font-size: var(--fs-base);
}

/* NOTE - get_hex_img() */

.hex-mask
{
	/* mask-image: var(--svg-hex-mask);
    mask-size: auto 100%; */
    mask-image: var(--svg-hex-mask-land);
    mask-size: 100% auto;
	mask-repeat: no-repeat;
    mask-position: center;
	width: auto;
    height: 100%;
	min-width: 100%;
    min-height: 100%;
    object-position: top center;
	object-fit: cover;
}
.hex-mask-empty
{
	width: 100%;
    height: 100%;
    display: block;
	background-image: var(--svg-no-person-land);
	background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}

/* NOTE - get_person_hex() */

.person-hex
{
	display: flex;
    align-items: center;
	gap: var(--gap-sm);
}
.person-hex figure
{
	display: grid;
	margin: 0;
	min-width: calc( var(--gap) * 10);
	min-height: calc( var(--gap) * 10);
	margin-left: -1px;
}
.person-hex img
{
}
.person-hex > div
{
	display: flex;
    flex-wrap: wrap;
	text-transform: uppercase;
	font-size: var(--fs-sm);
	font-weight: normal;
}
.person-hex div a {
	color: black;
	font-weight: normal;
	text-decoration: underline;
	display: inline-block;
    line-height: 1.2;
}
.person-hex div a:hover {
	color: var(--brand-primary-color);
}
/* NOTE -> add_breadcrumbs() */

#rank_math_the_breadcrumbs {
	border-top: solid 2px var(--brand-primary-color-light);
	border-bottom: solid 2px var(--brand-primary-color-light);
	margin-top: calc(var(--gap-md) * -1);
	padding: var(--gap-md) 0;
	background-color: white;
	margin-bottom: var(--gap-md);
}
#rank_math_the_breadcrumbs p {
	padding: 0;
	margin: 0;
}
#rank_math_the_breadcrumbs a {
	color: black;
	text-decoration: underline;
}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px)  {}
@media (max-width: 767.98px)  {
	#rank_math_the_breadcrumbs {
		padding: var(--gap-sm) 0;
	}
}
@media (max-width: 575.98px)  {}

/* NOTE - get_subnavigation() */

.get_subnavigation {}
.get_subnavigation header {
	font-size: var(--fs-md);
}
.get_subnavigation header strong a {
	border-bottom: solid 2px var(--border-color);
	text-decoration: none;
	font-size: var(--fs-lg);
	padding-bottom: 0;
}
.get_subnavigation ul li {
	border-bottom: solid 1px var(--border-color);
}
.get_subnavigation a {
    color: black;
    padding: var(--gap-sm) 0;
    width: 100%;
    display: block;
	text-decoration: none;
}
ul.sub_navigation
{
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.sub_navigation li.current-menu-item
{
    font-weight: 600;
}

/* NOTE - get_post_navigation() */

.post_navigation
{
	border-top: solid 2px var(--border-color);
	padding: var(--gap-xl) var(--gap-md) 0 var(--gap-md);; 
	display: flex;
	justify-content: space-between;
	gap: var(--gap-md);
}
.post_navigation a
{
	color: black;
	text-transform: uppercase;
	font-size: var(--fs-sm);
	font-weight: bold;
	line-height: 1rem;
}
.nav-previous,
.nav-next {
	display: flex;
    align-items: center;
    gap: var(--gap-sm);
}
.nav-previous::before,
.nav-next::after {
	content: ' ';
	background-image: var(--svg-arrow);
	background-repeat: no-repeat;
	width: 15px;
    height: 11px;
	top: -1px;
    position: relative;
}
.nav-previous::before {
    transform: rotate(180deg);
}
.nav-previous {}
.nav-next {
	text-align: right;
}

/* NOTE - get_bulled_tag() */

.bulled_tag {
	display: table;
	padding: var(--gap) var(--gap-sm);
	background-color: var(--brand-tag);
	color: black;
	text-transform: uppercase;
	font-weight: bold;
	font-size: var(--fs-sm);
	border-radius: var(--gap);
	max-width: fit-content;
}
figure .bulled_tag,
.card-tapahtuma-image__figure .bulled_tag {
	border-radius: var(--gap) 0;
	position: absolute;
}

/* ANCHOR - OTHER */

.pagination {
    display: flex;
	gap: var(--gap-sm) 0;
	justify-content: center;
	flex-flow: wrap;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
	margin-top: var(--gap-xl);
}
.pagination a {
    display: flex;
    align-items: center;
    justify-content: center;
	font-weight: 600;
	padding: 0 var(--gap-sm);
	margin: 0 var(--gap-sm);
	color: black;
	text-decoration: none;
}
.pagination a:hover {
	background-color: var(--brand-hover-color);
}
.pagination a.active {
	color: var(--brand-secondary-color-extra-dark);
}

.button_link,
.button_primary,
.button_secondary {
	padding: var(--gap) var(--gap-sm) calc(var(--gap) - 1px) var(--gap-sm);
	border: none;
	text-decoration: none;
	border-radius: var(--gap);
}
.button_primary {
	background-color: var(--brand-primary-color);
	border: solid 2px var(--brand-primary-color);
	color: white;
}	
.button_primary.buttun--light {
	background-color: white;
	border: solid 2px var(--brand-primary-color);
	color: black;
}
.button_primary:not(.no-hover):hover
{
	background-color: var(--brand-primary-color-dark);
	border-color: var(--brand-primary-color-dark);
}
.button_primary.buttun--light:not(.no-hover):hover {
	background-color: var(--brand-primary-color);
	border-color: var(--brand-primary-color);
	color: white;
}
.button_secondary
{
	background-color: var(--brand-secondary-color);
	border: solid 2px var(--brand-secondary-color);
	color: black;
}	
.button_secondary.buttun--light {
	background-color: white;
	border: solid 2px var(--brand-secondary-color);
}
.button_secondary:not(.no-hover):hover
{
	background-color: var(--brand-secondary-color-dark);
	border-color: var(--brand-secondary-color-dark);
}
.button_secondary.buttun--light:not(.no-hover):hover {
	color: black;
	text-decoration: none;
	background-color: var(--brand-secondary-color);
	border-color: var(--brand-secondary-color);
}
.button_link
{
	background-color: transparent;
	border: none;
	color: black;
	text-decoration: underline!important;
	padding-left: 0;
	padding-right: 0;
}
.button_link:not(.no-hover):hover
{
	color: var(--brand-primary-color-dark);
}

.card__image .read-list {
	position: absolute;
	right: var(--gap-sm);
	top: var(--gap-sm);
}
.item-julkaisu .read-list {
	display: inline-block;
}
.item-julkaisu .read-list button {
	position: absolute;
	top: -14px;
	width: 15px;
	height: 15px;
	margin-left: var(--gap);
}