html, body {
	font-size: 16px;
	min-height: 100vh;
}
body {
	position: relative;
	padding-top: 8em;
	transition-timing-function: linear;
	transition-duration: 350ms;
	transition-property: padding, font-size;
	font-family: PT Sans;
	text-rendering: geometricPrecision;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
body.admin-wnav {
	padding-top: 11em;
}

body.burger-open {
}

.roboto-slab-400 {
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.roboto-condensed-400 {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.roboto {
  font-family: "Roboto", sans-serif;
}

.noto-sans {
	font-family: "Noto Sans", sans-serif;
	font-optical-sizing: auto;
}
.noto-serif {
	font-family: "Noto Serif", serif;
	font-optical-sizing: auto;
}
.extra-condensed {
  font-variation-settings:
    "wdth" 62.5;
}
.condensed {
  font-variation-settings:
    "wdth" 75;
}
.semi-condensed {
  font-variation-settings:
    "wdth" 87.5;
}

/* fallback */
/*
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  src: url(fonts/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2?nc=1) format('woff2');
}
*/

/*
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: 100;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: geometricPrecision;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
*/
#material_symbols_preloader {
	position: fixed;
	white-space: wrap;
	left: -1000vw;
	top: -1000vw;
	z-index: -1;
	opacity: 0;
	font-size: 1px;
	pointer-events: none;
}

#admin_navbar {
	position: fixed;
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
	top: 0;
	left: 0;
	width: 100vw;
	height: 3em;
	background-color: red;
	border-bottom: 1px solid black;
	z-index: 1000;
	transition: opacity 250ms ease;
	opacity: 0.0;
}
#navbar:hover #admin_navbar {
	opacity: 1.0;
}
body.admin-wnav #admin_navbar {
	opacity: 1.0;
}

#hero_signup_privacy_note {
	position: relative;
	font-style: italic;
	font-size: 0.75em;
	font-weight: 400;
	padding: 0.2em 0;
}
#hero_signup_privacy_note > div {
	position: relative;
	background-color: rgba(255, 255, 255, 0.2);
	color: rgba(0, 0, 0, 0.8);
}

@media (max-width: 1200px){
	#admin_navbar {
		font-size: 0.875em;
	}
}
@media (max-width: 992px){
	#admin_navbar {
		font-size: 0.75em;
	}
}
@media (max-width: 768px){
	#admin_navbar {
		font-size: 0.625em;
		height: 4em;
	}
}
@media (max-width: 576px) {
	#admin_navbar {
		font-size: 0.5em;
		height: 5em;
		text-rendering: optimizeLegibility;
	}
}	
@media (max-width: 360px) {
	#admin_navbar {
		font-size: 0.375em;
		height: 6em;
		text-rendering: optimizeLegibility;
	}
}

#admin_navbar_container {
	position: relative;
	width: 100%;
	max-width: 1400px;
	height: 100%;
	position: relative;
}
#admin_navbar_wrapper {
	position: relative;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
	width: 100%;
	height: 100%;
	color: white;
	text-shadow: 0px 0px 1px black;
	font-weight: 500;
	font-size: 2em;
}

.navbar {
	position: fixed;
	top: 0;
	left: 0;
	/* overflow: hidden; */
	padding: 1em 2em;
	height: 8em;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	transition-timing-function: linear;
	transition-duration: 350ms;
	transition-property: font-size, height, box-shadow;
	background: white;
	z-index: 1000;
}
body.admin-wnav .navbar {
	top: 3em;
}

a, .a {
	color: #14659b;
    text-decoration: none;
    cursor: pointer;
    transition: filter 250ms linear;
}
a:hover,
.a:hover,
button:hover {
	filter: brightness(1.2);
}
a:active,
.a:active,
button:active {
	filter: brightness(1.4);
}
button:disabled,
button[disabled],
.disabled,
.bot-wait {
	filter: saturate(0.1) contrast(0.5) brightness(1.25);
	pointer-events: none;
	cursor: wait !important;
}

.dark a {
	color: rgb(213 218 221);
	text-decoration: underline;
}

.navbar-logo,
.navbar-logo > img,
.navbar-logo-txt {
	height: 100%;
}

