/*
Theme Name: Sirpa Pietikainen
Author: Arttu Teronen
Description: A clone of 'Sarmant Mini' theme.
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sirpa-pietikainen

/** CUSTOM CSS  **/

:root {
	--transition-time: 0.3s;
	--transition-type: ease-in-out;
	--transition-base: var(--transition-time) var(--transition-type);
	--inherit-underline-color: inherit;
	
	--active-link-underline: underline 0.125em;
	--active-link-color: rgba(0, 0, 0, 0.1);
	--active-link: var(--active-link-underline) var(--active-link-color);

	--color-error: #AB4E52;
	--color-success: #00A550;
	--color-warning: #E69F64;

    --clamp-img-width: clamp(12rem, 2.5vw, 16rem);
    --clamp-img-height: auto;

	--site-header-height: var(--site-header-height);

	--margin-inline-min-max: max(var(--wp--preset--spacing--no-clamp-small),10% - 800px/2);

	@view-transition {
		navigation: auto;
	}
	@media (prefers-reduced-motion: no-preference) {
		html {
			interpolate-size: allow-keywords;
			scroll-behavior: smooth;
		}
	}

	@media (prefers-reduced-motion: reduce) {
		html {
			scroll-behavior: auto;
	
			/* Turn off any transition
			*/
			-webkit-transition: none !important;
			-moz-transition: none !important;
			-o-transition: none !important;
			transition: none !important;
		}
		/* Turn off view-transitions
		*/
		@view-transition {
			navigation: none!important;
		}
	}
}
* {
	box-sizing: border-box;
}

/** CONTAINERS **/
div.wp-site-blocks {
	container: site-blocks / inline-size;
}
.expandable-wrapper {
    container: expandable-columns / inline-size;
}
/* .wp-block-navigation__responsive-dialog {
	container: responsive-dialog / inline-size;
} */
div > :has(.wp-block-cover.hero-img) {
    container: hero-container / inline-size;
}

@container (width < 48.75rem) {
    div.expand-left-col::after {
		display: none;
    }
    .expandable-columns {
        .wp-block-cover.expand-img {
            /* margin-inline: auto; */
            max-height: 20em;
        }
    }
	main.site-main {
		padding-left: var(--wp--preset--spacing--no-clamp-small);
		padding-right: var(--wp--preset--spacing--no-clamp-small);
	}
    .wp-block-cover.hero-img {
        min-height: 50vh!important;
        img {
            /* object-position: 50% */
            object-position: 60% 0%!important;
        }
    }
}
@container (width < 37.5rem) {
    .expandable-columns {
        .wp-block-cover.expand-img {
            max-width: 75%;
            /* margin-inline: auto; */
            height: auto;
        }
    }
}

:not(.wp-block-navigation__responsive-container.is-menu-open):is(.wp-block-navigation__responsive-dialog) {
	display: flex;
	justify-content: end;

	.wp-block-navigation__responsive-container-content {
		/* max-width: 60%; */
        justify-content: start;
        /* width: 36rem; */
        width: 33rem;

		/* ul {
			flex: 1 1 auto;
			margin-top: auto!important;
			max-width: fit-content;
		} */
	}
}

div.wp-block-navigation__responsive-container.has-modal-open.is-menu-open {

    div.wp-block-navigation__responsive-dialog {
        margin-top: unset;
    }
    .wp-block-navigation__responsive-container-content {
        width: 100%!important;
        /* justify-content: start; */
    }
}


body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
.error {
	background: var(--color-error);
}
.success {
	background: var(--color-success);
}
.warning {
	background: var(--color-warning);
}

:where(body.settings_page_sarmant-mini-theme-settings) {

	#wpbody-content {
		background-color: slateblue!important;
	}
	:where(input[type=text]:user-invalid) {
		outline: 2px solid var(--color-error)!important;
	}
	/* :where(input[type=text]:invalid:required) {
		outline: linear-gradient(to right, pink, lightgreen)!important;
	} */
	:where(input[type=text]:user-valid) {
		outline: 2px solid var(--color-success)!important;
	}
	input {
		background-color: aquamarine!important;
	}
}
.mobile-align-left {
	text-align: left;
}

