/*
Theme Name: Eule@Frost
Theme URI: https://frostwp.com/
Author: HelloThere.
Author URI: https://hellothere.de/
Description: Die Eule & das Schwimmen.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0.10
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: frost
*/

/* Defaults
---------------------------------------- */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 3rem;
}

body {
	font-weight: 400;
	line-height: 1.85;
}

a,
button,
input:focus,
input[type='button'],
input[type='submit'],
textarea:focus,
.wp-element-button {
	transition: all 0.2s ease-in-out;
}

a,
a:focus,
a:hover,
a:not(.wp-element-button) {
	text-decoration-thickness: 1px;
}

b,
strong,
th {
	font-weight: var(--wp--custom--font-weight--semi-bold);
}

mark {
	background: linear-gradient(
		90deg,
		var(--wp--preset--color--primary) 0%,
		var(--wp--preset--color--primary) 100%
	);
	background-position: 0 85%;
	background-repeat: repeat-x;
	background-size: 100% 15%;
}

/* -- Forms -- */

input,
select,
textarea {
	background-color: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--contrast);
	border-radius: 0;
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--primary);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: var(--wp--custom--font-weight--light);
	line-height: var(--wp--custom--line-height--body);
	padding: 10px 20px;
	width: 100%;
}

input:focus,
textarea:focus {
	background-color: var(--wp--preset--color--neutral);
	outline: none;
}

input[type='checkbox'],
input[type='image'],
input[type='radio'] {
	width: auto;
}

input[type='button'],
input[type='email'],
input[type='search'],
input[type='submit'],
input[type='text'],
textarea {
	-webkit-appearance: none;
}

::placeholder {
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.5;
}

/* Blocks
---------------------------------------- */

/* -- Code -- */

*:not(.wp-block-code) > code {
	background-color: var(--wp--preset--color--neutral);
	font-size: var(--wp--preset--font-size--small);
	padding: 5px 8px;
}

/* -- Navigation -- */

.wp-block-navigation__responsive-container.is-menu-open {
	padding: var(--wp--custom--spacing--gap);
}

.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-container-content {
	padding-top: var(--wp--custom--spacing--gap);
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
	border: 1px solid currentColor;
	padding: 2px;
}

.has-background .wp-block-navigation__responsive-container-open:focus,
.has-background .wp-block-navigation__responsive-container-open:hover {
	color: var(--wp--preset--color--base);
}

/* -- Navigation Submenu -- */

.wp-block-navigation:not(.has-background)
	.wp-block-navigation__submenu-container {
	background-color: var(--wp--preset--color--contrast);
	border: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	padding: 10px;
}

.wp-block-navigation :where(.wp-block-navigation__submenu-container) a {
	padding: 2px 10px;
}

/* Utility
---------------------------------------- */

/* -- Box Shadow -- */

.is-style-shadow-light {
	box-shadow: var(--wp--preset--shadow--light);
}

.is-style-shadow-solid {
	box-shadow: var(--wp--preset--shadow--solid);
}

/* Media Queries
---------------------------------------- */

@media only screen and (max-width: 600px) {
	/* -- Utility -- */

	.is-style-hidden-mobile {
		display: none !important;
	}
}

@media only screen and (max-width: 782px) {
	/* -- Columns -- */

	.is-style-columns-reverse {
		flex-direction: column-reverse;
	}
}

