@charset "UTF-8";

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

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

@media (min-width: 741px) {
	/* DESKTOP STYLES */
	:where(.pg_member) div.z_extra {
		padding: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	:where(.pg_member) div.z_extra p.pr {
		font-size: 1.1em;
	}

	:where(.pg_member) div.z_nl_c {
		display: inline-block;
		width: 920px;
		background-color: #e2f1f0;
		border: 2px solid #bcd0d1;
		padding: 0px;
		text-align: center;
		vertical-align: top;
		margin-top: 10px;

	}

	:where(.pg_member) div.z_nl_L {
		display: inline-block;
		width: 440px;
		padding: 5px;
		vertical-align: top;
		border-right: 2px solid #bcd0d1;

	}

	:where(.pg_member) div.z_nl_R {
		display: inline-block;
		width: 440px;
		padding: 5px;
		vertical-align: top;
	}

	:where(.pg_member) div.nlform {
		width: 89%;
		background-color: transparent;
		border: 0px;
	}

	:where(.pg_member) div#mem_rcol_three p.pr {
		padding-left: 20px;
		font-size: 1.1em;
	}
}

@media (max-width: 740px) {
	/* MOBILE STYLES */
	:where(.pg_member) div.z_extra {
		padding: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	:where(.pg_member) div.z_extra p.pr {
		font-size: 1.1em;
	}

	:where(.pg_member) div.z_nl_c {
		background-color: #e2f1f0;
		border: 2px solid #bcd0d1;
		padding: 0px;
		text-align: center;
		vertical-align: top;
		margin-top: 10px;
	}

	:where(.pg_member) div.z_nl_L {
		padding: 5px;
		vertical-align: top;
		border-right: 2px solid #bcd0d1;

	}

	:where(.pg_member) div.z_nl_R {
		padding: 5px;
		vertical-align: top;
	}

	:where(.pg_member) div.nlform {
		width: 89%;
		background-color: transparent;
		border: 0px;
	}

	:where(.pg_member) div#mem_rcol_three p.pr {
		padding-left: 10px;
		font-size: 1.1em;
	}
}