/* ==============================================
   MFHU Theme — Base / Reset
   ============================================== */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
figure,
blockquote {
	margin: 0;
	padding: 0;
}

html,
body {
	height: 100%;
	font-family: var(--font);
	background: var(--bg);
	color: var(--text);
}

.js-enabled body.home {
	overflow: hidden;
}

a {
	color: inherit;
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* ---- Table reset ---- */
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

/* ---- Form element reset ---- */
input,
button,
textarea,
select {
	font: inherit;
	color: inherit;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

button {
	cursor: pointer;
}

fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

legend {
	padding: 0;
}

textarea {
	resize: vertical;
}

/* ---- Misc element reset ---- */
hr {
	border: none;
	height: 1px;
	background: var(--border);
	margin: 1.5rem 0;
}

pre,
code,
kbd,
samp {
	font-family: var(--mono);
}

abbr[title] {
	text-decoration: underline dotted;
	cursor: help;
}

input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

@media (max-width: 768px) {
	input,
	select,
	textarea {
		font-size: 16px;
	}
}