/*
Theme Name: K2022
Author: Momme Krahn, Kütemeier GmbH
Author URI: https://kuetemeier.org/
Description: Block theme for WordPress 6.0 and above, to be used as a base theme for project child theme installations - Gutenberg Plugin required
Version: 1.0
Requires at least: 6.0 
Tested up to: 6.0
Requires PHP: 5.6
License: The license of the theme.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: k2022

K2022 WordPress Theme, (C) 2022 kuetemeier.org
K2022 is distributed under the terms of the GNU GPL.
*/

/* --------------------------------------------------- */


/* optional sticky menu, works in conjunction with mystickymenu-Plugin */

.sticky {
	margin-left: -20px;
	margin-right: -20px;
}


/* Media and Text block alignment (no background, has media on the right) */

.wp-block-media-text .wp-block-media-text__content {
	padding: 0 var( --wp--style--block-gap );
}

.wp-block-media-text.has-media-on-the-right:not(.has-background) .wp-block-media-text__content {
	padding-left: 0;
}

.wp-block-media-text:not(.has-background) .wp-block-media-text__content p:first-child {
	margin-block-start: 0;
}

.wp-block-media-text:not(.has-background) .wp-block-media-text__content p:last-child {
	margin-block-end: 0;
}


@media (max-width: 600px) {
	.wp-block-media-text.is-stacked-on-mobile:not(.has-background) .wp-block-media-text__content {
		padding-left: 0;
		padding-right: 0;
	}

	.wp-block-media-text:not(.has-background) .wp-block-media-text__content p:first-child {
		margin-block-start: 1em;
	}
	
	.wp-block-media-text:not(.has-background) .wp-block-media-text__content p:last-child {
		margin-block-end: 1em;
	}
}

/* Table without borders */

.wp-block-table, thead, tfoot, th, td {
	border-style: none !important;
} 

.wp-block-table {
	margin-left: 0;
	margin-right: 0;
}

th {
	text-align: left;
}

td {
  vertical-align: top;
}

td:first-child {
	padding-right: var(--wp--custom--spacing--outer)
}

.wp-block-table:not(.is-style-stripes) th:first-child,
.wp-block-table:not(.is-style-stripes) td:first-child {
	padding-left: 0;
}



/* ----------------- from 2022 theme ----------------- */
/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760


.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}
*/


/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}
*/



/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}