@charset "UTF-8";

/* d14.css: styles for Senate District 14'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. */

/* == == new-business-survey.php only == == */

:where(.pg_new_business_survey) div.nlform {
	width: 90%;
}

:where(.pg_new_business_survey) form input {
	margin-bottom: 1em;
}

:where(.pg_new_business_survey) fieldset {
	max-width: 40%;
}

:where(.pg_new_business_survey) label {
	font-size: 1.2em;
}

@media (max-width: 740px) {
	:where(.pg_new_business_survey) fieldset {
		max-width: 95%;
	}
}

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

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

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

	:where(.pg_services) form input {
		margin-bottom: 1em;
	}
}

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

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

	:where(.pg_services) form input {
		margin-bottom: 1em;
	}
}

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

@media (min-width: 741px) {
	/* DESKTOP STYLES */
	:where(.pg_member) p.pg_extra {
		font-size: 1em;
		line-height: 150%;
	}
}

@media (max-width: 740px) {
	/* MOBILE STYLES */
	:where(.pg_member) p.pg_extra {
		font-size: 1em;
		line-height: 150%;
	}
}