/* CSS STYLESHEET UDW.org */

/* Global Variables
________________________________________________________________________*/

:root {
	/* Colors */
	--blue-xx: #006247;
	--blue-xxx:#006247;
	--blue-xl: #006247;
	--blue-l: #006247; /* M */
  	--digital-blue: #006247;
  	--green-x: #C9F2DA;
	--green-xx: #D1F2D3;
	--green-xxx: #8EDAB2;
	--green-xl: #D1F2D3; /* M */ 
	--grey-x: #F9F9F9;
	--grey-xx: #EDEDF0;
	--grey-xxx: #D7D7DB;
	--grey-l: #737373;
	--grey-lx: #38383D;
  	--ink-lxx: #006247;
  	--ink-lxxx: #006247; /* M */
  	--red-xxx: #FF957B;
  	--red-xl: #FF6D57;
  	--red-l: #F93F32; /* M */
	--teal-xxx: #2ED9C7;
	--teal-xl: #21C5B3;
	--teal-l: #19A697; /* M */ 
	--teal-lx: #148579;
  	--white: #fff; 
	--yellow-x: #FFF7AE;
	--yellow-xx: #FEEE88; /* M */ 
	--yellow-xxx: #FCE465;
	--neon-green: #C9CF16;
	--bright-green: #C9CF16;
	--dark-green: #006247;
}


/* Typography 
________________________________________________________________________*/

@font-face {
    font-family: Albra Black;
    src: url('../fonts/Albra-Black.ttf') format('truetype');
}

@font-face {
    font-family: Roboto;
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
}

p {
	font-family: 'Roboto', sans-serif;
	font-size: 0.95em;
	font-weight: 400;
	margin-left: 0.2em;
}
h2 {
	color: var(--ink-lxx);
	font-size: 1.7em;
	margin-left: 0.15em;
}
h3 {
	color: var(--ink-lxx);
	font-size: 1.25em;
	margin-left: 0.15em;
}
h3 a:link, 
h3 a:visited, 
h3 a:hover, 
h3 a:active {
	color: var(--ink-lxx);
	text-decoration: none;
} 
h6, h5, h4, h3, h2, h1 {
	color: var(--ink-lxx);
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}
nav {
	font-family: 'Albra Black', Sans-serif;
	font-style: normal;
	font-weight: normal;
	font-display: auto;
}

.old-nav {
	font-size: .7em;
}

.article-grid-item h6 {
	font-size: 1.1em;
	padding:  0.5em;
	margin-top: 0.15em;
	text-align: center;
}
.byline {
	color: var(--grey-lx);
	font-family: 'Roboto', sans-serif;
	font-size: 0.95em;
	margin-left: 0.25em;
	margin-top: 0.25em;
}
.footer-grid {
	color: var(--white);
	font-family: 'Roboto', sans-serif;
	font-size: 1.4em;
	font-weight: 700;
}
.foot-attr p {
	color: var(--white);
	font-size: 0.85em;
	text-align: center;
}
.footer-grid .foot-grid-3 a,
.footer-grid .foot-grid-3 a:link,
.footer-grid .foot-grid-3 a:visited,
.footer-grid .foot-grid-3 a:active {
	color: var(--ink-lxx);
}
.footer-grid a,
.footer-grid a:link,
.footer-grid a:visited,
.footer-grid a:active {
	color: var(--white);
	text-decoration: none;
}

.hp-events-l a:link,
.hp-events-l a:hover,
.hp-events-l a:visited,
.hp-events-l a:active,
.hp-events-r a:link,
.hp-events-r a:hover,
.hp-events-r a:visited,
.hp-events-r a:active {
	color:  var(--grey-lx);
}
.hp-events-l,
.hp-events-r {
	color:  var(--grey-lx);
	font-family: 'Roboto', sans-serif;
	font-size: 0.85em;
}
#hp-moreevents-btn,
#hp-morestories-btn {
	color: var(--ink-lxx);
	font-family:  'Roboto', sans-serif;
	font-size: 1.1em;
	font-weight: 700;
}
.hp-os-byline {
	color: var(--white);
	font-size: 0.85em;
	text-align: center;
}
.hp-os-byline-alt {
	color: var(--blue-l);
	font-size: 0.85em;
	text-align: center;
}
.hp-tw-date {
	font-family: 'Roboto', sans-serif;
	font-size: 1.1em;
}
#hp-stories-row h6 a:link,
#hp-stories-row h6 a:visited,
#hp-stories-row h6 a:hover,
#hp-stories-row h6 a:active {
	color: var(--white);
	text-decoration: none;
}
.ihss-copy-block-l > h5 {
	color: var(--ink-lxx);
}
.ihss-copy-block-l p a:link,
.ihss-copy-block-l p a:visited,
.ihss-copy-block-l p a:hover,
.ihss-copy-block-l p a:active {
	color: var(--digital-blue);
}
#members-options h6 {
	color: var(--blue-l);
	padding: 1em 0 1.5em 0;
}
.m-menu-txt {
	font-family: 'Roboto', sans-serif;
	font-size: 1.1em;
	letter-spacing: -1px;
	margin-right: 1em;
}
.m-menu-ui {
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	position: relative;
}
.members-icon {
	height: auto;
	width: 150px;
}
.morestories-btn {
	color: var(--grey-lx);
	font-family:  'Roboto', sans-serif;
	font-size: 1.1em;
	font-weight: 700;
}
.nav-item a:link,
.nav-item a:visited,
.nav-item a:active {
	color: var(--blue-l);
	font-size: 1.5em;
}
.nav-item a:hover {
	color: var(--blue-xl);
	font-size: 1.5em;
}
.ourstories_text h6 {
	color: var(--white);
	font-size: 1.2em;
	text-align: center;
}
.ourstories_text_alt h6 {
	color: var(--ink-lxx);
	font-size: 1.2em;
	text-align: center;
}
#ppcard,
#ppcard-alt {
	font-size: 1.2em;
}
.p-quote {
	font-weight: bold;
}
.search-icon {
	background: url('../img/search.svg') no-repeat left center;
}
.section-header {
	margin: 3em 0;
	text-align: center;
}
.st-menu-ui,
.mem-menu-ui,
.un-menu-ui,
.vic-menu-ui {
	color: var(--ink-lxx);
	font-family: 'Roboto', sans-serif;
	font-size: 1.6em;
}
.st-share-btn {
	font-family: 'Roboto', sans-serif;
	font-size: 1.1em;
	letter-spacing: -1px;
}
.st-share-btn a:link,
.st-share-btn a:visited,
.st-share-btn a:hover,
.st-share-btn a:active {
	color: var(--white);
	text-decoration: none;
}
strong {
	color: var(--ink-lxx);
}
.text-emph-yell {
	background-color: var(--yellow-xx);
	color: var(--ink-lxxx);
	font-family: 'Roboto', sans-serif;
	font-size: 1.75em;
	font-weight: 700;
	letter-spacing: -1px;
	line-height: 0.75;
	margin-bottom: -1em;
	padding: 0 10px;
}
.tline-date {
	color: var(--white);
	font-size: 1.25em;
	font-family: 'Roboto', sans-serif;
}
.tline-title {
	color: var(--white);
	font-size: 1.25em;
}
.tline-title:first-child {
	font-size: 1.75em;
	padding: 3em;
	text-align: center;
}
.udw-benefits-hero p {
	color: var(--white);
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	line-height: 1.7em;
	max-width: 992px;
	padding: 1em 1.5em;
}
.udw-alt-hero h2,
.udw-hero-stories h2 {
	color: var(--green-xl);
	font-family: 'Albra Black', sans-serif;
	font-size: 3.75em;
	/* letter-spacing: 1px; */
	margin-left: 0;
	text-align: center;
	text-transform: uppercase;
}
.udw-int-hero h5 {
	color: var(--white);
	text-align: center;
}
.udw-alt-hero p,
.udw-hero-stories p,
.udw-members-hero p,
.udw-union-hero p, 
.udw-victories-hero p {
	color: var(--white);
	font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
	letter-spacing: -1px;
}
.udw-members-hero h2:last-of-type {
	color: var(--green-xxx);
}
.udw-members-hero h2,
.udw-benefits-hero h2,
.udw-union-hero h2	{
	color: var(--green-xl);
	font-family: 'Albra Black', sans-serif;
	font-size: 3.5em;
	margin-top: -0.4em;
	text-align: center;
}
.udw-more-link {
	background-color: var(--blue-l);
	border-radius: 3px;
	color: var(--white);
	padding: 0.35em 1em;
	text-decoration: none;
	text-transform: lowercase;
}
a.udw-more-link:hover {
	color: var(--blue-xxx);
}
.udw-stats-grid-txt {
	line-height: 1em;
	padding: 0.1em;
}
.udw-victories-hero h2,
.udw-dist-hero h2,
.udw-hero-dist-1 h2	{
	color: var(--white);
	font-family: 'Albra Black', sans-serif;
	font-size: 3.5em;
	margin-top: -0.4em;
	text-align: center;
}

