@import "variables.css";

/* 
 * Template parts styles
 * - Styles here are load in editor too / to make parts in blocks to show right in editor
 */

.license {
    font-size: 14px;
}

/* ANCHOR - this is container class all content lists views */ 

.item-list,
.content-list {
	display: flex;
	flex-direction: column;
    margin-bottom: var(--gap-xl);
	gap: var(--gap-sm);
}
.item-list--large {
	gap: var(--gap-lg);
}

/* ANCHOR - template-parts/ajax-loader.php */ 

.ajax-loader {
	display: flex;
    justify-content: center;
    height: 100px;
    gap: var(--gap-md);
    align-items: center;
}
.ajax-loader::before { /* More loader -> https://cssloaders.github.io/ */
	content: '	';
    width: 48px;
    height: 48px;
    border: 5px solid var(--brand-primary-color);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
} 

/* ANCHOR - template-parts/card... .php */

.card {
	padding: 0;
	border: none;
}
.card__image {
	position: relative;
	aspect-ratio: 400 / 267;
	overflow: hidden;
	border-radius: var(--border-radius);
	background-color: #ececec;
}
.card__image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

/* ANCHOR - template-parts/card-action-prompt.php */

.card-action-prompt {
	background-color: var(--brand-primary-color-light);
	padding: var(--gap-lg) var(--gap-md);
	display: flex;
	flex-direction: column;
	gap: var(--gap-md);
}
.card-action-prompt strong {
	font-size: var(--fs-lg);
}
.card-action-prompt a {
    color: black;
    font-weight: bold;
    text-decoration: underline;
    display: flex;
    align-items: center;
    gap: var(--gap-sm);
}
.card-action-prompt a::after{
	content: ' ';
	background-image: var(--svg-arrow);
	width: 16px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
}

/* ANCHOR - template-parts/card-project.php */

.card-project 
{
	display: flex;
	flex-direction: column;
	gap: var(--gap-sm);
}
.card-project header {
	position: relative;
}
.card-project header h3 {
	z-index: 1;
    position: relative;
	margin-bottom: var(--gap-sm);
}
/* 
.card-project header::after {
	content: ' ';
    background-image: var(--svg-hex-single-blue);
    display: block;
    width: 64px;
    height: 64px;
    background-size: auto 100%;
    background-repeat: no-repeat;
	position: absolute;
    top: -34px;
    left: -7px;
}
*/
.card-project a
{
	margin-top: var(--gap-sm);
	color: black;
	display: inline-block;
	text-decoration: none;
}

/* ANCHOR - template-parts/card-rahoittaja-big.php */

.card-rahoittaja-big  {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--gap-sm);
	padding: var(--gap-md);
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
.card-rahoittaja-big > section {
	display: flex;
	flex-direction: column;
	gap: var(--gap-md);
}
.card-rahoittaja-big > section figure {
	display: flex;
    align-items: center;
    justify-content: center;
	background: white;
	margin: 0;
	max-height: 125px;
    min-height: 125px;
}
.card-rahoittaja-big > section figure img {
	object-fit: contain;
    width: auto;
    height: 100%;
    max-height: 125px;
    min-height: 125px;
}
.card-rahoittaja-big > section header {
	position: relative;
}
.card-rahoittaja-big > a {
    margin-top: var(--gap-sm);
    color: black;
    display: flex;
    font-weight: bold;
    align-items: center;
    justify-content: space-between;
}
.card-rahoittaja-big > a::after {
	content: ' ';
	background-image: var(--svg-arrow);
	display: inline-block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	top: -1px;
    position: relative;
}

/* ANCHOR - template-parts/card-rahoittaja.php */

.card-rahoittaja  {
	display: flex;
	flex-direction: column;
	gap: var(--gap-sm);
}
.card-rahoittaja h2  {
	font-size: var( --fs-base);
}
.card-rahoittaja a {}
.card-rahoittaja figure {
	display: flex;
    align-items: center;
    justify-content: flex-start;
	background: white;
	margin: 0;
}
.card-rahoittaja figure img {
	/* visibility: hidden; */
	object-fit: contain;
	object-position: left center;
    /* transition: all .3s; */
    max-height: 96px;
    min-height: 96px;
    /* width: 80%; */
}
.card-rahoittaja figure img[src*=".svg"] {
	width: 80%; 
}
.card-rahoittaja figure img.aspect-ratio-square {
	max-height: 124px;
    min-height: 124px;
}
.card-rahoittaja figure img:hover {
	object-fit: contain;
    transform: scale(1.05);
}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px)  {}
@media (max-width: 767.98px)  {
	.card-rahoittaja figure {}
	.card-rahoittaja figure img {
		min-height: auto;
	}
}
@media (max-width: 575.98px)  {}

/* ANCHOR - template-parts/card-julkaisu-image.php */

