/*
Theme Name: Fewer

*/

@font-face {
	font-family: "Epilogue";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url("/wp-content/themes/fewer/assets/fonts/epilogue_300.woff2") format("woff2");
}

@font-face {
	font-family: "Epilogue";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("/wp-content/themes/fewer/assets/fonts/epilogue_500.woff2") format("woff2");
}

@font-face {
	font-family: "Epilogue";
	font-style: italic;
	font-weight: 300;
	font-display: swap;
	src: url("/wp-content/themes/fewer/assets/fonts/epilogue_300italic.woff2") format("woff2");
}

@font-face {
	font-family: "Epilogue";
	font-style: italic;
	font-weight: 500;
	font-display: swap;
	src: url("/wp-content/themes/fewer/assets/fonts/epilogue_500italic.woff2") format("woff2");
}

/*
 * Font smoothing
 * https://github.com/WordPress/gutenberg/issues/35934
 */
body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/*
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--background);
	border-color: var(--wp--preset--color--secondary);
}

/**
 * Currently table styles are only available with 'wp-block-styles' 
 * theme support (block css) thus the following needs to be included
 * since 'wp-block-styles' aren't used for this theme.
 * https://github.com/WordPress/gutenberg/issues/45065
 */
.wp-block-table thead {
	border-bottom: 3px solid;
}
.wp-block-table tfoot {
	border-top: 3px solid;
}
.wp-block-table td,
.wp-block-table th {
	padding: var(--wp--preset--spacing--30);
	border: 1px solid;
	word-break: normal;
}
.wp-block-table figcaption {
	font-size: var(--wp--preset--font-size--small);
	text-align: center;
}

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

/* Static replacement for the WordPress navigation module. */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
	display: none;
}

@media (max-width: 599px) {
	html.has-modal-open {
		overflow: hidden;
	}

	.wp-block-navigation__responsive-container-open {
		display: flex;
	}

	.wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none;
	}

	.wp-block-navigation__responsive-container.is-menu-open {
		display: flex;
		position: fixed;
		inset: 0;
		z-index: 100000;
		overflow: auto;
		padding: var(--wp--preset--spacing--50);
	}

	.wp-block-navigation__responsive-container.is-menu-open
		.wp-block-navigation__responsive-container-close {
		display: flex;
		position: absolute;
		top: var(--wp--preset--spacing--30);
		right: var(--wp--preset--spacing--30);
	}

	.wp-block-navigation__responsive-container.is-menu-open
		.wp-block-navigation__responsive-close,
	.wp-block-navigation__responsive-container.is-menu-open
		.wp-block-navigation__responsive-dialog,
	.wp-block-navigation__responsive-container.is-menu-open
		.wp-block-navigation__responsive-container-content {
		width: 100%;
	}
}