.udw-hero-dist-1 p,
.udw-dist-hero p {
	color: var(--white);
    font-size: 2em;
    margin: 0;
    letter-spacing: -1px;
    text-align: center;
}

/* Form Styling
________________________________________________________________________*/

summary:focus {
    outline: 0;
}
.form-group-hp {
	display: flex;
	flex-direction: column;
	position: relative;
}
.form-group-hp label {
	font-family: 'Roboto', sans-serif;
	font-size: 0.85em;
	margin-left: 0.15em;
}
.form-group-hp input {
	font-family: 'Roboto', sans-serif;
	font-size: 0.95em;
	max-width: 100%;
	padding: 0.15em;
}
#hp-input-btn-1 {
	align-self: center;
	background-color: var(--blue-l);
	border: 0;
	color: var(--white);
	font-family: 'Roboto', sans-serif;
	font-size: 1.25em;
	grid-area: hp-input-btn-1;
	letter-spacing: -1px;
}
#hp-input-btn-2 {
	align-self: center;
	background-color: var(--blue-l);
	border: 0;
	color: var(--white);
	font-family: 'Roboto', sans-serif;
	font-size: 1.25em;
	grid-area: hp-input-btn-2;
	letter-spacing: -1px;
}
#hp-input-btn-3,
#hp-input-btn-3-alt {
	align-self: center;
	background-color: var(--dark-green); 
	color: var(--white);
	font-family: 'Roboto', sans-serif;
	font-size: 1.25em;
	grid-area: btn;
	letter-spacing: -1px;
	padding: 0.3rem 0;
	text-decoration: none;
	text-align: center;
}
#hp-mbr-copy {
	grid-area: copy;
}
#hp-mbr-copy .byline {
	color: var(--grey-lx);
	font-size: 0.85em;
	margin-top: 0.25em;
}
.hp-section-title {
	margin-left: 0;
	text-align: center;
}
#hp-signup,
#hp-signup-area {
	display: flex;
	flex-direction: column;
	justify-content: start;
	padding: 0 1em 0.5em 1em;
	text-align: center;
}
#hp-signup h2,
#hp-signup-area h2 {
	margin-left: 0;
}
#hp-signup-form-email h6,
#hp-signup-form-mbr h6,
#hp-signup-form-msg h6 {
	margin-top: 0.25em;
	text-align: center;
}
#hp-signup-form-mbr p {
	font-size: 1em;
	margin-left: 0;
	text-align: center;
}
#hp-signup-email {
	display: grid;
	column-gap: 1.2em;
	grid-column-gap: 1.2em;
	grid-template-areas: 
	    "lbl-name-1 lbl-name-1 lbl-email lbl-email"
	    "name-field name-field email-field email-field"
	    " . . . . "
	    ". hp-input-btn-1 hp-input-btn-1 .";
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1.5em 1fr 1em 1fr;
}
#hp-signup-email-1 {
	grid-area: email-field;
}
#hp-signup-form-email,
#hp-signup-form-msg,
#hp-signup-form-mbr {
	border-color: var(--neon-green);
	border: 2px solid;
	/*margin: 1em 0 0.5em 0;*/
	padding: 1.2em;
}
#hp-signup-mbr {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1em 3em;
	grid-template-areas: 
	"copy copy copy copy"
	" . . . ."
	" . btn btn . ";
}
#hp-signup-msg {
	display: grid;
	column-gap: 1em;
	grid-column-gap: 1em;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1.5em 1fr 1em 1fr;
	grid-template-areas: 
	"lbl-name-2 lbl-name-2 lbl-msg lbl-msg"
	"name-field-2 name-field-2 msg-field msg-field"
	" . . . . "
	". hp-input-btn-2 hp-input-btn-2 .";
}
#hp-signup-msg-1 {
	grid-area: msg-field;
}
#hp-signup-name-1 {
	grid-area: name-field;
}
#hp-signup-name-2 {
	grid-area: name-field-2;
}
#lbl-email {
	align-self: end;
	grid-area: lbl-email;
}
#lbl-msg {
	align-self: end;
	grid-area: lbl-msg;
}
#lbl-name-1 {
	align-self: end;
	grid-area: lbl-name-1;
}
#lbl-name-2 {
	align-self: end;
	grid-area: lbl-name-2;
}
.nav-search-btn {
	background-color: var(--white);
	border: none;
    color: var(--blue-l);
    font-size: 1.5em;
    padding-left: 0px;
}
.nav-search-btn:hover {
	color: var(--blue-xl);
}
.nav-search-field {
    height: 40px;
    text-align: center;
	width: 200px;
}
.nav-search-grp {
    margin: 0 .25em 0 1.25em;
    font-size: .7em;
}
.nav-search-grp-alt {
	display: none;
}
form.nav-search {
    color: var(--ink-lxxx);
    display: flex;
    font-family: 'Roboto', sans-serif;
    justify-content: space-evenly;
    position: absolute;
    right: 180px;
    top: 95px;
    width: 280px;
}
.prepaid-form button {
	background-color: var(--ink-lxx);
	border: 2px solid var(--ink-lxx);
	border-radius: 5px;
	color: var(--white);
	margin-top: 1.5em;
	padding: 0.5em;
	text-align: center;
}

/* UI ITEM - Mobile Nav Toggler
________________________________________________________________________*/

button .navbar-toggler-icon {
	color: var(--white);
	display: inline-flex;
	flex: 1;
}

button.navbar-toggler {
    /*background-color: var(--blue-l);*/
    background-color: var(--green-xl);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 2em;
    color: var(--white);
    letter-spacing: 1px;
    padding-top: 5px;
}
button.navbar-toggler:hover {
	color: var(--white);
}
button.navbar-toggler::after{
	content: '';
	flex: 1;
}
.navbar-toggler-icon svg {
    fill: var(--white);
}

/* JOIN CSS, Modals & Forms
________________________________________________________________________*/
#hp-input-btn-3-alt {
	display: none;
}
#join-us-home-care a:link,
#join-us-home-care a:visited,
#join-us-home-care a:hover,
#join-us-home-care a:active,
#join-us-child-care a:link,
#join-us-child-care a:visited,
#join-us-child-care a:hover,
#join-us-child-care a:active,
.join-btn-ccpu-option a:link, 
.join-btn-ccpu-option a:visited, 
.join-btn-ccpu-option a:hover, 
.join-btn-ccpu-option a:active, 
.join-btn-ihss-option a:link, 
.join-btn-ihss-option a:visited, 
.join-btn-ihss-option a:hover, 
.join-btn-ihss-option a:active {
	background-color: var(--blue-l);
	color: var(--white);
	font-weight: normal;
	letter-spacing: -1px;
	margin-top: 2em;
	padding: 0.3em 1.5em;
	text-decoration: none;
	text-align: center;
}
#join-btn-foot-nav-alt,
#join-here-hero-alt {
	display: none;
}
#j-modal-ccpu p,
#j-modal-ihss p {
	font-family: 'Roboto', sans-serif;
	font-size: 1.25em;
	font-weight: 700;
	letter-spacing: 0.5px;
	padding: 0.5em;
}
.j-modal-join-ccpu a:link,
.j-modal-join-ccpu a:visited,
.j-modal-join-ccpu a:hover,
.j-modal-join-ccpu a:active {
	background-color: var(--blue-l);
	color: var(--white);
	font-weight: normal;
	letter-spacing: -1px;
	margin-top: 2em;
	padding: 0.3em 1.5em;
	text-decoration: none;
	text-align: center;
}
.j-modal-join-ihss a:link,
.j-modal-join-ihss a:visited,
.j-modal-join-ihss a:hover,
.j-modal-join-ihss a:active {
	background-color: var(--green-xl);
	color: var(--dark-green);
	font-weight: normal;
	letter-spacing: -1px;
	margin-top: 2em;
	padding: 0.3em 1.5em;
	text-decoration: none;
	text-align: center;
}
#j-modal-ccpu {
	background-color: var(--yellow-xx);
	color: var(--ink-lxx);
	padding: 2.25em 3em;
	position: relative;
}
#j-modal-ihss {
	background-color: var(--ink-lxx);
	color: var(--white);
	padding: 2.25em 3em;
	position: relative;
}
#join-ccpu-option {
	background-color: var(--yellow-xx);
	color: var(--ink-lxx);
	margin: 0 0 1.25em 0;
	padding: 2.25em 3em;
	position: relative;
}
#join-ccpu-option p,
#join-ihss-option p {
	font-size: 1.45em;
	font-weight: 700;
	text-align: center;
}
#join-ihss-option {
	background-color: var(--ink-lxx);
	color: var(--white);
	margin: 1.25em 0;
	padding: 2.25em 3em;
	position: relative;
}
#join-us-nav-btn {
	background: none;
	border: none;
	color: var(--blue-l);
	font-size: 1.5em;
	margin-bottom: 0.25em;
}
#join-us-nav-btn:hover {
	color: var(--blue-xl);
}
#mem-menu-join-alt,
.nav-join-alt {
	display: none;
}