.menu-heading {
    display: inline-block;
	position: relative;
	cursor: pointer;
}
.menu-heading:hover .menu-box {
	display: flex;
}

.menu-label {

}
.menu-box {
	position: absolute;
	left: 0;

	top: 1em;
	padding-top: 0.5em;
	min-width: 150px;
	width: auto;
	z-index: 1000;
	display: none;
}

.navbar-desktop {
	display: block !important;
}
.navbar-mobile {
	display: none !important;
}


.menu-box-items {
	flex-direction: column;
	align-items: flex-start;
	background: #ddd;
	box-shadow: 0.125em 0.25em 0.4em 0.125em rgba(0, 0, 0, 0.625);
	width: 100%;
}
.menu-box a {
	margin-bottom: 1px;
	padding: 0.25em;
	display: block;
	width: 100%;
	background: #eee;
	white-space: nowrap;
}
.menu-box a:last-child {
	margin-bottom: 0;
}

.link-box {
	color: white;
	font-weight: 400;
	border: none;
	cursor: pointer;
	padding: 1em 1.125em;

    align-self: auto;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;

    line-height: 400%;

    text-transform: uppercase;
    text-rendering: geometricPrecision;
}

#_hero_glass {
	opacity: 1;
	transition-timing-function: ease-in;
	transition-duration: 2s;
	transition-property: margin-left, opacity;
	transition-delay: 1s;
}
#hero_glass.on {
	opacity: 1;
}

#hero_slogan_shell {
    position: relative;
    font-size: 4em;
    margin: 1em 0.5em 0 0.5em;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25), 0px 1px 3px rgba(0, 0, 0, 0.25), 0px 0px 1px rgba(0, 0, 0, 0.25);
}

.hero-slogan {
    flex-direction: row;
    gap: 0.25em;
    padding-top: 0px;
    padding-bottom: 0px;
    letter-spacing: 0.025em;
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
}

.hero-slogan .gjs-heading {
	opacity: 0;
	display: inline-block;
}
.hero-slogan h1 {
}
.hero-slogan h2 {
	font-size: 1em;
	margin: 0 0.125em;
}
.hero-slogan-clone {
	position: absolute;
	top: 0;
	left: 0;
}
.hero-slogan-clone .gjs-heading {
	position: relative;
	transform: scale(20);
	opacity: 0;
	transition-property: opacity, transform;
	transition-timing-function: ease-in;
}
.hero-slogan-clone.zn .gjs-heading {
	opacity: 1;
	transform: scale(1);
}

.hero-slogan-clone .gjs-heading.hero-slogan-w1 {
	transition-duration: 750ms;
}
.hero-slogan-clone .gjs-heading.hero-slogan-w2 {
	transition-duration: 1000ms;
	transition-delay: 10ms;
}
.hero-slogan-clone .gjs-heading.hero-slogan-w3 {
	transition-duration: 1150ms;
	transition-delay: 200ms;
}


.hero-signup-msg {
	display: none;
	line-height: 1.375em;
	position: relative;
	background-color: white;
	border-radius: 4px;
	padding: 1em;
}
#hero_signup_captcha {
	background: rgba(255, 255, 255, 1.0);
	border-radius: 1px;
	padding: 0.625em 0.75em;
	font-size: 1.125em;
	font-weight: 600;
}
#hero_signup_verify {
	top: 0;
	left: 0;
}

#payment_methods {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 3em;
    margin-top: 2em;
    flex-wrap: wrap;
    padding: 0 1em 0 2em;
}

.payment-method {
    max-height: 2em;
    /* display: block; */
}

img#payment_method_venmo {
    padding: 0.4em 0;
}

.payment-method-card {
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 0.25em;
    height: 100%;
}

#payment_methods_card > img {
    /* height: 28px; */
}

img#payment_method_gpay {
    /* padding: 0.125em 0; */
}

div#payment_methods_cards {
    display: flex;
    flex-direction: row;
    gap: 0.5em;
}

#hero_signup_submit {
	border: none;
	transition: all 250ms ease;
}
#navbar,
.navbar-container,
.navbar-wrapper {
	width: 100%;
}
.navbar-container,
.navbar-wrapper,
.navbar-wrapper > a,
.navbar-wrapper > a > div {
	height: 100%;
}
.navbar-wrapper,
.navbar-wrapper > a {
	position: relative;
}