.restricted-content-width > *{
    width: clamp(100px, 100%, calc(var(--wp--style--global--content-size) - 20%));
}
:where(.wp-site-blocks) > :last-child {
    margin-block-end: 0;
}

figure.wp-block-image.light-color-icon {
    filter: opacity(0.15) drop-shadow(0 0 0 white);
}
figure.wp-block-image.dark-color-icon {
    filter: opacity(0.95) drop-shadow(0 0 0.01px rgb(0, 0, 0));
}

div.wp-block-cover.light-color-icon .wp-block-cover__image-background {
    filter: opacity(0.15) drop-shadow(0 0 0 white);
}

/* Transition time and type for each link and input element except Site Title */
.wp-element-button, button, input, textarea, a:where(:not(.wp-block-site-title)) {
	transition: var(--transition-base)
}
.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link:hover {
    transform: scale(0.99);
}
.mobile-padding {
    @media(max-width: 26.875em) {
        padding-inline: max(0.5em, 1em)!important;
    }
}
div.text-content-justify {
    p {
        text-align: justify;
    }
}


@media(max-width: 26.875em) {
    .fp-balloon img {
        max-width: 100px;
    }
}

figure.skull img {
    min-width: unset !important;
    max-height: 80px !important;
    object-fit: contain !important;
    max-width: fit-content!important;
}

div.wp-block-group:has(> p.degree-img) {
    min-height: 7rem;
}

p.degree-img {
    position: relative;

    img {
        /* position: absolute;
        top: -20px;
        left: 1.7em; */
        position: absolute;
        top: -1.4rem;
        left: 1.9em;

        @media (max-width: 48.875rem) {
            top: -1.6rem;
            left: 1.7em;
            max-height: calc(1.5 * var(--wp--preset--font-size--xx-large));
        }
    }
}

.expandable-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: var(--wp--preset--spacing--clamp-regular);
}

.wp-block-group:has(> .expand-cover-txt) {
    margin: calc(0.5 * var(--wp--preset--spacing--clamp-regular)) !important;
}

.expandable-columns {
    margin-top: 0;

	&:has(.expand-left-col + .expand-right-col .expand-stack.expand) {
		span.wp-block-cover__background.has-background-dim {
			transition: var(--transition-base);
			background-color:unset!important;
		}
	}
	.wp-block-cover.expand-img {
		img {
	
		}
	}
	div.expand-left-col {
		position: relative;
	
		&::after {
			content: "";
			/* height: calc(100% + var(--wp--style--block-gap)); */
            height: calc(100% + var(--wp--preset--spacing--clamp-large));
			background: var(--wp--preset--color--accent-3);
			width: 4px;
			position: absolute;
			right: calc(var(--wp--style--block-gap) * -3);
			top: 0;
			bottom: 0;

            @media(max-width: 75em) {
                right: calc(var(--wp--style--block-gap) * -2.4);
            }
		}
	}
	div.expand-right-col {
		overflow: hidden;
		/* transition: max-height 1s ease; */
		position: relative;
	
		div.expand-stack {
			margin-bottom: 10px;
			/* height: min(23.25em, calc(27vw - 64px)); */
            height: min(23.25rem, calc(27vw - 4rem));
			flex-direction: row;
			overflow: clip;
			position: relative;
			transition: var(--transition-base);

            @media (max-width: 48.875em) {
                height: min(23.25rem, calc(50vw - 4rem));
            }
	
			/* &::after {
				content: '';
				position: absolute;
				left: 0px;
				right: 0px;
				height: 40%;
				bottom: 0px;
				background: linear-gradient(to bottom, rgba(139,167,32,0) 0%, rgba(255,255,255,1) 100%);
				pointer-events: none;
			} */
	
			&.expand {
				height: fit-content;
	
				&::after {
					display: none;
				}
			}
		}
		div.wp-block-buttons.expand-btn {
			position: absolute;
			bottom: 50px;
			z-index: 3;
			visibility: visible;
		}
	}
}
.expandable-columns:last-child {
	& div.expand-left-col {
		&::after {
			height: 100%!important;
		}
	}
}
.wp-block-social-links .wp-social-link svg {
    height: 2em;
    width: 2em;
}