/* Layout - ALL WIDTHS
________________________________________________________________________*/

.article-date {
	background: rgba(38, 58, 107, 0.6);
    color: var(--white);
    left: 20px;
    padding: 0.25em 0.45em;
    position: absolute;
    top: 10px;
}
.article-grid-item {
	align-items: center;
	background-color: var(--ink-lxx);
	display: flex;
	flex-direction: column;
	height: 325px;
	justify-content: flex-start;
	max-width: 375px;
	position: relative;
}
.article-grid-item h6 a:link,
.article-grid-item h6 a:visited,
.article-grid-item h6 a:active {
	color: var(--white);
	text-decoration: none;
}
.article-grid {
	display: grid;
	gap: 1.5em;
	grid-template-columns: 375px 375px 375px;
	grid-template-rows: auto;
	grid-template-areas: 
	"preview preview preview"
	;
}
.article-more {
	color: var(--grey-xx);
	font-size: 0.85em;
	font-weight: 400;
	text-transform: capitalize;
}
.ourstories_text_alt .article-more {
	color: var(--ink-lxx);
}
.article-wrap {
	align-items: center;
	display: flex; 
	justify-content: center;
}
.blue-hero-hr {
	background-color: var(--white);
	opacity: 0.6;
}
body {
	background: var(--grey-x);
}
.caregiver-featured {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 1.5rem;
	text-align: center;
}
.caregiver-featured img {
	width: 480px;
	height: auto;
}
.caregiver-featured a:link,
.caregiver-featured a:visited,
.caregiver-featured a:hover,
.caregiver-featured a:active {
	border: 0;
	background-color: var(--blue-l);
	color: white;
	font-family: 'Roboto', sans-serif;
	font-size: 1.25em;
	margin-top: 1rem;
	padding: 0.75rem 1.5rem;
	text-decoration: none;
}
.caregiver-featured p {
	margin-bottom: 2.75em;
	padding: 0.25em 1em;
}
.caregiver-grid {
    background: var(--grey-x);
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
	grid-template-rows: auto;
	grid-gap: 1.95rem;
	margin-top: 5rem;
    max-width: 1200px;
	padding: 1.5em 0.75em 0;
}
.caregiver-intro {
	margin-top:  1.5rem;
	max-width: 1200px;
	padding-left: 0;
	padding-right: 0;
}
.caregiver-issue {
	display: flex;
	flex-direction: column;
	margin-bottom: 2.5em;
	place-items:  center start;
	position: relative;
}
.caregiver-issue h3 {
	margin-bottom: 0.65em;
	margin-left: 0;
	padding-top: 0.5em;
}
.caregiver-read {
	background: var(--blue-l);
	color: var(--white);
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.cat-result {
    padding: 2em 15em 0 4em;
}
.cat-result p {
	color: var(--ink-lxxx);
	font-size: 1.25em;
	line-height: 1.15em;
	margin-top: 1em;
}
.cat-result h2 a {
	color: var(--ink-lxx);
	text-decoration: none;
}
.cat-title {
	display: flex;
	justify-content: flex-start;
}
.cat-title h2 {
	background: var(--ink-lxx);
    color: var(--white);
    display: inline-block;
    font-size: 1.8em;
    margin: 2em 0 2em 2.2em;
    padding: 15px 9.5em;
    text-align: center;
    width: 90%;
}
.cat-title-tcg h2 {
	background: var(--ink-lxx);
    color: var(--white);
    display: inline-block;
    font-size: 1.8em;
    margin: 2em 0 0 2.2em;
    padding: 15px 9.5em;
    text-align: center;
    width: 90%;
}
.categories-tags a {
	background-color: var(--white);
	border: 1px var(--blue-xl) solid;
	color: var(--ink-lxx);
	margin-bottom: 0.5em;
	margin-right: 1em;
	padding: 0.3em 0.65em;
	width: max(calc(100% / 8), 140px);
}
.categories-tags {
	display: flex;
	flex-wrap: wrap;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.categories-tags a:link,
.categories-tags a:visited,
.categories-tags a:hover,
.categories-tags a:active {
	color: var(--ink-lxx);
	text-decoration: none;
	width: max-content;
}
.ccpu-go-btn {
    align-items: center;
    background-color: var(--blue-xl);
    border-radius: 0.25rem;
    color: var(--white);
    display: flex;
    font-size: 16px;
    height: 40px;
    justify-content: center;
    margin-left: 0;
    position: relative;
    text-transform: capitalize;
    width: 400px;
}
.ccpu-go-btn a:link,
.ccpu-go-btn a:visited,
.ccpu-go-btn a:active {
	color: var(--white);
	text-decoration: none;
}
.ccpu-go-btn a:hover {
	color: #212529;
}
.cont-1200 {
	max-width: 1200px;
}
.cont-800 {
	max-width: 800px;
}
.cont-reverse {
	background-color: var(--ink-lxx);
	color: var(--white);
	margin-top: 2em;
	padding: 2em;
	text-align: center;
}
.cont-reverse h3 {
	color: var(--white);
	font-size: 1.85em;
	padding-bottom: 0.75em;
}
.cont-reverse p,
.cont-reverse strong {
	color: var(--white);
	font-size: 1.2rem;
}
.contact-grid {
	display: grid;
	grid-gap: 1rem;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	grid-template-areas:
	"map dropdowns";
	padding: 4rem;
}
.contact-grid > .udw-map {
	text-align: center;
}
.contact-search-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.contact-search-btn button {
	background-color: var(--blue-xl);
	color: var(--white);
	font-family: 'Roboto', sans-serif;
	width: 400px;
}
.contact-search-btn .dropdown-menu {
	width: 400px;
}
#contact-search-btn-ccpu {
	text-align: center;
	margin-top: 4rem;
}

#contact-search-btn-ihss {
	text-align: center;
}
.copy-block-grid {
	display: grid;  
	grid-template-columns: repeat(auto-fit, minmax(200px , 1fr));
	grid-gap: 1em;
}
.copy-block-grid li {
	font-family: ;
	list-style: none;
	font-family: 'Roboto', sans-serif;
	font-size: 1.05em;
	font-weight: 400;
}
.district-contact-info,
.district-event-calendar {
	padding-left: 1em;
}
.district-contact-info > h3, 
.district-event-calendar > h3 {
	padding-top: 2rem;
}
.district-leader-grid {
	display: grid;
	grid-gap: 1.25rem;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: repeat(3, 1fr);
}
.district-news-grid {
	justify-content: center;
	padding-top: 2em;
}
.fb-footer-a {
	grid-column-start: 1;
	grid-column-end: 2; 
	justify-self: right;
}
.fb-footer {
    padding: 0.25em 0.125em;
    width: 40px;
}
.feature-intro {
	align-items: center;
	display: grid;
	grid-template-areas:
	"image copy";
	grid-template-columns: 1fr 1fr;
	grid-gap: 1em;
	padding: 0 4em;
}
.feature-intro p {
	font-size: 1.5em;
	padding: 1em;
}
.foot-attr {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-top: 2.2em;
}
.foot-grid-1 {
	display: grid;
	grid-template-rows: 2fr 1fr;
	grid-template-columns: 1fr 1fr;
}
.foot-grid-2 {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 160px;
	justify-content: flex-start;
	list-style: none;
	margin-left: 1em;
	padding-top: 1em;
	padding-left: 0;
}
.foot-grid-3 {
	align-items: center;
	background-color: var(--green-xx);
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}
.footer-grid {
	display: grid;
	grid-template-columns: 25% 55% 20%; 
}
.footer-main {
	background-color: var(--ink-lxx);
	border-top: solid 5px var(--green-xx);
	margin-top: 8em;
}
.fpo-circle {
    background: var(--blue-l);
    border: solid 1px var(--blue-xl);
    border-radius: 50%;
    height: 90px;
    margin: 0 auto;
	width: 90px;
}
.help-app-demo-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr 1fr;
	grid-gap: 2em;
	justify-items: center;
}
.help-app-demo-grid img {
	border: solid 1px var(--grey-lx);
}
.highlight-block-y {
	background-color: var(--yellow-x);
	margin: 0 3em;
}
#hp-events {
	padding: 0 3em;
}
#hp-events-grid iframe {
	height: 850px;
	max-width: 100%;
	width: 750px;
}
#hp-events-grid h2 {
	flex-basis: 400px;
	margin: 1em 0 1em 0.25em;
}
.hp-events-l {
    width: min(450px, 73%);
 }
