@import url('https://fonts.googleapis.com/css?family=Lexend:300,600,800');
/* @import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css'); */

/* @font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/Lexend.woff2') format('woff2'), url('/assets/Lexend_300.woff') format('woff');
}
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 600;
  src: url('/assets/Lexend.woff2') format('woff2'), url('/assets/Lexend_600.woff') format('woff');
}
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 800;
  src: url('/assets/Lexend.woff2') format('woff2'), url('/assets/Lexend_800.woff') format('woff');
} */

:root, .section.system, .section.page-theme
{
	--nearly-black: #363030;
	--darkest-grey: #5E5855;
	--dark-grey: #797472;
	--grey: #9E9692;
	--light-grey: #CFC7C4;
	--lightest-grey: #E9E4E2;
	--most-light-grey: #F7F6F5;
	--white: #FFFFFF;
	--orange: #EE6C35;
	--light-orange: #F8A37F;
	--lighter-orange: #FBD1BF;
	--lightest-orange: #FFECE4;
	--teal: #44ACA4;
	--light-teal: #6DCAC3;
	--lighter-teal: #B6DAD7;
	--lightest-teal: #E2F5F4;
	--system: #345ABC;
	--light-system: #7993D5;
	--lighter-system: #BFCCEE;
	--lightest-system: #E2EAFF;
	
	/* --always-white: #FFFFFF; */ /* ignore dark theme and stay white */
	--page-theme: var(--teal);
	color-scheme: light;
}
@media (/* prefers-color-scheme: dark */)
{
	:root
	{
		--nearly-black: #F7F6F5;
		--nearly-black: #FFFFFF;
		--darkest-grey: #E9E4E2;
		--dark-grey: #CFC7C4;
		--grey: #9E9692;
		--light-grey: #797472;
		--lightest-grey: #5E5855;
		--most-light-grey: #363030;
		--most-light-grey: #1A1616; /* I don't think #363030 is a dark enough background for dark mode */
		--white: #000000;
		--orange: #EE6C35;
		--light-orange: #F8A37F;
		--lighter-orange: #FBD1BF;
		--lightest-orange: #FFECE4;
		--teal: #44ACA4;
		--light-teal: #6DCAC3;
		--lighter-teal: #B6DAD7;
		--lightest-teal: #E2F5F4;
		--system: #345ABC;
		--light-system: #7993D5;
		--lighter-system: #BFCCEE;
		--lightest-system: #E2EAFF;
	}
}

*
{
	margin: 0px;
	padding: 0px;
	/* box-sizing: border-box; */
}

html
{
	-webkit-text-size-adjust: 100%; /* prevent font scaling in landscape while allowing user zoom */
	overflow-x: hidden;
}

@media screen and (prefers-reduced-motion: no-preference)
{
	html
	{
		scroll-behavior: smooth;
	}
}

::selection
{
    background-color: var(--lightest-system);
}

input ::selection
{
    background-color: var(--lightest-system);
}

body
{
	/* background-color: var(--lighter-system); */
	/* background-color: var(--white); */
	background-color: var(--most-light-grey);
	min-width: 375px;
	
	color: var(--nearly-black);
	
	/* Body/Large/Regular */
	font-family: Lexend;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 20px; /* 120% */
	margin: 0px;
	overflow-x: hidden;
}
@media screen and (max-width: 374px)
{
	html, body
	{
		overflow-x: scroll;
	}
}
body::after
{
	/* overscroll area branding/styling for Safari iOS */
	/* content: '';
	position: fixed;
	z-index: -1;
	bottom: 0;
	left: 0;
	background-color: var(--page-theme);
	width: 100%;
	height: 100%; */
}
a:any-link
{
	text-decoration: none;
	/* color: var(--Teal, #44ACA4); */
	/* color: var(--page-theme); */
	color: var(--system);
	cursor: pointer; /* prevent selection cursor when text is detected in linked images */
}

