@charset "UTF-8";

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

/* == == flags.php only == == */

@media (min-width: 741px) {
	/* DESKTOP STYLES */
	:where(.pg_flags) table.flags {
		width: 500px;
	}

	:where(.pg_flags) div.flagform{
		text-align: center;
	}

	:where(.pg_flags) div.flagform img {
		border: 1px solid #333;
	}
}

@media (max-width: 740px) {
	/* MOBILE STYLES */
	:where(.pg_flags) table.flags {
		width: auto;
	}

	:where(.pg_flags) table.flags tr {
		display: inline-table;
	}

	:where(.pg_flags) table.flags tr td {
		display: inline-table;
	}

	:where(.pg_flags) div.flagform{
		text-align: center;
	}

	:where(.pg_flags) div.flagform img {
		border: 1px solid #333;
		width: 240px;
	}
}

/* == == staff.php only == == */

:where(.pg_staff) div#sos_votereq {
	margin-top: 15px;
}

:where(.pg_staff) table.votereq tr td {
	font-weight: bold;
	font-style: normal;
}

:where(.pg_staff) table.votereq tr td+td {
	font-weight: normal;
	font-style: italic;
}