body.y-scrolled {
	padding-top: 4em;
	padding-bottom: 6em;
}
body.y-scrolled #navbar {
	height: 5em;
	box-shadow: 0 0.1rem 0.325rem 0.1rem rgba(0, 0, 0, 0.625);
}
body.y-scrolled #navbar_right {
    justify-content: flex-end;
}
body.y-scrolled	#navbar_right_buttons_wrapper {
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	position: static;
	font-size: 0.75em;
}
body.y-scrolled #navbar_right_buttons_container {
	overflow: hidden;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5em;
	background: white;
	justify-content: space-evenly;
	gap: initial;
	margin: 0;
	max-height: initial;
	border-top: 1px solid rgba(0, 0, 0, 0.5);
	box-shadow: 0 -0.1rem 0.325rem 0.1rem rgba(0, 0, 0, 0.625);
}

#navbar_right {
	display: flex;
	text-align:left;
	justify-content: space-between;
	align-items:flex-end;
	flex-direction: column;
	flex:1 1 0%;
	position: relative;
}

#navbar_right_buttons_container {
	flex-direction:row;
	padding-top:0px;
	padding-bottom:0px;
	align-self:auto;
	flex-grow: 1;
	justify-content: center;
	max-height: 3em;
}

#navbar_right_buttons_wrapper {
	display:flex;
	padding-top:0px;
	padding-bottom:0px;
	gap:1em;
}

#navbar_right_menu_container {
	display:flex;
	padding-top:0px;
	padding-bottom:0px;
}

#navbar_right_menu_wrapper {
	padding-top:0.5em;
	padding-bottom:0px;
	display:flex;
	gap:2em;
	flex-direction:row;
	padding-left:1em;
	align-items:stretch;
	justify-content:flex-end;
	font-weight: 600;
}


#navbar_right_menu_burger {
	display: none;
	text-rendering: optimizeLegibility;
}
.burger-icon {
	display: block;
}
.burger-icon.material-symbols-outlined,
.burger-open-icon.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 700,
  'GRAD' 0,
  'opsz' 48
}

.burger-open .burger-icon {
	display: none;
}
.burger-open-icon {
	display: none;
}
.burger-open .burger-open-icon {
	display: block;
}

#navbar_right_menu_burger .a {
	font-size: 4em;
}


.dbg {
	background: rgba(0, 0, 0, 0.75);
	backdrop-filter: blur(3px) grayscale(0.75);
	display: none;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.75);
}
.dbg-fixed {
	position: fixed;
	z-index: 100000;
}
.dbg .dbg-content {
	display: block;
	color: #ccc;
	text-rendering: geometricPrecision;
	font-size: 0.875rem;
	font-family: 'Roboto Mono', monospace;
	font-weight: 400;
	line-height: 1;
}
#screen_size_monitor {
	top: 0.5rem;
	left: 0.5rem;
	min-width: 110px;
	height: 2em;
}
body.dbg-on .dbg {
	display: flex;
}


.gjs-container {
	/* width:90%; */
	margin:0 auto;
	/* max-width:1200px; */
}

#landing_hero_section {
	position: relative;
	align-items:stretch;
	min-height: 40vh;
	justify-content:flex-start;
	padding-right:0px;
	padding-left:0px;
	width: 100%;
}
#landing_party_section {
	position: relative;
	color: #eee;
	justify-content:center;
	display:block;
	background-image: url("/assets/flag_bg_1.jpg"), url("/assets/flag_bg_1.hs.q65.jpg"), url("/assets/flag_bg_1.qs.q60.jpg");
	background-position: center center;
	background-size: cover;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-origin:padding-box;
	position:relative;
	min-height: 35vh;
	display: flex;
	flex-direction: column;
}
#landing_donation_section,
.pcwd-basic-section {
	background-color:rgba(255,254,254,1);
	justify-content: center;
	min-height: 40vh;
	display: flex;
	flex-direction: column;
}