/* -- Fonts -- */

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/themes/eule/assets/fonts/Poppins-Medium.woff2')
			format('woff2'),
		url('/wp-content/themes/eule/assets/fonts/Poppins-Medium.woff')
			format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/themes/eule/assets/fonts/Poppins-Light.woff2')
			format('woff2'),
		url('/wp-content/themes/eule/assets/fonts/Poppins-Light.woff')
			format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/themes/eule/assets/fonts/Poppins-BoldItalic.woff2')
			format('woff2'),
		url('/wp-content/themes/eule/assets/fonts/Poppins-BoldItalic.woff')
			format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/themes/eule/assets/fonts/Poppins-MediumItalic.woff2')
			format('woff2'),
		url('/wp-content/themes/eule/assets/fonts/Poppins-MediumItalic.woff')
			format('woff');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/themes/eule/assets/fonts/Poppins-Regular.woff2')
			format('woff2'),
		url('/wp-content/themes/eule/assets/fonts/Poppins-Regular.woff')
			format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/themes/eule/assets/fonts/Poppins-Bold.woff2')
			format('woff2'),
		url('/wp-content/themes/eule/assets/fonts/Poppins-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/themes/eule/assets/fonts/Poppins-ExtraBold.woff2')
			format('woff2'),
		url('/wp-content/themes/eule/assets/fonts/Poppins-ExtraBold.woff')
			format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/themes/eule/assets/fonts/Poppins-BlackItalic.woff2')
			format('woff2'),
		url('/wp-content/themes/eule/assets/fonts/Poppins-BlackItalic.woff')
			format('woff');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/themes/eule/assets/fonts/Poppins-Thin.woff2')
			format('woff2'),
		url('/wp-content/themes/eule/assets/fonts/Poppins-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/themes/eule/assets/fonts/Poppins-ExtraLight.woff2')
			format('woff2'),
		url('/wp-content/themes/eule/assets/fonts/Poppins-ExtraLight.woff')
			format('woff');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/themes/eule/assets/fonts/Poppins-SemiBold.woff2')
			format('woff2'),
		url('/wp-content/themes/eule/assets/fonts/Poppins-SemiBold.woff')
			format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/themes/eule/assets/fonts/Poppins-ThinItalic.woff2')
			format('woff2'),
		url('/wp-content/themes/eule/assets/fonts/Poppins-ThinItalic.woff')
			format('woff');
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/themes/eule/assets/fonts/Poppins-SemiBoldItalic.woff2')
			format('woff2'),
		url('/wp-content/themes/eule/assets/fonts/Poppins-SemiBoldItalic.woff')
			format('woff');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/themes/eule/assets/fonts/Poppins-Italic.woff2')
			format('woff2'),
		url('/wp-content/themes/eule/assets/fonts/Poppins-Italic.woff')
			format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/themes/eule/assets/fonts/Poppins-ExtraBoldItalic.woff2')
			format('woff2'),
		url('/wp-content/themes/eule/assets/fonts/Poppins-ExtraBoldItalic.woff')
			format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/themes/eule/assets/fonts/Poppins-ExtraLightItalic.woff2')
			format('woff2'),
		url('/wp-content/themes/eule/assets/fonts/Poppins-ExtraLightItalic.woff')
			format('woff');
	font-weight: 200;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/themes/eule/assets/fonts/Poppins-LightItalic.woff2')
			format('woff2'),
		url('/wp-content/themes/eule/assets/fonts/Poppins-LightItalic.woff')
			format('woff');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/themes/eule/assets/fonts/Poppins-Black.woff2')
			format('woff2'),
		url('/wp-content/themes/eule/assets/fonts/Poppins-Black.woff')
			format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/wp-content/themes/eule/assets/fonts/OpenSans-Regular.woff2')
			format('woff2'),
		url('/wp-content/themes/eule/assets/fonts/OpenSans-Regular.woff')
			format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/wp-content/themes/eule/assets/fonts/OpenSans-Medium.woff2')
			format('woff2'),
		url('/wp-content/themes/eule/assets/fonts/OpenSans-Medium.woff')
			format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/wp-content/themes/eule/assets/fonts/OpenSans-SemiBold.woff2')
			format('woff2'),
		url('/wp-content/themes/eule/assets/fonts/OpenSans-SemiBold.woff')
			format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/wp-content/themes/eule/assets/fonts/OpenSans-BoldItalic.woff2')
			format('woff2'),
		url('/wp-content/themes/eule/assets/fonts/OpenSans-BoldItalic.woff')
			format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/wp-content/themes/eule/assets/fonts/OpenSans-Italic.woff2')
			format('woff2'),
		url('/wp-content/themes/eule/assets/fonts/OpenSans-Italic.woff')
			format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/wp-content/themes/eule/assets/fonts/OpenSans-SemiBoldItalic.woff2')
			format('woff2'),
		url('/wp-content/themes/eule/assets/fonts/OpenSans-SemiBoldItalic.woff')
			format('woff');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/wp-content/themes/eule/assets/fonts/OpenSans-Bold.woff2')
			format('woff2'),
		url('/wp-content/themes/eule/assets/fonts/OpenSans-Bold.woff')
			format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/wp-content/themes/eule/assets/fonts/OpenSans-MediumItalic.woff2')
			format('woff2'),
		url('/wp-content/themes/eule/assets/fonts/OpenSans-MediumItalic.woff')
			format('woff');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

/* -- Editor Title -- */

.editor-visual-editor__post-title-wrapper {
	margin-top: 0 !important;
	border-bottom: 1px solid #000;
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin-bottom: 2rem;
}
.editor-visual-editor__post-title-wrapper h1 {
	font-size: 1rem !important;
}
.editor-visual-editor__post-title-wrapper h1:before {
	content: 'Titel: ';
	font-weight: 400;
	font-size: 1rem;
	color: #666;
}

/* -- Rounded Elements -- */

.wp-block-image.is-style-rounded img {
	border-radius: 0.875rem !important;
}

