@charset "UTF-8";

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

/* == == Shared by austin-report.php and townhalls.php == == */

@media (min-width: 741px) {
	/* DESKTOP STYLES */
	:where(.pg_austin_report, .pg_townhalls) img.westimg {
		border: 1px solid #333;
		width: 600px;
		box-shadow: 4px 4px 8px #333;
	}

	:where(.pg_austin_report, .pg_townhalls) p#westheader {
		font-size: 1.2em;
	}

	:where(.pg_austin_report, .pg_townhalls) div.thm {
		border: 2px solid #ddd;
		background-color: #eee;
		padding: 10px;
		padding-top: 15px;
		font-size: 1.1em;
	}

	:where(.pg_austin_report, .pg_townhalls) div.thm p {
		font-style: italic;
		font-size: 1em;
	}

	:where(.pg_austin_report, .pg_townhalls) div.thm p.thm {
		font-style: normal;
	}
}

@media (max-width: 740px) {
	/* MOBILE STYLES */
	:where(.pg_austin_report, .pg_townhalls) img.westimg {
		border: 1px solid #333;
		width: 100%;
		box-shadow: 4px 4px 8px #333;
	}

	:where(.pg_austin_report, .pg_townhalls) p#westheader {
		font-size: 1.2em;
	}

	:where(.pg_austin_report, .pg_townhalls) div.thm {
		border: 2px solid #ddd;
		background-color: #eee;
		padding: 10px;
		padding-top: 15px;
		font-size: 1.1em;
	}

	:where(.pg_austin_report, .pg_townhalls) div.thm p {
		font-style: italic;
		font-size: 1em;
	}

	:where(.pg_austin_report, .pg_townhalls) div.thm p.thm {
		font-style: normal;
	}
}

/* == == Shared by untdallas.php and west-dallas.php == == */

@media (min-width: 741px) {
	/* DESKTOP STYLES */
	:where(.pg_untdallas, .pg_west_dallas) img.westimg {
		border: 1px solid #333;
		width: 700px;
		box-shadow: 4px 4px 8px #333;
		margin: 10px;
		margin-bottom: 20px;
	}

	:where(.pg_untdallas, .pg_west_dallas) #WESTgalleria {
		width: 100%;
		height: 575px;
	}
}

@media (max-width: 740px) {
	/* MOBILE STYLES */
	:where(.pg_untdallas, .pg_west_dallas) img.westimg {
		border: 1px solid #333;
		width: 100%;
		box-shadow: 4px 4px 8px #333;
		margin: auto;
		margin-bottom: 20px;
	}

	:where(.pg_untdallas, .pg_west_dallas) #WESTgalleria {
		width: 100%;
		height: 375px;
	}
}

/* == == awards.php only == == */

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

/* == == gfad.php only == == */

