/*!
Theme Name: Stiftelsen Frambu
Theme URI: https://gnistdesign.no
Author: Gnist Design
Author URI: https://gnistdesign.no
Description: A boilerplate FSE theme for 2024.
Tags: full-site-editing, block-patterns, accessibility-ready, block-styles, custom-colors, custom-logo, custom-menu, editor-style one-column, template-editing, translation-ready, wide-blocks
Requires at least: 6.7
Tested up to: 6.7.1
Requires PHP: 8.2
Version: 1.0.3
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: stiftelsen-frambu

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Global Normalizer */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

html {
	box-sizing: border-box;
	-ms-overflow-style: scrollbar;
	scroll-behavior: smooth;
}

*,
*::before,
*::after {
	box-sizing: inherit;
	min-width: 0;
	font-synthesis: none !important;
}

.site-footer {
	margin-block-start: 0;
}

/* FSE Fix for images. */
figure img {
	width: 100%;
	object-fit: contain;
}

.wp-block-post-content p:has(a:only-child):not([class^="has-"]) a:where(:not(.wp-element-button)) {
	text-underline-offset: 20%;
}

.site-header .wp-block-image a img {
	border-radius: 0 !important;
}

.wp-block-site-logo a {
	transition: opacity 150ms ease-in-out;

	&:hover {
		opacity: 0.6;
	}
}


@media all and (max-width: 960px) {
	.wp-block-media-text.is-stacked-on-mobile {
		grid-template-columns: 100% !important;

		.wp-block-media_text__media {
			grid-column: 1;
			grid-row: 1;
		}

		.wp-block-media-text__content {
			grid-column: 1;
			grid-row: 2;
		}
	}

}

/* Mobile fixes for the site header */
@media screen and (max-width: 600px) {
	.site-header .wp-block-image a img {
		width: 100px !important;
	}
}