.wp-block-group.is-style-rounded {
	border-radius: 1.5rem;
}
.wp-block-group.is-style-rounded > .wp-block-image {
	border-radius: 1.5rem 1.5rem 0 0;
	overflow: hidden;
}

figure {
	border-radius: 0.875rem;
	overflow: hidden;
}

/* -- Buttons -- */

.wp-block-button .wp-block-button__link,
.wp-block-file__button {
	position: relative;
}
.wp-block-button.is-style-basic .wp-block-button__link {
	border: none;
	color: var(--wp--preset--color--blue);
}
.wp-block-button.is-style-basic .wp-block-button__link:before,
.wp-block-button.is-style-basic-fill .wp-block-button__link:before {
	content: '>> ';
	margin-right: 0.5rem;
	display: inline-block;
	transition: all 0.35s ease-in-out;
}
.wp-block-button.is-back-button .wp-block-button__link:before {
	content: '<< ';
}
.wp-block-button.is-style-basic:hover .wp-block-button__link:before,
.wp-block-button.is-style-basic:focus .wp-block-button__link:before {
	margin-right: 0.75rem;
	transition: all 0.35s ease-in-out;
}

.wp-block-button.is-style-fill .wp-block-button__link:before {
	content: '';
	width: auto;
	height: calc(100% - 0.5rem);
	aspect-ratio: 1/1;
	position: absolute;
	top: 0.25rem;
	left: 0.25rem;
	aspect-ratio: 1/1;
	background: #fff;
	border-radius: 50%;
	display: block;
}
.wp-block-button.is-style-fill .wp-block-button__link:after {
	content: '';
	position: absolute;
	background: var(--wp--preset--color--orange);
	mask-image: url('./assets/images/icon-button.svg');
	mask-size: 1rem;
	mask-position: center;
	mask-repeat: no-repeat;
	width: 2.4rem;
	height: 100%;
	top: 0;
	left: 0;
	font-weight: 700;
	color: var(--wp--preset--color--primary);
	transition: all 0.35s ease-in-out;
	transform-origin: center;
}
.wp-block-button.is-style-fill:hover .wp-block-button__link:after,
.wp-block-button.is-style-fill:focus .wp-block-button__link:after {
	background: var(--wp--preset--color--orange-dark);
	transform: rotate(-90deg);
	transition: all 0.35s ease-in-out;
}

.wp-block-button.is-style-cta .wp-block-button__link,
.wp-block-file__button {
	padding: 0.35rem 0rem 0.35rem 3rem;
}

.wp-block-button.is-style-cta .wp-block-button__link:before,
.wp-block-file__button:before {
	content: '';
	width: 1.9rem;
	height: 1.9rem;
	position: absolute;
	top: 0.25rem;
	left: 0.25rem;
	aspect-ratio: 1/1;
	background: var(--wp--preset--color--blue);
	border-radius: 50%;
	display: block;
}

.wp-block-button.is-style-cta .wp-block-button__link:after,
.wp-block-file__button:after {
	content: '';
	position: absolute;
	background: var(--wp--preset--color--white);
	mask-image: url('./assets/images/icon-button.svg');
	mask-size: 1rem;
	mask-position: center;
	mask-repeat: no-repeat;
	width: 2.4rem;
	height: 2.4rem;
	top: 0;
	left: 0;
	font-weight: 700;
	color: var(--wp--preset--color--primary);
	transition: all 0.35s ease-in-out;
	transform-origin: center;
	transform: rotate(-90deg);
}

.wp-block-file__button:hover,
.wp-block-file__button:focus {
	color: #208bb5;
}