.hp-events-l:before {
	content: ' \25BA';
	padding-right: 0.35em;
}
.hp-events-l {
	background-color: var(--grey-xx);
	border: var(--grey-xxx) 1px solid;
	margin-bottom: 1em;
	max-height: 3.15em;
	padding: 0.85em 0.5em;
}
.hp-events-r {
	background-color: var(--grey-xx);
	border: var(--grey-xxx) 1px solid;
	margin-bottom: 1em;
	max-height: 3.15em;
	padding: 0.85em 0.5em;
}
.hp-events-more {
	flex-basis: 400px;
}
.hp-events-r {
	margin-left: 2em;
}
#hp-moreevents-btn,
#hp-morestories-btn {
	background-color: var(--white);
	border: 1px solid var(--blue-l);
	justify-content: center;
	margin: 2.75em 0 4.25em 0;
	padding: 0.35em;
	width: 175px;
}
#hp-news-signup {
	margin-top: 3em;
	max-width: 1200px;
}
#hp-news-area {}
#hp-news-col-a,
#hp-news-col-b,
#hp-news-col-c {
	display: flex;
	flex-direction: column;
	position: relative;
}
#hp-news-col-a h3,
#hp-news-col-b h3, 
#hp-news-col-c h3 {
	margin-top: 1.1rem;
}
#hp-news-col-d {
	align-self: center;
	padding-right: 2.3em;
}
#hp-news-div-3 {
	justify-content: center;
	margin-top: 1.95em;
}
.hp-news-img-size-l {}
.hp-news-img-size-m {
	height: 225px;
	object-fit: cover;
	object-position: 20% 0;
	width: 270px;
}
#hp-stories {
	max-width: 1200px;
}
#hp-stories-row {
	align-items: center;
	background-color: var(--grey-x);
	justify-content: center;
	padding: 1.5em 0;
}
#hp-stories-row > div {
	max-width: 33%;
	position: relative;
}
.hp-tw-date {
	background-color: var(--green-xx);
	display: inline-block;
	padding: 0.25em 0.5em;
}
#hp-tw-grid {	
    padding: 1.3em;
    /*text-align: center;*/
}
#hp-tw-grid h2 {
	margin: 1em 0;
}
.hp-tweet {
	background-color: var(--grey-x);
	margin: 0.75em 0;
	text-align: left;
}
.hp-tweet p {
	padding: 0.5em;
}