.card-julkaisu-image
{
	display: flex;
	flex-direction: column;
	gap: var(--gap-sm);
}	
.card-julkaisu-image__figure {
	position: relative;
	background-color: silver;
	aspect-ratio: 273 / 182;
	border-radius: var(--border-radius);
	overflow: hidden;
	margin-bottom: 0;
}
.card-julkaisu-image__figure img {
	object-fit: cover;
    min-height: 100%;
    min-width: 100%;
    object-position: center;
    height: 100%;
    width: 100%;
}
.card-julkaisu-image__title {
    border-radius: 0 var(--gap) 0 0;
    background-color: white;
    padding: var(--gap-sm) var(--gap-md) var(--gap-sm) var(--gap-sm);
    display: inline-block;
    position: absolute;
    bottom: 0;
	left: 0;
	margin-right: 5%;
}
.card-julkaisu-image__title .primary_cat{
	font-size: var(--fs-sm);
}
.card-julkaisu-image a {
	color: black;
	font-weight: bold;
	text-decoration: none;
}
.card-julkaisu-image > section {
	margin-top: var(--gap-sm);
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap) var(--gap-xl);
}
.card-julkaisu-image > section .more {
	width: 100%;
    display: flex
;
    flex-wrap: wrap;
    gap: var(--gap-sm);
}
.card-julkaisu-image figure img {
    max-width: 40px;
    max-height: 40px;
}

/* ANCHOR - template-parts/card-person... .php */

.card-person {}
.card-person--inactive{
	opacity: 0.7;
}
.card-person--inactive img {
	filter: grayscale(100%);
}
.card-person a {
	color: black;
	text-decoration: underline;
    display: inline-block;
}
.card-person strong {
	text-transform: uppercase;
	display: block;
	line-height: 1.1rem;
}
.card-person:not(.card-person-hex-event) b, 
.card-person:not(.card-person-hex-event) p {
	display: block;
	font-size: var(--fs-sm);
	margin-bottom: 0;
}
.card-person--cv {
	display: flex;
	flex-direction: column;
	gap: var(--gap-md);
	background-color: white;
	border-radius: var(--gap);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
	padding: var(--gap-md);
}
.card-person__row {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap-sm) var(--gap-md);
}
.card-person__meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap) var(--gap-md);
}
.card-person__virkavapaa {
	padding-top: 0!important;
	font-size: var(--fs-sm);
}
.card-person__row:nth-child(1) {
	padding-bottom: 0;
}
.card-person__row:nth-child(2) {
	padding-top: 0;
}
.card-person__row figure {
    display: flex;
	flex-shrink: 0;
	flex-basis: clamp(115px, 10vw ,152px);
	height: clamp(115px, 10vw ,152px);
	width: clamp(115px, 10vw ,152px);
    margin: 0;
    width: 100%;
    position: relative;
    justify-content: center;
}
.card-person__content {
	width: calc( 100% - clamp(115px, 10vw ,152px) - var(--gap-md) );
	display: flex;
    flex-direction: column;
    gap: var(--gap);
}
.card-person__email,
.card-person__phone,
.card-person__mobile {
	position: relative;
	font-size: var(--fs-sm);
}
.card-person__email a,
.card-person__phone a,
.card-person__mobile a {
	text-decoration: underline;
	padding-left: 24px;
}
.card-person__email::before,
.card-person__phone::before,
.card-person__mobile::before {
	position: absolute;
    left: 0;
	content: ' ';
	width: 16px;
	height: 23px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}
.card-person__email::before {
	background-image: var(--svg-email);
}
.card-person__phone::before {
	background-image: var(--svg-phone);
}
.card-person__mobile::before {
	background-image: var(--svg-mobile);
}

/* big */
.card-person-hex-big
{
	position: relative;
	max-width: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    aspect-ratio: 271 / 313;
}
.card-person-hex-big::before
{
	content: '';
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-image: var(--svg-hex-single-blue);
    position: absolute;
    top: 0;
    left: 0;
    right: -3px;
    bottom: 0;
    transform: rotate(90deg);
}
.card-person-hex-big figure
{
    display: flex;
	min-width: 128px;
	min-height: 128px;
	max-width: 128px;
	max-height: 128px;
    margin-top: var(--gap-sm);
    margin-bottom: var(--gap-sm);
    width: 100%;
    position: relative;
    justify-content: center;
}
.card-person-hex-big figure img
{
	object-fit: cover;
	object-position: top center;
    width: 128px;
    height: 128px;
}
.card-person-hex-big strong,
.card-person-hex-big div
{
	text-align: center;
	position: relative;
}
/* event */
.card-person-hex-event
{
	display: flex;
    align-items: flex-start;
	gap: var(--gap-xl);
}
.card-person-hex-event figure
{
	margin: 0;
	min-width: 128px;
	min-height: 128px;
	max-width: 128px;
	max-height: 128px;
	width: 128px;
    height: 128px;
	margin-left: calc(var(--gap)* -1);
}
.card-person-hex-event figure img
{
	object-fit: cover;
	object-position: top center;
    width: 128px;
    height: 128px;
}
.card-person-hex-event section
{
	display: flex;
	flex-direction: column;
	gap: var(--gap-sm);
	padding: var(--gap-lg) 0;
}
.card-person-hex-event .accordion-title {
	background-color: transparent;
    border: none;
    padding: 0;
    font-weight: bold;
	border-bottom: solid 1px black;
    display: flex;
    gap: var(--gap-md);
    padding: var(--gap) 0;
	margin-bottom: var(--gap-sm);
}
.card-person-hex-event .accordion-title::after {
	content: ' ';
	background-image: var(--svg-arrow-up);
	width: 16px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	transform: rotate(180deg);
}
.card-person-hex-event .accordion-title[aria-expanded="true"]::after {
	transform: rotate(0deg);
}
.card-person-hex-event .accordion-panel ul {
	padding: 0 var(--gap-md);
	margin: var(--gap-md) 0;
}
/* medium */
.card-person-hex-medium
{
	display: flex;
    align-items: center;
	gap: var(--gap-sm);
}
.card-person-hex-medium figure
{
	margin: 0;
	min-width: 128px;
	min-height: 128px;
	max-width: 128px;
	max-height: 128px;
	width: 128px;
    height: 128px;
	margin-left: calc(var(--gap)* -1);
}
.card-person-hex-medium figure img
{
	object-fit: cover;
	object-position: top center;
    width: 128px;
    height: 128px;
}
/* small */
.card-person-hex-small
{
	display: flex;
    align-items: center;
	gap: var(--gap-sm);
}
.card-person-hex-small figure
{
	margin: 0;
	min-width: 86px;
	min-height: 86px;
	max-width: 86px;
	max-height: 86px;
	width: 86px;
    height: 86px;
	margin-left: calc(var(--gap)* -1);
}

