/*
Styles for form elements and buttons.
*/

textarea {
	padding: 1rem;
	width: 100%;
}

select {
	padding: 3px;
}

textarea,
select,
button:not(.components-button):not(.wp-block-navigation *):not(.pswp__button):not(.wp-block-search__button),
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="reset"],
input[type="search"],
input[type="submit"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
	font-size: var(--wp--preset--font-size--small);
	font-family: var(--wp--preset--font-family--system);
	line-height: 1.7;
}

input[type="search"] {
	font-size: var(--wp--preset--font-size--medium);
	border-radius: 5px;
}

button:not(.components-button):not(.wp-block-navigation *):not(.pswp__button):not(.wp-block-search__button):not(.e-n-tab-title),
input[type="reset"],
input[type="submit"] {
	border: 2px solid var(--wp--preset--color--primary);
	padding: var(--wp--custom--button-padding);
	border-radius: var(--wp--custom--button-border-radius);
	background: var(--wp--preset--color--secondary);
	color: #fff;
	box-shadow: var(--wp--custom--small-button-shadow);
}

/*
button:not(.components-button):not(.wp-block-navigation *):not(.pswp__button):focus,
button:not(.components-button):not(.wp-block-navigation *):not(.pswp__button):not(.wp-block-search__button):hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
	color: var(--wp--preset--color--foreground);
	filter: brightness(94%) !important;
	box-shadow: var(--wp--custom--small-button-shadow);
}

button:not(.components-button):not(.wp-block-navigation *):not(.pswp__button):active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: var(--wp--custom--button-border-color);
	box-shadow: var(--wp--custom--button-highlight);
	color: var(--wp--preset--color--foreground);
	filter: brightness(93%) !important;
	margin-top: 1px;
	margin-bottom: -1px;
}*/

.post-password-form input[type="password"] {
	min-height: 46px;
}

/* Accessibility: Increase icon size so that the button is easier to click */
.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
	width: 48px;
	height: 48px;
}

/* PPR 12-1-2023 */
input {
	max-width: 100%;
}

input[type=text],
input[type=text]:focus,
input[type=email] {
	width: 100%;
	padding: 1em;
	border: 1.3px var(--wp--preset--color--primary) solid;
	box-sizing: border-box;
	border-radius: 5px;
}

input[type=submit] {
	padding: 1em;
	background-color: var(--wp--preset--color--primary);
	border: 1.3px var(--wp--preset--color--primary) solid;
	border-radius: 5px;
	font-size: 18px;
	color: white;
	cursor: pointer;
}

input[type=submit]:hover {
	background-color: var(--wp--preset--color--secondary);
	border-color: white;
}

input[type=submit]:active {
	background-color: var(--wp--preset--color--accent);
	border-color: var(--wp--preset--color--accent);
}

input[type=checkbox] {
	transition: all 1s;
	width: 2em;
	height: 2em;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	outline: 1px solid var(--wp--preset--color--primary);
	border-radius: 5px;
}

input[type=checkbox]:checked {
	background-color: var(--wp--preset--color--primary);
	border-radius: 50%
}

input[type="text"],
input[type="email"] {
	margin: 1em 0
}

input[type="checkbox"]:not(:checked) {
	background-color: #fff;
}

select {
	font-size: var(--wp--preset--font-size--small);
	font-family: var(--wp--preset--font-family--system);
	line-height: 1.7;
	width: 100%;
	padding: 1em;
	border: 1.3px var(--wp--preset--color--primary) solid;
	box-sizing: border-box;
	border-radius: 5px;
	background-color: #fff
}