/*!
 *	theme.
 */

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

html {
	scroll-behavior: smooth;
	scroll-padding-top: var(--wp--custom--spacing--gap);
	/* -webkit-hyphens: auto; */
	/* hyphens: auto; */
}

body {
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-rendering: geometricPrecision;
}

:focus {
	outline: none !important;
}

ul,
ol {
	margin: 0;
	padding: 0;
}

a img {
	text-decoration: none;
}

b,
strong,
th {
	font-weight: var(--wp--custom--font-weight--bold);
}

blockquote {
	margin: 0;
}

sup,
sub {
	position: relative;
	vertical-align: baseline;
	top: -0.4rem;
}
sub {
	top: 0.4rem;
}

::placeholder {
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.5;
}

/*	forms
--------------------------------------------- */
input,
select,
textarea {
	width: 100%;
	padding: .5rem 1rem;
	font-size: var(--wp--preset--font-size--regular);
	font-weight: var(--wp--custom--font-weight--regular);
	color: var(--wp--preset--color--contrast);
	background-color: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--contrast);
	border-radius: 0;
}

input:focus,
textarea:focus {
	background-color: var(--wp--preset--color--light);
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
	-webkit-appearance: none;
}

button {
	padding: .4rem 1.5em;
	font-size: var(--wp--preset--font-size--regular);
}

/*
--------------------------------------------- */