/* ANCHOR - template-parts/card-tapahtuma.php */

.card-tapahtuma
{
	display: flex;
	flex-direction: row;
	gap: var(--gap-sm);
}
.card-tapahtuma > div
{
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: var(--gap-md);
}
.card-tapahtuma h3
{
	font-size: var(--fs-base);
}
.card-tapahtuma > div:nth-child(1)
{
	width: calc( ( 100% - var(--gap-sm) ) / 3 * 2);
}
.card-tapahtuma > div:nth-child(2)
{
	width: calc( ( 100% - var(--gap-sm) ) / 3 * 1);
}

/* ANCHOR - template-parts/card-tapahtuma-image.php */

.card-tapahtuma-image
{
	display: flex!important;
	flex-direction: column;
	gap: var(--gap-sm);
}
.card-tapahtuma-image header
{
	display: flex;
	justify-content: space-between;
}
.card-tapahtuma-image h3	
{
	font-size: var(--fs-base);
	margin-right: var(--gap-md);
}
.card-tapahtuma-image__figure {
	position: relative;
	/* background-color: rgb(228, 228, 228); */
	aspect-ratio: 273 / 182;
	overflow: hidden;
	margin-bottom: 0;
}
.card-tapahtuma-image__figure .card-tapahtuma__live
{
	position: absolute;
}
.card-tapahtuma-image__figure img {
	object-fit: cover;
    min-height: 100%;
    min-width: 100%;
    object-position: center;
    height: 100%;
    width: 100%;
	border-radius: var(--border-radius);
}
.card-tapahtuma-image .card-tapahtuma__meta-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap-sm);
}

/* NOTE - template-parts/card-tapahtuma ... .php */

.card-tapahtuma-title
{
	color: black;
	font-weight: bold;
	text-decoration: none;
}
.card-tapahtuma__date,
.card-tapahtuma__clock,
.card-tapahtuma__location
{
	display: flex;
	align-items: center;
	gap: var(--gap-sm);
	height: 18px;
	width: calc( ( 100% - var(--gap-sm) ) / 2 );
	font-size: .9rem;
	line-height: 1.1;
	white-space: nowrap;
}
.card-tapahtuma__date::before,
.card-tapahtuma__clock::before,
.card-tapahtuma__location::before
{
    position: relative;
	top: -1px;
	height: 18px;
	margin-top: -2px;
}
.card-tapahtuma__date::before
{
	content: var(--svg-date);
}
.card-tapahtuma__clock::before
{
	content: var(--svg-clock);
}
.card-tapahtuma__location::before
{
	content: var(--svg-location);
}

/* ANCHOR - template-parts/card-post-image.php */

.card-post-image
{
	display: flex;
	flex-direction: column;
	gap: var(--gap-sm);
	background-color: transparent;
}	
.card-post-image__figure {
	position: relative;
	background-color: silver;
	aspect-ratio: 273 / 182;
	border-radius: var(--border-radius) var(--border-radius) var(--border-radius) 0;
	overflow: hidden;
	margin-bottom: 0;
}
.card-post-image__figure img {
	object-fit: cover;
    min-height: 100%;
    min-width: 100%;
    object-position: center;
    height: 100%;
    width: 100%;
	overflow-clip-margin: border-box;
}
.card-post-image__date {
    border-radius: 0 var(--gap) 0 0;
    background-color: white;
    padding: var(--gap) var(--gap-sm);
    display: inline-block;
    position: absolute;
    bottom: 0;
	left: 0;
}
.card-post-image a {
	color: black;
	font-weight: bold;
	text-decoration: none;
}

/* ANCHOR - template-parts/component-header-links.php */

