/*
Theme Name:         Mostly Human
Author:             Automattic Special Projects
Author URI:         https://specialprojects.automattic.com
Description:        Theme for Mostly Human.
Version:            1.0.1
Update URI:			false
Requires at least:  6.7
Requires PHP:       8.1
License:            GNU General Public License v3 or later
License URI:        http://www.gnu.org/licenses/gpl-3.0.html
Text Domain:        mostlyhuman
Domain Path:        /languages
*/

/*
 * Font smoothing
 */
body {
    text-rendering: geometricprecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*
 * Smooth scrolling
 */
html {
    scroll-behavior: smooth;
}

/*
 * Overwrite minimum height
 */
@supports (min-height: 100dvh) {
	[style*="min-height:100vh"] {
		min-height: calc( 100dvh - var( --wp-admin--admin-bar--height, 0px ) ) !important;
	}
}

/*
 * Remove default margins between top level template parts
 */
:root :where(.wp-site-blocks) > * {
	margin-block-start: 0;
}

/*
 * Typography
 */
h1, h2, h3, h4, h5, h6, p, blockquote, caption, figcaption, li {
    text-wrap: pretty;
}

.has-heading-1-font-size {
	letter-spacing: -0.075em;
	line-height: 1.08;
}

.has-heading-2-font-size,
.has-heading-3-font-size,
.has-heading-4-font-size {
	letter-spacing: -0.05em;
	line-height: 1.16;
}

.has-heading-5-font-size,
.has-heading-6-font-size {
	letter-spacing: -0.025em;
	line-height: 1.2;
}

.has-x-large-font-size,
.has-large-font-size {
	line-height: 1.33;
}

mark {
	color: inherit;
}

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

.imprint {
	text-decoration: none;
}

.imprint:hover {
	text-decoration: underline;
}

/*
 * Prevents unnecessary scrollbars while handling long lines of preformatted text.
 * https://core.trac.wordpress.org/ticket/63875
 */
:where(pre) {
	overflow-x: auto;
}

/*
 * Button transitions.
 */
.wp-block-button__link {
	transition: background-color .1s linear, border-color .1s linear, color .1s linear;
}

/*
 * Custom backgrounds
 */
.has-base-cutoff-rounded-bottom-gradient-background {
	position: relative;
	z-index: 1;
}

.has-base-cutoff-rounded-bottom-gradient-background:before {
	background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='1440' height='229' viewBox='0 0 1440 229' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M720.5 0C1001.82 0 1256.37 53.6644 1440 140.318V229H0V140.789C183.703 53.8578 438.667 0 720.5 0Z' fill='%23EDE8DA'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: 100% 50%;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
	z-index: -1;
}

/*
 * Inputs
 */
::placeholder { 
	color: var(--wp--preset--color--contrast-2);
}

label {
	font-family: inherit;
	font-size: var(--wp--preset--font-size--medium);
}

:where(input:not([type="submit"]), textarea, select) {
	background-color: var(--wp--preset--color--base-2);
	border: 1px solid var(--wp--preset--color--base-3);
	border-radius: var(--wp--custom--corner-radius--medium);
	color: var(--wp--preset--color--contrast);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.4;
	margin: 0;
	padding: 0.75em 1em;
}

:where(input[type="submit"]:not(.wp-element-button)) {
	background-color: var(--wp--preset--color--contrast);
	border-radius: 9999px;
	border-width: 0;
	color: var(--wp--preset--color--base-2);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--medium);
	line-height: inherit;
	padding: 0.6666667em 1.33333em;
}

textarea {
	height: 5lh;
}

/*
 * Underline highlight marker
 */
.is-style-mostlyhuman-underline-highlight-with-accent mark {
	background-color: transparent !important;
	color: inherit !important;
	position: relative;
	white-space: nowrap;
	z-index: 1;
}

.is-style-mostlyhuman-underline-highlight-with-accent mark:before {
	content: "";
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 200 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.76768 8.10237C39.5433 3.67726 131.82 -7.6957 198.463 8.14241C199.486 8.3857 200.145 9.37969 199.973 10.4168C199.8 11.4541 198.853 12.1805 197.807 12.0789C172.712 9.64365 135.491 9.02611 99.8692 10.4412C79.3362 11.2569 59.4252 12.7468 42.7159 14.9315C77.9247 12.5495 117.575 10.274 158.513 14.0496C159.613 14.1511 160.423 15.1246 160.321 16.2244C160.22 17.3243 159.246 18.1335 158.146 18.0321C104.887 13.1201 53.8981 18.5239 11.5304 20.9959C10.5193 21.0549 9.62293 20.3483 9.44444 19.3514C9.26601 18.3544 9.86138 17.3812 10.8302 17.0858C29.7619 11.3147 64.0367 7.86138 99.711 6.44417C119.908 5.64183 140.641 5.49005 159.426 5.95295C100.11 0.266981 33.2825 8.43777 2.23252 12.075C1.13557 12.2034 0.142276 11.4181 0.0137711 10.3211C-0.114742 9.22405 0.670609 8.23088 1.76768 8.10237Z' fill='%23E3EE57'/%3E%3C/svg%3E%0A");
	background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 200 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.00024 10.0884C39.8779 5.65129 131.77 -5.65155 198 10.0884C147.571 5.19461 48.7309 7.62319 11.4136 18.9988C53.6618 16.5337 104.875 11.1107 158.33 16.0407' stroke='%23E3EE57' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% 17px;
	inset: .95em -.1em -.25ch -.1em;
	position: absolute;
	z-index: -1;
}

/*
 * Page: 404
 */
.error404 h1 em {
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
  	-webkit-text-stroke-color: currentcolor;
 }