footer.site-footer {
	margin-top: 3em;

    & > div.wp-block-group {
        background-image: url('data:image/svg+xml,<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 828.89 627.29" width="830" height="830"><defs><style> .st0 { fill: rgba(213,213,213,0.15); } </style></defs><path class="st0" d="M430.6,499.82c1.07-.14,2.14-.28,3.2-.42.49-3.48,1.2-6.94,1.43-10.43.25-3.77-.32-7.61.13-11.35,2.45-20.35,5.03-40.69,7.7-61.02,1.68-12.79,3.63-25.54,5.38-38.31,2.44-17.77,5.14-35.52,7.06-53.35.7-6.45-.46-13.11-.88-19.67-.34-5.2-.66-10.41-1.34-15.56-.44-3.3-1.51-6.52-2.3-9.77-1.38.1-2.76.21-4.14.31-4.54,17.07-10.33,33.93-13.32,51.27-4.55,26.35-7.39,53.01-10.5,79.6-1.2,10.31-1.78,20.78-1.51,31.15.32,12.58,1.33,25.2,3.05,37.67.93,6.78,3.96,13.27,6.04,19.89M585.99,235.23c-.81-.3-1.62-.61-2.44-.91-2.66,2.54-5.23,5.16-7.98,7.59-5.79,5.11-10.99,11.38-17.63,14.94-20.81,11.17-43.07,18.73-66.33,23.2-7.45,1.43-9.92,6.15-5.53,12.05,4.86,6.52,9.82,13.9,16.53,17.94,25.73,15.52,53.17,18.81,82.07,8.78,11.36-3.95,24.39-10.33,36.39-13.45-1.39-6.51-6.21-3.92-11.81-5.24-5.91-1.4-13.08-4.21-16.35-8.79-10.27-14.39-14.83-30.52-8.09-48.2.93-2.43.81-5.26,1.17-7.9M551.64,162.38c-15.08.55-23.01,3.6-33.67,14.4-10.92,11.07-23.81,20.87-32.16,33.76-15.34,13.46-18.69,21.21-13.32,41.21.81,3.02,1.43,6.19,1.46,9.3.08,6.54,2.86,8.42,9.05,6.54,12.28-3.73,25.09-6.11,36.84-11.04,13.43-5.63,26.76-12.26,38.66-20.58,14.85-10.39,16.9-27.98,20.23-44.38,4.26-20.99-7.7-33.26-27.09-29.21M149.93,368.65c3.02-14.89-3.46-27.72-17.59-37.54-5.13-3.57-9.35-8.49-13.77-13.01-7.77-7.92-16.85-6.31-21.42,3.96-5.08,11.43-10.39,22.76-15.17,34.32-8.51,20.57-17.36,40.99-17.82,63.93-.31,15.48-1.26,25.67,4.46,39.7,10.17,10.05,22.72,11.16,28.8,7.47,10.99-6.68,17.06-8.53,22.4-18.13,4.83-3.56,10.35-9.95,12.62-15.26,8.64-20.19,18.68-40.17,17.5-65.44M605.04,249.11c1.36,9.02,1.87,18.29,4.35,27,1.78,6.27,5.43,15.43,13.5,12.55,10.58-3.77,20.49-10.34,29.56-17.2,15.82-11.95,30.93-24.85,46.01-37.75,6.45-5.52,14.09-11.04,17.6-18.29,5.72-11.84,9.75-24.88,12.2-37.84,2.89-15.28-4.25-36.21-20.93-37.89-24.84-2.5-43.43,9.53-59.44,26.14-8.41,8.73-15.56,18.98-21.81,29.42-9.91,16.56-21.88,32.65-21.03,53.86M175.61,4.1c7.31,7,6.34,15.67,6.1,24.16-.25,8.5.41,17.15-.94,25.47-2.28,14.05-5.54,27.96-9.19,41.72-.5,1.87-5.96,3.95-8.49,3.33-2.83-.69-6.83-4.22-6.99-6.72-.43-6.85.69-13.83,1.58-20.71,1.3-10.03,3.09-20,4.34-30.04.58-4.66-1.44-7.9-6.62-5.64-6.55,2.86-13.56,5.49-19.03,9.88-17.99,14.42-36.81,26.25-53.33,43.99-11.85,8.21-20.89,18.11-29.29,29.08-7.56,9.87-15.58,19.68-21.32,30.61-10.94,20.85-10.84,49.52,7.84,69.03,8.73,9.12,16.16,19.51,25.04,28.46,10.21,10.29,21.16,19.89,32.39,29.06,1.71,1.4,7.92.02,9.86-2.09,8.99-9.77,16.27-21.28,25.95-30.22,12.43-11.47,25.52-23,40.2-31.09,28.49-15.71,60.91,3.35,61.49,35.98.26,14.83-4.1,29.75-6.41,44.62-.87,5.62-2.17,11.19-2.62,16.84-.13,1.58,1.74,3.93,3.31,4.78.9.49,3.38-1.01,4.56-2.2,1.53-1.54,2.6-3.58,3.66-5.53,12.92-23.89,25.13-48.19,38.89-71.59,10.41-17.71,26.39-30.02,46.12-35.99,15.1-4.57,25.67,2.43,28.65,18.97,1.58,8.77.48,18.19-.41,27.21-.86,8.7-3.02,17.28-3.11,26.93,5.7-7.06,12.06-13.69,16.98-21.26,13.3-20.47,26.03-41.33,46.04-56.23,11.75-8.75,24.83-12.75,39.29-8.42,3.63,1.08,7.46,3.69,9.73,6.7,6.69,8.87,7.42,9.17,14.87.3,14.01-16.68,29.76-31.57,50.3-39.4,19.17-7.3,39.1-10.13,58.62.14,13.6,7.15,18.49,16.79,17.1,32.77-.27,3.09,1.19,6.34,1.86,9.51,2.93-1.85,6.57-3.12,8.68-5.66,10.71-12.85,20.1-26.92,31.69-38.88,18.3-18.89,41.92-26.9,67.94-26.69,22.75.18,37.99,19.58,36.05,44.48-.17,2.2-.77,4.38-.92,6.58-.45,6.46,2.81,7.05,7.64,4.52,1.37-.71,2.45-1.99,3.65-3.02,12.68-10.86,25.53-10.31,36.47,3.03,4.84,5.9,8.33,13.5,10.45,20.89,2.76,9.68,3.14,20.01,5.32,29.89,1.87,8.51,5.03,16.73,7.25,25.17,2.7,10.24,5.95,20.49,6.94,30.93.29,3.09-6.27,6.82-9.69,10.26-2.94-3.41-7.57-6.4-8.54-10.3-4.75-19.12-7.82-38.66-12.9-57.68-3.47-12.96-9.14-25.36-14.12-37.89-2-5.02-5.46-7.08-10.18-2.54-16.65,16-34.02,31.38-44.12,52.88-3.55,7.56-6.59,7.45-11.1,14.43-11.67,18.04-30.75,36.3-47.93,47.45-14.49,9.41-31.91,15-48.7,20.01-21.93,6.54-35.2,16.55-56.56,17.22,0,0-20.52,1.48-27.38-1.07-13.73-5.09-32.25-14.56-45.2-21.37-6.58-3.46-8.93-3.03-10.11,4.21-3.6,22.12-7.78,44.15-10.98,66.33-4.09,28.44-7.51,56.99-11.08,85.5-1.96,15.67-3.77,31.36-5.42,47.06-2.97,28.3-5.65,56.63-8.72,84.92-.89,8.22-7.98,7.75-13.86,8.42-5.72.65-7.84-2.51-8.3-7.81-2.65-30.48-5.25-60.97-8.24-91.43-1.51-15.38-4.48-30.63-5.62-46.03-2.7-36.72-2.44-73.42,5.15-109.65,5.54-26.48,10.88-53.08,18.13-79.11,4.1-14.72,11.61-28.55,18.12-42.53,3.62-7.77,2.38-27.84-3.78-33.28-1.73-1.53-7.35-1.56-8.87,0-16.58,16.88-33.91,33.24-48.69,51.63-31.68,39.4-50.27,86.43-73.36,130.82-2.33,4.47-4.41,9.08-6.81,13.51-4.05,7.45-10.32,8.61-17.85,6.03-7.73-2.65-5.41-8.56-3.84-13.43,9.29-28.78,18.58-57.57,28.51-86.14,9.57-27.51,18.59-55.05,18.18-84.63-.04-2.62-.42-6.47-2.06-7.49-1.63-1.02-5.89-.06-7.52,1.54-16.02,14.17-10.23,5.88-18.15,14.17-13.75,14.38-26.41,43.51-35.98,60.42-15.99,28.23-29.3,57.55-38.61,88.74-3.27,10.96-8.2,21.64-13.98,31.51-1.77,3.03-8.87,3.81-13.56,3.9-2.45.05-5.93-3.12-7.29-5.7-5.86-11.15-1.13-22.27,1.14-33.31,2.56-12.44,6.94-23.92,5.62-37.74-1.26-13.16,5.24-27.01,8.03-40.62,3.53-17.24,8.05-34.1,4.31-52.4-1.49-7.29-1.24-13.76-6.96-19.75-5.49-5.76-11.67-7.54-17.83-4.57-8.87,4.28-18,9.23-24.97,16.01-13.27,12.91-25.1,27.31-37.52,41.11-.42.46-.72,1.04-1.01,1.61q-6.48,12.91,4.75,22.04c9.96,8.16,20.64,15.67,29.43,24.96,5.04,5.33,7.51,13.41,10.18,20.61,7.62,20.57,3.55,40.3-3.07,60.63-7.09,21.76-18.49,42.2-35.44,56.12-12.58,10.33-22.05,18.54-38.39,22.4-16.33,3.86-39.37-9.76-44.31-29.63-6.61-26.61-5.95-53.86,4.03-79.42,8.51-21.8,20.32-42.32,30.68-63.4.28-.57.63-1.1.9-1.67,8.91-18.62,7.59-21.02-8.07-35.24-21.54-19.56-43.53-39.16-56.5-65.94-5.16-10.66-10.73-22.58-10.67-33.9.06-11.95,4.78-24.91,10.8-35.54,7.27-12.86,15.85-27.47,26.21-38.13,17.34-17.85,35.19-34.13,58.66-52.26,13.76-11.72,33.05-22.75,48.33-32.68,7.89-5.13,15.81-10.21,24.53-15.83"/><path class="st0" d="M198.56,109.48c11.04,4.84,22.47,9.57,33.56,15.01,1.64.8,2.3,4.97,2.12,7.48-.07,1.03-3.57,1.89-5.57,2.65-.69.26-1.74-.29-2.35.03-14.08,7.37-23.66-1.93-33.37-9.44-2.7-2.09-5.13-6.58-4.86-9.72.17-1.94,5.68-3.42,10.47-6.01"/></svg>');
        background-size: max(42vw, 350px);
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

	div.wp-block-cover {
		min-height: 45vh;

        @media (max-width: 48.75rem) {
			& {
				min-height: 40vh;
			}
		}
	}

	div.wp-block-cover > .wp-block-cover__image-background {
		& path {
			fill: rgb(255 255 255 / 0.05);
		}
	}

	& :where(img) {
		width: clamp(10em, 17.5em + 0.1vw, 30em);
	}

	a.wp-block-social-link-anchor {
		padding: 0;
	}

	div.wp-block-cover__inner-container {
		padding-right: var(--wp--style--root--padding-right);
		padding-left: var(--wp--style--root--padding-left);
	}

    .wp-block-social-links .wp-social-link svg {
        height: 1.5em;
        width: 1.5em;
    }
}

div#wpadminbar {
	grid-area: wpadminbar;
}
div.wp-site-blocks {
	grid-area: wp-site-blocks;
}