/* NOTE - Language select links */
.header-search__lang svg
{
	width: 16px;
}
.header-search__lang,
.header-search__lang ul
{
	display: flex;
	align-items: center;
	list-style: none;
	padding: 0 var(--gap-sm);
	margin: 0;
}
.header-search__lang ul a
{
	text-transform: uppercase;
	color: black;
	text-decoration: none;
}
.header-search__lang ul li:not(:last-child)::after
{
	content: "/";
	padding: 0 var(--gap);
}
.header-search__lang ul li.current-lang a
{
	font-weight: 600;
}
.show-mobi .header-search__lang svg
{
	width: 19px;
    top: -2px;
    position: relative;
}
.show-mobi .header-search__lang * {
	font-size: 18px;
}
.show-mobi .header-search__lang a {
	min-width: 24px;
    display: inline-block;
    text-align: center;
}
/* NOTE - Search link */
.header-search__link
{
	display: flex;
    gap: var(--gap-sm);
    align-items: center;
}
.header-search__link a
{
	color: black;
	text-decoration: none;
}
.header-search__link .site-seach-form {
	display: none;
}
/* NOTE - Readlist link */
.header-search__readlist {
	position: relative;
}
.header-search__readlist a {
	display: flex;
    gap: var(--gap);
    align-items: center;
    color: black;
	text-decoration: none;
}
.header-search__readlist small {
	/* position: absolute; */
}
.header-search__readlist a::before {
	height: 18px;
    overflow: hidden;
    display: block;
	content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMy42NjcnIGhlaWdodD0nMTcuNTE3JyB2aWV3Qm94PScwIDAgMTMuNjY3IDE3LjUxNyc+PHBhdGggaWQ9J2Jvb2ttYXJrX0ZJTEwxX3dnaHQ0MDBfR1JBRDBfb3BzejI0JyBkPSdNMjAwLTgyNXYtMTVoMTEuNjY3djE1bC01LjgzMy0yLjVaJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgtMTk5IDg0MSknIGZpbGw9JyMyZDNlNGUnIHN0cm9rZT0nIzJkM2U0ZScgc3Ryb2tlLXdpZHRoPScyJy8+PC9zdmc+Cg==");
}
.header-search__readlist a[read-counter="0"]::before {
	content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMy42NjcnIGhlaWdodD0nMTcuNTE3JyB2aWV3Qm94PScwIDAgMTMuNjY3IDE3LjUxNyc+PHBhdGggaWQ9J2Jvb2ttYXJrX0ZJTEwxX3dnaHQ0MDBfR1JBRDBfb3BzejI0JyBkPSdNMjAwLTgyNXYtMTVoMTEuNjY3djE1bC01LjgzMy0yLjVaJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgtMTk5IDg0MSknIGZpbGw9J25vbmUnIHN0cm9rZT0nIzJkM2U0ZScgc3Ryb2tlLXdpZHRoPScyJy8+PC9zdmc+");
}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
	.show-mobi {
        flex-wrap: wrap;
    }
	.header-search__lang,
	.header-search__readlist {
		order: 2;
		padding: 0;
	}
	.header-search__link {
		order: 1;
		width: 100%;
	}
	.header-search__link .site-seach-form {
        display: block;
        width: 100%;
        margin-bottom: 1rem;
	}
	.header-search__link > svg,
	.header-search__link > a {
		display: none;
	}
}
@media (max-width: 575.98px) {}

/* ANCHOR - template-parts/item-editors-choice.php */

.item-editors-choice {
}

/* ANCHOR - template-parts/item-tag.php */

.item-tag {
	color: black;
	text-decoration: underline;
}
.item-tag:hover {
	opacity: 0.8;
}

/* ANCHOR - template-parts/item-nav-content.php */

.item-nav-content {
	display: flex;
	gap: var(--gap-md);
}
.item-nav-content figure {
	margin: 0;
	min-height: 80px;
	max-height: 80px;
    min-width: 120px;
	max-width: 120px;
	background-color: var(--grey);
}
.item-nav-content figure img {
    min-height: 80px;
	max-height: 80px;
    min-width: 120px;
	max-width: 120px;
    object-fit: cover;
    object-position: center;
}
.item-nav-content section a {
	color: black;
}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
	.item-nav-content {
		padding: var(--gap-md) 0;
	}
}
@media (max-width: 575.98px) {}

/* ANCHOR - template-parts/item-search.php */ 

.item-search {
	position: relative;
	display: flex;
	gap: var(--gap-md);
	justify-content: space-between;
}
.item-search::after {
    content: ' ';
    border-bottom: solid 1px var(--border-color);
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
}
.item-search__content {
	display: flex;
	flex-direction: column;
	gap: var(--gap-sm);
}
.item-search__content strong a {
	color: black;
	margin: 0;
}
.item-search__content .entry-meta a {
	color: black;
	text-decoration: underline;
}
.item-search__image {
	position: relative;
	min-width: min(33%, 250px);
}
.item-search__image .bulled_tag{
	position: absolute;
	right: 0;
	top: 0;
}
.item-search__image img {
	width: 250px;
	height: auto;
	border-radius: var(--gap);
}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
	.item-search__image img {
		width: auto;
	}
	.item-search {
		flex-direction: column-reverse;
	}
	.item-search__image .bulled_tag {
		right: auto;
		left: 0;
	}
}
@media (max-width: 575.98px) {}