p
{
	color: var(--nearly-black);
	
	/* Body/Large/Regular */
	font-family: Lexend;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 20px; /* 120% */
	margin: 0px;
}
strong, b
{
	font-weight: 600;
}
h1
{
	/* color: var(--Teal, #44ACA4); */
	color: var(--page-theme);
	
	/* H1/Standard */
	font-family: Lexend;
	font-size: 64px;
	font-style: normal;
	font-weight: 800;
	line-height: 56px; /* 87.5% */
	/* margin: 0px; */
}
h2
{
	color: var(--page-theme, #345ABC);
	
	/* H2/Standard */
	font-family: Lexend;
	font-size: 48px;
	font-style: normal;
	font-weight: 800;
	line-height: 40px; /* 83.333% */
}
h3
{
	color: var(--nearly-black, #363030);
	
	/* H3/Standard */
	font-family: Lexend;
	font-size: 30px;
	font-style: normal;
	font-weight: 600;
	line-height: 34px; /* 113.333% */
	/* margin: 0px; */
}
h4
{
	/* color: var(--Teal, #44ACA4); */
	/* color: var(--page-theme); */
	
	/* H4/Standard */
	/* font-family: Lexend; */
	/* font-size: 32px; */
	/* font-style: normal; */
	/* font-weight: 600; */
	/* line-height: 28px; */ /* 87.5% */
	/* margin: 0px; */
	
	/* H4/Standard */
	font-family: Lexend;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 83.333% */
}
h5
{
	/* Body/Large/Semibold */
	font-family: Lexend;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 120% */
}
h6
{
	/* Body/Base/Semibold */
	font-family: Lexend;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 125% */
}
ul
{
	/* margin: 0px; */
	padding-left: 25px;
}
.system h1, .system h3, .system h4, .system h5, .system h6, .system p
{
	color: var(--white);
}
.section
{
	display: flex;
	padding: 64px 16px;
	flex-direction: column;
	/* align-items: center; */
	gap: 32px;
	align-self: stretch;
	background: var(--white, #FFF);
	box-shadow: 0 0 0 100vmax var(--white, #FFF);
	max-width: 700px;
	margin-inline: auto;
	clip-path: inset(0 -100vmax);
	
	color: var(--nearly-black);
	
	/* Body/Large/Regular */
	font-family: Lexend;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 20px; /* 120% */
	/* margin: 0px; */
	
	position: relative;
}
.section.grey
{
	background: var(--most-light-grey, #F6F6F5);
	box-shadow: 0 0 0 100vmax var(--most-light-grey, #F6F6F5);
}
.section.system
{
	background: var(--system, #345ABC);
	box-shadow: 0 0 0 100vmax var(--system, #345ABC);
}
.section.page-theme
{
	background: var(--page-theme, #345ABC);
	box-shadow: 0 0 0 100vmax var(--page-theme, #345ABC);
}
.section.teal
{
    background: var(--lightest-teal, #E2F5F4);
    box-shadow: 0 0 0 100vmax var(--lightest-teal, #E2F5F4);
}
.section.orange
{
    background: var(--lightest-orange, #FFECE4);
    box-shadow: 0 0 0 100vmax var(--lightest-orange, #FFECE4);
}

@media screen and (min-width: 700px)
{
	.section.hero
	{
		/* padding: 128px 48px; */
		padding-block: 128px;
	}
}
.section.hero h1
{
	/* word-break: break-all; */
}
.section > *
{
	margin: 0px;
}
@media screen and (min-width: 700px)
{
	.mobile-word-break
	{
		display: none;
	}
}

.feed-group
{
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.feed-item
{
	display: flex;
	padding: 16px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
	/* border-right: 4px solid var(--Teal, #44ACA4); */
	/* border-bottom: 4px solid var(--Teal, #44ACA4); */
	/* border-right: 4px solid var(--page-theme); */
	/* border-bottom: 4px solid var(--page-theme); */
	/* background: var(--white, #FFF); */
}
.feed-item.highlight
{
	/* border-right: 4px solid var(--Teal, #44ACA4); */
	/* border-bottom: 4px solid var(--Teal, #44ACA4); */
	border-right: 4px solid var(--page-theme);
	border-bottom: 4px solid var(--page-theme);
	background: var(--white, #FFF);
	gap: 16px;
}
.feed-item.highlight > p
{
	/* old larger bill descriptions */
	/* Body/Large/Regular */
	/* font-family: Lexend;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 24px; */
}
.feed-item h4, .feed-item h3, .feed-item a:any-link
{
	color: var(--page-theme);
}
.feed-item > *
{
	margin: 0px;
}
.feed-item-details
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	white-space: nowrap;
}
.feed-item-details > *
{
	margin: 0px;
	margin-top: auto;
	flex: 1 0 0;
	color: var(--dark-grey, #797472);
	
	/* Body/Small/Semibold */
	font-family: Lexend;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 16px; /* 133.333% */
	z-index: 1; /* prevent arrow div from blocking link clicks */
}
.feed-item-details p a::after
{
	/* mask-image: url('/assets/arrow-teal.svg'); */
	/* color: red; */
	/* width: 20px; */
	/* height: 20px; */
	/* content: ''; */
	/* -webkit-mask: url('/assets/arrow-teal.svg') no-repeat 50% 50%; */
	/* mask: url('/assets/arrow-teal.svg') no-repeat 50% 50%; */
	/* -webkit-mask-size: cover; */
	/* mask-size: cover; */
	/* background-color: red; */
	content: url('/assets/arrow-link-small.php');
	/* display:inline; */
	margin-left: 6px;
	/* position: relative; */
	/* top: 1px; */
    text-wrap: nowrap;
    white-space: nowrap;
}
.feed-expand-link,
.feed-end-bullet
{
	margin-inline: auto;
	
	/* Body/Large/Semibold */
	font-family: Lexend;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 120% */
	margin-top: 32px;
}
.feed-expand-link a, label.feed-expand-link
{
	/* color: var(--page-theme); */
	color: var(--system);
	cursor: pointer;
}
.feed-expand-link a::after, label.feed-expand-link::after
{
	content: url('/assets/arrow-expand-down.php');
	margin-left: 12px;
    text-wrap: nowrap;
    white-space: nowrap;
}
.feed-end-bullet
{
	color: var(--light-grey);
}
.h4-h1-h4-header
{
	display: flex;
	max-width: 700px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}
.h4-h1-h4-header h1
{
	align-self: stretch;
}
.h4-h1-h4-header > *
{
	margin: 0px;
}

.challenger-box-and-heading > *
{
	margin-block: 0px;
}

.challenger-box-and-heading
{
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.challenger-box-and-heading h3
{
	color: var(--darkest-grey);
}

.challenger-box
{
	display: flex;
	max-width: 700px;
	padding: 16px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	background: var(--most-light-grey, #F6F6F5);
}
.challenger-box .challenger-box-header
{
	color: var(--darkest-grey, #5E5855);
	
	/* Body/Base/Semibold */
	font-family: Lexend;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 125% */
	align-self: stretch;
}
.challenger-box .challenger-box-candidate
{
	display: flex;
	padding-left: 0px;
	align-items: center;
	gap: 16px;
	align-self: stretch;
}

.challenger-box .challenger-box-candidate-avatar
{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: -8px;
}

.challenger-box .challenger-box-candidate-photo
{
	display: flex;
	width: 64px;
	height: 64px;
	justify-content: center;
	align-items: center;
}

.challenger-box .challenger-box-candidate-photo img
{
	width: 64px;
	height: 64px;
	flex-shrink: 0;
	border-radius: 120px;
	border: 2px solid var(--orange, #EE6C35);
	object-fit: cover;
	object-position: top;
}


.challenger-box .challenger-box-candidate-position
{
	display: flex;
	padding: 0px 4px 2px 0px;
	align-items: flex-start;
	gap: 10px;
	border-right: 2px solid var(--orange, #EE6C35);
	border-bottom: 2px solid var(--orange, #EE6C35);
	background: var(--white);
	color: var(--orange, #EE6C35);
	
	/* Body/Base/Semibold */
	font-family: Lexend;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 125% */
	
	position: relative;
	top: -6px;
	
	/* max-width: 125px; */
	text-align: center;
}

.challenger-box .challenger-box-candidate-detail
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	flex: 1 0 0;
}

.challenger-box .challenger-box-candidate-name
{
	color: var(--orange, #EE6C35);
	
	/* Body/Large/Semibold */
	font-family: Lexend;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 120% */
	align-self: stretch;
}
.challenger-box .challenger-box-candidate-evidence
{
	color: var(--nearly-black, #363030);
	
	/* Body/Base/Regular */
	font-family: Lexend;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 20px; /* 125% */
	align-self: stretch;
	min-height: 35px;
}
.challenger-box .challenger-box-candidate-cta
{
	color: var(--orange, #EE6C35);
	
	/* Body/Base/Semibold */
	font-family: Lexend;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 125% */
	align-self: stretch;
}
.challenger-box-arrow
{
	content: url('/assets/arrow-challenger-box.php');
	max-width: 42px;
	display: inline;
	position: relative;
	/* top: 30px; */
	left: 12px;
	margin-bottom: -30px;
	/* position: relative;
	left: -2px;
	top: -5px;
	margin-bottom: auto;
	margin-right: -25px; */
}

.challenger-box-heading-and-arrow
{
	display: flex;
	flex-direction: row;
}

@media (/* prefers-color-scheme: dark */)
{
	.challenger-box-arrow
	{
		content: url('/assets/arrow-challenger-box.php?c=E9E4E2');
	}
}
.election-contact
{
	display: flex;
	max-width: 700px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}

.election-contact > *
{
	margin: 0px;
}

.election-contact .election-contact-info-list
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}

.election-contact .election-contact-item
{
	display: flex;
	align-items: center;
	gap: 8px;
}

.election-contact-item a, .take-action-contact-details-item a
{
	/* remove link color? */
	color: var(--darkest-grey);
}

.election-swingleft
{
	display: flex;
	max-width: 700px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}

.election-swingleft a
{
	/* Body/Base/Semibold */
	font-family: Lexend;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 125% */
}

.election-swingleft > a::after
{
	content: url('/assets/arrow-link-small.php?c=345ABC');
	margin-left: 6px;
    text-wrap: nowrap;
    white-space: nowrap;
}

.redistricting-note
{
	border: 2px solid var(--nearly-black, #363030);
	display: flex;
	max-width: 700px;
	padding: 16px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}
.redistricting-note p
{
	color: var(--nearly-black, #363030);
	/* Body/Small/Regular */
	font-family: Lexend;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 16px;
}

.link-icon-website, .link-icon-contact
{
	content: url('/assets/link-icon-website.php');
}
@media (/* prefers-color-scheme: dark */)
{
	.link-icon-website, .link-icon-contact
	{
		content: url('/assets/link-icon-website.php?c=E9E4E2');
	}
}

.link-icon-instagram
{
	content: url('/assets/link-icon-instagram.php');
}
@media (/* prefers-color-scheme: dark */)
{
	.link-icon-instagram
	{
		content: url('/assets/link-icon-instagram.php?c=E9E4E2');
	}
}

.link-icon-facebook
{
	content: url('/assets/link-icon-facebook.php');
}
@media (/* prefers-color-scheme: dark */)
{
	.link-icon-facebook
	{
		content: url('/assets/link-icon-facebook.php?c=E9E4E2');
	}
}

.link-icon-twitter
{
	content: url('/assets/link-icon-twitter.php');
}
@media (/* prefers-color-scheme: dark */)
{
	.link-icon-twitter
	{
		content: url('/assets/link-icon-twitter.php?c=E9E4E2');
	}
}

.link-icon-phone
{
	content: url('/assets/link-icon-phone.php');
}
@media (/* prefers-color-scheme: dark */)
{
	.link-icon-phone
	{
		content: url('/assets/link-icon-phone.php?c=E9E4E2');
	}
}

.link-icon-email
{
	content: url('/assets/link-icon-email.php');
}
@media (/* prefers-color-scheme: dark */)
{
	.link-icon-email
	{
		content: url('/assets/link-icon-email.php?c=E9E4E2');
	}
}

.person-hero-box .person-hero-photo img,
.challenger-box-candidate-photo img,
.action-guide-person-card-photo-box img
{
	background-color: var(--lightest-grey);
	background-image: url('/assets/person.svg');
	background-position: center;
	background-size: 100%;
}

.person-hero-box .person-hero-details-party
{
	color: var(--grey);
}

@media screen and (min-width: 700px)
{
	.person-hero-box
	{
		display: flex;
		max-width: 700px;
		/* justify-content: center; */
		/* align-items: center; */
		/* gap: 48px; */
		gap: 68px;
	}
	.person-hero-box .person-hero-details
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
		flex: 1 0 0;
	}
	.person-hero-details > *
	{
		margin: 0px;
	}
	.person-hero-box .person-hero-photo
	{
		margin-block: auto;
	}
	.person-hero-box .person-hero-photo img
	{
		width: 200px;
		height: 200px;
		flex-shrink: 0;
		border-radius: 120px;
		border: 6px solid var(--teal, #EE6C35);
		object-fit: cover;
		object-position: top;
		margin-block: auto;
	}
}
@media screen and (max-width: 699px)
{
	.person-hero-box
	{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		gap: -20px;
		align-self: stretch;
	}
	.person-hero-box .person-hero-details h1
	{
		/* H2/Standard */
		font-family: Lexend;
		font-size: 48px;
		font-style: normal;
		font-weight: 800;
		line-height: 40px; /* 83.333% */
	}
	.person-hero-box .person-hero-details
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		align-self: stretch;
	}
	.person-hero-details > *
	{
		margin: 0px;
	}
	.person-hero-box .person-hero-photo
	{
		margin-block: auto;
	}
	.person-hero-box .person-hero-photo img
	{
		width: 171px;
		height: 171px;
		flex-shrink: 0;
		border-radius: 120px;
		border: 6px solid var(--teal, #EE6C35);
		object-fit: cover;
		object-position: top;
		margin-block: auto;
		position: relative;
		top: -15px;
	}
	.person-hero-box .person-hero-details-district
	{
		max-width: 300px;
	}
	.person-hero-box .person-hero-details-party
	{
		max-width: 70%;
	}
}

.person-position-box
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}

.person-position-box .person-position-description
{
	/* Body/Large/Semibold */
	font-family: Lexend;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 120% */
}

.person-position-box .person-position-header-and-icon
{
	display: flex;
	/* width: 700px; */
	width: 100%;
	padding-right: 0px;
	justify-content: space-between;
	align-items: flex-start;
}

.person-position-box .person-position-header-and-icon .person-position-icon
{
	margin-left: auto;
}

@media screen and (max-width: 699px)
{
    .person-position-box .person-position-header-and-icon .person-position-icon
    {
        display: none;
    }
    .section.position-section.position-section-3
    {
        background-image: url("/assets/position-pro-3.php");
        background-repeat: no-repeat;
        background-position: top -6px right -16px;
    }
    .section.position-section.position-section-2
    {
        background-image: url("/assets/position-pro-2.php");
        background-repeat: no-repeat;
        background-position: bottom -12px right 16px;
    }
    .section.position-section.position-section--2
    {
        background-image: url("/assets/position-anti-2.php");
        background-repeat: no-repeat;
        background-position: center right 16px;
    }
    .section.position-section.position-section--3
    {
        background-image: url("/assets/position-anti-3.php");
        background-repeat: no-repeat;
        background-position: top 29px right 16px;
    }
}

@media screen and (max-width: 699px)
{
	.person-position-box .person-position-header-and-icon
	{
		display: flex;
		min-width: 100%;
		width: auto;
		/* max-width: 700px; */
		/* flex-direction: column; */
		flex-direction: column-reverse;
		justify-content: flex-end;
		align-items: flex-start;
		gap: -129px;
	}
	.person-position-box .person-position-header-and-icon h1
	{
		/* word-spacing: 700px; /* decent solution to one-word-per-line */ */
		/* max-width: 200px; */
		/* H2/Standard */
		/* font-family: Lexend; */
		/* font-size: 48px; */
		/* font-style: normal; */
		/* font-weight: 800; */
		/* line-height: 40px; /* 83.333% */ */
	}
	.person-position-box .person-position-header-and-icon img
	{
		margin-left: auto;
		position: relative;
		top: 120px;
		margin-top: -120px;
	}
}

.person-position-box *
{
	margin: 0px;
	color: var(--white, #FFF);
}

.person-position-box a
{
	color: var(--white, #FFF);
	
	/* Body/Base/Semibold */
	font-family: Lexend;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 125% */
}

.person-position-box p a::after
{
	content: url('/assets/arrow-link-small.php');
	margin-left: 6px;
    text-wrap: nowrap;
    white-space: nowrap;
}

.person-position-box h1
{
	/* min-width: 100%; */
}

.person-position-box .person-position-header-name-and-link
{
	display: flex;
	flex-direction: column;
	gap: 26px;
	margin-block: auto;
}

.person-proof-box
{
	display: flex;
	/* padding: 64px 16px; */
	flex-direction: column;
	/* align-items: center; */
	gap: 32px;
	align-self: stretch;
	/* margin: 0px; */
}

.person-proof-box > *
{
	margin: 0px;
}

.person-proof-box-single
{
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* .person-proof-box > a, */
.person-proof-box-single > a,
.action-guide-person-card .action-guide-person-card-details-box > a
{
	/* Body/Base/Semibold */
	font-family: Lexend;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 125% */
}

.action-guide-person-card .action-guide-person-card-details-box > a
{
	margin-top: auto;
}

/* .person-proof-box > a::after, */
.person-proof-box-single > a::after,
.action-guide-person-card .action-guide-person-card-details-box > a::after
{
	content: url('/assets/arrow-link-small.php?c=345ABC');
	margin-left: 6px;
    text-wrap: nowrap;
    white-space: nowrap;
}
.take-action-copy
{
	display: flex;
	max-width: 700px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}
.take-action-copy > *
{
	margin: 0px;
}
.take-action-contact-guide-box
{
	display: flex;
	/* width: 700px; */
	width: 100%;
	justify-content: center;
	align-items: flex-start;
	gap: 32px;
	flex-direction: row;
}
.take-action-contact-guide-box > * > *
{
	margin: 0px;
}
.take-action-contact-guide-box .take-action-contact-details
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	flex: 1 0 0;
}
.take-action-contact-guide-box .take-action-contact-tips
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	flex: 1 0 0;
}

@media screen and (max-width: 699px)
{
	.take-action-contact-guide-box
	{
		flex-direction: column;
	}
}

.take-action-contact-details-item
{
	display: flex;
	align-items: center;
	gap: 8px;
}
form
{
	display: flex;
	align-items: flex-start;
	/* gap: 4px; */
	align-self: stretch;
	overflow-x: hidden;
}
form > input
{
	width: auto;
	margin-left: 0px;
	position: relative;
	left: 0px;
	
	display: flex;
	padding: 12px;
	align-items: flex-start;
	gap: 10px;
	flex: 1 0 0;
	border: 0px;
	border-bottom: 4px solid var(--grey, #9E9692);
	/* border-bottom: 4px solid var(--light-grey, #9E9692); */
	background: var(--white, #FFF);
	height: 16px;
	border-radius: 0;
	
	/* Body/Base/Regular */
	font-family: Lexend;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 20px; /* 125% */
	color: var(--nearly-black);
	
	/* transition-duration: 200ms; */
	/* transition-delay: 1ms; */
	transition: all 0.3s;
	transition-timing-function: ease-in;
}

form > input:placeholder-shown
{
	text-transform: lowercase;
}

form > input.sent
{
	left: 700px;
	width: 0px;
	/* margin-left: 1000px; */
	/* min-width: 0px; */
	/* width: 0px; */
}

form > div.form-result
{
	margin-block: auto;
	max-height: 44px;
	width: 0px;
	overflow: clip;
	/* display: none; */
	opacity: 0;
	
	transition: left 0.2s, opacity 0.3s;
	transition-timing-function: ease-in;
}

form > div.form-result.sent
{
	opacity: 1;
	width: auto;
}

form > input:focus
{
	border-bottom: 4px solid var(--system);
	/* border-bottom: 4px solid var(--light-grey); */
	outline: none;
}
form > button
{
	min-width: 60px;
	z-index: 999;
	border: 0px;
	border-left: 4px solid var(--white);
	display: flex;
	height: 44px;
	padding: 10px 16px;
	align-items: center;
	gap: 8px;
	background: var(--system, #345ABC);
	content: url('/assets/arrow-form-large.php?c=FFF');
	cursor: pointer;
	
	color: var(--white, #FFF);
	
	/* H4/Standard */
	/* font-family: Lexend; */
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 83.333% */
	
	transition: all 0.35s;
	transition-timing-function: ease-in;
}

@supports (-moz-appearance:none)
{
    form > button
    {
        background: var(--system, #345ABC) url('/assets/arrow-form-large.php?c=FFF');
        background-repeat: no-repeat;
        background-position: center;
        color: rgba(0, 0, 0, 0);
        content: ' ';
    }
}

form > input.disabled
{
	border-bottom: 4px solid var(--lightest-grey);
	cursor: default;
	opacity: .85;
}

form > button.disabled
{
	background: var(--lightest-grey);
	cursor: default;
	/* background: var(--light-grey); */
	/* background: var(--grey); */
}

@supports (-moz-appearance:none)
{
    form > button.disabled
    {
        background: var(--lightest-grey) url('/assets/arrow-form-large.php?c=FFF');
        background-repeat: no-repeat;
        background-position: center;
        color: rgba(0, 0, 0, 0);
        content: ' ';
    }
}

form > button.sent
{
	content: url('/assets/check-form-large.php?c=FFF');
}

@supports (-moz-appearance:none)
{
    form > button.sent
    {
        background: var(--system, #345ABC) url('/assets/check-form-large.php?c=FFF');
        background-repeat: no-repeat;
        background-position: center;
        color: rgba(0, 0, 0, 0);
        content: ' ';
    }
}

div.system form > button
{
	border-left: 4px solid var(--system);
	background: var(--white, #FFF);
	color: var(--system, #345ABC);
	content: url('/assets/arrow-form-large.php');
}
@supports (-moz-appearance:none)
{
    div.system form > button
    {
        background: var(--white, #FFF) url('/assets/arrow-form-large.php');
        background-repeat: no-repeat;
        background-position: center;
        color: rgba(0, 0, 0, 0);
        content: ' ';
    }
}
div.system form > button.sent
{
	content: url('/assets/check-form-large.php');
}
@supports (-moz-appearance:none)
{
    div.system form > button.sent
    {
        background: var(--white, #FFF) url('/assets/check-form-large.php');
        background-repeat: no-repeat;
        background-position: center;
        color: rgba(0, 0, 0, 0);
        content: ' ';
    }
}

div.grey form > button
{
	border-left: 4px solid var(--most-light-grey);
}

div.system form > input:focus
{
	border-bottom: 4px solid var(--light-system);
}

form > label
{
	margin-bottom: 4px;
}
.drop-a-link-form > *, .drop-a-link-form-proof-r > *
{
	margin: 0px;
}
/*
.drop-a-link-form > h6, .drop-a-link-form-proof-r > h6
{
	margin-bottom: 6px;
}
*/

h6 ~ form > *
{
	margin-top: 6px;
}

.nav-bar
{
	display: flex;
	max-width: 700px;
	max-height: 36px;
	padding: 8px 16px;
	justify-content: space-between;
	align-items: center;
	margin-inline: auto;
	background: var(--white, #FFF);
	box-shadow: 0 0 0 100vmax var(--white, #FFF);
	clip-path: inset(0 -100vmax);
	min-height: 36px;
}

.nav-bar.grey
{
	background: var(--most-light-grey, #F6F6F5);
	box-shadow: 0 0 0 100vmax var(--most-light-grey, #F6F6F5);
}

.nav-logo, .nav-logo a
{
	display: flex;
	align-items: center;
}

.nav-logo .nav-logo-state
{
	color: var(--teal, #44ACA4);
	text-align: right;
	font-family: Lexend;
	/* font-size: 46px; */
	font-size: 34px;
	font-style: normal;
	font-weight: 800;
	line-height: 40px; /* 86.957% */
	/* letter-spacing: -3.22px; */
	letter-spacing: -2px;
}

.nav-bar-divider
{
	background: var(--lightest-grey);
	min-height: 1px;
	min-width: 100%;
}

.nav-bar a
{
	color: var(--teal, #44ACA4);
	text-align: center;
	
	/* Body/Base/Semibold */
	font-family: Lexend;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 125% */
}

.nav-bar a:hover
{
	color: var(--system);
}

.nav-actions > .nav-actions-search-button
{
	content: url('/assets/search-icon.php');
}

.nav-actions > .nav-actions-search-button::after
{
    /* preload hover images */
	position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
	content: url('/assets/search-icon.php?c=345ABC');
}

.nav-actions > .nav-actions-search-button:hover
{
	content: url('/assets/search-icon.php?c=345ABC');
}

.nav-actions
{
	display: flex;
	align-items: center;
	margin-right: -12px;
}

.nav-bar .nav-actions > *
{
	display: flex;
	padding: 6px 12px;
	align-items: center;
	gap: 4px;
}

.footer
{
	padding-block: 32px;
	padding-bottom: 22px;
}

.footer a
{
	/* margin-right: 20px; */
	/* color: var(--nearly-black); */
	color: var(--darkest-grey);
}

.footer a:hover,
.take-action-contact-details a:hover,
.election-contact-info-list a:hover
{
	color: var(--system);
}

.footer-legal a:any-link
{
	color: var(--grey);
}

.footer h4
{
	margin-bottom: 5px;
}

.footer .footer-socials a
{
	margin: 0px;
}

.footer .footer-socials .link-icon-instagram,
.footer .footer-socials .link-icon-facebook,
.footer .footer-socials .link-icon-twitter
{
	width: 30px;
}

/* yeah :has doesn't work in Firefox yet but they'll just be missing out on these nice hover colors :) */
.footer .footer-socials .link-icon-instagram:hover,
div:has(a:hover) > .link-icon-instagram
{
	content: url('/assets/link-icon-instagram.php?c=345ABC');
}

.footer .footer-socials .link-icon-facebook:hover,
div:has(a:hover) > .link-icon-facebook
{
	content: url('/assets/link-icon-facebook.php?c=345ABC');
}

.footer .footer-socials .link-icon-twitter:hover,
div:has(a:hover) > .link-icon-twitter
{
	content: url('/assets/link-icon-twitter.php?c=345ABC');
}

div:has(a:hover) > .link-icon-website, div:has(a:hover) > .link-icon-contact
{
	content: url('/assets/link-icon-website.php?c=345ABC');
}

div:has(a:hover) > .link-icon-phone
{
	content: url('/assets/link-icon-phone.php?c=345ABC');
}

div:has(a:hover) > .link-icon-email
{
	content: url('/assets/link-icon-email.php?c=345ABC');
}

div.take-action-contact-details-item:has(a:hover) > p
{
	color: var(--system);
}

.footer-socials::after
{
	/* preload hover images */
	position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
	content:url('/assets/link-icon-instagram.php?c=345ABC') url('/assets/link-icon-facebook.php?c=345ABC') url('/assets/link-icon-twitter.php?c=345ABC') url('/assets/link-icon-website.php?c=345ABC') url('/assets/link-icon-phone.php?c=345ABC') url('/assets/link-icon-email.php?c=345ABC');
}

.take-action-contact-details::after, .election-contact-info-list::after
{
	/* preload hover images */
	position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
	content:url('/assets/link-icon-instagram.php?c=345ABC') url('/assets/link-icon-facebook.php?c=345ABC') url('/assets/link-icon-twitter.php?c=345ABC') url('/assets/link-icon-website.php?c=345ABC') url('/assets/link-icon-phone.php?c=345ABC') url('/assets/link-icon-email.php?c=345ABC');
}

.footer .footer-socials
{
	margin-left: -3px;
	margin-top: 2px;
	display: flex;
	flex-direction: row;
	gap: 3px;
}

.footer .footer-legal *
{
    /* Body/Large/Regular */
    font-family: Lexend;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px; /* 120% */
    color: var(--grey);
}

.footer .footer-organization
{
	margin-right: 32px;
}

.footer .footer-legal a
{
	margin: 0px;
	margin-right: 16px;
}

.footer .footer-legal a:last-of-type
{
	margin: 0px;
}

.footer h6
{
	font-weight: 300;
	line-height: 24px;
}

.footer-legal
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: -12px;
}

.footer .footer-organization a, .footer .footer-terms a
{
	white-space: nowrap;
}

.footer-subscribe-form-div
{
	margin-bottom: 18px;
}

.footer-subscribe-form-div h6, .footer-subscribe-form-div .form-result *
{
	font-size: 14px;
}

.footer-links-wrapper
{
	display: flex;
	flex-direction: row;
	gap: 32px;
	/* justify-content: space-between; */
	margin-bottom: 4px;
}

@media screen and (max-width: 519px)
{
	.footer-links-wrapper
	{
		flex-direction: column;
	}
}

.footer-links-wrapper > *
{
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

form > button > *
{
	display: none;
}

.feed-icon-pin
{
	content: url('/assets/pin.php');
	margin-left: -3px;
}

.feed-item-title-box
{
	display: flex;
	flex-direction: row;
	gap: 8px;
}

.nav-actions-search-button
{
	cursor: pointer;
}

.nav-bar-search-container
{
	/* display: none; */
	position: absolute;
	top: 0;
	/* left: 0; */
	right: 0;
	z-index: 9999;
	width: 0%;
	overflow: hidden;
	transition: width 0.15s;
	transition-timing-function: ease-in;
}

.nav-bar-search-container.visible
{
	width: 100%;
}

.nav-bar-search
{
	position: relative;
	/* display: none; */
	/* left: 700px; */
	margin-block: 0px;
	padding-block: 0px;
	min-height: 48px;
	height: 48px;
	border-bottom: 4px solid var(--most-light-grey);
	width: 100%;
	max-width: 700px;
	min-width: 375px;
	margin-inline: auto;
	background: var(--most-light-grey);
	overflow: hidden;
	/* transition: height 0.25s, background 0.25s, border 0.25s; */
	transition: height 0.25s, background 0.2s, border 0.3s;
	transition-timing-function: ease-in;
}

.nav-bar-search.visible
{
	background: var(--white);
	border-bottom: 4px solid var(--system);
}

.nav-bar-search.expanded
{
	background: var(--white);
	/* display: block; */
	/* left: 0px; */
	
	height: 280px;
	max-height: 100%;
	border-bottom: 4px solid var(--system);
}

.nav-bar-search.expanded:has(p)
{
    overflow-y: scroll;
    min-height: 280px;
    max-height: 100vh;
    height: auto;
}

.nav-bar-search p
{
    font-size: 14px;
    padding-inline: 50px;
    padding-block: 3px;
}

.nav-bar-search > *
{
	margin-block: auto;
}

.nav-bar-search > form
{
	min-width: 100%;
}

.nav-bar-search .nav-actions-search-button
{
	padding-top: 13px;
	padding-left: 14px;
}

.nav-bar-search > form > input
{
	background: none;
	min-height: 27px;
	/* padding-left: 48px; */
	border: none;
}

.nav-bar-search-curtain-right
{
	position: relative;
	left: 50%;
	z-index: 99999;
	height: 52px;
	width: 50%;
	margin-left: 362px;
	background: var(--most-light-grey);
	overflow: hidden;
}

.nav-bar-search-curtain-right-container
{
	width: 100%;
	position: absolute;
	overflow: hidden;
}

@media screen and (max-width: 732px)
{
	.nav-bar-search-curtain-right-container
	{
		display: none;
	}
}

#legislator-name-result ul,
.dropdown-menu ul
{
	margin-block: 16px;
	margin-top: 5px;
	/* margin-left: 25px; */
	margin-inline: 0px;
	padding-inline: 0px;
	list-style: none;
}

#legislator-name-result li,
.dropdown-menu li
{
	padding-block: 12px;
	padding-left: 46px;
	margin-inline: 4px;
}

.enter-search-icon
{
	display: none;
}

a.highlight .enter-search-icon,
a:hover .enter-search-icon
{
	content: url('/assets/enter-search-small.php?c=7993D5');
	float: right;
	/* margin-right: 50px; */
	display: inline;
	margin-inline: 20px;
	position: relative;
	top: 1px;
	height: 13px;
	margin-top: 3px;
}

a.nav-search-result-score--3 .enter-search-icon,
a.nav-search-result-score--2 .enter-search-icon,
a.nav-search-result-score--1 .enter-search-icon
{
	content: url('/assets/enter-search-small.php?c=F8A37F');
}

a.nav-search-result-score-3 .enter-search-icon,
a.nav-search-result-score-2 .enter-search-icon,
a.nav-search-result-score-1 .enter-search-icon
{
	content: url('/assets/enter-search-small.php?c=6DCAC3');
}

a.nav-search-result-score-0 .enter-search-icon
{
	content: url('/assets/enter-search-small.php?c=9E9692');
}

/* @media (pointer: fine)  */
/* { */
	.nav-search-result.clicked li
	{
		animation-name: menu-blink-desktop;
		animation-duration: 0.85s;
	}
/* } */

/* @media (pointer: coarse)
{
	.nav-search-result.clicked li
	{
		animation-name: menu-blink;
		animation-duration: 0.9s;
	}
} */

@keyframes menu-blink-desktop
{
	0%   { opacity: 1; }
	10%  { opacity: 0.25; }
	20%  { opacity: 1; }
	30%  { opacity: 0.35; }
	40%  { opacity: 1; }
	50%  { opacity: 1; }
	60%  { opacity: 1; }
	70%  { opacity: 1; }
	80%  { opacity: 1; }
	90%  { opacity: 1; }
	100% { opacity: 1; }
}

@keyframes menu-blink
{
	0%   { opacity: 1; }
	10%  { opacity: 0.35; }
	20%  { opacity: 0.35; }
	30%  { opacity: 0.25; }
	40%  { opacity: 0.25; }
	50%  { opacity: 0.75; }
	60%  { opacity: 1; }
	70%  { opacity: 1; }
	80%  { opacity: 1; }
	90%  { opacity: 1; }
	100% { opacity: 1; }
}

a.nav-search-result-system:hover > li,
a.nav-search-result-system.highlight > li
{
	color: var(--system);
	background-color: var(--lightest-system);
	border-radius: 6px;
}

a.nav-search-result-score-3:hover > li,
a.nav-search-result-score-2:hover > li,
a.nav-search-result-score-1:hover > li,
a.nav-search-result-score-3.highlight > li,
a.nav-search-result-score-2.highlight > li,
a.nav-search-result-score-1.highlight > li

{
	/* color: var(--teal); */
	background-color: var(--lightest-teal);
	border-radius: 6px;
}

a.nav-search-result-score--3:hover > li,
a.nav-search-result-score--2:hover > li,
a.nav-search-result-score--1:hover > li,
a.nav-search-result-score--3.highlight > li,
a.nav-search-result-score--2.highlight > li,
a.nav-search-result-score--1.highlight > li
{
	/* color: var(--orange); */
	background-color: var(--lightest-orange);
	border-radius: 6px;
}

a.nav-search-result-score-0:hover > li,
a.nav-search-result-score-0.highlight > li
{
	/* color: var(--orange); */
	background-color: var(--lightest-grey);
	border-radius: 6px;
}

.nav-search-result a:active > li
{
	opacity: 0.25;
}

.action-guide-header-box
{
	display: flex;
	flex-direction: row;
	/* align-items: center; */
	/* flex-wrap: wrap; */
	gap: 10px;
	align-self: stretch;
	/* overflow: hidden; */
}

.action-guide-header-box .arrow-action-guide-hero
{
	max-width: 363px;
	position: relative;
	/* right: 80px; */
	top: 10px;
	align-self: flex-end;
	/* content: url('/assets/arrow-action-guide-hero.php'); */
	content: url('/assets/arrow-action-guide-hero-2.php');
}

.h3-h1-h3-header h3
{
	/* align-self: stretch; */
	color: var(--nearly-black, #363030);
	
	/* H3/Desktop */
	font-family: Lexend;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: 36px; /* 90% */
}

/* action guide header adjustment for long state names (desktop) */
.h3-h1-h3-header h3.action-guide-hero-state-nh,
.h3-h1-h3-header h3.action-guide-hero-state-nc
{
	font-size: 35px;
}

.h3-h1-h3-header h1
{
	/* align-self: stretch; */
	color: var(--teal, #44ACA4);
	
	/* H1/Desktop */
	font-family: Lexend;
	font-size: 88px;
	font-style: normal;
	font-weight: 800;
	line-height: 80px; /* 90.909% */
}

.h3-h1-h3-header
{
	display: flex;
	/* width: 668px; */
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.h3-h2-h3-header
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}

.h3-h2-h3-header h2
{
	/* color: var(--teal, #44ACA4); */
	
	/* H2/Desktop */
	font-family: Lexend;
	font-size: 64px;
	font-style: normal;
	font-weight: 800;
	line-height: 56px; /* 87.5% */
}

@media screen and (max-width: 699px)
{
	.action-guide-header-box
	{
		display: flex;
		flex-direction: column;
		/* align-items: center; */
		/* flex-wrap: wrap; */
		gap: 10px;
		align-self: stretch;
		max-width: 400px;
	}
	
	.action-guide-header-box .arrow-action-guide-hero
	{
		max-width: 363px;
		/* position: relative; */
		/* left: 110px; */
		align-self: flex-end;
		position: relative;
		/* right: 0px; */
		right: -14px;
		/* top: -70px; */
		top: -65px;
		content: url('/assets/arrow-action-guide-hero-narrow-2.php');
		margin-bottom: -70px;
	}
	.action-guide-header-box .h3-h1-h3-header h3
	{
		/* align-self: stretch; */
		color: var(--nearly-black, #363030);
		
		/* H3/Standard */
		font-family: Lexend;
		font-size: 30px;
		font-style: normal;
		font-weight: 600;
		line-height: 34px; /* 113.333% */
	}
	.action-guide-header-box .h3-h1-h3-header h1
	{
		/* align-self: stretch; */
		color: var(--teal, #44ACA4);
		
		/* H1/Standard */
		font-family: Lexend;
		font-size: 64px;
		font-style: normal;
		font-weight: 800;
		line-height: 56px; /* 87.5% */
	}
}

@media screen and (min-width: 700px)
{
	.action-guide-header-box ~ h4
	{
		color: var(--nearly-black, #363030);
		
		/* H4/Desktop */
		font-family: Lexend;
		font-size: 32px;
		font-style: normal;
		font-weight: 600;
		line-height: 28px; /* 87.5% */
	}
}

.action-guide-header-box ~ h4
{
	margin-top: 16px;
}

.action-guide-form-hero
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	align-self: stretch;
}

@media screen and (min-width: 700px)
{
    .arrow-action-guide-feed
    {
        content: url('/assets/arrow-action-guide-feed-2.php');
        position: relative;
        /* top: 50px; */
        top: 35px;
        margin-bottom: -50px;
        right: -14px;
    }
}

.action-guide-feed-header-box
{
	display: flex;
}

.action-guide-feed-header-box > *
{
	max-width: 550px;
}

.arrow-person-hero
{
	content: url('/assets/arrow-person-hero-2.php');
}

@media screen and (max-width: 699px)
{
	.arrow-person-hero
	{
		position: relative;
		margin-bottom: -166px;
		margin-right: 200px;
		bottom: 136px;
	}
}

@media screen and (min-width: 700px)
{
	.arrow-person-hero
	{
		position: absolute;
		margin-right: 215px;
		margin-top: 270px;
		align-self: flex-end;
		/* margin-left: 410px; */
		margin-left: 380px;
		margin-bottom: -90px;
	}
}

.form-animate-progress-text-field
{
	/* content: ' '; */
	/* background-color: red; */
	/* width: 100%; */
	right: 16px;
	left: 16px;
	min-width: 283px;
	max-width: 700px;
	margin-inline: auto;
	height: 4px;
	align-self: flex-end;
	position: absolute;
	overflow-x: hidden;
}

.form-animate-progress-text-field
{
	display: none;
}

.form-animate-progress-text-field.animating
{
	display: block;
}

.form-animate-progress-text-field-progress-bar
{
	width: 100%;
	margin-left: 0%;
	height: 100%;
	background-color: var(--system);
	/* transition: width margin 1.0s; */
	/* transition-timing-function: ease-in; */
	animation-name: text-field-progress-bar-indeterminate;
	animation-duration: 2.1s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

@keyframes text-field-progress-bar-indeterminate
{
	0%   { width: 0%; margin-left: 0%; }
	35%   { width: 100%; margin-left: 0%; }
	70%   { width: 100%; margin-left: 100%; }
	100%   { width: 100%; margin-left: 100%; }
	
	/* 0%   { width: 30%; margin-right: 85%; margin-left: auto; }
	50%   { width: 30%; margin-right: -7%; margin-left: auto; }
	100%   { width: 30%; margin-right: 85%; margin-left: auto; }	 */
	/* 0%   { width: 0%; margin-left: 0%; }
	25%  { width: 100%; margin-left: 0%; }
	50%  { margin-left: 100%; width: 100%; }
	75%  { margin-left: 0%; width: 100%; }
	100% { width: 0%; margin-left: 0%; } */
}

.action-guide-loading-overlay
{
	background: var(--white);
	margin-left: 100%;
	opacity: 0;
	/* opacity: 0.75; */
	width: 100%;
	height: 100%;
	position: absolute;
	align-self: flex-end;
	left: 0;
	top: 0;
	z-index: 9999;
	
	transition: opacity 1.25s;
	
	/* transition: none; */
	/* transition: margin 2s; */
	/* transition-timing-function: ease-in; */
	
	animation-iteration-count: 0;
	animation-name: action-guide-loading-overlay-end;
	animation-duration: 1.05s;
	animation-timing-function: ease-in-out;
	
	/* animation-fill-mode: forwards; */
}

.action-guide-loading-overlay.visible
{
	opacity: 0.87;
}

.action-guide-loading-overlay.loading
{
	margin-left: 0%;
	/* opacity: 0.75; */
	/* opacity: 0.85; */
	
	/* transition: none; */
	/* transition-timing-function: ease-in; */
	
	animation-name: action-guide-loading-overlay-start;
	animation-duration: 3.75s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-delay: 1s;
}

.grey .action-guide-loading-overlay
{
	background: var(--most-light-grey);
}

.teal .action-guide-loading-overlay
{
    background: var(--lightest-teal);
}

@keyframes action-guide-loading-overlay-start
{
	0%   { margin-left: 0%; opacity: 0.87; }
	20%   { margin-left: 0%; opacity: 0.87; }
	55%   { margin-left: 0%; opacity: 0.63; }
	100%   { margin-left: 0%; opacity: 0.87; }
}

@keyframes action-guide-loading-overlay-end
{
	from   { margin-left: 0%; }
	to   { margin-left: 100%; }
}

.action-guide-seats-seats-box
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 64px;
	align-self: stretch;
}

.action-guide-seats-single-seat-box
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
}

.action-guide-seats-seats-box h3
{
	color: var(--darkest-grey);
	min-width: 100%;
}

.action-guide-seats-seats-box h3.action-guide-half-width-title
{
	min-width: 334px;
}

@media screen and (min-width: 732px)
{
	.action-guide-seats-seats-box h3.action-guide-half-width-title
	{
		max-width: 334px;
	}
}

.action-guide-seats-single-seat-cards-box
{
	display: flex;
	align-items: flex-start;
	gap: 32px;
	align-self: stretch;
	
	/* flex-direction: row; */
	
	flex-wrap: wrap;
}

/* .action-guide-seats-single-seat-cards-box */ .action-guide-person-card
{
	display: flex;
	padding: 16px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	flex: 1 0 0;
	min-width: 298px;
	
	border-style: solid;
	border-width: 0px 4px 4px 0px;
	border-color: var(--teal, #44ACA4);
	
	background: var(--white, #FFF);
	
	align-self: stretch;
}

@media screen and (min-width: 732px)
{
	/* .action-guide-seats-single-seat-cards-box */ .action-guide-person-card
	{
		max-width: 298px;
	}
}

.action-guide-person-card-photo-box
{
	display: flex;
	align-items: center;
	/* gap: -20px; */
    /* margin-block: auto; */
}

.action-guide-person-card-photo-box img
{
	width: 100px;
	height: 100px;
	flex-shrink: 0;
	
	border-radius: 100px;
	border: 3px solid var(--teal, #44ACA4);
	/* background: lightgray 0px -6.82px / 100% 140% no-repeat; */
	z-index: 2;
	
	object-fit: cover;
	object-position: top;
}

.action-guide-person-card-position
{
	color: #FFF;
	
	/* Body/Base/Semibold */
	font-family: Lexend;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 125% */
	
	display: flex;
	padding: 4px 8px 4px 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	
	background: var(--teal, #44ACA4);
	margin-left: -20px;
	/* z-index: 1; */
}

.rubric-position
{
	display: flex;
	flex-direction: column;
	gap: 8px;
	/* z-index: 2; */
	position: relative;
}

.rubric-position > *
{
	z-index: 3;
}

.rubric-position .person-position-icon
{
	position: absolute;
	/* top: -28px; */
	/* right: 0; */
	z-index: 1;
	opacity: .4;
}

.rubric-position:nth-child(1) .person-position-icon
{
	/* top: -50px; */
	top: -28px;
	left: -40px;
}

.rubric-position:nth-child(2) .person-position-icon
{
	top: -34px;
	/* right: -30px; */
	left: -40px;
}

.rubric-position:nth-child(6) .person-position-icon
{
	/* top: -47px; */
	top: -17px;
	left: -42px;
}

.rubric-position:nth-child(7) .person-position-icon
{
	/* top: -18px; */
	top: -24px;
	/* right: -22px; */
	left: -40px;
}

.rubric-position .person-position-icon img
{
	max-width: 100px;
	display: none;
}

.arrow-position-rubric-hero
{
	content: url('/assets/arrow-action-guide-feed.php');
	position: relative;
	top: 50px;
	margin-bottom: -50px;
	transform: rotate(15deg);
}

.mobile-word-break.rubric-hero
{
	display: none;
}

@media screen and (max-width: 640px)
{
	.person-position-icon.rubric-hero
	/* .arrow-position-rubric-hero */
	{
		display: none;
	}
	.mobile-word-break.rubric-hero
	{
		display: block;
	}
}

@media screen and (max-width: 530px)
{
	.arrow-position-rubric-hero
	{
		display: none;
	}
}

.arrow-position-people-index-hero
{
	content: url('/assets/arrow-action-guide-feed.php');
	position: relative;
	top: 0px;
	margin-bottom: -50px;
	transform: rotate(12deg);
}

.donate-request-module
{
	display: flex;
	flex-direction: row;
	align-items: center;
	/* justify-content: space-between; */
	gap: 8px;
	flex-wrap: wrap;
}

.mini-module-link-div
{
	color: var(--nearly-black);
	font-family: Lexend;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 125% */
}

.mini-module-link-div::after
{
	content: url('/assets/arrow-link-small.php?c=345ABC');
	margin-left: 6px;
    text-wrap: nowrap;
    white-space: nowrap;
}

.system .mini-module-link-div
{
	color: var(--white);
}

.system .mini-module-link-div::after
{
	content: url('/assets/arrow-link-small.php?c=FFF');
    text-wrap: nowrap;
    white-space: nowrap;
}

.donate-request-module.large .take-action-contact-details-item
{
	gap: 2px;
	margin-left: -4px;
}

.donate-request-module.large a:hover
{
	color: var(--system)
}

.donate-request-links-box
{
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.donate-request-links-box.donate-request-links-box-row
{
	flex-direction: row;
	/* gap: 16px; */
	align-items: center;
}

.feed-item .donate-request-links-box.donate-request-links-box-row > *,
.donate-request-links-box-row:has(.primary-button) > *
{
	padding-block: 10px;
}

.donate-request-links-box.donate-request-links-box-row .primary-button
{
	background-color: var(--system);
	/* border-style: solid; */
	padding-inline: 12px;
	color: white;
}

.feed-item .donate-request-links-box.donate-request-links-box-row > *,
.donate-request-links-box-row:has(.secondary-button) > *
{
    padding-block: 7px;
}

.donate-request-links-box.donate-request-links-box-row .secondary-button
{
    background-color: var(--system);
    border-style: solid;
    border-width: 3px;
    padding-inline: 9px;
    color: white;
}

/* .donate-request-links-box.donate-request-links-box-row a.primary-button::after
{
	content: url('/assets/arrow-link-small.php?c=000000');
	margin-left: 6px;
} */

.about-text-image-box
{
	flex-direction: row;
	display: flex;
	gap: 32px;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}

.about-text-image-box div
{
	display: flex;
	flex-direction: column;
	gap: 32px;
	max-width: 343px;
}

.about-text-image-box img
{
	/* max-height: 323px; */
	max-width: 323px;
	object-fit: scale-down;
	margin-inline: auto;
	border: 1px solid var(--lightest-grey);
	background: var(--white);
	border-radius: 6px;
}

.about-text-image-box img.no-border
{
	border: none;
	background: none;
}

@media screen and (max-width: 731px)
{
	.about-text-image-box div
	{
		max-width: 100%;
	}
}

.about-us-logo-question
{
	display: flex;
	flex-direction: row;
}

.about-us-logo-question h2
{
	color: var(--system);
	align-self: flex-end;
	margin-bottom: -3px;
	font-size: 66px;
}

.action-guide-card-score-0 .action-guide-person-card-details-box > a::after
{
	content: url('/assets/arrow-link-small.php?c=9E9692');
    text-wrap: nowrap;
    white-space: nowrap;
}

.action-guide-card-score-1 .action-guide-person-card-details-box > a::after
{
	/* content: url('/assets/arrow-link-small.php?c=6DCAC3'); */
    content: url('/assets/arrow-link-small.php?c=44ACA4');
    text-wrap: nowrap;
    white-space: nowrap;
}

.action-guide-card-score-2 .action-guide-person-card-details-box > a::after,
.action-guide-card-score-3 .action-guide-person-card-details-box > a::after
{
	content: url('/assets/arrow-link-small.php?c=44ACA4');
    text-wrap: nowrap;
    white-space: nowrap;
}

.action-guide-card-score--1 .action-guide-person-card-details-box > a::after
{
	/* content: url('/assets/arrow-link-small.php?c=F8A37F'); */
    content: url('/assets/arrow-link-small.php?c=EE6C35');
    text-wrap: nowrap;
    white-space: nowrap;
}

.action-guide-card-score--2 .action-guide-person-card-details-box > a::after,
.action-guide-card-score--3 .action-guide-person-card-details-box > a::after
{
	content: url('/assets/arrow-link-small.php?c=EE6C35');
    text-wrap: nowrap;
    white-space: nowrap;
}

.action-guide-card-score-0 .action-guide-person-card-position
{
	background: var(--grey);
}

.action-guide-card-score-1 .action-guide-person-card-position
{
	/* background: var(--light-teal); */
    background: var(--teal);
}

.action-guide-card-score-2 .action-guide-person-card-position,
.action-guide-card-score-3 .action-guide-person-card-position
{
	background: var(--teal);
}

.action-guide-card-score--1 .action-guide-person-card-position
{
	/* background: var(--light-orange); */
    background: var(--orange);
}

.action-guide-card-score--2 .action-guide-person-card-position,
.action-guide-card-score--3 .action-guide-person-card-position
{
	background: var(--orange);
}

.action-guide-card-score-0 h3
{
    color: var(--grey);
}

.action-guide-card-score-1 h3
{
    /* color: var(--light-teal); */
    color: var(--teal);
}

.action-guide-card-score-2 h3,
.action-guide-card-score-3 h3
{
    color: var(--teal);
}

.action-guide-card-score--1 h3
{
    /* color: var(--light-orange); */
    color: var(--orange);
}

.action-guide-card-score--2 h3,
.action-guide-card-score--3 h3
{
    color: var(--orange);
}

.action-guide-card-score-0 .action-guide-person-card-photo-box img,
/* .action-guide-seats-single-seat-cards-box */ .action-guide-card-score-0
{
	border-color: var(--grey);
}

.action-guide-card-score-1 .action-guide-person-card-photo-box img,
/* .action-guide-seats-single-seat-cards-box */ .action-guide-card-score-1
{
	/* border-color: var(--light-teal); */
	border-color: var(--teal);
}

.action-guide-card-score-2 .action-guide-person-card-photo-box img,
.action-guide-card-score-3 .action-guide-person-card-photo-box img,
/* .action-guide-seats-single-seat-cards-box */ .action-guide-card-score-2,
/* .action-guide-seats-single-seat-cards-box */ .action-guide-card-score-3
{
	border-color: var(--teal);
}

.action-guide-card-score--1 .action-guide-person-card-photo-box img,
/* .action-guide-seats-single-seat-cards-box */ .action-guide-card-score--1
{
	/* border-color: var(--light-orange); */
	border-color: var(--orange);
}

.action-guide-card-score--2 .action-guide-person-card-photo-box img,
.action-guide-card-score--3 .action-guide-person-card-photo-box img,
/* .action-guide-seats-single-seat-cards-box */ .action-guide-card-score--2,
/* .action-guide-seats-single-seat-cards-box */ .action-guide-card-score--3
{
	border-color: var(--orange);
}

.action-guide-person-card ::selection
{
    background-color: var(--lightest-system);
}

.action-guide-person-card
{
    background-repeat: no-repeat;
    background-position: top -12px right -16px;
    background-size: auto 148px;
}

.action-guide-person-card.action-guide-card-score-2
{
    background-image: url("/assets/position-pro-2.php?c=B6DAD7");
    background-position: top -10px right -18px;
    background-size: 140px 148px;
}

.action-guide-person-card.action-guide-card-score-3
{
    background-image: url("/assets/position-pro-3.php?c=B6DAD7");
    background-position: top -10px right 5px;
}

.action-guide-person-card.action-guide-card-score--2
{
    background-image: url("/assets/position-anti-2.php?c=FBD1BF");
    background-position: top -10px right 5px;
}

.action-guide-person-card.action-guide-card-score--3
{
    background-image: url("/assets/position-anti-3.php?c=FBD1BF");
    background-position: top -20px right 8px;
}

.action-guide-person-card.action-guide-card-score-0
{
    background-color: var(--most-light-grey);
}

.action-guide-person-card.action-guide-card-score-1,
.action-guide-person-card.action-guide-card-score-2,
.action-guide-person-card.action-guide-card-score-3
{
    background-color: var(--lightest-teal);
}

.action-guide-person-card.action-guide-card-score--1,
.action-guide-person-card.action-guide-card-score--2,
.action-guide-person-card.action-guide-card-score--3
{
    background-color: var(--lightest-orange);
}

.action-guide-person-card.action-guide-card-placeholder,
.action-guide-person-card.action-guide-card-placeholder .action-guide-person-card-photo-box img
{
	border-color: var(--light-grey);
	background-image: none;
}

.action-guide-person-card.action-guide-card-placeholder
{
	/* min-height: 298px; */
	gap: 24px;
}

.action-guide-person-card .action-guide-person-card-details-box
{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.action-guide-person-card.action-guide-card-placeholder .action-guide-person-card-position
{
	color: #FFF;
	
	/* Body/Base/Semibold */
	font-family: Lexend;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 125% */
	
	display: flex;
	padding: 4px 8px 4px 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	
	background: var(--light-grey);
	margin-left: -20px;
	min-width: 90px;
	min-height: 40px;
	/* z-index: 1; */
}

.action-guide-card-placeholder-text
{
	background: var(--lightest-grey);
	/* min-width: 200px; */
	min-height: 16px;
	/* margin-block: 8px; */
}

.action-guide-card-placeholder-text-box
{
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
}

.action-guide-card-placeholder-text.action-guide-card-placeholder-text-1
{
	min-height: 24px;
	width: 194px;
}

.action-guide-card-placeholder-text.action-guide-card-placeholder-text-2
{
	min-height: 24px;
	width: 238px;
}

.action-guide-card-placeholder-text.action-guide-card-placeholder-text-3
{
	width: 73%;
}

.action-guide-card-placeholder-text.action-guide-card-placeholder-text-4
{
	width: 85%;
}

.action-guide-card-placeholder-text.action-guide-card-placeholder-text-5
{
	width: 81%;
}

.action-guide-card-placeholder-text.action-guide-card-placeholder-text-6
{
	width: 80px;
}

.action-guide-card-score-0 a,
.feed-item-highlighted-vote-score-0,
.feed-item-highlighted-vote.feed-item-highlighted-vote-score-0 a
{
	color: var(--grey);
}

.action-guide-card-score-1 a
{
    color: var(--teal);
}

.feed-item-highlighted-vote-score-1,
.feed-item-highlighted-vote.feed-item-highlighted-vote-score-1 a
{
	color: var(--light-teal);
}

.action-guide-card-score-2 a,
.action-guide-card-score-3 a,
.feed-item-highlighted-vote-score-2,
.feed-item-highlighted-vote-score-3,
.feed-item-highlighted-vote.feed-item-highlighted-vote-score-2 a,
.feed-item-highlighted-vote.feed-item-highlighted-vote-score-3 a
{
	color: var(--teal);
}

.action-guide-card-score--1 a
{
    color: var(--orange);
}

.feed-item-highlighted-vote-score-1,
.feed-item-highlighted-vote.feed-item-highlighted-vote-score-1 a
{
	color: var(--light-orange);
}

.action-guide-card-score--2 a,
.action-guide-card-score--3 a,
.feed-item-highlighted-vote-score--2,
.feed-item-highlighted-vote-score--3,
.feed-item-highlighted-vote.feed-item-highlighted-vote-score--2 a,
.feed-item-highlighted-vote.feed-item-highlighted-vote-score--3 a

{
	color: var(--orange);
}

.action-guide-seats-wide-header-wrapper
{
	display: flex;
	align-items: flex-start;
	gap: 32px;
	align-self: stretch;
	/* flex-direction: row; */
	flex-wrap: wrap;
}

.action-guide-seats-wide-header-wrapper > *
{
	min-width: 334px;
}

.action-guide-seats-narrow-header-wrapper > *
{
	min-width: 100%;
}

.action-guide-seats-wide-header-wrapper
{
	display: none;
}

.action-guide-seats-narrow-header-wrapper
{
	margin-bottom: -16px;
	/* margin-top: 16px; */
}

.action-guide-seats-single-seat-cards-box
{
	flex-direction: column;
}

.action-guide-half-width-title-2
{
	margin-top: 32px;
}

.action-guide-seats-narrow-header-wrapper-header-2
{
	margin-top: 32px;
}

.action-guide-seats-single-seat-cards-box-current-legislators
{
	/* gap: 16px; */
}

@media screen and (min-width: 732px)
{
	.action-guide-seats-wide-header-wrapper
	{
		display: flex;
	}
	.action-guide-seats-narrow-header-wrapper
	{
		display: none;
	}
	.action-guide-seats-single-seat-cards-box
	{
		flex-direction: row;
	}
	.action-guide-half-width-title-1
	{
		order: -2;
	}
	
	.action-guide-half-width-title-2
	{
		order: -1;
		margin-top: 0px;
	}
}

.feed-item.highlight .feed-item-highlighted-vote
{
	display: flex;
	padding: 8px;
	padding-inline: 10px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
	background: var(--most-light-grey);
	
	/* Body/Base/Semibold */
	font-family: Lexend;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 125% */
}

.feed-item-highlighted-vote-group
{
	display: flex;
	flex-direction: column;
	gap: 8px;
	align-self: stretch;
}

.action-guide-feed-feed-box
{
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.back-to-top-link
{
	color: var(--system);
	margin-inline: auto;
	font-family: Lexend;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}

.back-to-top-link::before
{
	content: url('/assets/arrow-collapse-up.php');
	/* margin-left: 12px; */
	margin-right: 12px;
}

.action-guide-demo-box
{
	max-height: 0px;
	
	transition: max-height 0.7s;
	transition-timing-function: ease-in;
}

.action-guide-demo-box.visible
{
	max-height: 500px;
	/* padding-block: 32px; */
}

.feed-end-div
{
	display: flex;
	flex-direction: column;
	margin-inline: auto;
	font-family: Lexend;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	margin-top: 32px;
	gap: 6px;
}

.feed-end-div > *
{
	margin-inline: auto;
}

.feed-end-div > img
{
	max-width: 24px;
}

.feed-end-div > p
{
	color: var(--dark-grey);
}

.nav-logo-state::after
{
	/* preload hover images */
	/* position:absolute; width:0; height:0; overflow:hidden; z-index:-1; */
	/* content:url('/assets/chevron-menu-down.php?c=345ABC'); */
}

.nav-logo
{
	padding-right: 9px;
	width: 105px;
}
.nav-logo:hover
{
	cursor: pointer;
	color: var(--system);
	/* background-color: var(--lightest-system); */
	/* border: 1px solid var(--lightest-grey); */
	/* padding-inline: 8px; */
	/* margin-left: -8px; */
	/* transition: max-height 0.25s, background 0.2s, border 0.3s; */
	/* transition-timing-function: ease-in; */
	
	/* background-color: var(--lightest-grey);
	border-radius: 6px;
	padding-inline: 6px;
	padding-right: 9px;
	margin-left: -6px;
	min-height: 40px; */
}

.nav-logo.no-state:hover
{
	/* background:none; */
}

.nav-logo.no-state
{
	width: 60px;
}

.nav-logo-and-state-switcher-container
{
	display: flex;
	max-height: 48px;
	cursor: pointer;
}

.state-switcher-menu-button
{
	/* padding-block: 18px; */
	padding-inline: 10px;
	/* margin-left: -1px;
	border-left: 1px solid var(--lightest-grey); */
	margin-block: auto;
	padding-block: 10px;
}

.state-switcher-menu-button:hover
{
	color: var(--system);
	/* background-color: var(--lightest-system); */
	background-color: var(--lightest-grey);
	/* border: 1px solid var(--lightest-grey); */
	border-radius: 6px;
	/* padding-inline: 8px; */
	/* margin-left: -8px; */
	/* transition: max-height 0.25s, background 0.2s, border 0.3s; */
	/* transition-timing-function: ease-in; */
	padding-block: 17px;
}

.nav-logo.state-switcher-menu:hover:after
{
	/* content: url('/assets/chevron-menu-down.php'); */
	/* margin-left: 6px; */
	/* margin-top: -2px; */
}

.nav-logo-and-state-switcher-container.menu-visible
{
	background-color: var(--white);
	height: 52px;
	max-height: none;
	/* padding-inline: 8px; */
	padding-left: 8px;
	margin-left: -8px;
	border-radius: 0px;
}

.nav-logo.menu-visible:hover
{
	background: none;
	/* height: 52px; */
	/* max-height: none; */
	/* padding-inline: 8px; */
	/* padding-left: 8px; */
	/* margin-left: -8px; */
	/* border-radius: 0px; */
}

.state-switcher-menu-button.menu-visible
{
	border-color: var(--white);
}

.state-switcher-menu-button.menu-visible:hover
{
	background: none;
	/* height: 52px; */
	/* max-height: none; */
	/* padding-inline: 8px; */
	/* padding-left: 8px; */
	/* margin-left: -8px; */
	/* border-radius: 0px; */
}

.nav-logo.menu-visible::after
{
	/* content: url('/assets/chevron-menu-down.php'); */
	/* margin-left: 6px; */
	/* margin-top: -2px; */
}

.nav-bar-state-switcher-container
{
	/* display: none; */
	position: absolute;
	top: 52px;
	/* left: 0; */
	right: 0;
	z-index: 9999;
	width: 100%;
	/* overflow: hidden; */
}

.nav-bar-state-switcher-inner-container
{
	position: relative;
	margin-block: 0px;
	padding-block: 0px;
	/* min-height: 48px; */
	/* height: 48px; */
	/* border-bottom: 4px solid var(--most-light-grey); */
	width: 100%;
	max-width: 732px;
	min-width: 375px;
	margin-inline: auto;
	/* background: var(--most-light-grey); */
	overflow: hidden;
	list-style: none;
}

.nav-bar-state-switcher
{
	display: flex;
	flex-direction: column;
	background: var(--most-light-grey);
	margin-inline: 8px;
	/* max-width: 210px; */
	/* max-width: 135px; */
	/* max-width: 150px; */
	max-width: 153px;
	max-height: 0px;
	/* transition: max-height 0.25s, background 0.2s, border 0.3s, padding 0.3s; */
	/* transition-timing-function: ease-in; */
	
	margin-top: -4px;
	gap: 3.5px;
}

.nav-bar-state-switcher.visible
{
	max-height: 500px;
	background: var(--white);
	border-bottom: 4px solid var(--system);
	padding-block: 4px;
    /* transition: max-height 0.2s, border 0.3s; */
    transition: max-height 0.2s, border 0.15s;
    transition-timing-function: ease-in;
}

.nav-bar-state-switcher > a > div
{
	/* padding-block: 5px; */
	padding-block: 2px;
	min-height: 40px;
}

.state-switcher-logo
{
	display: flex;
	align-items: center;
	padding-left: 6px;
	margin-inline: 4px;
}

.state-switcher-logo .state-switcher-logo-state
{
	color: var(--teal, #44ACA4);
	text-align: right;
	font-family: Lexend;
	/* font-size: 46px; */
	font-size: 34px;
	font-style: normal;
	font-weight: 800;
	line-height: 40px; /* 86.957% */
	/* letter-spacing: -3.22px; */
	letter-spacing: -2px;
}

/* state specific logo letter spacing */
.nav-logo-nh .nav-logo-state, .state-switcher-logo-nh .state-switcher-logo-state
{
    letter-spacing: -4px;
    margin-right: 2px;
}

.nav-logo-ga .nav-logo-state, .state-switcher-logo-ga .state-switcher-logo-state
{
    letter-spacing: -3px;
    margin-right: 2px;
}

.nav-logo-mi .nav-logo-state, .state-switcher-logo-mi .state-switcher-logo-state
{
    letter-spacing: -4px;
    margin-right: 2px;
}

.nav-logo-nc .nav-logo-state, .state-switcher-logo-nc .state-switcher-logo-state
{
    letter-spacing: -4.5px;
    margin-right: 4px;
}

.nav-logo-az .nav-logo-state, .state-switcher-logo-az .state-switcher-logo-state
{
    margin-left: 1px;
}

.state-switcher-logo.nav-search-result:hover
{
	background: var(--lightest-system);
	border-radius: 6px;
	margin-inline: 4px;
}

.state-switcher-logo.nav-search-result.clicked
{
	animation-name: menu-blink-desktop;
	animation-duration: 0.85s;
}

.action-guide-form-info
{
	display: flex;
	flex-direction: row;
	align-self: stretch;
	justify-content: space-between;
	gap: 8px;
	flex-wrap: wrap;
}

.feed-item-highlighted-vote-v2
{
	display: flex;
	flex-direction: row;
	gap: 8px;
	align-items: center;
}

.feed-item-highlighted-vote-v2 .position-dot
{
	height: 8px;
	width: 8px;
	min-height: 8px;
	min-width: 8px;
	/* background-color: #bbb; */
	border-radius: 50%;
	display: inline-block;
}

.position-dot-score-0
{
	background-color: var(--darkest-grey);
}

.position-dot-score--3,
.position-dot-score--2
{
	background-color: var(--orange);
}

.position-dot-score--1
{
	background-color: var(--light-orange);
}

.position-dot-score-3,
.position-dot-score-2
{
	background-color: var(--teal);
}

.position-dot-score-1
{
	background-color: var(--light-teal);
}

.feed-item-highlighted-vote-v2 .position-dot-score--1
{
	background-color: var(--orange);
}

.feed-item-highlighted-vote-v2 .position-dot-score-1
{
	background-color: var(--teal);
}

.feed-item .feed-item-context-link
{
	/* margin-bottom: 5px; */
}

.feed-item .feed-item-context-link a,
.person-proof-box-context-link a,
.action-guide-person-card-context-link a
{
	/* Link/Small */
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 16px;
	text-decoration-line: underline;
	color: var(--nearly-black);
}

.feed-item-divider
{
	background: var(--light-grey);
	min-height: 1px;
	min-width: 100%;
	/* margin-block: 8px; */
}

.feed-item-description-and-context-box
{
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.action-guide-person-card-vacant .action-guide-person-card-photo-box img
{
	background: none;
	border: 3px dashed var(--grey,#9E9692);
}

.person-hero
{
	gap: 40px;
}

.person-hero-details-context
{
	/* Body/Large/Regular */
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
	line-height: 24px;
	/* or 120% */
	
	color: #000000;
	max-width: 380px;
}

@media screen and (max-width: 699px)
{
	.arrow-person-hero
	{
		display: none;
	}
	
	.section.person-hero:not(:has(.person-hero-details-context))
	{
		.arrow-person-hero
		{
			display: block;
		}
	}
	
	.person-hero-details-context
	{
		max-width: 100%;
	}
}

.section.teal h3
{
    color: var(--darkest-grey);
}

.action-guide-ballot-header
{
    gap: 10px;
}

.action-guide-ballot-header div
{
    gap: 8px;
    max-width: 490px;
}

.action-guide-ballot-header h2
{
    font-size: 48px;
    line-height: 44px;
}

.arrow-take-action
{
    content: url('/assets/arrow-take-action.php');
    /* position: relative; */
    /* top: 50px; */
    /* top: 35px; */
    /* margin-bottom: -50px; */
    /* right: -14px; */
    width: 126px;
    height: 204px;
}

.take-action-heading
{
    /* padding-bottom: 0px; */
    margin-bottom: -64px;
    display: flex;
    flex-direction: row;
    /* gap: 16px; */
    justify-content: space-between;
    /* overflow: visible; */
    /* z-index: 1; */
    /* margin-bottom: -64px; */
}

.take-action-heading h1
{
    color: var(--system);
    font-weight: 800;
    /* font-size: 88px; */
    /* line-height: 96px; */
    font-size: 72px;
    line-height: 80px;
    /* margin-bottom: 64px; */
    /* text-transform: capitalize; */
}

.arrow-take-action
{
    position: relative;
    align-self: flex-end;
    top: 20px;
}

.arrow-take-action
{
    top: -5px;
    left: 20px;
    transform: scale(0.80, 0.80);
}
.take-action-heading
{
    justify-content: normal;
    margin-bottom: -75px;
}
@media screen and (max-width: 699px)
{
    .take-action-heading
    {
        margin-bottom: -52px;
        max-width: 300px;
    }
    .arrow-take-action
    {
        top: 5px;
        left: 0px;
    }
}

.election-contact h3
{
    color: var(--teal);
}

.challenger-box-and-heading:has(.action-guide-card-score--1) h4,
.challenger-box-and-heading:has(.action-guide-card-score--2) h4,
.challenger-box-and-heading:has(.action-guide-card-score--3) h4
{
    color: var(--orange);
}

.challenger-box-and-heading:has(.action-guide-card-score-1) h4,
.challenger-box-and-heading:has(.action-guide-card-score-2) h4,
.challenger-box-and-heading:has(.action-guide-card-score-3) h4
{
    color: var(--teal);
}

.feed-item.highlight .feed-item-description-and-context-box p
{
    /* font-size: 20px; */
    /* line-height: 24px; */
}

#nav-search-results-ul > a.nav-search-result search-result-state
{
    /* font-size: 14px;
    color: var(--grey);
    margin-left: 8px;
    line-height: 18px; */
    
    /* background-color: var(--lightest-system); */
    /* color: var(--system); */
    background-color: var(--most-light-grey);
    color: var(--grey);
    font-size: 12px;
    margin-left: 8px;
    line-height: 17px;
    border-radius: 5px;
    padding-inline: 5px;
    font-weight: 600;
    position: relative;
    top: -1px;
}

#nav-search-results-ul > a.nav-search-result:hover search-result-state,
#nav-search-results-ul > a.nav-search-result.highlight search-result-state
{
    background-color: rgba(247, 246, 245, 0.7);
    opacity: 0.95;
}

#legislator-name-result li
{
    /* max-height: 20px; */
}

.blog-post-index
{
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    /* flex-direction: row; */
    flex-wrap: wrap;
}

.blog-post-index-listing
{
    display: flex;
    background: var(--white);
    border-radius: 6px;
    border: 1px solid var(--lightest-grey);
    overflow: hidden;
    justify-content: space-between;
    width: 100%;
}

.blog-post-index-listing h3
{
    color: var(--system);
    /* Body/Large/Semibold */
    font-family: Lexend;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 120% */
}

.blog-post-index-listing .blog-post-index-listing-title-and-metadata
{
    order: 2;
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: space-between;
    padding: 16px;
}

.blog-post-index-listing .blog-post-index-listing-title-and-metadata p
{
    font-size: 14px;
}

.blog-post-index-listing .blog-post-index-listing-title-and-metadata .blog-post-index-listing-metadata
{
    width: 100%;
    color: var(--dark-grey);
    align-self: flex-end;
}

.blog-post-index-listing .blog-post-index-listing-title-and-metadata .blog-post-index-listing-summary
{
    display: none;
    /* height: 350px; */
    /* max-height: auto; */
    overflow: hidden;
    margin-bottom: auto;
}

.blog-post-index-listing img
{
    margin: 16px;
    order: 3;
    width: 125px;
    height: 125px;
    /* width: 100%; */
    /* height: 300px; */
    /* min-height: 300px; */
    /* max-height: 300px; */
    /* border: 1px solid var(--lightest-grey); */
    /* background: var(--white); */
    /* background: var(--system); */
    background: var(--most-light-grey);
    border-radius: 6px;
    object-fit: cover;
    /* object-fit: scale-down; */
    cursor: pointer;
}

@media screen and (min-width: 732px)
{
    .blog-post-index
    {
        gap: 32px;
    }
    
    .blog-post-index.related
    {
        gap: 16px;
        justify-content: space-between;
    }
    
    .blog-post-index-listing.featured-a .blog-post-index-listing-summary
    {
        display: block;
        
        /* background: -webkit-linear-gradient(var(--nearly-black), #eee);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; */
    }
    
    .blog-post-index-listing.featured-a
    {
        flex-direction: row;
        max-height: 349px;
    }
    
    .blog-post-index-listing.featured-a h3
    {
        /* H3/Standard */
        font-family: Lexend;
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: 34px; /* 113.333% */
    }
    
    .blog-post-index-listing.featured-a img
    {
        order: 1;
        margin: 0px;
        border-radius: unset;
        width: 349px;
        height: 349px;
        /* background: var(--system); */
        background: var(--most-light-grey);
        object-fit: cover;
    }
    
    .blog-post-index-listing.featured-b
    {
        /* max-width: 50%; */
        flex-direction: column;
        /* gap: 32px; */
        /* justify-content: space-between; */
        /* border: 1px solid var(--lightest-grey); */
        /* background: var(--lightest-grey); */
    }
    
    .blog-post-index-listing.featured-b h3
    {
        /* H3/Standard */
        font-family: Lexend;
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: 34px; /* 113.333% */
    }
    
    .blog-post-index-listing.featured-b img
    {
        order: 1;
        margin: 0px;
        border-radius: unset;
        /* width: 125px; */
        /* height: 125px; */
        width: 100%;
        height: 300px;
        /* min-height: 300px; */
        /* max-height: 300px; */
        /* border: 1px solid var(--lightest-grey); */
        /* background: var(--white); */
        /* background: var(--system); */
        background: var(--most-light-grey);
        /* border-radius: 6px; */
        /* object-fit: cover; */
        object-fit: scale-down;
    }
    
    .blog-post-index-listing.featured-half
    {
        max-width: 332px;
        flex-direction: column;
        align-self: stretch;
    }
    
    .blog-post-index-listing.featured-half img
    {
        object-position: top;
        order: 1;
        margin: 0px;
        border-radius: unset;
        width: 100%;
        min-height: 334px;
        /* width: 125px; */
        /* height: 125px; */
        /* width: 100%; */
        /* height: 100%; */
        /* min-height: 300px; */
        /* max-height: 300px; */
        /* border: 1px solid var(--lightest-grey); */
        /* background: var(--white); */
        /* background: var(--system); */
        background: var(--most-light-grey);
        /* border-radius: 6px; */
        object-fit: cover;
        /* object-fit: scale-down; */
    }
    
    .blog-post-index-listing.featured-half .blog-post-index-listing-title-and-metadata
    {
        height: 100%;
    }
    
    .blog-post-index-listing.featured-related-mini
    {
        max-width: 340px;
        align-self: stretch;
    }
    
    .blog-post-index-listing.featured-related-mini img
    {
        width: 100px;
        height: 100px;
    }
    
    .blog-post-index-listing.featured-related
    {
        max-width: 220px;
        flex-direction: column;
        align-self: stretch;
    }
    
    .blog-post-index-listing.featured-related h3,
    .blog-post-index-listing.featured-related-mini h3
    {
        /* Body/Base/Semibold */
        font-family: Lexend;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px; /* 125% */
    }
    
    .blog-post-index-listing.featured-related img
    {
        object-position: top;
        order: 1;
        margin: 0px;
        border-radius: unset;
        width: 100%;
        min-height: 220px;
        /* width: 125px; */
        /* height: 125px; */
        /* width: 100%; */
        /* height: 100%; */
        /* min-height: 300px; */
        /* max-height: 300px; */
        /* border: 1px solid var(--lightest-grey); */
        /* background: var(--white); */
        /* background: var(--system); */
        background: var(--most-light-grey);
        /* border-radius: 6px; */
        object-fit: cover;
        /* object-fit: scale-down; */
    }
    
    .blog-post-index-listing.featured-related .blog-post-index-listing-title-and-metadata
    {
        height: 100%;
    }
}

@media screen and (max-width: 731px)
{
    .blog-post-index-listing.featured-a
    {
        /* max-width: 332px; */
        flex-direction: column;
        align-self: stretch;
    }
    
    .blog-post-index-listing.featured-a img
    {
        object-position: top;
        order: 1;
        margin: 0px;
        border-radius: unset;
        width: 100%;
        min-height: 334px;
        /* width: 125px; */
        /* height: 125px; */
        /* width: 100%; */
        /* height: 100%; */
        /* min-height: 300px; */
        /* max-height: 300px; */
        /* border: 1px solid var(--lightest-grey); */
        /* background: var(--white); */
        /* background: var(--system); */
        background: var(--most-light-grey);
        /* border-radius: 6px; */
        /* object-fit: cover; */
        object-fit: scale-down;
    }
    
    .blog-post-index-listing.featured-a .blog-post-index-listing-title-and-metadata
    {
        height: 100%;
    }
}

.back-to-blog-link
{
    color: var(--system);
    font-family: Lexend;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 125% */
}

.back-to-blog-link::before
{
    content: url('/assets/arrow-link-small-left.php?c=345ABC');
    margin-right: 6px;
    text-wrap: nowrap;
    white-space: nowrap;
}