.ihss-copy-block, 
.ihss-copy-block-l {
	margin: 2em;
}
.ihss-copy-block h2 {
	margin-top: 2em;
	text-align: center;
}
.ihss-copy-block-l > h2 {
	padding-left: 0.95em;
	margin: 1.5em 0;
}
.ihss-copy-block-l > h3 {
	line-height: 1.5em;
	margin: 1.5em 0;
	padding-left: 1.2em;
}
.ihss-copy-block p {
	font-size:  1.3em;
	line-height: 1.75em;
	max-width: 1150px;
	padding: 1em;
	text-align: center;
}
.ihss-copy-block-l p {
	font-size:  1.3em;
	line-height: 1.75em;
	max-width: 1150px;
	padding: 0.2em 1em;
	text-align: left;
}
.ihss-copy-block-list {
	margin: 1.95em 2em;
	max-width: 80%;
	padding-left: 1.2em;
}
.ihss-copy-block-list li {
	background: url(../img/udw--bullet.png) no-repeat left center;
	font-family: 'Roboto', sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	list-style-type: none;
	margin-bottom: 1em;
	max-width: 990px;
	padding-left: 2.25em;
}
.ihss-victories { 
	background-color: var(--ink-lxx);
}
.ihss-victories p {
	color: var(--white);
	font-size:  1.3em;
	line-height: 1.75em;
	padding: 1.25em 5em;
	text-align: center;
}
.img-block {
	margin: 0 auto;
	padding: 2em;
	text-align: center;
}
.join-area {
	display: grid;
	height:  100%;
	place-items: center;
	position: relative;
	width: 100%;
}
#m-menu-hp {
	max-width: 1200px;
}
.m-menu-a:link,
.m-menu-a:visited,
.m-menu-a:hover,
.m-menu-a:active {
	color: var(--ink-lxxx);
	text-decoration: none;
}
.m-menu-ui {
	background: none;
	border: 1px solid var(--blue-l);
	color: var(--blue-l);
	margin: 0.5em 0.9em; 
	padding: 0.25em 1em;
	text-align: center;
	width: 150px;
}
.mem-menu-ui a,
.mem-menu-ui a:link,
.mem-menu-ui a:visited,
.mem-menu-ui a:active {
	color: var(--ink-lxx);
	margin: 0 0.2em;
	padding: 0.35em;
	text-decoration: none;
}
.mem-menu-ui a:hover {
	background-color: var(--green-x);
	color: var(--ink-lxx);
	text-decoration: none;
}
#members-menu {
	align-items: center;
	background-color: var(--green-xx);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0.5em 0;
}
#members-menu:first-child {
	color: var(--ink-lxxx);
}
#members-options {
	padding: 3em 0;
}
.membrs-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	grid-template-rows: auto;
	grid-gap: 1em;
}
.membrs-grid > div {
 	align-items: center;
	background-color: var(--white);
 	display: flex;
 	flex-direction: column;
	height: 250px;
	justify-content: center;
	padding: 1.25em;
}
.membrs-grid > div:hover {
	background-color: var(--grey-x);
}
.membrs-grid h6 {
	color: var(--blue-l);
	padding: 1em 0 1.5em 0;
	text-align: center;
} 
.membrs-grid > div a:link,
.membrs-grid > div a:visited,
.membrs-grid > div a:hover,
.membrs-grid > div a:active {
	text-decoration: none;
}
.modal-body {
	padding: 1em 1em 2.5em;
}
.modal-body form input {
	border: 1px var(--blue-l) solid;
	font-family: 'Roboto', sans-serif;
	margin-right: 1.2em;
	padding: 1em 1.5em;
	width: 590px;
}
.modal-body form input#searchsubmit {
	border: 1px var(--blue-l) solid;
	background-color: var(--blue-l);
	color: var(--white);
	margin-right: 0;
	padding: 1em 1.5em;
	width: 115px;
}
.modal-header {
	border-bottom: 0;
	padding: 1rem 2.2rem 0.15rem;
}
.morestories-btn {
	background-color: var(--white);
	margin: 4em 0;
}
.more-stories-input {
	border: 1px var(--ink-lxx) solid;
	background: var(--white);
	color: var(--ink-lxx);
	font-weight: 700;
	padding: 0.5em;
	width: 175px;
}
.navbar-brand img {
	height: 100px;
}
.nav-block {
	flex-grow: 0;
	text-align: center;
}
li.nav-item {
	padding: 0 0.75em;
}
.nav-join {
    align-items: center;
    background-color: var(--green-xx);
    display: flex;
    height: 8.5em;
    margin-bottom: -0.5em;
    margin-left: 3em;
}
.ourstories_text {
	align-items: center;
	background-color: var(--ink-lxx);
	color: var(--white);
	display: flex;
	height: 6em;
	justify-content: center;
	padding: 1em;
}
.ourstories_text h6 a:link,
.ourstories_text h6 a:visited,
.ourstories_text h6 a:hover,
.ourstories_text h6 a:active {
	color: var(--white);
	text-decoration: none;
}
.ourstories_text_alt {
	background-color: var(--yellow-xx);
	color: var(--ink-lxxx);
	height: 6em;
	padding: 1em;
}
.ourstories_text_alt h6 a:link,
.ourstories_text_alt h6 a:visited,
.ourstories_text_alt h6 a:hover,
.ourstories_text_alt h6 a:active {
	color: var(--ink-lxx);
	text-decoration: none;
}
.our-un-intro {
	max-width: 1200px;
}
.our-un-intro > div {
	padding: 3.5em 3.5em;
}
.our-un-justice-txt {
	display: flex;
	flex-direction: column;
	justify-content: start;
	padding-right: 4em;
}
.our-un-justice {
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2em;
    margin: 0 auto;
    max-width: 1080px;
    padding: 3em 1em;
}
.our-un-justice div div {
	padding-left: 0;
}
.our-un-justice-txt h3 {
	font-size: 1.35em;
	padding-bottom: 1em;
}
.our-un-justice-txt p {
	font-size: 1.15em;
}
.our-un-leaders {
	background-color: var(--grey-xxx);
	margin-top: 2em;
	padding-bottom: 2em;
}
#ppcard {
	display: block;
}
#ppcard-alt {
	display: none;
}
.prepaid-form {
	display: flex;
	flex-direction: column;
	font-family: 'Roboto', sans-serif;
	font-size: 1.1em;
	justify-content: center;
	max-width: 400px;
}
.prepaid-form input {
	margin-bottom: 0.75em;
	padding: 0.25em;
}
.prepaid-img {
	display: flex;
	height: 300px;
	justify-content: center;
	width: auto;
}
.prepaid-list {
	font-family: 'Roboto', sans-serif;
	font-size: 1.1em;
	margin-top: 1.1em;
}
.prepaid-list li {
	padding-bottom: 1.1em;
}
.prepaid-list li a:link,
.prepaid-list li a:visited,
.prepaid-list li a:hover,
.prepaid-list li a:active {
	color: var(--ink-lxx);
	text-decoration: none;
}
.read-more {
	display: flex;
	flex-direction: column;
	margin-bottom: 5em;
	max-width: 400px;
	position: relative;
}
.read-more-img {
	/*padding: 0 0 2em;*/
	padding: 0;
}
.read-more-single-p {
	justify-content: center;
}
.read-more-txt p {
	font-size: 1.1em;
}
.read-more-title {
    margin: 1em 0 0 0.15em;
}
.read-more-title h6 {
	color: var(--ink-lxx);
	font-size: 1.25em;
}
#share-your-story {
	background-color: var(--grey-xx);
	height: 375px;
	max-width: 1200px;
}
#share-your-story > div {
	height: 100%;
	height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
	height: fill-available;
}
#share-your-story-cta {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 1em;
}
#share-your-story-cta > p {
	margin: 0.7em 0 1.7em;
	max-width: 30em;
}
.search-page-form {
	justify-content: center;
	margin: 7em 0;
}
.search-page-form div {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.search-page-form input#s { 
   border: 1px var(--blue-l) solid;
   font-family: 'Roboto', sans-serif;
   margin: 0.95em;
   padding: 1em 1.5em;
   width: 100%;
}
.search-page-form input#searchsubmit {
	border: 1px var(--blue-l) solid;
	background-color: var(--blue-l);
	color: var(--white);
	margin-right: 0;
	padding: 1em .25em;
	width: 95px;
}
.search-results-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(275px , 0.4fr));
	grid-template-rows: auto;
	grid-gap: 1.25rem;
	justify-content: center;
	margin-top: 2em;
	max-width: 1200px;
}
.search-results-grid h3 {
	text-align: center;
	margin-top: 0.35em;
}
.sec-intro {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 2.5em 0 0 0;
}
.sec-intro > h4 {
	color: var(--ink-lxx);
	font-size: 1.75em;
	padding: 0.75em 0;
	text-align: center;
}
.single-dist-leader-grid {
	display: grid;  
	grid-template-columns: repeat(auto-fit, minmax(200px , 1fr));
	grid-template-rows: repeat(auto-fit, 1fr);
	grid-gap: 1.25rem;
}
.single-p-body p {
    font-family: 'Roboto', sans-serif;
    font-size: 1.3rem;
    line-height: 1.7em;
    margin-left: 0;
    max-width: 90%;
    padding: 5px 0;
}
.single-p-body h2 {
	font-family: 'Roboto', sans-serif;
	font-size:  1.85rem;
	font-weight: 700;
	letter-spacing: -1px;
	line-height: 1.5em;
	margin: 1em 0 1.5em 0;
	max-width: 90%;
}
.single-p-body li {
    font-family: 'Roboto', sans-serif;
    font-size: 1.2rem;
    padding-right: 4em;
}
.single-p-main {
	margin-left: 4em;
	max-width: 1200px;
	padding-left: 0;
}
.single-p-more {
	margin-top: 5em;
	padding: 0 3em;
}
.single-p-more h3 {
	font-size: 2.25rem;
	margin-bottom: 3em;
	text-align: center;
}
.st-menu-ui a:link,
.st-menu-ui a:visited,
.st-menu-ui a:active {
	color: var(--ink-lxx);
	margin: 0 0.2em;
	padding: 0.35em;
	text-decoration: none;
}
.st-menu-ui a:hover {
	background-color: var(--green-x);
	color: var(--ink-lxx);
	text-decoration: none;
}
#stories-grid {
	display: flex;
	justify-content: center;
	margin-top: 3em;
	max-width: 1200px;
}
.stories-row {
	display: grid;
	gap: 1em; 
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
}
.story-cat-bl {
    background-color: var(--ink-lxx);
    border: 1px white solid;
    color: var(--white);
    font-family: 'Roboto', sans-serif;
    font-size: 0.95em;
    font-weight: 400;
    margin: 0 auto -10px;
    position: relative;
    padding: 0.35em;
	text-align: center;
	text-transform: capitalize;
    width: 120px;
}
.story-cat-yel {
    background-color: var(--yellow-xx);
    border: 1px white solid;
    color: var(--ink-lxxx);
    font-family: 'Roboto', sans-serif;
    font-size: 0.95em;
    font-weight: 400;
    margin: 0 auto -10px;
    position: relative;
    padding: 0.35em;
	text-align: center;
	text-transform: capitalize;
    width: 120px;
}
.story-col {
	max-width: 375px;
	padding: 0;
	position: relative;
}
.story-copy-r {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	margin-left: 1em;
}
.story-grid-col-l {
	padding: 0 0.45em 0 0;
}
.story-grid-col-r {
	padding: 0 0 0 0.45em;
}
.story-horiz-blu {
	background-color: var(--ink-lxx);
    display: flex;
    justify-content: center;
    align-items: center;
}
.story-horiz-yel {
	background-color: var(--yellow-xx);
    display: flex;
    justify-content: center;
    align-items: center;
}
.story-img-l {
	max-width: 48%;
}
#story-intro {
	margin-bottom: 3em;
	max-width: 1200px;
}
.story-text-dk {
	color: var(--ink-lxx);
	font-size: 1.1em;
	margin-bottom: 0;
	padding: 0.5em 1.5em;
	text-align: center;
}
.story-text-lt {
	color: var(--white);
	font-size: 1.1em;
	margin-bottom: 0;
	padding: 1em;
	text-align: center;
}
.story-title-dk {
	color: var(--ink-lxxx);
}
.story-title-lt {
    color: var(--white);
}
.story-title-dk,
.story-title-lt {
	font-size: 1.3em;
	margin-bottom: 0;
	max-width: 15em;
	padding: 0 1em;
	position: relative;
	text-align: center;
}
.story-top-img {
	margin: 1em;
	width: auto;
}
#story-top-l,
#story-top-r {
	margin-top: 3em;
}
.st-share-btn {
	background-color: var(--blue-l);
	color: var(--white);
	margin-top: 1.5em;
	padding: 0.75em 1.25em;
	position: relative;
	text-align: center;
}
.signup-email {
	border: double 3px var(--red-l);
}
.sys-title {
	font-size: 1.7em;
}
.tline-l {
	justify-self: end;
	border-right: 1px black solid;
	padding: 0.75em 1.5em 0.75em 0;
}
.tline-l-img {
	justify-self: end;
	border-right: 1px white solid;
	padding: 0.75em 2em 0.75em 0;
}
.tline-l-txt {
	align-self: center;
	text-align: right;
	padding-right: 2em;
}
.tline-l-txt h2 {
	margin-right: 0;
}
.tline-l-txt::before {
	background-color: var(--green-xx);
	content: '';
	border-radius: 50%;
	height: 20px;
	left: 50%;
	position: absolute;
	transform: translate(-50%, 100%);
	width: 20px;
}
.tline-r::before {
	background-color: var(--green-xx);
	content: '';
	border-radius: 50%;
	height: 15px;
	left: 50%;
	position: absolute;
	transform: translate(-50%, 100%);
	width: 15px;
}
.tline-r {
	align-self: center;
}
.tline-r h2 {
	margin-left: 0;
}
.tline-r-img {
	border-left: 1px white solid;
	padding: 0.75em 0 0.75em 2em;
	margin-left: -1.15em;
}
.tline-r-txt::before {
	background-color: var(--green-xx);
	content: '';
	border-radius: 50%;
	height: 20px;
	left: 50%;
	position: absolute;
	transform: translate(-50%, 100%);
	width: 20px;
}
.tline-r-txt {
	align-self: center;
	padding-left: 1em;
}
.tline-r-txt h2 {
	margin-left: 0;
}
.top-nav-clr-back {
	background-color: var(--green-xx);
	height: 8em;
}
.tw-footer-a {
	grid-column-start: 2;
	grid-column-end: 3;
	justify-self: left;
}
.tw-footer {
    padding: 0.25em 0.125em;
    width: 40px;
}
.udw-dist-hero {
	background-attachment: scroll;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 1200px 435px;
	border-top: 5px var(--green-xx) solid;
	height: 435px;
	max-width: 1200px;
	position: relative;
}
.udw-hero-dist-1 {
	background-image: linear-gradient( rgba(15, 29, 74, -1),  rgba(15, 29, 74, 1)), url("../img/udw-hero-dist-1.jpg");
	background-attachment: scroll;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 1200px 435px;
	border-top: 5px var(--green-xx) solid;
	height: 435px;
	max-width: 1200px;
	position: relative;
}
.udw-hero {
	background-image: url("../img/Homepage_HeroG.png");
	background-attachment: scroll;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 1200px 435px;
	height: 435px;
	max-width: 1200px;
	position: relative;
}
.udw-hero div {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 100%;
	/* height: -moz-available;           WebKit-based browsers will ignore this. */
	height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
	height: fill-available;
	justify-content: center;
}
.udw-hero-single-p {
	/*height: 385px;*/
	max-width: 1200px;
	margin-left: 2em;
}
.udw-alt-hero,
.udw-benefits-hero,
.udw-hero-stories,
.udw-members-hero,
.udw-union-hero {
	background: linear-gradient( 5deg, var(--ink-lxxx), var(--blue-l) );
	border-top: 3px var(--green-xx) solid;
	height: 435px;
	max-width: 1200px;
}
.udw-alt-hero > div,
.udw-benefits-hero > div,
.udw-hero-stories > div,
.udw-members-hero > div,
.udw-union-hero > div, 
.udw-victories-hero > div {
	height: 100%;
	/* height: -moz-available;           WebKit-based browsers will ignore this. */
	height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
	height: fill-available;
}
.udw-img-caption {
	font-family: 'Roboto', sans-serif;
	font-size: 1.05em;
	font-weight: 400;
	letter-spacing: -1px;
	margin: 0.5em 0;
}
#udw-logo {
	height: 195px;
	width: auto;
}
.udw-logo-footer-a {
	grid-column-start: 1;
	grid-column-end: 3;
	justify-self: center;
}
.udw-logo-footer {
	margin-top: 1em;
	width: 145px;
}
.udw-map {
	text-align: right;
}
.udw-map img {
	height: 400px;
	width: auto;
}
.udw-single-p-feature {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	padding: 0 10em 0 2em;
}
.udw-single-p-feature div {
    margin-bottom: 1.25em;
}
.udw-single-p-feature div h2 {
	margin-left: 0;
	margin-top: 10px;
	font-size: 2.25em;
}
.udw-single-p-feature div p {
	font-size: 1.5em;
	letter-spacing: -1px;
	margin-left: 0;
}
.udw-stat-single {
	margin: 2em 0;
}
.udw-stat-single h3 {
	font-size: 1.65em;
	text-align: center;
}
.udw-stats {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.udw-stats-grid {
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: 50% 50%;
	grid-gap: 1.25em;
	justify-content: space-around;
	text-align: center;
	width: 375px;
}
.udw-stats-grid > div {
	color: var(--ink-lxx);
	font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 1.5em;
}
.udw-int-hero,
.udw-st-hero,
.udw-dist-hero,
.udw-hero-dist-1 {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.udw-st-hero p {
	line-height: 1em;
	margin: 0;
	text-align: center;
} 
.udw-int-hero p {
	margin: 1em 0;
    text-align: center;
}
.udw-text-grid > div {
	background-color: var(--white);
	border: var(--grey-xxx) solid 1px;
	height: 240px;
	overflow-y: scroll;
	padding: 1.25em;
}
.udw-top-nav {
	max-width: 1200px;
}
.udw-top-nav-logo {
	display: inline-block;
}
.udw-victories-hero {
	background-image: linear-gradient( rgba(15, 29, 74, -1),  rgba(15, 29, 74, 1)), url("../img/udw-our-victories-hero.jpg");
	background-attachment: scroll;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 1200px 435px;
	border-top: 5px var(--green-xx) solid;
	height: 435px;
	max-width: 1200px;
	position: relative;
}
.un-leader {
	max-height: 800px;
	padding: 1em;
}
.un-leader > h3 {
	padding-top: 0.5em;
}
.un-leader > img {
	padding: 1em 0;
}
.un-leader-bio {
	line-height: 1.8em;
}
.un-leader-grid {
	display: grid;
	grid-gap: 1.25em;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: repeat(5, 1fr);
}
.un-leader-title {
	text-transform: capitalize;
}
.un-leaders-intro {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 0 1.2em;
}
.un-leaders-intro > h3 {
	padding-top: 2em;
	text-align: center;
}
.un-leaders-intro > p {
	font-size: 1.15em;
	max-width: 450px;
	text-align: center;
}
#un-menu-group, 
#st-menu-group,
#mem-menu-group,
#vic-menu-group {
	background-color: var(--green-xx);
	border-bottom: 9px var(--green-x) solid;
	max-width: 1200px;
}
.un-menu-ui a:link,
.un-menu-ui a:visited,
.un-menu-ui a:active {
	color: var(--ink-lxx);
	margin: 0 0.2em;
	padding: 0.35em;
	text-decoration: none;
}
.un-menu-ui a:hover {
	background-color: var(--green-x);
	color: var(--ink-lxx);
	text-decoration: none;
}
.vic-content {
	max-width: 1000px;
}
.vic-grid h6,
.udw-text-grid h6 {
	color: var(--ink-lxx);
}
.vic-grid li {
	font-family: 'Roboto', sans-serif;
	font-size: 1.05em;
	font-weight: 400;
	list-style: none;
	padding-bottom: 0.5em;
}
.vic-grid ul {
	padding-inline-start: 0;
}
.vic-grid p,
.udw-text-grid p {
	font-size: 1.05em;
	margin-left: 0;
}
.vic-intro-row {}
.vic-link {
	color: var(--ink-lxx);
	font-family: 'Roboto', sans-serif;
	font-size: 1.65rem;
	font-weight: 700;
	line-height: 1.65rem;
}
.vic-grid,
.udw-text-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
	grid-template-rows: auto;
	grid-gap: 1.3em;
	margin: 2.5em 0;
	max-width: 1200px;
}
.vic-grid > div {
	background-color: var(--white);
	border: var(--grey-xxx) solid 1px;
	height: 320px;
	overflow-y: scroll;
	padding: 1.25em;
}
.vic-item {
	padding: 1rem;
}
.vic-item h6 {
	border-bottom: 1px dashed var(--grey-l);
	font-size: 1.5rem;
	padding: 1.25rem 0 0.3rem 0;
}
.vic-item p {
	font-size: 1.1rem;
	margin-left: 0;
}
.vic-links {
	margin-top: 3em;
	max-width: 800px;
}
.vic-links > h6 {
	border-bottom: 1px var(--grey-l) dashed;
	color: var(--ink-lxx);
	font-size: 1.65rem;
	padding: 1.25rem 0 0.3rem 0;
}
.vic-links li {
	background: url('../img/udw--bullet.png') no-repeat left center;
	list-style-type: none;
	padding: .5rem 0 .5rem 2.5rem;
}
.vic-links li a:link,
.vic-links li a:visited,
.vic-links li a:active {
	color: var(--ink-lxx);
	text-decoration: none;
}
.vic-links li a:hover {
	color: var(--ink-lxxx);
}
.vic-links ul {
	margin-top: 1rem;
	padding-left: 1rem;
}
#un-sub-menu,
#stories-menu,
#mem-sub-menu,
#vic-sub-menu {
	display: flex;
	justify-content: center;
}
.un-menu-ui,
.st-menu-ui,
.mem-menu-ui,
.vic-menu-ui {
	margin-bottom: -5px;
	padding: 0.33em;
}
.vic-menu-ui a:link,
.vic-menu-ui a:visited,
.vic-menu-ui a:active {
	color: var(--ink-lxx);
	margin: 0 0.2em;
	padding: 0.35em;
	text-decoration: none;
}
.vic-menu-ui a:hover {
	background-color: var(--green-x);
	color: var(--ink-lxx);
	text-decoration: none;
}
.victory-tline {
	display: grid;
	gap: 0 1.1em;
	grid-template-columns: 50% 50%;
	grid-template-rows: auto;
	padding: 0 1em;
}
.victory-tline-orig-v1 {
	display: grid;
	gap: 0 1.1em;
	grid-template-columns: 50% 50%;
	grid-template-rows: auto;
	grid-template-areas:
	"img victory"
	"img victory"
	"img victory"
	"img victory"
	"img victory";
	padding: 0 1em;
}
.victory-tline span {
	font-family: 'Roboto', sans-serif;
	font-size: 1.15em;
	font-weight: 400;
}
.wp-block-pullquote cite,
.wp-block-quote cite {
	font-family: 'Roboto', sans-serif;
	font-size: 1.05em;
	font-style: normal;
	font-weight: 400;
	margin-left: 0;
}
.wp-block-pullquote p,
.wp-block-quote p {
	color: var(--ink-lxx);
	font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
	font-weight: 700;
}
.wp-block-pullquote,
.wp-block-quote {
	float: left;
	height: auto;
	padding: 2em 2em 2em 0;
	text-align: left;
	max-width: 575px;
}
.wp-block-pullquote blockquote,
.wp-block-quote blockquote {
	margin: 0 0 2em;
}
.wp-block-quote::before,
.wp-block-quote::after {
	content: "";
    border-top: 1px solid var(--ink-lxx);
    display: inline-block;
    width: 90%;
}
.wp-block-pullquote::before,
.wp-block-pullquote::after {
    content: "";
    border-top: 1px solid var(--ink-lxx);
    display: inline-block;
    transform: translateY(-1rem);
    width: 90%;
}
.wrap {
	background-color: var(--white);
}