.nav-links {
	display: flex;
	justify-content: space-between;
	gap: var(--gap-md);
	margin: var(--gap-md) 0;
}
.nav-links a {
	color: black;
}


/* ANCHOR - template-parts/item-julkaisu.php.php */

.item-julkaisu {
	position: relative;
	display: flex;
	justify-content: space-between;
	gap: var(--gap-sm);
	padding: var(--gap-sm) 0;
}
.item-julkaisu::after {
	content: ' ';
    border-bottom: solid 1px var(--border-color);
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
}
.item-julkaisu:last-child::after {
	display: none;
}
.item-julkaisu > section {
	width: 80%;
}
.item-julkaisu > div {
	display: flex;
	flex-direction: column;
	gap: var(--gap-sm);
}
.item-julkaisu header span:nth-child(1) {
	font-weight: 100;
}
.item-julkaisu section a {
	color: black;
	font-weight: bold;
	text-decoration: none;
	padding: var(--gap-sm) 0;
    display: inline-block;
}
.item-julkaisu footer,
.item-julkaisu footer > div.more,
.header-image-front__content div.more {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap) var(--gap-xl);
	width: 100%;
}
.item-julkaisu footer img {
	max-width: 40px;
	max-height: 40px;
}
.item-julkaisu > div:nth-child(2) img {
    max-height: 145px;
    min-height: 145px;
    min-width: auto;
    max-width: max-content;
}
.show-more-persons {
	border: none;
	background-color: transparent;
	padding: 0;
}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
	.item-julkaisu {
		flex-direction: column;
	}
	.item-julkaisu > section {
		order: 2;
		background-color: white;
        border-radius: 0 var(--gap) 0 0;
		padding-top: var(--gap-sm);
        max-width: 90%!important;
	}
	.item-julkaisu > div:not(:empty) {
		order: 1;
		display: flex;
        align-items: flex-end;
		margin-bottom: -20%;
	}
}
@media (max-width: 575.98px) {}

/* ANCHOR - template-parts/item-tapahtuma.php.php */

.item-tapahtuma 
{
	position: relative;
	display: flex;
	justify-content: flex-start;
	gap: var(--gap-md);
	padding: var(--gap-sm) 0;
}
.item-tapahtuma::after {
	content: ' ';
    border-bottom: solid 1px var(--border-color);
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
}
.item-tapahtuma:last-child::after {
	display: none;
}
.item-tapahtuma figure
{
	margin: 0;
	min-width: 158px;
	max-width: 158px;
	min-height: 119px;
	height: auto;
	/* background-color: silver; */
	/* border-radius: var(--gap); */
	overflow: hidden;
}
.item-tapahtuma figure img
{
	border-radius: var(--border-radius);
	object-fit: cover;
    min-width: auto;
    min-height: 100%;
	aspect-ratio: 158 / 119;
}
.item-tapahtuma section
{
	width: 100%;
    display: flex;
	gap: var(--gap);
    flex-direction: column;
    justify-content: center;
}
.item-tapahtuma .card-tapahtuma__date {
	width: auto;
}
.item-tapahtuma section > div:nth-child(1)
{
	display: flex;
    justify-content: space-between;
    width: 100%;
}
.item-tapahtuma section > div:nth-child(2)
{
	display: flex;
    justify-content: flex-end;
    width: 100%;
}
.item-tapahtuma section a
{
	color: black;
	font-weight: bold;
	text-decoration: none;
}
.recording_tag
{
    display: flex;
	align-items: center;
    padding: calc(var(--gap) + 1px) var(--gap-sm) var(--gap) var(--gap-sm);
    background-color: bisque;
    color: normal;
    text-transform: uppercase;
    font-weight: bold;
    font-size: var(--fs-sm);
    border-radius: var(--gap);
}
.recording_tag::before
{
	content: ' ';
	background-image: var(--svg-recording);
	background-repeat: no-repeat;
	background-position: left top;
	width: 25px;
	height: 20px;
	display: inline-block;
	margin-right: var(--gap-sm);
}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px)  {}
@media (max-width: 767.98px)  {
	.item-tapahtuma {
		flex-direction: column;
	}
	.item-tapahtuma figure {
		min-width: 100%;
		max-width: 100%;
	}
	.item-tapahtuma figure img {
		aspect-ratio: 158 / 80;
	}
}
@media (max-width: 575.98px)  {
	.item-tapahtuma section > div:nth-child(1) {
		gap: var(--gap);
		flex-direction: column;
	}
}

/* ANCHOR - template-parts/item-post-small.php */

.item-post-small {
	display: flex;
	align-items: center;
	gap: var(--gap-md);
	border-bottom: solid 1px var(--border-color);
	padding-bottom: var(--gap);
}
.item-post-small span {}
.item-post-small a {
	font-weight: 600;
	color: black;
	text-decoration: none;
}	
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px)  {}
@media (max-width: 767.98px)  {
	.item-post-small {
		align-items: flex-start;
		flex-direction: column-reverse;
		gap: 0;
	}
}
@media (max-width: 575.98px)  {}

/* ANCHOR - template-parts/item-title.php */

