@charset "UTF-8";

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

/* == == casework.php only == == */

:where(.pg_casework) p {
	font-size: 1em !important;
}

:where(.pg_casework) p.mem_extras_header {
	font-size: 1.2em !important;
}

:where(.pg_casework) p.centerEM {
	font-size: 1em;
	font-style: italic;
	width: 80%;
	margin: auto;
	text-align: center;
}

/* Replaced inline styles */

:where(.pg_casework) p.pdf_link {
	margin-top: .2em;
}

:where(.pg_casework) a.form_link {
	font-size: 1.2em;
}

:where(.pg_casework) p.indent_note {
	margin-left: 3%;
}

:where(.pg_casework) div.county_list {
	margin-left: 5%;
}

/* == == disaster-preparedness.php only == == */

:where(.pg_disaster_preparedness) p {
	font-size: 1em !important;
}

:where(.pg_disaster_preparedness) p.mem_extras_header {
	font-size: 1.2em !important;
}

:where(.pg_disaster_preparedness) p.mem_extras_header2 {
	font-size: 1.4em !important;
}

:where(.pg_disaster_preparedness) p.centerEM {
	font-size: 1em;
	font-style: italic;
	width: 80%;
	margin: auto;
	text-align: center;
}

/* Replaced inline styles */

:where(.pg_disaster_preparedness) p.pdf_link {
	margin-top: .2em;
}

:where(.pg_disaster_preparedness) p.indent_note {
	margin-left: 3%;
}

/* == == helpful_contacts.php only == == */

@media (min-width: 741px) {
	/* DESKTOP STYLES */
	:where(.pg_helpful_contacts) div.mem_services_flex {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-evenly;
		align-items: stretch;
		margin: 0;
	}

	:where(.pg_helpful_contacts) div.mem_services_flex_col1 {
		margin: 0;
		flex-basis: 65%;
		flex-grow: 1;
		text-align: left;
		margin-right: .1em;
	}

	:where(.pg_helpful_contacts) div.mem_services_flex_col2 {
		margin: 0;
		flex-basis: 35%;
		flex-grow: 1;
		text-align: left;
		margin-left: .1em;
		align-self: stretch;
	}

	:where(.pg_helpful_contacts) div.mem_services_www {
		padding: .4em;
		border: 2px solid #b0c4de;
		background-color: #eee;
		border-radius: .3em;
		height: auto;
		padding-top: 1em;
	}

	:where(.pg_helpful_contacts) table.mem_services_nums {
		width: 100%;
		margin-bottom: 2em;
		border-collapse: collapse;
	}

	:where(.pg_helpful_contacts) table.mem_services_nums caption {
		text-align: left;
		color: #000;
		font-weight: bold;
		font-size: 1.1em;
		padding-bottom: .2em;
	}

	:where(.pg_helpful_contacts) th.hiddenheader {
		height: 1px;
		width: 1px;
		position: absolute;
		overflow: hidden;
		top: -999px;
	}

	:where(.pg_helpful_contacts) table.mem_services_nums tr td {
		text-align: left;
		padding: .2em;
	}

	:where(.pg_helpful_contacts) table.mem_services_nums tr td + td {
		text-align: right;
		min-width: 30%;
	}

	:where(.pg_helpful_contacts) table.mem_services_nums tr td.indent {
		padding-left: 2em;
	}

	/*table.mem_services_nums tr:nth-child(odd) {
		background-color: #ddd;
	}*/

	:where(.pg_helpful_contacts) h3.mem_service_col_title {
		margin: .2em;
		margin-top: 1em;
		margin-bottom: .3em;
		font-family: "Lucia Sans Unicode", "Lucida Grande", Helvetica, sans-serif;
		color: #446078;
		text-transform: uppercase;
		font-size: 1.2em;
		white-space: nowrap;
	}

	:where(.pg_helpful_contacts) h4 {
		font-size: .9em;
		margin: 0;
		padding: 0;
	}

	:where(.pg_helpful_contacts) h4 + a {
		font-size: 1em;
	}

	:where(.pg_helpful_contacts) h4 + a + h4 {
		margin-top: 1em;
	}
}

@media (max-width: 740px) {
	/* MOBILE STYLES */
	:where(.pg_helpful_contacts) div.mem_services_flex {
		margin: 0;
	}

	:where(.pg_helpful_contacts) div.mem_services_flex_col1 {
		margin: 0;
		text-align: left;
		margin-right: .1em;
	}

	:where(.pg_helpful_contacts) div.mem_services_flex_col2 {
		margin: 0;
		text-align: left;
		margin-left: .1em;
	}

	:where(.pg_helpful_contacts) div.mem_services_www {
		padding: .4em;
		border: 2px solid #b0c4de;
		background-color: #eee;
		border-radius: .3em;
		height: auto;
	}

	:where(.pg_helpful_contacts) table.mem_services_nums {
		width: 100%;
		margin-bottom: 2em;
		border-collapse: collapse;
	}

	:where(.pg_helpful_contacts) table.mem_services_nums caption {
		text-align: left;
		color: #000;
		font-weight: bold;
		font-size: 1.1em;
		padding-bottom: .2em;
	}

	:where(.pg_helpful_contacts) th.hiddenheader {
		height: 1px;
		width: 1px;
		position: absolute;
		overflow: hidden;
		top: -999px;
	}

	:where(.pg_helpful_contacts) table.mem_services_nums tr td {
		text-align: left;
		padding: .2em;
	}

	:where(.pg_helpful_contacts) table.mem_services_nums tr td + td {
		text-align: right;
		min-width: 30%;
	}

	:where(.pg_helpful_contacts) table.mem_services_nums tr td.indent {
		padding-left: 2em;
	}

	/*table.mem_services_nums tr:nth-child(odd) {
		background-color: #ddd;
	}*/

	:where(.pg_helpful_contacts) h3.mem_service_col_title {
		margin: .2em;
		margin-top: 1em;
		margin-bottom: .3em;
		font-family: "Lucia Sans Unicode", "Lucida Grande", Helvetica, sans-serif;
		color: #446078;
		text-transform: uppercase;
		font-size: 1.2em;
		white-space: nowrap;
	}

	:where(.pg_helpful_contacts) h4 {
		font-size: .9em;
		margin: 0;
		padding: 0;
	}

	:where(.pg_helpful_contacts) h4 + a {
		font-size: 1em;
	}

	:where(.pg_helpful_contacts) h4 + a + h4 {
		margin-top: 1em;
	}
}