/* Layout > 1400.98 px wide 
________________________________________________________________________*/
@media screen and ( min-width: 1400.98px ) {
	 div .vic-grid {
		padding: inherit;
	}
}

/* Layout < 1398.98 px wide 
________________________________________________________________________*/


@media screen and ( max-width: 1398.98px ) {
	.article-wrap .article-grid {
		display: flex;
		flex-wrap: wrap;
		max-width: 774px;
	}
	.wrap #hp-events {
		padding: 0 0;
	}
	.navbar-nav li.nav-item {
		padding: 0 0.5em;
	}
	.story-col .ourstories_text h6,
	.story-col .ourstories_text_alt h6,
	div .ourstories_text h6,
	div .ourstories_text_alt h6 {
		font-size: 0.95em;
	}
	.wrap .single-p-main {
		margin-left: 0.5em;
	}
	.wrap .single-p-more {
		margin-top: 5em;
		padding: 0em;
	}
	.wrap .udw-hero-single-p {
		margin-left: -1em;
	}
	.navbar .udw-top-nav-logo {
	    display: inline-block;
	    margin: 0 1em 1em 0;
	}
}

/* Layout < 1198.98 px wide 
________________________________________________________________________*/


@media screen and ( max-width: 1198.98px ) {
	.row .cat-result {
	    padding: 2em 7em 2em 1em;
	}
	.row #hp-signup-area h2, 
	.row #hp-news-col-a h2,
	.row #hp-news-col-b h2, 
	.row #hp-news-col-c h2 {
		font-size: 1.3em;
	}
	.join-area #join-us-nav-btn {
		font-size: 1.2em;
	}
	.navbar-nav li.nav-item a:link,
	.navbar-nav li.nav-item a:visited,
	.navbar-nav li.nav-item a:hover,
	.navbar-nav li.nav-item a:active {
		font-size: 1.2em;
	}
	.collapse .nav-join {
		margin-left: 1em;
	}
	.nav-search-grp .nav-search-btn {
		font-size: 1.2em;
	}
	.story-copy-r .story-title-dk,
	.story-copy-r .story-title-lt {
		font-size: 1em;
	}
	.story-copy-r .story-text-dk,
	.story-copy-r .story-text-lt {
		font-size: 0.9em;
		line-height: 1.3em;
	}
}

