@charset "UTF-8";

/* d17.css: styles for Senate District 17'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=17) == == */

@media (min-width: 741px) {
	/* DESKTOP STYLES */
	:where(.pg_member) div.huffman_extra {
		display: inline-block;
		background-color: #eee;
		padding: 0px;
		height: 150px;
		border: 1px solid #333;
		width: auto;
		margin: auto;
		margin-top: 15px;
	}

	:where(.pg_member) div.huffman_extra1 {
		display: inline-block;
		height: 150px;
		padding: 10px;
		width: 400px;
		vertical-align: top;
	}

	:where(.pg_member) div.huffman_extra2 {
		display: inline-block;
		padding: 0px;
		text-align: right;
		width: 450px;
	}

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

@media (max-width: 740px) {
	/* MOBILE STYLES */
	:where(.pg_member) div.huffman_extra {
		padding: 0px;
		margin-top: 15px;
	}

	:where(.pg_member) div.huffman_extra1 {
		padding: 10px;
		background-color: #eee;
		vertical-align: top;
		border: 1px solid #333;
	}

	:where(.pg_member) div.huffman_extra1 input {
		max-width: 95%;
	}

	:where(.pg_member) div.huffman_extra2 {
		padding: 0px;
		text-align: center;
	}

	:where(.pg_member) div.huffman_extra2 img {
		width: 100%;
		padding: 0px;
	}
}