.item-title {
	display: flex;
	flex-direction: column;
	gap: var(--gap-sm);
}
.item-title a {
    color: black;
	font-size: var(--fs-sm);
    font-weight: bold;
    display: flex;
    align-items: center;
    padding: var(--gap-sm) 0;
    border-bottom: solid 1px black;
    justify-content: space-between;
	text-decoration: none;
}
.item-title 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;
}

/* ANCHOR - template-parts/header-content.php */

.header-content {
	display: flex;
	flex-direction: column;
	gap: var(--gap-md);
	padding: calc(var(--gap) * 15) calc(var(--gap) * 24);
}
.header-content--hex {
	background-size: auto 100%;
	background-image: var(--svg-hex-grey);
	background-repeat: no-repeat;
    background-position: left top;
	min-height: 300px;
	padding-right: 30%;
}
.header-content--hex-blue {
	background-image: var(--svg-hex-blue);
}
.header-content--hex-yellow {
	background-image: var(--svg-hex-yellow);
}
.header-content--hex-pink {
	background-image: var(--svg-hex-pink);
}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
	.header-content {
		padding: calc(var(--gap-xl)) calc(var(--gap-md));
	}
	.header-content--hex {
		min-height: 150px;
	}
}
@media (max-width: 575.98px) {}

/* ANCHOR - template-parts/header-image-julkaisu.php */

.header-image-julkaisu {
	display: flex;
	gap: var(--gap-xl);
	margin-bottom: calc( var(--gap-xl) * 2 );
}
.header-image-julkaisu > div {
	position: relative;
}
.header-image-julkaisu > div:nth-child(1) {
	width: 41%;
}
.header-image-julkaisu > div:nth-child(2) {
	width: 59%;
}
.header-image-julkaisu__image {}
.header-image-julkaisu__image::after {
	content: ' ';
	background-image: var(--svg-hex-pink);
	background-repeat: no-repeat;
    background-position: left top;
    width: 150px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: -101px;
    background-size: 100% 100%;
	opacity: var(--opacity);
}
.header-image-julkaisu__image .license {
    text-align: center;
    padding-block: 4px;
}
.header-image-julkaisu__image img {
	object-fit: contain;
    min-height: 100%;
    width: auto;
    aspect-ratio: 6 / 4;
}
.header-image-julkaisu__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.header-image-julkaisu__meta {
	display: flex;
	justify-content: space-between;
	gap: var(--gap-md);
	margin: var(--gap-sm) 0;
}
.header-image-julkaisu__meta a {
	color: black;
	text-decoration: underline;
}
.header-image-julkaisu__tags div {
	display: flex;
	gap: var(--gap-sm) var(--gap-md);
	margin: var(--gap-sm) 0;
	flex-direction: column;
}
.header-image-julkaisu__links {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap-sm) var(--gap-md);
	margin: var(--gap-sm) 0;
}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px)  {}
@media (max-width: 767.98px)  {
	.header-image-julkaisu {
		flex-direction: column;
	}
	.header-image-julkaisu__image::after {
        right: auto;
        bottom: -115px;
        top: auto;
        left: -50px;
	}
	.header-image-julkaisu > div:nth-child(1),
	.header-image-julkaisu > div:nth-child(2) {
		width: 100%;
	}
	.header-image-julkaisu .site-title{
		/* word-break: break-all; */
	}
}
@media (max-width: 575.98px)  {}

/* ANCHOR - template-parts/header-image-henkilo.php */

.header-image-henkilo
{
	display: flex;
	gap: var(--gap-lg);
}
.header-image-henkilo > div
{
	position: relative;
}
.header-image-henkilo__image
{
}
.header-image-henkilo__image::after {
	content: ' ';
	background-image: var(--svg-hex-grey);
	background-repeat: no-repeat;
    background-position: left top;
    width: 150px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: -134px;
    background-size: 100% 100%;
}
.header-image-henkilo__image img
{
	border-radius: var(--gap);
	object-fit: cover;
    min-height: 100%;
    width: auto;
    aspect-ratio: 4 / 4;
}
.header-image-henkilo__content
{
    display: flex;
	width: 100%;
    flex-direction: column;
    justify-content: center;
}
.header-image-henkilo__links {
	display: flex;
	flex-direction: column;
}
.header-image-henkilo__links a {
	color: black;
    text-decoration: underline;
    line-height: 1.2rem;
    padding: var(--gap) 0;
    display: inline-block;
}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px)  {}
@media (max-width: 767.98px)  {
	.header-image-henkilo {
		flex-direction: column;
	}
	.header-image-henkilo__image::after {
        right: auto;
        bottom: -125px;
        top: auto;
        left: -54px;
	}
}
@media (max-width: 575.98px)  {}

/* ANCHOR - template-parts/header-image-tapahtuma.php */

