@charset "UTF-8";

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

/* == == 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;
}

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

@media (min-width: 741px) {
	/* DESKTOP STYLES */
	:where(.pg_member) #CAMPBELLgalleria {
		width: 100%;
		height: 575px;
		margin-top: 15px;
	}

	:where(.pg_member) div.campbell_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.campbell_extra1 {
		display: inline-block;
		height: 150px;
		padding: 10px;
		width: 400px;
		vertical-align: top;
	}

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

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

@media (max-width: 740px) {
	/* MOBILE STYLES */
	:where(.pg_member) #CAMPBELLgalleria {
		width: 100%;
		height: 350px;
		margin-top: 15px;
	}

	:where(.pg_member) div.campbell_extra {
		padding: 0px;
		margin-top: 15px;
	}

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

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

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

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