* {
	box-sizing:border-box;
}
body {
	margin:0;
}
* {
	box-sizing:border-box;
}
body {
	margin:0;
}
.navbar {
	background-color: white;
	color:#ddd;
	/* min-height:50px; */
	width:100%;
}
.navbar-container {
	max-width:950px;
	margin:0 auto;
	/* width: 100%; */
}
.navbar-container::after {
	content:"";
	clear:both;
	display:block;
}
.navbar-burger {
	margin:10px 0;
	width:45px;
	padding:5px 10px;
	display:none;
	float:right;
	cursor:pointer;
}
.navbar-burger-line {
	padding:1px;
	background-color:white;
	margin:5px 0;
}
.gjs-link {
	vertical-align:top;
	max-width:100%;
	display:inline-block;
	text-decoration:none;
	color: rgb(57, 97, 124);
}
.gjs-grid-column {
	flex-basis: auto;
}
.gjs-grid-row {
	display:flex;
	gap: 1em;
	align-items: stretch;
	max-width: 100vw;
	flex-wrap: nowrap;
	flex-direction: row;
}
.gjs-section {
	display: flex;
	flex-direction: row;
}

.gjs-heading {
	margin:0;
	position: relative;
	line-height: 1;
}

#hero_glass {
	padding-top: 2em;
	padding-right:3em;
	padding-bottom:2em;
	padding-left:3em;
	position: relative;
	/* top:10%; */
	/* left:10%; */
	/* background-color:rgba(0,0,0,0.28); */
	/* backdrop-filter: blur(6px) contrast(25%) brightness(175%) grayscale(50%); */
	-webkit-backdrop-filter: blur(6px) contrast(25%) brightness(175%) grayscale(50%);
	flex-direction:column;
	gap: 4em;
	margin: 8em 0 4em 8em;
	border-radius: 0.5em;
	/* overflow: hidden; */
	box-shadow: 0.5em 0.75em 1em 0.25em rgba(0, 0, 0, 0.5);
	display: block;
	width: 60%;
}
.navbar-container {
	max-width:1400px;
	height: 100%;
	position: relative;
}
.gjs-divider {
	height:3px;
	width:100%;
	margin:10px;
	background-color:rgba(0,0,0,0.05);
}

section > .gjs-grid-column {
}

h1 {
    font-size: 1.5em;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-column {flex-direction: column;}

.order-100000 {order: 100000;}

#payment_methds_services {
    display: flex;
    flex-direction: row;
    gap: 1em;
    max-width: 100vw;
    align-items: flex-start;
    justify-content: center;
}


#navbar_container {
    flex:0 1 auto;
    display:flex;
    align-items:flex-end;
    flex-direction:row;
}

#body {
    background-color:rgba(2,37,68,1);
}

#hero_form_submit_text {
    display:block;
    color:#eee;
    white-space:nowrap;
}

#landing_party_extra {
    flex-direction:row;
    padding-top:0px;
    padding-bottom:0px;
    align-self:auto;
    justify-content: center;

}

#landing_party_button_wrapper {
    display:flex;
    padding-top:0px;
    padding-bottom:0px;
    gap:1em;
    justify-content:center;
}

#landing_hero_container {
    width:100%;
    background-image: url("/assets/heart_mountain_top.jpg"), url("/assets/heart_mountain_top.hs.q75.jpg"), url("/assets/heart_mountain_top.qs.q50.jpg");
/*     background-image: url("/assets/heart_mountain.q60.jpg"), url("/assets/heart_mountain_top.hs.q25.jpg"), url("/assets/heart_mountain_top.qs.q25.jpg"); */
    background-size: cover;
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-origin:padding-box;
    background-position: bottom left;
/*     background-position: center 25%; */
    backface-visibility:visible;
    overflow:hidden;
    background-clip:border-box;
    display:flex;
    align-items: center;
    position:relative;
    flex-direction: column;
    align-content: center;
    padding-bottom: 8em;
}

#hero_form_wrapper {
	margin: 1.5em 1em 2em 1em;
}

#hero_signup_form {
	
}

#hero_signup_form_container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex-wrap: nowrap;
}

#hero_form_inputs {
    /* height: 3.5em; */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1em;
}