.header-image-tapahtuma
{
	display: flex;
	gap: var(--gap-lg);
}
.header-image-tapahtuma > div
{
	position: relative;
	width: 50%;
}
.header-image-tapahtuma__image
{}
.header-image-tapahtuma__image::after {
	content: ' ';
	background-image: var(--svg-hex-yellow);
	background-repeat: no-repeat;
    background-position: left top;
    width: 150px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: -101px;
    background-size: 100% 100%;
	opacity: var(--opacity);
}
.header-image-tapahtuma__image img
{
	object-fit: cover;
    min-height: 100%;
    width: auto;
    aspect-ratio: 6 / 4;
}
.header-image-tapahtuma__content
{
    display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: flex-start;
}
.header-image-tapahtuma__meta {
	display: flex;
	justify-content: flex-start;
	gap: var(--gap-md);
	margin: var(--gap-sm) 0;
}
.header-image-tapahtuma__links {
    display: flex;
    gap: var(--gap-sm) var(--gap-md);
    margin: var(--gap-sm) 0;
    align-items: center;
    flex-wrap: wrap;
}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px)  {}
@media (max-width: 767.98px)  {
	.header-image-tapahtuma {
		flex-direction: column;
	}
	.header-image-tapahtuma__image::after {
        right: auto;
        bottom: -125px;
        top: auto;
        left: -54px;
	}
	.header-image-tapahtuma > div {
		width: 100%;
	}
}
@media (max-width: 575.98px)  {}

/* ANCHOR - template-parts/header-image-small.php */

.header-image-small
{
	display: flex;
	gap: var(--gap-lg);
}
.header-image-small > div
{
	position: relative;
	width: 50%;
}
.header-image-small__image
{}
.header-image-small__image::after {
	content: ' ';
	background-image: var(--svg-hex-blue);
	background-repeat: no-repeat;
    background-position: left top;
    width: 150px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: -101px;
    background-size: 100% 100%;
	opacity: var(--opacity);
}
.header-image-small__image img
{
	object-fit: cover;
    min-height: 100%;
    width: auto;
    aspect-ratio: 6 / 4;
}
.header-image-small__content
{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.header-image-small__links {
	display: flex;
	flex-direction: column;
}
.header-image-small__links a {
	color: black;
	text-decoration: underline;
}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
	.header-image-small {
		flex-direction: column;
	}
	.header-image-small > div {
		width: calc(100% + 32px);
        margin-left: -15px;
	}
	.header-image-small__image::after {
        right: auto;
        bottom: -115px;
        top: auto;
        left: -50px;
	}
	.header-image-small__content {
		padding: 0 var(--gap-lg);
	}
}
@media (max-width: 575.98px) {}

/* ANCHOR - template-parts/header-image-big.php */

.header-image-big
{}
.header-image-big__image {
    display: flex;
    position: relative;
	overflow: hidden;
}
.header-image-big__image img {
	aspect-ratio: 140 / 46;
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: var(--gap);
}
.header-image-big__content
{
	border-radius: var(--gap) 0 0 0;
    background-color: white;
    padding: var(--gap-lg) var(--gap-xl);
    margin-top: calc((100% / 4) * .3 * -1);
    position: relative;
    margin-left: calc((100% / 4) * .3);
}
.header-image-big__content h1,
.header-image-big__content > section
{
	position: relative;
	z-index: 2;
}
.header-image-big__content h1
{
    display: flex;
    align-items: center;
    gap: var(--gap-md);
}
.header-image-big--page .header-image-big__content > * {
	z-index: 1;
	position: relative;
}
.header-image-big--page .header-image-big__image::after {
    content: ' ';
    background-image: var(--svg-hex-blue);
    background-repeat: no-repeat;
    background-position: left top;
    width: 250px;
    height: 100%;
    display: block;
    position: absolute;
    top: -30%;
    right: -2%;
    background-size: 100% 100%;
	opacity: .8;
}
.header-image-big--page .header-image-big__content::after {
    content: ' ';
    background-image: var(--svg-hex-grey);
    background-repeat: no-repeat;
    background-position: left top;
    width: 180px;
    height: 242px;
    display: block;
    position: absolute;
    top: -39px;
    left: -4%;
    background-size: 100% 100%;
}
.header-image-big--research_program .header-image-big__content::after,
.header-image-big--cross_cutting_theme .header-image-big__content::after,
.header-image-big--research_center .header-image-big__content::after {
	content: ' ';
    background-image: var(--svg-hex-blue);
    background-repeat: no-repeat;
    background-position: left top;
    width: 200px;
    height: 271px;
    display: block;
    position: absolute;
    top: -98%;
    right: -24px;
    background-size: 100% 100%;
    opacity: var(--opacity);
}
.header-image-big--research_program .header-image-big__content h1::before,
.header-image-big--cross_cutting_theme .header-image-big__content h1::before,
.header-image-big--research_center .header-image-big__content h1::before
{
	content: ' ';
	min-width: calc(var(--gap)* 14);
    height: calc(var(--gap)* 14);
    display: block;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.header-image-big--research_program .header-image-big__content h1::before {
	background-image: var(--svg-ohjelma);
}
.header-image-big--cross_cutting_theme .header-image-big__content h1::before {
	background-image: var(--svg-ohjelma);
}
.header-image-big--research_center .header-image-big__content h1::before {
	background-image: var(--svg-keskus);
}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px)  {
	.header-image-big--research_program .header-image-big__content::after, 
	.header-image-big--cross_cutting_theme .header-image-big__content::after, 
	.header-image-big--research_center .header-image-big__content::after {
		width: 126px;
        height: 164px;
        top: -56%;
        right: -7px;
	}
}
@media (max-width: 767.98px)  {
	.header-image-big {
		margin-left: -15px;
		width: calc(100% + 30px);
	}
	.header-image-big__image img {
		aspect-ratio: 140 / 62;
		border-radius: 0;
	}
	.header-image-big__content {
		margin-left: 15px;
		margin-right: 15px;
		padding: var(--gap-md);
	}
	.header-image-big__content h1 {
		gap: var(--gap-sm);
	}
	.header-image-big--research_program .header-image-big__content::after, 
	.header-image-big--cross_cutting_theme .header-image-big__content::after, 
	.header-image-big--research_center .header-image-big__content::after {
        width: 104px;
        height: 124px;
        top: -32%;
        right: -7px;
	}
	.header-image-big--research_program .header-image-big__content h1::before, 
	.header-image-big--cross_cutting_theme .header-image-big__content h1::before, 
	.header-image-big--research_center .header-image-big__content h1::before {
		min-width: calc( var(--gap) * 10 );
		height:    calc( var(--gap) * 10 );
	}
}
@media (max-width: 575.98px)  {}