@media (min-width: 741px) {
	/* DESKTOP STYLES */
	:where(.pg_gfad) ul {list-style-image: url('img/star.png');}
	:where(.pg_gfad) ul li {margin-bottom: 5px;}
	:where(.pg_gfad) div.gfad {margin: 20px;}
	:where(.pg_gfad) div.gfad2 {display: inline-block; width: 49%; vertical-align: top;}
	:where(.pg_gfad) div.gfad3 {display: inline-block; width: 25%; vertical-align: top; margin-top: 15px; margin-left: 40px; text-align: justify;}
	:where(.pg_gfad) p.gfad {font-size: .9em; color: #930; margin: 0px; width: 300px;}
	:where(.pg_gfad) p.gfad2 {font-size: .9em; margin: 0px;}
	:where(.pg_gfad) p.gfad3 {font-size: .8em; color: #930; margin: 0px; width: 150px;}
	:where(.pg_gfad) img.mob-max-w {padding: 0px;}
}

@media (max-width: 740px) {
	/* MOBILE STYLES */
	:where(.pg_gfad) ul li {margin-bottom: 5px;}
	:where(.pg_gfad) div.gfad {margin: 5px;}
	:where(.pg_gfad) div.gfad2 {vertical-align: top; padding-bottom: 5px;}
	:where(.pg_gfad) div.gfad3 {vertical-align: top; margin-top: 15px; text-align: center;}
	:where(.pg_gfad) p.gfad {font-size: .9em; color: #930; margin: 0px;}
	:where(.pg_gfad) p.gfad2 {font-size: .9em; margin: 0px;}
	:where(.pg_gfad) p.gfad3 {font-size: .8em; color: #930; margin: auto; width: 150px; text-align: justify;}
	:where(.pg_gfad) img.mob-max-w {max-width: 100%; padding: 0px; margin: auto;}
	:where(.pg_gfad) p.mem_extras_header {text-align: center;}
	:where(.pg_gfad) div.floatright {float: none; text-align: center; margin: auto;}
	:where(.pg_gfad) div.floatleft {float: none; text-align: center; margin: auto;}
}

/* == == newsletter2025.php only == == */

/*custom page styles*/
:where(.pg_newsletter2025) ul {
	margin-top: 2em;
	margin-bottom: 2em;
}

/* == == survey002.php only == == */

:where(.pg_survey002) input {
	max-width: 95%;
	margin-bottom: .5em;
	border: 1px solid #333;
}

:where(.pg_survey002) textarea {
	max-width: 95%;
	border: 1px solid #333;
}

:where(.pg_survey002) div.submit_area {
	text-align: center;
	font-size: 1.1em;
	padding: 1em;
}

:where(.pg_survey002) div.submit_area input.subm1 {
	font-size: 1.2em;
	font-weight: bold;
	padding: .2em;
}

/* == == survey003.php only == == */

@media (min-width: 741px) {
	/* DESKTOP STYLES */

	:where(.pg_survey003) div.nlform {
		width: 45%;
	}

	:where(.pg_survey003) div.nlform input {
		width: 95%;
		margin-bottom: .5em;
	}

	:where(.pg_survey003) div.nlform input.subm1 {
		font-weight: bold;
		font-size: 1.2em;
	}

	:where(.pg_survey003) div.demogs {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding: 2em;
	}

	:where(.pg_survey003) section.formFlex {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-content: flex-start;
		margin-bottom: 1em;
		margin-top: 1em;
	}

	:where(.pg_survey003) section fieldset {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding: 2em;
		margin-bottom: 2em;
	}

	:where(.pg_survey003) section fieldset label {
		font-weight: bold;
	}

	:where(.pg_survey003) section fieldset legend {
		background-color: #eee;
		padding: .4em;
		border: 1px solid #000;
	}

	:where(.pg_survey003) div.formFlexL {
		font-size: 1.1em;
		text-align: right;
		margin: 0;
	}

	:where(.pg_survey003) div.formFlexL label {
		display: inline-block;
		margin-bottom: .45em;
	}

	:where(.pg_survey003) div.formFlexR {
		margin: 0;
		margin-left: 1em;
	}

	:where(.pg_survey003) div.formFlexR input {
		font-size: 1.1em;
		color: #930;
	}
}

@media (max-width: 740px) {
	/* MOBILE STYLES */

	:where(.pg_survey003) div.nlform {
		width: 90%;
		margin: auto;
	}

	:where(.pg_survey003) div.nlform input {
		width: 95%;
		margin-bottom: .5em;
	}

	:where(.pg_survey003) div.nlform input.subm1 {
		font-weight: bold;
		font-size: 1.2em;
	}

	:where(.pg_survey003) div.demogs {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 2em;
		line-height: 200%;
	}

	:where(.pg_survey003) section.formFlex {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-content: flex-start;
		margin-bottom: 1em;
		margin-top: 1em;
	}

	:where(.pg_survey003) section fieldset {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 2em;
		margin-bottom: 2em;
	}

	:where(.pg_survey003) section fieldset label {
		font-weight: bold;
		white-space: nowrap;
	}

	:where(.pg_survey003) section fieldset legend {
		background-color: #eee;
		padding: .4em;
		border: 1px solid #000;
	}

	:where(.pg_survey003) div.formFlexL {
		font-size: 1em;
		margin: 0;
		white-space: nowrap;
		text-align: right;
	}

	:where(.pg_survey003) div.formFlexL input {
		border: 1px solid #000;
		font-size: 1.1em;
		color: #930;
	}

	:where(.pg_survey003) div.formFlexL label {
		display: inline-block;
		margin-bottom: .32em;
	}

	:where(.pg_survey003) div.formFlexR {
		margin: 0;
		margin-left: 1em;
	}

	:where(.pg_survey003) div.formFlexR input {
		font-size: 1em;
		color: #930;
		max-width: 60%;
	}
}

/* Replaced inline styles */

:where(.pg_survey003) label.wrap_label {
	white-space: wrap;
}

/* == == survey004.php only == == */

:where(.pg_survey004) input {
	max-width: 95%;
	margin-bottom: .5em;
	border: 1px solid #333;
}

:where(.pg_survey004) textarea {
	max-width: 95%;
	border: 1px solid #333;
}

:where(.pg_survey004) div.submit_area {
	text-align: center;
	font-size: 1.1em;
	padding: 1em;
}

:where(.pg_survey004) div.submit_area input.subm1 {
	font-size: 1.2em;
	font-weight: bold;
	padding: .2em;
}

:where(.pg_survey004) fieldset {
	padding-right: 2em;
	margin-bottom: 2em;
}

:where(.pg_survey004) fieldset label {
	padding-right: 2em;
}

/* == == tracker.php only == == */

:where(.pg_tracker) table.track {
	border: 1px solid #ddd;
	background-color: #eee;
}

:where(.pg_tracker) table.track td {
	background-color: #fff;
	font-family: verdana, sans-serif;
	text-align: justify;
	padding: 5px;
	font-size: 12px;
}

:where(.pg_tracker) table.track th {
	background-color: #eee;
	font-family: verdana, sans-serif;
	text-align: justify;
	padding: 5px;
	font-weight: bold;
	font-size: 10px;
}

/* == == txagencies.php only == == */

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

:where(.pg_txagencies) table.votereq th {
	text-align: center;
}

:where(.pg_txagencies) table.votereq tr td+td {
	text-align: center;
	min-width: 25%;
}

:where(.pg_txagencies) table.votereq tr.alt {
	background-color: #bcd0d1;
}

:where(.pg_txagencies) table.votereq tr.alt td {
	border-right-color: #fbf9f0;
	border-bottom-color: #fbf9f0;
}

:where(.pg_txagencies) table.votereq tr td.phone {
	border-right-color: #bcd0d1;
	font-size: .9em;
}

@media (max-width: 740px) {
	:where(.pg_txagencies) * {
		-webkit-appearance: none;
	}

	:where(.pg_txagencies) th {
		font-size: 2.5vw;
		padding: .2em !important;
	}

	:where(.pg_txagencies) td {
		font-size: 2.5vw !important;
		padding: .2em !important;
	}
}

/* == == txlegeinfo.php only == == */

:where(.pg_txlegeinfo) div.linksC {
	display: inline-block;
	width: 100%;
}

:where(.pg_txlegeinfo) div.links {
	display: inline-block;
	padding: 10px;
	width: 400px;
	vertical-align: top;
	border-right: 1px solid #bcd0d1;
}

:where(.pg_txlegeinfo) div.links+div {
	border-right: 0px;
}

:where(.pg_txlegeinfo) div.links p {
	padding: 5px;
	font-weight: bold;
}

:where(.pg_txlegeinfo) div.links a {
	font-weight: normal;
}

:where(.pg_txlegeinfo) div.links p a.deadlink {
	font-weight: bold;
}

@media (max-width: 740px) {
	:where(.pg_txlegeinfo) div.links {
		width: auto;
		padding: .5em;
		font-size: .9em;
		border-right: 0;
	}

	:where(.pg_txlegeinfo) div.links p {
		padding: .5em;
		font-size: .9em;
	}

}

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

@media (min-width: 741px) {
	/* DESKTOP STYLES */
	:where(.pg_member) div.west_extra {
		padding: 20px;
		font-size: 1.2em;
	}

	:where(.pg_member) img.west_rbn {
		vertical-align: middle;
		margin-right: 20px;
	}

	:where(.pg_member) div.gfad {
		text-align: center;
		padding: 15px;
		margin-top: 15px;
	}

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

	:where(.pg_member) div.gfad p {
		font-family: "Garamond", serif;
		font-size: 1.2em;
		font-weight: bold;
		margin-top: 3px;
	}

	:where(.pg_member) nav.pgmenu_sub ul li {
		padding-left: .2em !important;
		padding-right: .2em !important;
	}

	:where(.pg_member) nav.pgmenu_sub {
		margin-top: 1px !important;
	}

}

@media (max-width: 740px) {
	/* MOBILE STYLES */
	:where(.pg_member) div.west_extra {
		padding: 10px;
		font-size: 1.2em;
	}

	:where(.pg_member) img.west_rbn {
		vertical-align: middle;
		padding: .5em;
		padding-left: 0;
		margin: .5em;
		margin-left: 0;
	}

	:where(.pg_member) div.gfad {
		text-align: center;
		padding: 15px;
		margin-top: 15px;
	}

	:where(.pg_member) div.gfad img {
		border: 1px solid #333;
		max-width: 100%;
	}

	:where(.pg_member) div.gfad p {
		font-family: "Garamond", serif;
		font-size: 1.2em;
		font-weight: bold;
		margin-top: 3px;
	}

	:where(.pg_member) nav.pgmenu_sub ul li {
		white-space: normal !important;
	}

	:where(.pg_member) nav.pgmenu_sub ul li a.pgmenu_a {
		font-size: .8em !important;
		-webkit-text-size-adjust: none;
	}

	:where(.pg_member) nav.pgmenu_sub {
		margin-top: 1px !important;
	}
}