#hero_form_inputs input,
#hero_form_inputs button {
	min-height: 100%;
}


#hero_form_title {
    margin-bottom: 0.5em;
    color: white;
    font-size: 3em;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25), 0px 1px 3px rgba(0, 0, 0, 0.25), 0px 0px 1px rgba(0, 0, 0, 0.25);
    font-weight: 900;
}

#landing_party_outer_wrapper {
    /* color:#ddd; */
}

#landing_party_title {
}

#landing_party_tagline {
    text-align:center;
    margin-bottom:2em;
}

#landing_party_button_text {
    color:#eee;
    text-rendering:geometricPrecision;
}


#landing_donation_title,
.pcwd-basic-title {
    text-align:center;
    margin-bottom:0.5em;
}

#landing_donation_presets_wrapper {
    display:flex;
    padding-top:0px;
    padding-bottom:0px;
    gap: 2em;
    justify-content:center;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
}

#landing_donation_presets_container {
    flex-direction:row;
    padding-top:0px;
    padding-bottom:0px;
    align-self:auto;
}

#landing_donation_outer_wrapper,
.pcwd-basic-outer-wrapper {
    display:flex;
    justify-content:flex-start;
    flex-direction:column;
    align-items:center;
    color:#222;
}

#landing_donation_extra {
    text-align:center;
    margin-bottom:2em;
}

#landing_party_container {
    width:100%;
    padding-top:0px;
    padding-bottom:0px;
    justify-content:flex-start;
    flex-direction:column;
    align-items:center;
}


#hero_signup_email_input {
    font-size: 1em;
    padding: 0 0.75em;
    width: 18em;
}

#hero_slogan_shell h1, #hero_slogan_shell h2 {
    font-weight: 800;
}

.section-title {
    text-align: center;
    margin-bottom:0.5em;
    text-shadow:0px 0px 2px rgba(0,0,0,0.8);
    font-size: 2em;
}

.section-outer-wrapper {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    padding: 2em 1em 3em 1em;
}

#footer {
	padding: 2em 3em 3em 3em;
	display:block;
	color:#eee;
}
#footer_columns {
	width:100%;
	padding-top:0px;
	padding-bottom:0px;
	gap:3em;
	justify-content:space-between;
	align-items:flex-start;
}

#footer h3 {
	font-size: 1.5em;
}

#footer_container {
    padding-top:0px;
    padding-bottom:0px;
    display:block;
    flex-direction:row;
}
#footer_logo {
    width: 25%;
}

#footer_disclaimer {
    color:rgba(255,255,255,0.5);
    font-size: 0.8755em;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-end;
    gap: 0.75em;
}

.footer-list-container {
    margin: 0.75em 0;
}

.footer-list-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.25em;
}


#footer_logo {
    opacity: 0.5;
}

#footer_columns #footer_closing {
    flex-basis: 40% !important;
    display: flex;
	flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1em;
}

#footer_columns .gjs-grid-column {
    flex-basis: 20%;
    flex-grow: 1;
}

#hero_slogan_shell h2 {
    top: -0.08em;
}

#hero_form_dynamic_area {
    position: relative;
}

#platform_section {
    background: hsl(39 77% 94% / 1);
}

#platform_section {}

.font-weight-800 {
    font-weight: 800;
}

.font-weight-600.text-align-center.palette-b1-color {}

.text-align-center {text-align: center;}

.platform ul {
    list-style: disc;
    padding: 0;
    margin: 0 0 1em 0;
}

.platform-container {
    max-width: 8.5in;
    padding: 0.5in;
    line-height: 1.5;
}

.platform-part {
    margin-bottom: 1em;
}

.platform-heading {
    font-weight: 800;
    font-size: 1.125em;
}

.platform li {
    margin: 0 0 0.5em 0;
}

#platform_buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 3em;
    font-size: 0.75em;
    margin-bottom: 4em;
    justify-content: flex-end;
}

.platform .material-symbols-outlined {
    margin-right: 0.25em;
    vertical-align: middle;
}

.standard-text {
	font-size: 1.5em;
}

.post-section {
	background-color: #eee;
	padding: 2.5em;
    display: flex;
    flex-direction: column;
	justify-content: flex-start;
    flex-grow: 1;
}

