/*
Theme Name: Ingrid zu Solms-Stiftung
Author: feuerball design
Author URI: https://feuerball.de
Description: Theme für ingrid-zu-solms-stiftung.de
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: izss-theme
*/

/*
Color scheme:
#f9f9f9: base
#ffffff: base-2
#111111: contrast
#636363: contrast-2
#A4A4A4: contrast-3
#f90000: accent
#cecccc: accent-2
#000000: accent-3
#d1001a: accent-4
#333333: accent-5
*/


/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

header {
	position: relative;
	background: rgb(150,150,150);
	background: linear-gradient(0deg, #d6d6d6 0%, #aaaaaa 50%, #969696 100%);
    border-bottom: 2px solid #fff;
}

.wp-block-site-logo img {
    width: 75px;
}

.wp-block-site-logo {
	margin-top: -12px!important;
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	display: inline-block;
}

.wp-block-navigation-item:before {
	display: inline-block;
    content: " ";
    width: 6px;
    height: 6px;
    vertical-align: middle;
    margin-right: 6px;
    border-radius: 3px;
	background-color: #fff;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item:before {
	display: none;
}

.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
	transform: scaleX(1.2);
    position: relative;
	left: 5px;
}

.wp-block-navigation__responsive-container-close {
	right: -.5rem;
}

.wp-block-navigation__responsive-container-close svg, 
.wp-block-navigation__responsive-container-open svg {
	fill: #000;
	width: 36px;
	height: 36px;
}

.wp-block-navigation__responsive-container-open svg {
	fill: #fff;
}

.home :where(.wp-site-blocks) > * {
	margin-top: 0;
}

.home footer > .wp-block-group > .wp-block-columns:first-child {
	margin-top: 0 !important;
}

.izss-name {
	transform: scaleX(0.8);
    text-shadow: 2px 2px 2px #fff, 2px -2px 2px #fff, -2px 2px 2px #fff, -2px -2px 2px #fff;
}

.izss-bold {
	font-weight: 600;
}

.entry-content p strong,
.entry-content p b {
	color: var(--wp--preset--color--accent-2);
}

.wpcf7-form .wp-block-columns {
	gap: 1rem;
	margin-bottom: 1rem;
}

.wpcf7-form .wp-block-columns {
	gap: 1rem;
	margin-bottom: 0;
}

input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
	font-size: 1rem;
    padding: 5px;
    width: calc(100% - 14px);
}

.wpcf7-list-item {
	margin-left: 0;
}

.wp-block-fb-termine {
}

.wp-block-fb-termine table tr td {
	display: block;
}

.wp-block-fb-termine table tr td ul {
	list-style-type: none;
	margin: 0;
	padding-left: 0;
	display: inline-block;
}

.wp-block-fb-termine table tr td.wp-block-fb-termine_title {
	font-weight: bold;
}

.wp-block-fb-termine.wp-block-fb-termine-short {
	margin-top: 0.5rem;
}

.wp-block-fb-termine.wp-block-fb-termine-short table tbody {
	display: flex;
	gap: 2rem;
}


@media (max-width: 514px) {
	
	.wp-block-site-logo img {
		width: 50px;
	}
	
	p.wp-block-site-title {
		font-size: 1.5rem;
		margin-top: 3px!important;
	}
	
}

@media (max-width: 781px) {
	
	header > .wp-block-group {
		flex-wrap: wrap;
		gap: 0;
	}
	
	.wp-block-site-logo {
		position: absolute;
		left: 1rem;
		top: .7rem;
	}
	
	header > .wp-block-group > .wp-block-group:first-child {
		order: 2;
	}
	
	header > .wp-block-group > .wp-block-group:first-child p {
	    margin-top: 0 !important;
		margin-bottom: var(--wp--preset--spacing--10);
		text-align: center;
	}
	
	.wp-block-navigation {
	    position: absolute;
		z-index: 999;
		top: 1rem;
		right: 2rem;
	}
	
}


/* Reset core style */
@media (min-width: 600px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}
}

@media (min-width: 600px) {
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}

/* Apply the core style at 782px again */
@media (min-width: 782px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none;
	}
	
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block;
    }
}

@media (min-width: 782px) {

	header > .wp-block-group > .wp-block-group:first-child,
	header > .wp-block-group > .wp-block-group:nth-child(3) {
		flex-basis: 40%;
		padding: 0;
	}
	
	p.wp-block-site-title {
		position: relative;
		margin-top: 5px !important;
		margin-left: 1% !important;
		left: -10%;
		font-size: 2rem;
	}
	
	p.wp-block-site-tagline {
		margin-right: 0!important;
	}
	
	.wp-block-navigation__container {
		gap: .5rem 1rem;
	}
	
	.wp-block-navigation ul {
		margin: 0 1rem;
	}
	
}


@media (min-width: 1024px) {
	
	header {
	    height: 140px;
		border-bottom: 0;
		background: linear-gradient(0deg, #969696 0%, #aaaaaa 25%, #d6d6d6 50%, #aaaaaa 75%, #969696 100%);
	}

	header:before {
		display: block;
		position: absolute;
		top: 64px;
		content: " ";
		width: 100%;
		border: 1px solid #fff;
		box-sizing: border-box;
	}

	.wp-block-site-logo img {
		width: auto;
	}
	
	p.wp-block-site-title {
		font-size: 2.35rem;
	}
	
	.wp-block-navigation__responsive-container {
		position: absolute;
		top: -66px;
		left: calc(50% - 470px);
		width: auto;		
	}
	
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		width: auto;
	}
	
	.wp-block-navigation ul.wp-block-navigation__container {
		display: block;
		max-width: 940px;
		margin: 0;
	}

	.wp-block-navigation ul.wp-block-navigation__container > .wp-block-navigation-item {
		display: inline-block;
		margin-left: 11px;
	}

	.wp-block-navigation ul.wp-block-navigation__container > .wp-block-navigation-item:nth-child(4) {
		position: absolute;
		top: 24px;
		left: 163px;
	}

	.wp-block-navigation ul.wp-block-navigation__container > .wp-block-navigation-item:nth-child(5) {
		margin-left: 140px;
	}
	
	.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
		background-color: transparent;
		border: 0;
	}
	
	.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item {
		font-size: .8rem;
		line-height: .8rem;
	}
	
	.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
		color: var(--wp--preset--color--accent-2);
	}
	
	.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content:hover {
		font-weight: bold;
	}
	
	:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)), :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)), :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content), :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content) {
		padding: 0;
	}
	
	.wp-block-navigation ul.wp-block-navigation__container > .wp-block-navigation-item:nth-child(5) > ul.wp-block-navigation__submenu-container {
		flex-flow: wrap;
		row-gap: 2px;
	}
	
	.wp-block-navigation ul.wp-block-navigation__container > .wp-block-navigation-item:nth-child(5) > ul.wp-block-navigation__submenu-container>.wp-block-navigation-item {
		flex-basis: 50%;
		margin-bottom: 0 !important;
	}
	
	.home .entry-content > .wp-block-group:first-child > div:first-child {
		padding-bottom: 130px;
	}
	
	.home .entry-content > .wp-block-group:last-child > div:last-child {
		padding-top: 140px;
        margin: 0 !important;
        max-width: 100%;
	}
	
	.home .entry-content > .wp-block-group:last-child > div:last-child > div.wp-block-columns:first-child {
		position: absolute;
		top: -124px;
		width: calc(100% - var(--wp--style--root--padding-left) - var(--wp--style--root--padding-right));
	}
	
}



@media (min-width: 1200px) {
	
	p.wp-block-site-title {
		font-size: 2.75rem;
	}
	
}