:where(.sarmant-card) a::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: " ";
}
.is-style-clamp-img {
    img {
        width: var(--clamp-img-width);
        height: var(--clamp-img-height);
    }
}
.is-content-fit-content {
	max-width: fit-content!important;
}
.is-margin-inline-none {
	margin-inline: 0!important;
}
.margin-inline-auto {
	margin-inline: auto!important;
}
.is-justify-self-center {
	justify-self: anchor-center;
}
.is-content-max-width-40 {
	max-width: 40ch;
	margin-inline: auto;
}
.is-content-max-width-75 {
	max-width: 75ch;
	margin-inline: auto;
}
:where(.is-style-sarmant-nice-margin) {
	margin-inline: var(--margin-inline-min-max);
}
.list-style-none {
	list-style-type: none;
	padding-left: 0;
	text-wrap: pretty;
}
.text-wrap-pretty {
	text-wrap: pretty;
}
@supports not (text-wrap:pretty) {
	.text-wrap-pretty {
		text-wrap: balance;
	}
}
.text-no-wrap {
    text-wrap: nowrap;
}
.align-items-start {
	align-items: start;
}
.has-shadow-accent {
	filter:drop-shadow(0 0.5em 1em var(--wp--preset--color--accent-2));
}
:is(.margin-inline-none) {
    margin-inline: 0;
}



