/*
 Theme Name:   super-power.at 
 Theme URI:    https://www.super-power.at
 Description:  Theme for the super-power.at
 Author:       Michael Goldbeck
 Author URI:   https://jiaa.io
 Template:     twentytwentyfour
 Version:      1.0.0
 Text Domain:  superpower
*/

.wp-site-blocks > * {
    margin-block-start: 0 !important;
}

/* Add a custom transition when opening/closing. */
.wp-block-details {
	transition: all 0.5s ease-in-out;
}

/* Add horizontal margin to nested blocks/elements. */
.wp-block-details > :where( :not( summary ) ) {
	margin-left: 2rem;
	margin-right: 2rem;
}

/* If open, add some bottom padding to avoid content butting against the bottom. */
.wp-block-details[open] {
	border: 2px dotted black;
	padding-bottom: 2rem;
}

/* Base `summary` element styling. */
.wp-block-details summary {
	background-color: #ebebeb;
	transition: all 0.5s ease-in-out;
	box-sizing: border-box;
	padding: 2rem;
	font-size: 1.5rem;
	font-weight: 500;
}

/* Change the background of the `summary` element based on state. */
.wp-block-details[open] summary,
.wp-block-details summary:hover,
.wp-block-details summary:focus {
	transition: all 0.5s ease-in-out;
	background: #e30d18;
	color: white;
}

:where(.wp-site-blocks :focus) {
  outline-style: none;
}

.wp-block-details summary::marker {
	content: none;
}

.wp-block-details summary::after {
	content: "\f132";
	font-family: 'dashicons';
	float: right;
	text-align: right;
}

.wp-block-details[open] summary::after {
	content: "\f460";
}