@charset "UTF-8";

/* d24.css: styles for Senate District 24's pages, moved from their <style> blocks (CSS plan, Phase 3).
   Each page sets $page_class (on <body>) and lists this file in $page_css; :where() scopes a rule to its page
   without adding specificity. No media attribute: like the <style> blocks, these rules apply in print too. */

/* == == services.php only == == */

@media (min-width: 741px) {
	/* DESKTOP STYLES */
	:where(.pg_services) div.nlform {
		width: 800px;
	}

	:where(.pg_services) form input.dfcb {
		width: 15px;
		text-align: left;
	}

	:where(.pg_services) form input {
		margin-bottom: 8px;
	}
}

@media (max-width: 740px) {
	/* MOBILE STYLES */
	:where(.pg_services) div.nlform {
		width: 90%;
	}

	:where(.pg_services) form input.dfcb {
		text-align: left;
		margin: auto;
		width: auto !important;
	}

	:where(.pg_services) form input {
		margin-bottom: 8px;
	}
}

/* == == _extras.inc only (member page, member.php?d=24) == == */

/* Replaced inline styles */

:where(.pg_member) p.text_1em {
	font-size: 1em;
}