/**
 * The Stella brand styles.
 * @link https://triconresidential.com/apartment/the-stella/
 */

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

body .entry-content {
	--wp--preset--font-size--large: var(--wp--preset--font-size--large) !important;
	--wp--preset--font-size--x-large: clamp(24px, 1.5rem + ((1vw - 3.2px) * 1.818), 50px) !important;
}

/* Heading */
h1,
h2,
.has-xx-large-font-size,
.has-x-large-font-size {
	line-height: 1 !important;
	letter-spacing: -.02em !important;
	text-transform: uppercase !important;
}

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


/* HACK: Wider Column wrapping since the text is HUGE */
@media (max-width: 1200px) {
    .wp-block-columns.has-wider-columns {
        flex-wrap: wrap !important;

    }
	.wp-block-columns.has-wider-columns > .wp-block-column {
		flex-basis: 100% !important;
	}
}


/**
 * Animate fixed position spinning register button
 */
.register-link-sticky {
	position: sticky;
	bottom: calc(100vh - 110px);
	margin: 0 0 -100px 0;
	cursor: pointer;
	z-index: 8000;
}

@media (min-width: 960px) {
	.register-link-sticky {
		bottom: calc(100vh - 250px);
		margin: 0 0 -250px 0;
	}
	.register-link-sticky .wp-block-image img {
		width: 250px !important;
		height: 250px !important;
	}
}

/**
 * Gravity Forms
 */
.gform_wrapper.gform-theme--orbital .gform_body {
	--gf-ctrl-border-width: 2px;
}

.gform_wrapper .gform_footer .gform_button {
	background-color: var(--wp--preset--color--gray-lighter) !important;
	color: var(--wp--preset--color--primary) !important;
	border-color: var(--wp--preset--color--primary) !important;
	font-size: 26px;
	height: auto;
	padding: .5em !important;
}

.gform_wrapper .gform_footer .gform_button:hover {
	background-color: var(--wp--preset--color--gray-dark) !important;
	border-color: var(--wp--preset--color--gray-dark) !important;
}

/**
 * HACK to change dropdown option color on Windows Chrome
 */
.gform_wrapper.gform-theme--orbital .gform_body .gfield .ginput_container select option {
	background-color: var(--wp--preset--color--gray-dark) !important;
	color: white !important;
}

.gform_wrapper.gform-theme--orbital .gform_body .gfield .ginput_container select option:checked {
	background-color: var(--wp--preset--color--primary) !important;
}

.gform_wrapper.gform-theme--orbital .gform_body .gfield  .gfield_consent_label {
	font-size: 16px;
	margin-top: -4px;
}




/* FOOTER */
.site-footer-part .footer-part {
	background-color: var(--wp--preset--color--gray-light) !important;
	color: var(--wp--preset--color--primary) !important;
	--wp--preset--color--black: var(--wp--preset--color--gray-light);
	--wp--preset--color--white: var(--wp--preset--color--primary);
	--wp--preset--color--gray-lighter: var(--wp--preset--color--primary);
}

/* TODO: hide social
.site-footer-part .footer-part .wp-container-content-9cfa9a5a,
*/
.site-footer-part .footer-part {
	padding-top: 1rem !important;
}
.site-footer-part .footer-part .footer-logo,
.site-footer-part .footer-part .wp-block-social-links {
	display: none !important;
}

/* Change logo colors to #470012 */
.site-footer-part .wp-block-image a img {
	filter: invert(7%) sepia(100%) saturate(7500%) hue-rotate(350deg) brightness(27%) contrast(150%);
}