.post-wrapper {
	display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    color: #222;
}
.post-container {
	width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
}

.post-title  {
	
}
.post-subtitle {
	font-size: 1.5em;
    text-align: center;
    margin-bottom: 2em;
}

.modal-dialog {
	min-width: 360px;
    max-width: 100vw;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    background-color: #eee;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    padding: 0;
	box-shadow: 0.625em 0.75em 6em 0 rgba(0, 0, 0, 0.8);
}

.modal-dialog > div {
	width: 100%;
	margin: 0;
	padding: 1em;
}

.modal-dialog > .modal-dialog-header {
    background-color: rgba(10, 20, 100, 0.1);
    font-weight: 600;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    text-align: center;
}

.modal-dialog > .modal-dialog-body {
	background-color: white;
}

.modal-dialog-section {
	display: block;
	margin: 1em 0;
}

.modal-dialog > .modal-dialog-footer {
	padding: 1.25em 1.75em 1.5em 1.75em;
	display: flex;
	gap: 0.5em;
    justify-content: flex-end;
    align-items: center;
}

.modal-dialog .modal-dialog-btn-wrapper {
	display: flex;
    padding-top: 0px;
    padding-bottom: 0px;
    gap: 1em;
    justify-content: center;
}

.modal-dialog .modal-dialog-btn {
	border: none;
	color: white;
    font-weight: 400;
    border: none;
    cursor: pointer;
    padding: 1em 1.125em;
    align-self: auto;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 400%;
    text-transform: uppercase;
    text-rendering: geometricPrecision;
	font-size: 0.75em;
}

.modal-dialog .modal-dialog-btn > h1 {
	font-size: 1em;
	margin: 0;
	line-height: 1;
	display: block;
    color: #eee;
    white-space: nowrap;
}

.modal-dialog > .modal-dialog-footer {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	background-color: #eee;
}

::backdrop {
  background-color: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(4px) contrast(80%) brightness(90%) grayscale(60%);
  -webkit-backdrop-filter: blur(4px) contrast(80%) brightness(90%) grayscale(60%);
}


.pcwd-container {
	background-color: #eee;
    min-height: 40vh;
    display: flex;
    flex-direction: column;
	flex-wrap: wrap;
    justify-content: flex-start;
}
.pcwd-wrapper {
	padding: 2em 1em 3em 1em;
	width: 100%;
	display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    color: #222;
}
.pcwd-title {
	font-size: 2em;
	text-align: center;
	margin-top: 0;
    margin-bottom: 0.5em;
}

.pcwd-content {
	width: 100%;
	max-width: 1400px;
}
.mw-960 {
	max-width: 960px;
}
.mw-640 {
	max-width: 640px;
}

.pcwd-event {
	border-top: 1px solid #ccc;
	padding: 1.5em;
}
.pcwd-event:last-child {
	border-bottom: 1px solid #ccc;
}
.pcwd-event h1 {
	font-size: 1.5em;
	margin: 0 0 0.75em 0;
}
.pcwd-event h2 {
	text-transform: uppercase;
	color: rgb(242, 66, 95);
	font-size: 1em;
}


.palette-b1-color {
	color: rgb(57, 97, 124);
}
.palette-b1-bg {
	background-color: rgb(57, 97, 124);
}
.palette-b2-color {
	color: rgb(67, 145, 195);
}
.palette-b2-bg {
	background-color: rgb(67, 145, 195);
}
.palette-r1-bg {
	background-color: rgb(124, 57, 57);
}
.palette-r2-bg {
	background-color: rgb(196, 77, 77);
}
.palette-r3-bg {
	background-color: rgb(196, 128, 127);
}
.palette-g2-bg {
	background-color: rgb(77, 196, 77);
}
.palette-r1-color {
	color: rgb(124, 16, 24);
}
.palette-g1-color {
	color: rgb(64, 64, 64);
}
.palette-g2-color {
	color: rgb(128, 128, 128);
}
.palette-g3-color {
	color: rgb(192, 192, 192);
}

