/**
 * The Spoke brand styles.
 * @link https://triconresidential.com/apartment/the-spoke/
 */

body {
	color: var(--wp--preset--color--primary);
}

/* Heading */
h1,
h2,
.has-huge-font-size,
.has-x-large-font-size {
	line-height: 1;
	letter-spacing: 0.02em; /* is Letter Spacing 0.2% even needed? */
}

/* Buttons */
.wp-block-button .wp-block-button__link,
.gform_wrapper .gform_footer .gform_button {
	font-size: var(--wp--preset--font-size--medium) !important;
	border-radius: 50px;
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-weight: 600 !important;
}

/* Gravity Forms */

.gform_wrapper .gform-field-label--type-sub {
	font-size: var(--gf-local-font-size) !important;
}

.gform_wrapper .gform_footer {
	justify-content: center;
}

.gform_wrapper .gform_footer .gform_button {
	background-color: var(--wp--preset--color--gray-lighter) !important;
	color: var(--wp--preset--color--tertiary) !important;
	padding: 1em 1.25em 0.875em 1.25em !important;
}

.gform_wrapper.gform-theme--orbital .gform_body .gfield .ginput_container input,
.gform_wrapper.gform-theme--orbital .gform_body .gfield .ginput_container select,
.gform_wrapper.gform-theme--orbital .gform_body .gfield .ginput_container textarea {
	border-color: var(--wp--preset--color--gray-lighter);
}

/**
 * HACK to fix dropdowns
 * Fixes select dropdown options on Windows Chrome
 */
.gform_wrapper.gform-theme--orbital .gform_body .gfield .ginput_container select option {
	background-color: #371120 !important;
	color: white !important;
	/*
	-webkit-text-fill-color: white !important;
	-webkit-box-shadow: 0 0 0px 1000px #371120 inset !important;
	*/
}

.gform_wrapper.gform-theme--orbital .gform_body .gfield .ginput_container select option:checked {
	background-color: #d5612a !important;
}

/**
 * Animate fixed position spinning register button
 */
.register-link-sticky {
	position: sticky;
	bottom: var(--wp--preset--spacing--70, 20px);
	margin: 0 0 -150px 0;
	cursor: pointer;
}

.register-link-sticky a {
	animation: spin 15s linear infinite;
	width: 150px;
	height: 150px;
	z-index: 8000;
}

.register-link-sticky a:hover {
	animation-play-state: paused;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}