/*
Theme Name: BokBoomen
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bokboomen
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

:root :where(.is-layout-constrained) > * {
	margin-block-start: 1lh;
}

/* main columns */
@media screen and (max-width: 1100px) {
	/* home and archive pages */
	ul.columns-3.is-layout-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 800px) {
	ul.columns-3.is-layout-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	/* single post */
	body.single main > .is-layout-flex {
		flex-direction: column;
	}

	body.single main > div > div:nth-child(2) {
		padding-right: var(--wp--style--root--padding-right) !important;
		padding-left: var(--wp--style--root--padding-left) !important;
		width: 100%;
	}
}

main .side {
	margin-top: 8px;
}

/* Hide sidebar on older mobile devices */
@media screen and (max-width: 600px) {
    main .side {
        display: none !important;
    }
}

header .headerlogo {
	max-height: 43px;
}

/* bit of space for the navigation in the header */

.wp-site-blocks > header .wp-block-navigation {
	gap: 0;
}

.wp-site-blocks > header .wp-block-navigation .wp-block-navigation-item {
	padding: .4rem .8rem;
}

.wp-site-blocks > header .wp-block-navigation .wp-block-navigation-item:hover,
	.wp-site-blocks > header .wp-block-navigation .wp-block-navigation-item.current-menu-item {
		background-color: var(--wp--preset--color--base);
		color: var(--wp--preset--color--contrast);
}

/* article grid on archive pages */
ul.article-grid > li {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/*
 * 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: 1px;
	outline-style: dashed;
}

/* 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;
}