/* Layout < 991.98 px wide 
________________________________________________________________________*/


@media screen and ( max-width: 991.98px ) {
	.wrap .article-wrap .article-grid {
		max-width: 375px;
	}
	.cat-results .row .cat-result {
	    padding: 2em 2em 2em 1em;
	}
	.wrap .cat-title h2 {
		margin: 2em 0 2em 0;
		padding: 10px 1.5em;
		width: 92%;
		text-align: center;
	}
	.wrap .cat-title {
		justify-content: center;
	}
	.udw-single-p-feature .categories-tags {
		margin: 2em 0;
	}
	.udw-single-p-feature .categories-tags {
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
	}
	.udw-single-p-feature .categories-tags a {
		text-align: center;
		width: 100%;
	}
	div .contact-grid {
		display: block;
		padding: 1rem;
	}
	.contact-search-btn #contact-search-btn-ihss {
		margin-top: 4rem;
	}
	div .district-contact-info,
	div .district-event-calendar {
		padding: 1em 0;
		padding-left: 0;
		text-align: center;
	}
	.un-leaders-intro > .district-leader-grid {
		display: block;
	}
	div .feature-intro {
		display: block;
		padding: 0 2em;
	}
	div .feature-intro p {
		padding: 1em 0 0 0;
	}
/*	.footer-grid .foot-grid-2 {
		height: 150px;
	}
	.footer-main .footer-grid {
		font-size: 1.15em;
	}
*/
	.footer-main .footer-grid .foot-grid-2 {
		height: auto;
	}
	.footer-main .footer-grid .foot-grid-2,
	.footer-main .footer-grid .foot-grid-3 {
		margin-left: 0;
		padding-top: 0;
		text-align: center;
	}
	.footer-main .footer-grid .foot-grid-3 {
		height: 3em;
		margin-top: 1em;
	}
	.footer-main .row .footer-grid {
		display: block;
		font-size: 1.5em;
	}
	div .help-app-demo-grid {
		display: block;
		text-align: center;
	}
	.help-app-demo-grid div img {
		margin: 2em 0;
	}
	div .highlight-block-y {
		margin: 0 0;
	}
	#hp-events-grid .hp-events-more {
		flex-basis: unset;
	}
	#hp-events #hp-events-grid {
		justify-content: center;
	}
	#hp-events #hp-events-grid h2 {
		text-align: center;		
	}
	#hp-signup-mbr #hp-input-btn-3 {
		display: none;
	}
	#hp-signup-mbr #hp-input-btn-3-alt {
		display: block;
	}
	#hp-news-area #hp-news-col-a,
	#hp-news-area #hp-news-col-b, 
	#hp-news-area #hp-news-col-c {
		align-items: center;
	}
	#hp-news-area #hp-news-col-a h2,
	#hp-news-area #hp-news-col-b h2,
	#hp-news-area #hp-news-col-c h2,
	#hp-stories .hp-section-title {
		margin: 1.75em 0 1em 0;
		text-align: center;
	}
	#hp-news-area #hp-news-col-a h3,
	#hp-news-area #hp-news-col-b h3, 
	#hp-news-area #hp-news-col-c h3 {
	    margin-top: 1.25rem;
	    max-width: 23rem;
	    text-align: center;
	}
	#hp-news-area #hp-news-col-a p,
	#hp-news-area #hp-news-col-b p, 
	#hp-news-area #hp-news-col-c p {
		max-width: 23rem;
		text-align: center;
	}
	#hp-news-div-3 #hp-news-col-c  {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	}
	#hp-news-div-3 #hp-news-col-d {
	    margin-top: 1.25rem;
	    max-width: 23rem;
	    text-align: center;
	}
	#hp-news-col-c .hp-news-img-size-m {
		height: auto;
		object-fit: cover;
		object-position: 0% 0;
		width: auto;
	}
	#hp-news-signup .row #hp-signup-area h2 {
		margin-top: 1.95rem;
		text-align: center;
	}
	#hp_os_col1, #hp_os_col2 {
		margin-bottom: 3em;
	}
	#hp-stories #hp-stories-row {
		flex-direction: column;
	}
	#hp-stories #hp-stories-row > div {
		margin-bottom: 1.5rem;
		max-width: 375px;
	}
	.col .ihss-about {
		margin: 0;
	}
	div .ihss-copy-block p {
		padding: 1em 0;
	}
	div .ihss-copy-block-l {
		margin: 2em 0;
		padding: 0;
	}
	.ihss-copy-block-l .ihss-copy-block-list {
		margin: 0 0;
		max-width: unset;
		padding-left: 0;
	}
	.ihss-copy-block-l .ihss-copy-block-list li {
	    font-size: 1.1em;
	    line-height: 1.5em;
	    list-style-type: none;
	    margin-bottom: 1.25em;
	    padding-left: 2.25em;
	}
	#join-btn-foot-nav, 
	#join-here-hero {
		display: none;
	}
	.foot-grid-3 #join-btn-foot-nav-alt {
		display: block;
	}
	#join-here-hero-alt {
		display: block;
	}
	#mem-menu-join {
		display: none;
	}
	#mem-menu-join-alt {
		display: contents;
	}
	div > #members-menu {
		flex-direction: column;
	}
	#members-menu .m-menu-ui {
		margin-top: 1.25em;
		padding: 0.85em 1em;
		width: 100%;
    	width: -moz-available;          /* WebKit-based browsers will ignore this. */
    	width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    	width: fill-available;
	}
	.nav-block > .nav-join {
		display: none;
	}
	.nav-block > .nav-join-alt {
		background-color: var(--blue-l);
		display: inline-flex;
		font-size: 1.4em;
		height: 4em;
		justify-content: center;
		margin-left: 0em;
		margin: 1em 0;
		text-align: center;
		width: 10em;
	}
	#navbarNavDropdown .navbar-nav {
		align-items: center;
	}
	#navbarNavDropdown .navbar-nav li.nav-item a:link,
	#navbarNavDropdown .navbar-nav li.nav-item a:visited,
	#navbarNavDropdown .navbar-nav li.nav-item a:hover,
	#navbarNavDropdown .navbar-nav li.nav-item a:active {
		font-size: 2em;
	}
	#navbarNavDropdown .nav-search-grp {
		display: none;
	}
	#navbarNavDropdown .nav-search-grp-alt {
		display: flex;
	    justify-content: center;
	    margin: .5em 0; 
	    width: 100%;
	}
	.nav-search-grp-alt .nav-search-btn {
		font-size: 2em;
	}
	.nav-search-grp-alt a:link, 
	.nav-search-grp-alt a:visited, 
	.nav-search-grp-alt a:hover, 
	.nav-search-grp-alt a:active {
		font-size: 2em;
		text-decoration: none;
	}
	.navbar-block {
    	align-items: center;
		flex-direction: column;
		justify-content: center;
	}
	.navbar-block .navbar-brand {
		margin-right: 0;
	}
	.navbar-block .nav-block {
		margin-top: 2em;
	}
	.udw-top-nav-logo .navbar-brand img {
		margin: 0 0 0 0;
		height: 150px;
	}
