/*
Theme Name: Eder Hebühnenverleih 2025
Author: Sebastian Graßl
Author URI: https://www.werbung-ms.de
Theme URI: https://www.eder-obing.de
Tags: full-site-editing, editor-style, block-styles, block-patterns
Text Domain: malereder
Requires at least: 6.8
Requires PHP: 8.3
Tested up to: 6.8
Version: 1.0.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front.*/

@keyframes diagonal {
    0% {background-position: 0% 50%}
    100% {background-position: 100% 50%}
}

html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	background: #524e15;
}

header > div ,
footer > div {
	max-width: var( --wp--style--global--content-size );
	margin-left: auto;
	margin-right: auto;
}

header  {

	padding-top: 50px;
	padding-bottom: 50px;
	/* margin-bottom: 50px; */
	
	transition: transform .5s ease, top .5s ease, padding .5s ease;
	/* transform: translateY(-100%); */
	position: sticky;
	top: 0;
	z-index: 100;
	
	.sticky-header & {
		transform: translateY(0);
		z-index: 100;
		padding-top: 10px;
		padding-bottom: 10px;
		box-shadow: 0 0 10px #330300;
		height: 50px;
		border-width: 2px;
	}

	& > div > div {
		width: 1200px;
		align-items: self-end !important;
	}

	& > div > div > div {
		align-items: self-end !important;
		/* menü unten platzieren */
	}

	.is-maler-link {
        position: fixed;
        top: 20px;
        right: 20px;
        background-color: #ada423;
        padding: 20px;
        border-radius: 100%;
        width: 100px;
        height: 100px;
        display: flex;
        align-items: center;
        text-align: center;
	}
}

footer {
	border-top: 5px solid #8F7E7C; /* #efe8d7; */
	padding-top: 100px;
	padding-bottom: 50px;
}

.cool-vertical-timeline-body .timeline-content .story-details {
	/* border: 1px dotted var( --wp--preset--color--accent-1 ); */
	box-shadow: 0 0 20px #8a83212e;
	/* box-shadow: none; */
	background: #8a83200a;
}

.timeline-block-time .story-time p {
	font-weight: 700;
	font-size: 1.2rem;
}

main li {
	
	list-style-type: none;

  &:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%23ffffff'%3E%3Cpath d='M400-301 240-461l51-51 109 109 269-269 51 51-320 320Z'/%3E%3C/svg%3E");
	width: 18px;
	height: 18px;
	display:inline-block;
	margin-right: 10px;
	position: relative;
	top: 4px;
  }

}

/* .cool-vertical-timeline-body .timeline-content .story-time p */