/****************/
/***NAVIGATION***/
/****************/
/* @media (max-width: 78.5rem) {
	nav.main-navigation {
	  width: 100%;
	  justify-content: end;
	}
} */

.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
    fill: currentColor;
    display: block;
    height: 48px;
    pointer-events: none;
    width: 48px;
}

nav.is-responsive.main-navigation:has(.is-menu-open) button.wp-block-navigation__responsive-container-open {
	color: transparent !important;
}
body:not(.logged-in) :where(.main-navigation .is-menu-open) {
	padding-top: var(--site-header-height)!important;
	background-color: transparent!important;
}

body.logged-in :where(.main-navigation .is-menu-open) {
	padding-top: calc(var(--site-header-height) + var(--wp-admin--admin-bar--height))!important;
	background-color: transparent!important;
}
.main-navigation {
	& .wp-block-navigation__responsive-container.is-menu-open {
		padding: unset;
	}
	:where(.wp-block-navigation__responsive-container.is-menu-open) :where(ul.wp-block-navigation__container.is-responsive.main-navigation, figure.wp-block-image) {
		margin: 0 auto!important;
	}
	/* :where(.is-menu-open) .wp-block-navigation__responsive-container-content {
		padding-top:0!important;
	} */
	& :where(.is-menu-open) .wp-block-navigation__responsive-container-content {
		padding-block: 2em !important;
		background-color: var(--wp--preset--color--base);
		border: 1px solid black;
		box-shadow: var(--wp--preset--shadow--natural);
	}
	& :where(.is-menu-open) .wp-block-navigation__container.is-responsive {
		margin: 0 auto !important;
	}

	& :where(.is-menu-open) .wp-block-navigation__responsive-container-close {
		right: 2em;
		top: 2em;
	}
    li {
        margin-bottom: 0 !important;
        margin-top: auto !important;
    }

}
div.wp-block-columns.is-style-sarmant-columns.article-hero {
    img {
        min-width: 100%;
    }
    div.wp-block-column.has-background {
        .wp-block-cover {
            .wp-block-cover__inner-container {
                margin-inline: auto !important;
                width: 75%;
            }
        }
    }
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
	&:hover, &:focus {
		color: var(--wp--preset--color--accent-3);
	}
}

