@charset "UTF-8";

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

/* == == taxpayers.php only == == */

:where(.pg_taxpayers) div.pie_orange {
	border: 2px solid #ec7a41;
	padding: 20px;
}

:where(.pg_taxpayers) h2.pie_orange {
	color: #cc6600;
}

:where(.pg_taxpayers) div.pie_red {
	border: 2px solid #e02828;
	padding: 20px;
}

:where(.pg_taxpayers) h2.pie_red {
	color: #e02828;
}

:where(.pg_taxpayers) div.pie_blue {
	border: 2px solid #00a5dd;
	padding: 20px;
}

:where(.pg_taxpayers) h2.pie_blue {
	color: #0099ff;
}

:where(.pg_taxpayers) div.pie_green {
	border: 2px solid #01a25c;
	padding: 20px;
}

:where(.pg_taxpayers) h2.pie_green {
	color: #01a25c;
}

:where(.pg_taxpayers) div.pie_purple {
	border: 2px solid #814b96;
	padding: 20px;
}

:where(.pg_taxpayers) h2.pie_purple {
	color: #814b96;
}

:where(.pg_taxpayers) div.pie_yellow {
	border: 2px solid #deb32f;
	padding: 20px;
}

:where(.pg_taxpayers) h2.pie_yellow {
	color: #996600;
}

:where(.pg_taxpayers) ul.pie {
	font-size: .9em;
}

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

:where(.pg_member) div.pgallery {
	text-align: center;
	width: 100%;
}

:where(.pg_member) div.pgallery img {
	border: 1px solid #333;
	margin: 10px;
	width: 275px;
}

:where(.pg_member) div.pgallery a:hover img {
	border: 1px solid #f00;
}

:where(.pg_member) div.submalt {
	text-align: right;
	padding: 5px;
}

:where(.pg_member) div.submalt #subm {
	margin-right: 10px;
	margin-top: 5px;
}

:where(.pg_member) input.subm_inline {
	width: 15%;
}

@media (max-width: 740px) {
	/* MOBILE STYLES */
	:where(.pg_member) div.pgallery {
		text-align: center;
		width: 100%;
	}

	:where(.pg_member) div.pgallery img {
		border: 1px solid #333;
		margin: 10px;
		width: 275px;
	}

	:where(.pg_member) div.pgallery a:hover img {
		border: 1px solid #f00;
	}

	:where(.pg_member) div.submalt {
		text-align: right;
		padding: 5px;
	}

	:where(.pg_member) div.submalt #subm {
		margin-right: 10px;
		margin-top: 5px;
	}

	:where(.pg_member) input.subm_inline {
		width: 40%;
	}
}