.udw-hero {
	background-image: url("../img/Homepage_Hero_Mobile.png");
	background-attachment: scroll;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 1200px 435px;
	height: 300px;
	max-width: 1200px;
	position: relative;
}
	.nav-col {
		padding-right: 0;
		padding-left: 0;
	}
	.nav-search-grp-alt form.nav-search {
	    position: relative;
	    right: unset;
	    top: unset;
	}
	.stories-row .story-col .ourstories_text h6,
	.stories-row .story-col .ourstories_text_alt h6 {
		font-size: 1.25em;
	}
	.wrap .our-un-justice {
		display: block;
		text-align: center;
	}
	.our-un-justice .our-un-justice-txt {
		text-align: center;
		margin-top: 1.15em;
		padding: 1em;
	}
	.wrap .our-un-justice div div {
		padding-left: calc(var(--bs-gutter-x)/ 2);
	}
	div #ppcard {
		display: none;
	}
	div #ppcard-alt {
		display: block;
	}
	div .prepaid-form {
		max-width: unset;
	}
	.district-news-grid .read-more:nth-child(n) {
		text-align: center;
	}
	.read-more-single-p .read-more {
		text-align: center;
	}
	.un-leaders-intro .single-dist-leader-grid {
		display: block;
	}
	#stories-grid .stories-row {
		align-items: center;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}
	div .story-grid-col-l {
		padding: 0 0 0 0;
	}
	div .story-grid-col-r {
		padding: 0 0 0 0;
	}
	.victory-tline .tline-l-txt::before,
	.victory-tline .tline-r-txt::before {
		content: none;
	}
	.victory-tline .tline-l-txt {
		padding-right: 0;
		text-align: center;
	}
	.victory-tline .tline-r-txt {
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}
	.victory-tline .tline-l-img {
		justify-self: center;
		border-right: 0;
		padding: 0 0 0 0;
	}
	.victory-tline .tline-r-img {
		border-left: 0;
		margin-left:  0;
		padding:  0 0 0 0;
	}
	.ihss-victories .tline-title:first-child {
		padding: 3em 0.5em;
	}
	.container .udw-benefits-hero {
		height: auto;
	}
	.container .udw-benefits-hero h2 {
		line-height: 1em;
		margin-top: 1em;
	}
	.foot-grid-1 .udw-logo-footer {
		width: 125px;
	}
	.row .udw-single-p-feature {
		padding: 0 0 0 2em;
	}
	div .udw-text-grid div {
		border: unset;
		text-align: center;
	}
	div .navbar-block .udw-top-nav-logo {
	    display: inline-block;
	    margin: 0;
	}
	.single-dist-leader-grid .un-leader {
		text-align: center;
	}
	.our-un-leaders .un-leader-grid {
		display: block;
	}
	.un-leader-grid .un-leader {
		max-height: unset;
	}
	div #un-sub-menu {
		flex-direction: column;
		align-items: center;
	}
	.ihss-victories .victory-tline {
		align-items: center;
		display: flex;
		flex-direction: column;
	}
	.ihss-victories .victory-tline div:nth-of-type(1) {
		margin-bottom: 3em;
		order: 2;
	}
	.ihss-victories .victory-tline div:nth-of-type(2) {
		order: 1;
	}
	.ihss-victories .victory-tline div:nth-of-type(3) {
		order: 3;
	}
	.ihss-victories .victory-tline div:nth-of-type(4) {
		margin-bottom: 3em;
		order: 4;
	}
	.ihss-victories .victory-tline div:nth-of-type(5) {
		margin-bottom: 3em;
		order: 6;
	}
	.ihss-victories .victory-tline div:nth-of-type(6) {
		order: 5;
	}
	.ihss-victories .victory-tline div:nth-of-type(7) {
		order: 7;
	}
	.ihss-victories .victory-tline div:nth-of-type(8) {
		margin-bottom: 2em;
		order: 8;
	}
	.ihss-victories .victory-tline div:nth-of-type(9) {
		margin-bottom: 3em;
		order: 10;
	}
	.ihss-victories .victory-tline div:nth-of-type(10) {
		order: 9;
	}
	.ihss-victories .victory-tline div:nth-of-type(11) {
		order: 11;
	}
	.ihss-victories .victory-tline div:nth-of-type(12) {
		margin-bottom: 3em;
		order: 12;
	}
}

/* Layout < 768px wide 
________________________________________________________________________*/


@media screen and ( max-width: 767.98px ) {
	.benefits-grid .benefit-card {
		margin-bottom: 2em;
		max-width: 300px;
	}
	div .benefits-grid {
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
/*	.footer-main .footer-grid .foot-grid-2 {
		height: auto;
	}
	.footer-main .footer-grid .foot-grid-2,
	.footer-main .footer-grid .foot-grid-3 {
		margin-left: 0;
		padding-top: 0;
		text-align: center;
	}
	.footer-main .footer-grid .foot-grid-3 {
		height: 3em;
		margin-top: 1em;
	}
	.footer-main .row .footer-grid {
		display: block;
		font-size: 1.5em;
	}*/
	#hp-events #hp-events-grid .hp-events-more {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
	#hp-events-grid .hp-events-l {
		text-align: center;
		width: -moz-available;
		width: -webkit-fill-available;
	}
	#hp-events-grid .hp-events-r {
		margin: 0 0 3em 0;
		width: auto;
	}
	.hp-events-more #hp-moreevents-btn {
		grid-column-start: 2;
	}
	body .ihss-victories p {
		padding: 1.25em;
	}
	.wrap > .our-un-intro > div {
		padding: 1.5rem;
	}
	.row .vic-grid {
		grid-gap: 2em;
	}
	.row .vic-grid > div {
		align-items: center;
		display: flex;
		flex-direction: column;
		height: 200px;
		justify-content: center;
	}
	ul .vic-link {
		font-size: 1.2rem;
	}
	.col .vic-item {
		padding: 0.25rem;
	}
	.victory-tline .tline-l {
		border-right: 0;
		padding: 0;
	}
	.victory-tline .tline-r {
		padding-bottom: 3em;
	}
	.victory-tline .tline-r::before {
		display: none;
	}
	.victory-tline .tline-r span {
	    text-align: center;
	    margin: 0 auto;
	    display: block;
	}
	div #stories-menu,
	div #mem-sub-menu,
	div #vic-sub-menu {
		flex-direction: column;
		align-items: center;
	}
	div #un-menu-group,
	div #st-menu-group,
	div #mem-menu-group,
	div #vic-menu-group {
		border-bottom: 0;
		padding: 1em 0;
	}
	body .wrap .udw-hero-single-p {
		margin-left: auto;
	}
	div > .udw-map img {
		height: auto;
		width: auto;
	}
	.row .udw-int-hero h2 {
		font-size: 3.75em;
		letter-spacing: 0;
		padding: 0 0;
	}
	.udw-members-hero .row .udw-int-hero h2 {
			font-size: 2.2em;
		}
	.footer-grid .foot-grid-1 .udw-logo-footer {
		margin: 1em 0 0 0;
	}
	.udw-hero-single-p .row .udw-single-p-feature {
		padding-left: 0.5em;
	}
}

/* Layout < 576px wide 
________________________________________________________________________*/

@media screen and ( max-width: 575.98px ) {
	.wrap .udw-hero-single-p .row .udw-single-p-feature {
		padding: 0 0 0 0;
	}
}

.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
  height: 90%;
  border: 0;
}