/*
Theme Name: Korea Context
Theme URI: https://www.koreacontext.com/
Author: Korea Context
Description: A lean child theme for Korea Context launch navigation and footer defaults.
Template: twentytwentyfive
Version: 0.1.4
Text Domain: koreacontext
*/

.single-post .wp-block-post-featured-image {
	aspect-ratio: 16 / 9 !important;
	overflow: visible;
}

.single-post .wp-block-post-featured-image img.wp-post-image {
	height: auto !important;
	object-fit: contain !important;
	width: 100% !important;
}

@media (max-width: 1000px) {
	body {
		overflow-x: hidden;
	}

	.wp-site-blocks {
		max-width: 100vw;
		overflow-x: hidden;
	}

	.wp-block-group.alignwide,
	.wp-block-columns.alignwide {
		max-width: 100%;
		width: auto;
	}

	main.wp-block-group,
	main.wp-block-group .wp-block-post-content,
	main.wp-block-group .wp-block-group,
	main.wp-block-group .wp-block-columns,
	main.wp-block-group .wp-block-heading,
	main.wp-block-group p,
	main.wp-block-group .wp-block-buttons,
	main.wp-block-group .wp-block-image,
	main.wp-block-group figure {
		max-width: calc(100vw - 3rem) !important;
		width: calc(100vw - 3rem) !important;
	}

	main.wp-block-group .wp-block-columns {
		display: block !important;
	}

	main.wp-block-group .wp-block-column {
		margin-bottom: var(--wp--preset--spacing--40);
		width: 100% !important;
	}

	main.wp-block-group h1,
	main.wp-block-group h2,
	main.wp-block-group h3,
	main.wp-block-group p {
		overflow-wrap: anywhere;
	}

	.wp-block-navigation__container {
		row-gap: 0.5rem;
	}

	header .wp-block-navigation,
	.wp-site-blocks > .wp-block-group:first-child .wp-block-navigation {
		max-width: calc(100vw - 3rem);
		width: 100%;
	}

	header .wp-block-navigation__responsive-container:not(.is-menu-open),
	.wp-site-blocks > .wp-block-group:first-child .wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: block !important;
		position: static !important;
		width: 100%;
	}

	header .wp-block-navigation__responsive-container-open,
	header .wp-block-navigation__responsive-container-close,
	.wp-site-blocks > .wp-block-group:first-child .wp-block-navigation__responsive-container-open,
	.wp-site-blocks > .wp-block-group:first-child .wp-block-navigation__responsive-container-close {
		display: none !important;
	}

	header .wp-block-navigation__responsive-container-content,
	.wp-site-blocks > .wp-block-group:first-child .wp-block-navigation__responsive-container-content {
		display: block !important;
		padding-top: 0 !important;
	}

	header .wp-block-navigation__container,
	.wp-site-blocks > .wp-block-group:first-child .wp-block-navigation__container {
		align-items: flex-start;
		display: grid !important;
		gap: 0.45rem 0.9rem;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		justify-content: stretch !important;
		width: 100%;
	}

	header .wp-block-navigation-item,
	.wp-site-blocks > .wp-block-group:first-child .wp-block-navigation-item {
		min-width: 0;
	}

	header .wp-block-navigation-item__content,
	.wp-site-blocks > .wp-block-group:first-child .wp-block-navigation-item__content {
		font-size: 0.88rem;
		line-height: 1.3;
		overflow-wrap: anywhere;
	}

	.wp-block-buttons > .wp-block-button {
		max-width: 20rem;
		width: 100%;
	}

	.wp-block-button__link {
		text-align: center;
		width: 100%;
	}

	.wp-block-image img {
		height: auto;
		width: 100%;
		max-width: 100%;
	}
}

@media (max-width: 1000px) and (max-height: 900px) {
	main.wp-block-group,
	main.wp-block-group .wp-block-post-content,
	main.wp-block-group .wp-block-group,
	main.wp-block-group .wp-block-columns,
	main.wp-block-group .wp-block-heading,
	main.wp-block-group p,
	main.wp-block-group .wp-block-buttons,
	main.wp-block-group .wp-block-image,
	main.wp-block-group figure {
		max-width: 342px !important;
		width: 342px !important;
	}
}