:where(:is(.current-menu-item)) {
	text-decoration: underline 0.125em transparent;

	a[aria-current="page"] {
		color: var(--wp--preset--color--accent-3) !important;
	}
}

/*
* Make the mobile navigation menu appear sooner
*/
@media ( min-width: 64em ) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: none !important;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: block !important;
    }
	.hide-on-desktop {
		display: none!important;
		pointer-events: none!important;
	}
}
/* @media ( min-width: 74em ) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: none !important;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: block !important;
    }
	.hide-on-desktop {
		display: none!important;
		pointer-events: none!important;
	}
} */
@media ( min-width: 37.5em ) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: none;
    }
}

@media ( max-width: 74em ) {
	.is-space-between-mobile {
		justify-content: space-between!important;	
	}
	:where(.justify-left-mobile) {
		justify-content: left!important;
	}
	.is-style-grid-cols-one {
		grid-template-columns: 1fr!important;
	}
	.order-reverse {
		flex-direction: column-reverse;
	}
	.is-hidden-on-mobile {
		display: none!important;
		pointer-events: none!important;
	}
	.lead-columns {
		.wp-block-column:nth-of-type(1) {
			flex-basis: var(--flex-20)!important;
		}
		.wp-block-column:nth-of-type(2) {
			flex-basis: var(--flex-80)!important;
		}
	}
	div.is-style-sarmant-columns {
		gap: unset;
        .order-reverse {
		    flex-wrap: unset!important;
        }
		& :is(div.wp-block-cover:has(img)) {
			min-height: 50vh!important;
			max-width: 100%;
		}
        &.article-hero :is(div.wp-block-cover:has(img)) {
            min-height: 100% !important;
            max-width: 100%;
        }
	}
}