/* ANCHOR - template-parts/header-image-front.php */

.header-image-front {
	overflow: hidden;
    display: block;
    position: relative;
}
.header-image-front::after {
    content: ' ';
    background-image: var(--svg-hex-single-grey);
    background-repeat: no-repeat;
    background-position: left top;
    width: 180px;
    height: 180px;
    display: block;
    position: absolute;
    top: 192px;
    left: -18px;
    background-size: 100% 100%;
    opacity: .6;
}
.header-image-front__image {
	aspect-ratio: 70 / 26;
    display: flex;
    position: relative;
	overflow: hidden;
	padding-bottom: 32px;
}
.header-image-front__image::before {
	content: ' ';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 32px;
	width: 100%;
	background-color: var(--brand-primary-color-dark);
    border-radius: 0 0 var(--gap) var(--gap);
}
.header-image-front__image .license {
	position: absolute;
    right: 14px;
    bottom: 40px;
    background-color: rgba(255, 255, 255, 0.6);
    padding-inline: 6px;
	z-index: 9;
}
@media (max-width: 991.98px) {
	.header-image-front__image .license {
		bottom: 109px;
		right: auto;
		left: 30px;
	}
}
@media (max-width: 767.98px) {
	.header-image-front__image .license {
        bottom: 28%;
        right: 25px;
        left: auto;
	}
}
.header-image-front__image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: var(--gap) var(--gap) 0 0;
}
.header-image-front__image::after {
    content: ' ';
    background-image: var(--svg-hex-grey);
    background-repeat: no-repeat;
    background-position: left top;
    width: 250px;
    height: 100%;
    display: block;
    position: absolute;
    top: -30%;
    right: -2%;
    background-size: 100% 100%;
	opacity: .6;
}
.header-image-front__content {
    border-radius: var(--gap);
    background-color: white;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    padding: var(--gap-lg);
    position: relative;
    margin-top: calc((100% / 4* .6)* -1);
    margin-left: calc((100% / 4)* .18);
    margin-right: 45%;
	margin-bottom: 15px;
    min-height: calc(1400px / 6);
    z-index: 1;
}
.header-image-front__content > * {
	z-index: 1;
	position: relative;
}
.header-image-front__content span {
	display: block;
	margin-bottom: var(--gap-sm);
}
.header-image-front__content > a {
	color: black;
	font-weight: bold;
	font-size: var(--fs-lg);
	margin-bottom: var(--gap-md);
	line-height: 1.3;
    display: inline-block;
	text-decoration: none;
}
.header-image-front__content section {
	display: flex;
    flex-wrap: wrap;
    gap: var(--gap) var(--gap-xl);
	padding-top: var(--gap-md);
}
.header-image-front__content section img {
    max-width: 40px;
    max-height: 40px;
}

@media (max-width: 1199.98px) {
	.header-image-front::after {
		width: 140px;
		height: 140px;
		top: 136px;
	}
	.header-image-front__content {
		margin-right: 40%;
	}
}
@media (max-width: 991.98px) {
	.header-image-front__image::after {
		width: 150px;
	}
	.header-image-front::after {
        width: 120px;
        height: 120px;
        top: 93px;
	}
	.header-image-front__content {
		margin-right: 20%;
	}
}
@media (max-width: 767.98px) {
	.header-image-front__image {
		aspect-ratio: 70 / 40;
	}
	.header-image-front__image::after {
		width: 150px;
	}
	.header-image-front::after {
        width: 100px;
        height: 100px;
        top: 163px;
	}
	.header-image-front__content {
		margin-right: 5%;
	}
}
@media (max-width: 575.98px) {}

/* ANCHOR - template-parts/header-post.php */

.header-post {
	margin-left: 25%;
}
.header-post::before {
    content: ' ';
    background-image: var(--svg-hex-grey);
    background-repeat: no-repeat;
    background-position: left top;
    min-width: 225px;
    min-height: 334px;
    display: block;
    position: absolute;
    top: -21px;
    left: calc(25% - 84px);
    background-size: 100% 100%;
    opacity: var(--opacity);
    z-index: 1;
}
.header-post__content {
	position: relative;
	padding: var(--gap-xl) 0;
	z-index: 1;
}