.wp-block-button.is-style-cta:hover .wp-block-button__link:before,
.wp-block-button.is-style-cta:focus .wp-block-button__link:before,
.wp-block-file__button:hover:before,
.wp-block-file__button:focus:before {
	background: #208bb5;
	transition: all 0.35s ease-in-out;
}
.wp-block-button.is-style-cta:hover .wp-block-button__link:after,
.wp-block-button.is-style-cta:focus .wp-block-button__link:after,
.wp-block-file__button:hover:after,
.wp-block-file__button:focus:after {
	transform: rotate(0deg);
	transition: all 0.35s ease-in-out;
}
.wp-block-button.is-style-fill .wp-block-button__link {
	padding: 0.35rem 1.75rem 0.35rem 3rem;
}
.wp-block-separator:not(.wp-block-separator--footer) {
	mask-image: none;
	position: relative;
	height: 4px;
	margin-top: var(--wp--preset--spacing--huge);
	color: transparent;
	background: transparent;
	width: 100%;
	overflow: hidden;
	transform-origin: left left;
}
.wp-block-separator:not(.wp-block-separator--footer):before {
	content: '';
	height: 4px;
	width: 20%;
	background: #d2e3e8;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
:root :where(.wp-element-button, .wp-block-button__link) {
	text-align: left;
}
.wp-block-separator:not(.wp-block-separator--footer):after {
	content: '';
	height: 4px;
	width: calc(80% - 2rem);
	background: #d2e3e8;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
@media screen and (max-width: 768px) {
	.wp-block-separator {
		mask-size: 100vw !important;
		mask-image: none;
	}
}
.c-overview__section .wp-block-separator {
	background: #fff;
	height: 2px;
}
.c-overview__section .wp-block-separator:before,
.c-overview__section .wp-block-separator:after {
	content: none;
}
.wp-block-separator--footer {
	color: transparent;
	background: url('./assets/images/icon-border-wide.svg');
	background-size: 100%;
	height: 2px;
	min-height: 2px;
	position: relative;
	overflow: visible;

	&:before {
		content: '';
		height: 2px;
		width: calc(50% - 3rem);
		background: var(--wp--preset--color--dark);
		position: absolute;
		top: -2px;
		left: calc(-50% + 2rem);
	}
	&:after {
		content: '';
		height: 2px;
		width: calc(50% - 3rem);
		background: var(--wp--preset--color--dark);
		position: absolute;
		top: -2px;
		right: calc(-50% + 2rem);
	}
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and
	(-webkit-appearance: none) {
	.wp-block-separator--footer {
		color: var(--wp--preset--color--dark) !important;
	}
}

@media screen and (max-width: 768px) {
	.wp-block-separator--footer {
		background: var(--wp--preset--color--dark);
		mask-image: none;
		margin-left: -1rem !important;
		margin-right: -1rem !important;
		width: calc(100% + 2rem) !important;
	}
	.wp-block-separator--footer:before,
	.wp-block-separator--footer:after {
		content: none;
	}
}
.is-style-no-radius {
	border-radius: 0;
}
:where(.editor-styles-wrapper) p {
	line-height: 1.85 !important;
}
:where(.editor-styles-wrapper) .wp-block-separator {
	mask: none !important;
	color: var(--wp--preset--color--blue-lightest) !important;
	width: 100% !important;
}

:where(.wp-block-file__button):is(a):active,
:where(.wp-block-file__button):is(a):focus,
:where(.wp-block-file__button):is(a):hover,
:where(.wp-block-file__button):is(a):visited {
	color: var(--wp--preset--color--blue);
}

:root {
	--wp--style--global--content-size: 740px;
	--wp--style--global--wide-size: 1280px;
}

@media screen and (max-width: 768px) {
	.wp-block-image.alignright,
	.wp-block-image.alignleft {
		float: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

.wp-block-gallery-wrapper > figure > figure {
	height: 100%;
}

.wp-block-gallery.has-nested-images
	figure.wp-block-image.wp-block-gallery-wrapper__deco
	img {
	max-width: 16rem !important;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 768px) {
	.wp-block-gallery.has-nested-images
		figure.wp-block-image.wp-block-gallery-wrapper__deco {
		width: 100% !important;
	}
	.wp-block-gallery.has-nested-images
		figure.wp-block-image.wp-block-gallery-wrapper__deco
		img {
		max-width: 60% !important;
		width: 60%;
		margin-left: auto;
		margin-right: auto;
	}
}
.wp-block-gallery.has-nested-images
	figure.wp-block-image.wp-block-gallery-wrapper__deco
	img {
	transform: none !important;
}

:where(.editor-styles-wrapper)
	.wp-block-button.is-style-fill
	.wp-block-button__link:after {
	mask-image: url('../wp-content/themes/eule/assets/images/icon-button.svg');
}

:where(.editor-styles-wrapper)
	.wp-block-button.is-style-cta
	.wp-block-button__link:after,
:where(.editor-styles-wrapper) .wp-block-file__button:after {
	content: '';
	position: absolute;
	background: var(--wp--preset--color--white);
	mask-image: url('../wp-content/themes/eule/assets/images/icon-button.svg');
}

.is-style-intro {
	font-size: var(--wp--preset--font-size--h-3);
	font-weight: 400;
	line-height: 1.75;
}
.wp-block-gallery.is-sponsors {
	@media screen and (max-width: 768px) {
		padding-left: var(--wp--preset--spacing--huge) !important;
		padding-right: var(--wp--preset--spacing--huge) !important;
		gap: 2rem !important;
	}
}

.wp-block-file > a:first-child {
	display: none;
	visibility: hidden;
}
.wp-block-file * + .wp-block-file__button {
	margin-left: 0 !important;
}
.wp-block-file__button-richtext-wrapper {
	margin-left: 0 !important;
}
.wp-block-file__content-wrapper > [role='textbox'] {
	display: none !important;
}