@import url("https://use.typekit.net/jqp5gxh.css");

body {
	font-family: pt-sans-pro;
	margin: 0.25rem;
}

.paragraph {
	font-size: .9rem;
    line-height: 1.2rem;
    font-weight: 100;
}

/* label */
label {
	color: rgb(56, 56, 55);
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 1.25rem;
	display: block;
}

/* inputs and dropdowns */
.listfield,
.textfield {
	margin-bottom: 1rem;
}

select,
input {
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 0.3s;
	transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
	--tw-bg-opacity: 1;
	background-color: rgba(242, 241, 240, var(--tw-bg-opacity));
	border-width: 0;
	border-radius: 0.25rem;
	/*appearance: none;*/
	border-color: transparent;
	padding: 0.5rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5rem;
}

select:focus,
select:active,
input[type="text"]:focus,
input[type="text"]:active {
	box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(122, 121, 44, 0.3) 0px 0px 0px 3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

select:focus-visible,
input[type="text"]:focus-visible,
input[type="text"]:focus-visible {
	outline: none;
}

/* checkboxes */

.subscription,
.checkboxfield {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 0.5rem;
}

.subscription label,
.checkboxfield label {
	display: inline-block;
	order: 2;
}

.subscription input[type="checkbox"],
.checkboxfield input[type="checkbox"] {
	order: 1;
	height: 1rem;
	width: 1rem;
	margin-right: 0.75rem;
}

/* buttons */

input.submit_button {
	--tw-bg-opacity: 1;
	background-color: rgba(30 61 90/var(--tw-bg-opacity));
	border-color: transparent;
	border-width: 1px;
	padding: 0.5rem 1rem;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	align-items: center;
	border-radius: 0.25rem;
	font-size: 0.875rem;
	line-height: 1.25rem;
	cursor: pointer;
	display: inline-flex;
	margin-bottom: 1rem;
	margin-top: 1rem;
	color: white;
}

input.submit_button:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(23 46 68/var(--tw-bg-opacity));
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* typo */

.disclaimer {
	font-size: 0.75rem;
}

/* captcha */

.frc-captcha {
	margin: 1rem 0 2rem 0;
}

.grecaptcha-badge {
	display: none;
}