#admin_login_section {
	background-color: red;
}
#admin_login_section h1 {
	color: white !important;
	text-shadow: 0px 0px 1px black;
}
#admin_login_form {
	display: flex;
	flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1em;
    width: 100%;
}
#admin_login_form input,
#admin_login_form button {
	display: block;
	font-size: 1.25em;
	padding: 0 0.25em;
	width: 100%;
	max-width: 800px;
}
.justify-content-center {
	justify-content: center;
}

.std-form {
	width: 100%;
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    gap: 1em;
}
.std-form-row {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
	align-items: flex-end;
	gap: 1em;
	column-gap: 2em;
    row-gap: 1em;
}
.std-form-w20 {
	flex-basis: 20%;
}
.std-form-w30 {
	flex-basis: 20%;
}
.std-form-w40 {
	flex-basis: 40%;
}
.std-form-w50 {
	flex-basis: 50%;
}
.std-form-w60 {
	flex-basis: 60%;
}
.std-form-w70 {
	flex-basis: 70%;
}
.std-form-w80 {
	flex-basis: 80%;
}
.std-form-w90 {
	flex-basis: 90%;
}
.std-form label,
.std-form-col {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    align-content: stretch;
}
.std-form label.checkbox-label {
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: baseline;
}

.std-form label > span {
    font-family: 'Noto Sans';
    font-weight: 400;
    font-size: 14px;
    color: #333;
    padding: 0.125em 0.375em;
}

.std-form input {
    font-size: 18px;
    font-family: "Noto Sans", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    padding: 0.15em 0.325em;
    text-rendering: optimizeLegibility;
    color: #111;
}

.mfw {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mfac {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
}
.mfv {
	position: relative;
	top: 0;
	left: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
	object-position: center 75%
}
.mfv.mfv-center-bottom {
    object-position: center bottom;
}
.mfv-filter-1 {
	filter: brightness(0.5) contrast(0.5) saturate(1.25);
}
.mfo {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(16, 8, 96, 0.90);
	mix-blend-mode: overlay;
}

.email-confirmation-part {
	display: none;
}
#email_confirmation_review {
	display: block;
}
#contribute_section_toggle {
	
}

.pcwd-container {
	align-content: center;
}
.pcwd-wrapper {
	max-width: 1400px;
}

body.tpl-lite {
	padding: 0 !important;
	transition: none !important;
}

