/* Non-critical general CSS */

.has-inline-color { font-family: var(--wp--preset--font-family--sans-serif); }

.wp-block-social-links { margin: 0 !important; }

/* Custom Footer Patterns */

/* CSS APIs are nice but I don't have time to memorize your whole scheme if you're not going to document it comprehensively! */
.gform-theme--framework * {
	font-family: var(--wp--preset--font-family--sans-serif) !important;
}

.gform-theme--framework .gform_button {
	text-transform: uppercase !important;
}

.gform-theme--framework .gform-field-label {
	line-height: var(--wp--custom--typography--line-height--x-small);
	text-transform: uppercase;
}

#stewc--footer .gform-theme--foundation {
	--gf-ctrl-label-font-family-primary: var(--wp--preset--font-family--sans-serif);
	--gf-ctrl-label-font-size-primary: var(--wp--preset--font-size--x-small);
	--gf-form-gap-y: 1rem;
	--gf-icon-font-family: var(--wp--preset--font-family--sans-serif);
}

#stewc--footer .gfield_required { display: none; }

#stewc--footer .widget_nav_menu * {
	color: var(--wp--preset--color--foreground) !important;
	font-family: var(--wp--preset--font-family--sans-serif) !important;
	font-size: var(--wp--preset--font-size--small) !important;
	font-weight: 600 !important;
	line-height: var(--wp--custom--typography--line-height--small) !important;
	margin: 0 !important;
}

#stewc--footer .widget_nav_menu h2 {
	text-transform: uppercase;
}

#stewc--footer .widget_nav_menu ul.menu {
	list-style: none !important;
	padding-left: 0 !important;
}

@media screen and (max-width: 782px) {

	#stewc--footer .wp-block-column {
		border: none !important;
		padding: 1.5rem !important;
	}
	
}

@media screen and (min-width: 783px) {
}

@media screen and (max-width: 1024px) {
	
	body:not(.nav-open) #header .wp-block-group.has-secondary-background-color {
		background: transparent !important;
	}
	
	body.nav-open #header {
		background: var(--wp--preset--color--secondary) !important;
	}
	
	#header--logo-contact {
		padding: 10px 1.5rem;
	}	
	
	#header--logo-contact--phone, #header--logo-contact--social {
		display: none;
	}
	
	body.nav-open #header--logo-contact--phone {
		display: block;
		position: fixed; bottom: 7rem; left: 1.5rem;
	}
	
	body.nav-open #header--logo-contact--social {
		display: block;
		/* Bottom is pushed up to account for Mobile Safari toolbar interference */
		position: fixed; bottom: 7rem; right: 1.5rem;
	}
	
	body.nav-open #header .wp-block-group.has-background {
		margin-left: 0 !important;
		padding-left: 0 !important;
	}
	
	#header .r3423-nav-menu#primary_navigation ul.menu {
		color: var(--wp--preset--color--primary) !important;
	}
	
	body.nav-open #header * {
		color: var(--wp--preset--color--background) !important;
	}
	body.nav-open #header .wp-block-social-links * {
		fill: var(--wp--preset--color--background) !important;
	}
	
	body.nav-open #header a:hover, body.nav-open #header a:focus {
		background: transparent !important;
	}
	
	#header--logo-contact--logo { flex-basis: 100% !important; }
	
	#header .nav-menu-handle { top: 8px !important; }
	
	/* Fix issue with phone number not being clickable because social icons are stacked higher z-index */
	#header .wp-block-column.is-vertically-aligned-bottom, #header .wp-block-column.is-vertically-aligned-center, #header .wp-block-column.is-vertically-aligned-top { width: auto !important; }
	
	#stewc--footer .wp-block-group.is-layout-flex, #stewc--footer .wp-block-group.is-layout-flex > * {
		display: block !important;
	}
	
	#stewc--footer .wp-block-group.is-layout-flex > * {
		margin: 0 0 1.5rem 0;
	}
	
}

@media screen and (min-width: 1025px) {

	.r3423-nav-menu ul.menu svg.submenu-indicator {
		margin-right: 1rem;
		margin-left: 0;
	}

	#header > .wp-block-group {
		font-size: var(--wp--preset--font-size--medium-plus);
		line-height: 1;
		padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--80);
		transition: var(--wp--custom--header--scroll-transition);
	}
	
	body.scrolled #header > .wp-block-group {
		font-size: var(--wp--preset--font-size--small);
		line-height: 1;
		padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--80);
	}
	
	#header * {
		font-family: var(--wp--custom--header--font-family);
	}
	
	#header .wp-block-social-links {
		margin: 0 !important;
		padding: 0 !important;
	}
	
	#header .wp-block-social-links.has-large-icon-size {
		font-size: var(--wp--preset--font-size--xx-large);
		transition: var(--wp--custom--header--scroll-transition);
	}
	
	body.scrolled #header .wp-block-social-links.has-large-icon-size {
		font-size: var(--wp--preset--font-size--x-large);
	}
	
	#header .wp-block-group.has-secondary-background-color, body.scrolled #header .wp-block-group.has-secondary-background-color {
		padding: 0 var(--wp--preset--spacing--80);
	}
	
	#header .wp-block-group.has-secondary-background-color * {
		color: var(--wp--preset--color--background) !important;
	}
	
	#header .wp-block-group.has-secondary-background-color .r3423-nav-menu .menu {
		font-size: var(--wp--preset--font-size--small);
		line-height: 1;
		margin-left: -1em;
		position: relative;
		text-transform: uppercase;
		transition: var(--wp--custom--header--scroll-transition);
	}
	
	body.scrolled #header .wp-block-group.has-secondary-background-color .r3423-nav-menu .menu {
		font-size: var(--wp--preset--font-size--x-small);
		line-height: 1;
	}
	
	body:not(.header-menu-desktop-hamburger) #header .wp-block-group.has-secondary-background-color .r3423-nav-menu ul.menu > li:last-child > ul.sub-menu {
		left: 0 !important;
		right: auto !important;
	}
	
	#header .wp-block-group.has-secondary-background-color .r3423-nav-menu a {
		padding: 1em !important;
	}
	
	#header .wp-block-group.has-secondary-background-color .r3423-nav-menu a:focus,
	#header .wp-block-group.has-secondary-background-color .r3423-nav-menu a:hover,
	#header .wp-block-group.has-secondary-background-color .r3423-nav-menu .menu > li:has(> a:hover) {
		background-color: var(--wp--preset--color--primary) !important;
	}
	
	#header .wp-block-group.has-secondary-background-color .wp-block-social-links {
		font-size: var(--wp--preset--font-size--x-large);
	}

	#header .wp-block-group.has-secondary-background-color .wp-block-social-links[data-monochrome='1'].is-style-logos-only .wp-social-link a svg,
	#header .wp-block-group.has-secondary-background-color .wp-block-social-links[data-monochrome='1'].is-style-logos-only .wp-social-link a svg *
	{ fill: var(--wp--preset--color--background); }
	
}