@media screen and (max-width: 37.5em) {
	.is-style-grid-cols-one {
		grid-template-columns: 1fr!important;
	}
	.order-reverse {
		flex-direction: column-reverse;
	}
	div.is-style-sarmant-columns {
		gap: unset;
        .order-reverse {
            flex-wrap: unset !important;
        }
		& :is(div.wp-block-cover:has(img)) {
			min-height: 40vh!important;
			max-width: 100%;
		}
        &.article-hero :is(div.wp-block-cover:has(img)) {
            min-height: 100% !important;
            max-width: 100%;
        }
	}
    .padding-inline-none {
        padding-inline: 0!important;
    }
}

.rss-notebook img {
    max-width: 8em;
}

/*** CONTACT FORM ***/
form.wpcf7-form label {
	/* display: grid; */
    width: 100%;

    & > span input {
        width: 100%;
    }
    & > span textarea {
        width: 100%;
    }
}
form.wpcf7-form span {

}

label.first-name {
	grid-area: first-name;
}
label.last-name {
	grid-area: last-name;
}
label.your-email {
	grid-area: your-email;
}
label.your-message {
	grid-area: your-message;
}
label.captcha {
	grid-area: captcha;
}
label.privacy-policy {
    grid-area: privacy-policy;
}
input.wpcf7-submit {
	grid-area: contact-submit;
	background-color: var(--wp--preset--color--accent-3);
	color: var(--wp--preset--color--base);
    border-radius: 0;
	border: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: 700;
    padding-top: var(--wp--preset--spacing--no-clamp-small);
    padding-right: var(--wp--preset--spacing--no-clamp-small);
    padding-bottom: var(--wp--preset--spacing--no-clamp-small);
    padding-left: var(--wp--preset--spacing--no-clamp-small);
    text-decoration: none;
    text-transform: uppercase;
	max-width: 10em;
    min-width: 10em;

	&:hover {
		transform: scale(0.98);
		filter: drop-shadow(0 0.15em 0.30em var(--wp--preset--color--accent-3));
		cursor: pointer;
	}
}
span.wpcf7-spinner {
	grid-area: spinner;
	place-self: anchor-center;
	grid-column:1;
}
div.wpcf7-response-output {
	grid-area: response-output;
	margin-inline: 0!important;
	margin-block: 0.5em!important;
}
form.wpcf7-form {
	gap: 1em;
	margin-inline: auto;
	color: var(--wp--preset--color--accent-contrast);
	display: flex;
	flex-direction: column;

	span.wpcf7-checkbox span.wpcf7-list-item {
		margin: 0;
	}

	& > * {
		display: flex;
		flex-direction: column;
	}

	textarea {
		max-height: 3em;
		max-width: 100%;
	}
    .wpcf7-list-item {
        margin-left: 0;
    }
    input[type="checkbox"] {
        font-size: var(--wp--preset--font-size--medium);
        height: 1em;
        width: 1em;
    }
    span.wpcf7-list-item-label {
        vertical-align: text-bottom;
    }
	.wpcf7-form-control.wpcf7-checkbox {
		padding-block: 0;
	}
	.form-last-row {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
        flex-wrap: wrap;
        row-gap: 0.5em;

        .cf-turnstile div iframe {
            max-width: 10em;
            height: auto;
        }
	}
}
.wpcf7-form-control {
	padding-block: 0.5em;
	font-size: var(--wp--preset--font-size--medium);
    max-width: 100%;
}


