/* ------------------------------------------- */
/*	Document Setup
/* ------------------------------------------- */


html, body {
	border: none;
	margin: 0;
	padding: 0;
}

*,
*:before,
*:after {
		-webkit-box-sizing: inherit;
		-moz-box-sizing: inherit;
	box-sizing: inherit;
}

*:focus:not(:focus-visible) {
	outline: none;
}

/* Contain Margins ----------------- */

:root .contain-margins > *:first-child,
:root .entry-content > *:first-child,
:root *[class*="_inner-container"] > *:first-child,
:root fieldset > *:first-child,
:root form > *:first-child {
	margin-top: 0;
}

:root .contain-margins > *:last-child,
:root .entry-content > *:last-child,
:root *[class*="_inner-container"] > *:last-child,
:root fieldset > *:last-child,
:root form > *:last-child {
	margin-bottom: 0;
}


/* ------------------------------------------- */
/*	Element Base
/* ------------------------------------------- */


/* Inputs -------------------------- */

form {
	margin-bottom: calc( 2 * var( --wp--custom--spacing--baseline ) );
	margin-top: calc( 2 * var( --wp--custom--spacing--baseline ) );
}

legend {
	font-size: var( --wp--preset--font-size--tiny );
	padding: 0 calc( .5 * var( --wp--custom--spacing--baseline ) );
}

label {
	display: block;
	font-size: var( --wp--preset--font-size--small );
	margin: 0 0 calc( .5 * var( --wp--custom--spacing--baseline ) ) 0;
}

label.inline,
input[type="checkbox"] + label {
	display: inline;
	margin-bottom: 0;
	margin-left: var( --wp--custom--spacing--baseline );
}

input,
textarea,
button {
	font-family: inherit;
	line-height: 1;
}

input,
textarea {
	background-color: var( --wp--preset--color--senary );
	border-color: var( --wp--preset--color--foreground );
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
	border-style: solid;
	border-width: 2px;
	box-shadow: none;
	color: inherit;
	display: block;
	font-size: var( --wp--preset--font-size--small );
	line-height: normal;
	margin: 0;
	max-width: 100%;
	padding: 15px 18px;
	width: 100%;
}

textarea {
	height: 120px;
	line-height: var( --wp--custom--typography--line-height--body );
	width: 100%;
}

select {
	font-family: inherit;
	font-size: inherit;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

/* BUTTONS */

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
:root .wp-block-file__button {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: var( --wp--preset--color--primary );
	border: currentColor var( --wp--custom--shaded-style--border--style ) var( --wp--custom--shaded-style--border--width );
	box-shadow: var( --wp--custom--shaded-style--box-shadow--x ) var( --wp--custom--shaded-style--box-shadow--y ) var( --wp--custom--shaded-style--box-shadow--blur ) currentColor;
	border-radius: 0;
	color: var( --wp--preset--color--foreground );
	cursor: pointer;
	display: inline-flex;
	font-size: var( --wp--preset--font-size--small );
	font-weight: var( --wp--custom--typography--font-weight--bold );
	justify-content: center;
	line-height: 1.25;
	margin: 0;
	padding: .833em 1.33em;
	text-align: center;
	text-decoration: none;
	text-underline-offset: .25em;
	text-decoration-thickness: 1px;
}

button:hover,
.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
:root .wp-block-file__button:hover,
button:focus,
.button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
:root .wp-block-file__button:focus {
	text-decoration: underline;
}


/* ------------------------------------------- */
/*	Alignments
/* ------------------------------------------- */


:root .alignwide,
:root .alignfull {
	margin-bottom: calc( 2 * var( --wp--custom--spacing--baseline ) );
	margin-top: calc( 2 * var( --wp--custom--spacing--baseline ) );
}

:root .alignleft { margin: 3px calc( 1.5 * var( --wp--custom--spacing--baseline ) ) calc( 1.5 * var( --wp--custom--spacing--baseline ) ) 0; }
:root .alignright { margin: 3px 0 calc( 1.5 * var( --wp--custom--spacing--baseline ) ) calc( 1.5 * var( --wp--custom--spacing--baseline ) ); }

@media ( min-width: 700px ) {

	:root .alignwide,
	:root .alignfull {
		margin-bottom: calc( 4 * var( --wp--custom--spacing--baseline ) );
		margin-top: calc( 4 * var( --wp--custom--spacing--baseline ) );
	}

}