.pcwd-bio-cards {
	margin-top: 2em;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 4em;
	font-size: 1em;
}
.pcwd-bio-photo {
	padding: 1.5em;
	border: 1px solid rgba(0, 0, 0, 0.4);
	box-shadow: 0.08em 0.12em 0.25em 0.08em rgba(0, 0, 0, 0.6);
}
.pcwd-bio-img {
	display: none;
}
.pcwd-bio-img-sq {
	max-width: 300px;
	max-height: 300px;
}
.pcwd-bio-img-34 {
	max-width: 195px;
	max-height: 260px;
}
.pcwd-bio-cards-sq .pcwd-bio-img-sq {
	display: block;
}
.pcwd-bio-cards-34 .pcwd-bio-img-34 {
	display: block;
}
.pcwd-bio-card {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 2.5em;
	/* aspect-ratio: 2 / 1; */
	overflow: hidden;
	padding: 2em;
	font-family: Noto Sans, Helvetica Neue, Verdana, sans-serif;
	background: white;
	border-radius: 0.375em;
	border: 1px solid rgba(0, 0, 0, 0.125);
}
.pcwd-bio-card-text {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0.375em;
}
.pcwd-bio-card-name {
	font-size: 1.375em;
	font-weight: 800;
	color: #415f7d;
	text-transform: uppercase;
}
.pcwd-bio-card-title {
	font-size: 1.25em;
	font-weight: 500;
	font-style: italic;
	color: #548bc3;
}
.pcwd-bio-card-bio {
	margin-top: 0.25em;
	line-height: 1.375;
}
@media screen and (max-width: 1400px) and (min-width: 1201px) {
	.pcwd-bio-cards {
		max-width: 1150px;
		gap: 2em;
		font-size: 0.925em;
	}
	.pcwd-bio-card {
		padding: 1.75em;
		gap: 2em;
	}
	.pcwd-bio-img-34 {
		max-width: 162px;
		max-height: 216px;
	}
}
@media screen and (max-width: 1200px) and (min-width: 993px) {
    .pcwd-bio-cards {
        max-width: 1150px;
        gap: 1.5em;
        font-size: 0.75em;
		margin-left: 0.75em;
		margin-right: 0.75em;
    }
    .pcwd-bio-card {
        padding: 1.375em;
        gap: 1.75em;
    }
	.pcwd-bio-photo {
		padding: 1em;
	}
    .pcwd-bio-img-34 {
        max-width: 144px;
        max-height: 192px;
    }
	.pcwd-bio-card-bio {
		font-size: 1.125em;
	}
}
@media screen and (max-width: 992px) and (min-width: 769px) {
    .pcwd-bio-cards {
        max-width: 720px;
        gap: 3em;
        font-size: 0.875em;
        margin-left: 1em;
        margin-right: 1em;
		grid-template-columns: 1fr;
    }
    .pcwd-bio-card {
        padding: 2.5em;
        gap: 2em;
    }
    .pcwd-bio-photo {
        padding: 1.5em;
    }
    .pcwd-bio-img-34 {
        max-width: 144px;
        max-height: 192px;
    }
}
@media screen and (max-width: 768px) {
    .pcwd-bio-cards {
        max-width: 720px;
        gap: 2.5em;
        font-size: 0.875em;
        margin-left: 0.5em;
        margin-right: 0.5em;
        grid-template-columns: 1fr;
    }
    .pcwd-bio-card {
        padding: 1em;
        gap: 1.5em;
    }
    .pcwd-bio-photo {
        padding: 1em;
    }
    .pcwd-bio-img-34 {
        max-width: 120px;
        max-height: 160px;
    }	
}
@media hoop and (max-width: 20000000px) {
    .pcwd-bio-cards {
        max-width: 720px;
        gap: 2em;
        font-size: 0.75em;
        margin-left: 0.25em;
        margin-right: 0.25em;
        grid-template-columns: 1fr;
    }
    .pcwd-bio-card {
        padding: 1em;
        gap: 1.5em;
    }
    .pcwd-bio-photo {
        padding: 0.5em;
    }
    .pcwd-bio-img-34 {
        max-width: 102px;
        max-height: 136px;
    }
	.pcwd-bio-card-bio {
		font-size: 1.125em;
	}
}
@media (max-width: 576px) {
	.pcwd-wrapper {
		padding-left: 0em;
		padding-right: 0em;
	}

	.pcwd-bio-cards {
		font-size: 0.625em;
		margin-top: 0.5em;
		margin-left: 0;
		margin-right: 0;
		gap: 0;
	}

	.pcwd-bio-card {
		gap: 1.25em;	
		padding: 0.75em;
		border-radius: 0;
	}
	.pcwd-bio-card-text {
		gap: 0.25em;
	}
	.pcwd-bio-photo {
		margin-top: 0.4em;
		padding: 0;
	}
	.pcwd-bio-img-34 {
		max-width: 111px;
		max-height: 148px;
	}
	.pcwd-bio-card-bio {
		margin-top: 0.5em;
		font-size: 1.5em;
		line-height: 1.25;
	}
}

.pcwd-tiny-screen-element {
	display: none;
}

@media (max-width: 360px) {
		.pcwd-tiny-screen-element {
			display: block;
		}
		.pcwd-tiny-screen-hide {
			display: none;
		}
		.pcwd-tiny-screen-element.pcwd-bio-card-text {
			text-align: center;
		}

        .pcwd-bio-cards {
                font-size: 0.825em;
                margin-top: 0.5em;
        }
        .pcwd-bio-card {
                gap: 1.25em;
                padding: 1.5em;
                flex-direction: column;
                align-items: center;
        }
        .pcwd-bio-card-text {
                gap: 0.25em;
                align-items: center;
        }
        .pcwd-bio-photo {
                padding: 0.75em;
        }
        .pcwd-bio-img-34 {
                max-width: 144px;
                max-height: 192px;
        }
        .pcwd-bio-card-bio {
                margin-top: 0.5em;
                font-size: 1.25em;
                line-height: 1.25;
        }
}