/* == == honorariums.php only == == */

@media (min-width: 741px) {
	/* DESKTOP STYLES */
	:where(.pg_honorariums) div.nlform {
		width: 90%;
	}

	:where(.pg_honorariums) form input.d31cb {
		width: 15px;
		text-align: left;
	}

	:where(.pg_honorariums) form input {
		margin-bottom: 8px;
	}
}

@media (max-width: 740px) {
	/* MOBILE STYLES */
	:where(.pg_honorariums) div.nlform {
		width: 90%;
	}

	:where(.pg_honorariums) form input.d31cb {
		text-align: left;
		margin: auto;
		width: auto !important;
	}

	:where(.pg_honorariums) form input {
		margin-bottom: 8px;
	}
}

/* == == panhandle-wildfire-relief.php only == == */

:where(.pg_panhandle_wildfire_relief) p {
	font-size: 1em !important;
}

:where(.pg_panhandle_wildfire_relief) p.mem_extras_header {
	font-size: 1.2em !important;
}

:where(.pg_panhandle_wildfire_relief) h2.wfr {
	color: #000;
	font-size: 1em;
	margin-top: .7em;
}

:where(.pg_panhandle_wildfire_relief) ul.wfr {
	list-style: none;
	padding-left: .2em;
}

:where(.pg_panhandle_wildfire_relief) li.wfrListHead {
	list-style: none;
	margin-top: .5em;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Replaced inline styles */

:where(.pg_panhandle_wildfire_relief) div.notice_box {
	border: 3px solid #000;
	padding: 8px;
	text-align: center;
}

:where(.pg_panhandle_wildfire_relief) p.disclaimer {
	font-size: .8em;
}

/* == == services.php only == == */

@media (min-width: 741px) {
	/* DESKTOP STYLES */
	:where(.pg_services) div.mem_services_flex {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-evenly;
		align-items: stretch;
		margin: 0;
	}

	:where(.pg_services) div.mem_service_flex_col {
		margin: 0;
		flex-basis: 24%;
		flex-grow: 1;
		text-align: center;
		margin-left: .1em;
		margin-right: .1em;
		max-width: 24%;
	}

	:where(.pg_services) h2.mem_service_col_title {
		font-family: "Lucia Sans Unicode", "Lucida Grande", Helvetica, sans-serif;
		color: #446078;
		text-transform: uppercase;
		font-size: 1em;
		white-space: nowrap;
	}

	:where(.pg_services) div.mem_service_flex_col div {
		margin: 0;
		margin-top: .3em;
		padding: .4em;
		border: 2px solid #b0c4de;
		height: 19em;
		background-color: #eee;
		border-radius: .3em;
	}

	:where(.pg_services) div.mem_service_flex_col div+div {
		height: auto;
		text-align: center;
		padding: .6em;
	}
}

@media (max-width: 740px) {
	/* MOBILE STYLES */
	:where(.pg_services) div.mem_services_flex {
		text-align: center;
		margin: 0;
	}

	:where(.pg_services) div.mem_service_flex_col {
		margin: 0;
		text-align: center;
	}

	:where(.pg_services) h2.mem_service_col_title {
		font-family: "Lucia Sans Unicode", "Lucida Grande", Helvetica, sans-serif;
		color: #446078;
		text-transform: uppercase;
		font-size: 1em;
		white-space: nowrap;
		margin-top: 2em;
	}

	:where(.pg_services) div.mem_service_flex_col div {
		margin: 0;
		margin-top: .3em;
		padding: .8em;
		border: 2px solid #b0c4de;
		background-color: #eee;
		border-radius: .3em;
	}

	:where(.pg_services) div.mem_service_flex_col div p {
		text-align: justify;
	}

	:where(.pg_services) div.mem_service_flex_col div+div {
		height: auto;
		text-align: center;
	}

	:where(.pg_services) div.mem_service_flex_col img {
		display: none;
	}
}

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

@media (min-width: 741px) {
	/* DESKTOP STYLES */
	:where(.pg_member) ul.sparks_extra {
		margin-top: 15px;
		line-height: 150%;
		font-size: .9em;
	}

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

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

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

	:where(.pg_member) span.mainphone {
		font-size: 1.2em;
	}
}

@media (max-width: 740px) {
	/* MOBILE STYLES */
	:where(.pg_member) ul.sparks_extra {
		margin-top: 15px;
		line-height: 150%;
		font-size: .9em;
		padding-left: 1em;
	}

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

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

	:where(.pg_member) div.enews_extra1 input {
		width: 98%;
	}

	:where(.pg_member) div.enews_extra1 input.subm1 {
		width: 100%;
	}

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

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

	:where(.pg_member) span.mainphone {
		font-size: 1.2em;
	}
}