form.searchandfilter {

    span.text-input-description, span.select-input-description {
        font-weight: 600;
    }
    ul {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 0.5em;
        align-items: center;
    }
    li {
        /* min-width: 100%; */
        flex: 1 1 auto;
    }
    ul li:nth-child(1), li:nth-child(2) {
        padding-block: var(--wp--preset--spacing--no-clamp-small);
        padding-inline: var(--wp--preset--spacing--no-clamp-small);
        background: var(--wp--preset--color--base);
    }
    ul li:nth-child(2) {
        min-height: 100%!important;
        max-width: 100%;
        flex: 1 1 auto;

        /* select {
            -webkit-appearance: none;
        } */
    }
    input[type="text"] {
        margin-top: 0.5em;
        padding-block: 0.5em;
        font-size: var(--wp--preset--font-size--medium);
        min-width: 100%;
    }
    select.postform {
        margin-top: 0.5em;
        padding-block: 0.5em;
        font-size: var(--wp--preset--font-size--medium);
        min-width: 100%;
        max-width: 100%
    }
    input[type="submit"] {
        font-size: var(--wp--preset--font-size--medium);
        background-color: var(--wp--preset--color--accent-3);
        color: var(--wp--preset--color--base);
        border-radius: none;
        border: none;
        font-family: inherit;
        font-size: inherit;
        font-weight: 700;
        /* height: 100%; */
        padding-right: var(--wp--preset--spacing--clamp-regular);
        padding-left: var(--wp--preset--spacing--clamp-regular);
        padding-block: 0.5em;
        text-decoration: none;
        text-transform: uppercase;
        &:hover {
            cursor: pointer;
            transform: scale(0.98);
            filter: drop-shadow(0 0.15em 0.30em var(--wp--preset--color--accent-3));
        }
    }
}

/*** WP TABLE ***/
.wp-block-table td, .wp-block-table th {
	padding: 0;
}
.wp-block-table tr {
	padding-block: 1em;
}

.target-blank a[href^="https://"][target="_blank"]::after, .wp-block-rss a[href^="https://"][target="_blank"]::after {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' aria-hidden='true' focusable='false'><path d='M19.5 4.5h-7V6h4.44l-5.97 5.97 1.06 1.06L18 7.06v4.44h1.5v-7Zm-13 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-3H17v3a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h3V5.5h-3Z'></path></svg>");
    position: absolute;
    margin-left: 0.25em;
}
.target-blank a[href^="https://"][target="_blank"]::after {
    margin-left: 0;
}