:root {       
	--neutral-color: #667085;
	--dark-gray: #101828;
	--light-gray: #F2F4F7;
	--white: #FFFFFF;
	
	--dark-text: #333333;
	--light-text: #FFFFFF;
	
	--padding-sm: 16px;
	--padding-md: 24px;
	--padding-lg: 40px;
	
	--margin-sm: 16px;
	--margin-md: 24px;
	--margin-lg: 40px;
	
	--column-gap-xs: 8px;
	--column-gap-sm: 16px;
	--column-gap-md: 24px;
	--column-gap-lg: 40px;
	
	--row-gap-sm: 8px;
	--row-gap-md: 16px;
	--row-gap-lg: 24px;

	--gap-sm: var(--row-gap-sm) var(--column-gap-xs);
	--gap-md: var(--row-gap-md) var(--column-gap-sm);
	--gap-lg: var(--row-gap-lg) var(--column-gap-md);
}

@media (max-width: 768px) {
	:root {
		--padding-sm: 0.5rem;
		--padding-md: 1rem;
		--padding-lg: 1.5rem;
		
		--margin-sm: 0.5rem;
		--margin-md: 1rem;
		--margin-lg: 1.5rem;
	}
}

@media (max-width: 400px) {
	:root {
		--padding-lg: 1rem;
	}
}

html {
	font-family: var(--default-font-family), Arial, Helvetica, sans-serif;
	font-size: var(--root-font-size);
	color: var(--main-font-color);
	font-weight: var(--root-font-weight);
}

html *,
html::before,
html::after {
	box-sizing: border-box;
}

/* TYPOGRAPHY */

h1 {
	line-height: var(--h1-font-size);
	font-family: var(--h1-font-family), Arial, Helvetica, sans-serif;
	font-weight: var(--h1-font-weight);
	font-size: var(--h1-font-size);
	color: var(--h1-font-color);
}

h2 {
	line-height: var(--h2-font-size);
	font-family: var(--h2-font-family), Arial, Helvetica, sans-serif;
	font-weight: var(--h2-font-weight);
	font-size: var(--h2-font-size);
	color: var(--h2-font-color);
}

h3 {
	line-height: var(--h3-font-size);
	font-family: var(--h3-font-family), Arial, Helvetica, sans-serif;
	font-weight: var(--h3-font-weight);
	font-size: var(--h3-font-size);
	color: var(--h3-font-color);
}

h4 {
	line-height: var(--h4-font-size);
	font-family: var(--h4-font-family), Arial, Helvetica, sans-serif;
	font-weight: var(--h4-font-weight);
	font-size: var(--h4-font-size);
	color: var(--h4-font-color);
}

h5 {
	line-height: var(--h5-font-size);
	font-style: italic;
	font-family: var(--h5-font-family), Arial, Helvetica, sans-serif;
	font-weight: var(--h5-font-weight);
	font-size: var(--h5-font-size);
	color: var(--h5-font-color);
}

a {
	color: var(--link-color);
}

body {
	font-family: var(--default-font-family), Arial, Helvetica, sans-serif;
	font-size: var(--root-font-size);
	color: var(--main-font-color);
	font-weight: var(--root-font-weight);

	line-height: 24px;
	margin: 0;
	position: relative;
	min-height: 100vh;
}

ul,
ol {
	text-align: initial;
}

/* NAVIGATION */

.navbar {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;

	background: var(--navbar-background-color);
	padding: var(--padding-sm) var(--padding-md);
}

.nav-expand-icon {
	content:" ";
	width: 24px;
	height: 24px;
	background-color: var(--navbar-text-color, var(--link-color));

	/* sets icon color */
	-webkit-mask: url(/pageassets/p2p/sample/icons/chevron-right.svg) no-repeat center;

	/* hides the overflow color on mask */
	border: 1px solid var(--navbar-background-color);

	display: inline-block;
	font-size: 1.8rem;
	vertical-align: center;
	position: relative;
}

.nav-expand-icon--desktop {
	-webkit-mask: url(/pageassets/p2p/sample/icons/chevron-down.svg) no-repeat center;
	background-color: var(--navbar-text-color);
}


.en__p2p__nav__list--depth-0 > .en__p2p__nav__item--hasSubNav {
	display: flex;
	flex-flow: row nowrap;
	gap: 8px;
}

.navbar 
	div[data-en-nav="site"]
	.en__p2p__nav__item--hasSubNav:hover >
	.nav-expand-icon--desktop {
		transform: rotate(180deg);
}

/* submenu support for navbar*/
div[data-en-nav="site"] ul {
	list-style: none;
}

/* first list of nav items */
.navbar div[data-en-nav="site"] .en__p2p__nav__list--depth-0 {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	padding: 0;
}

/* adds space between sub-menu and link */
.navbar div[data-en-nav="site"] 
	.en__p2p__nav__list--depth-0 >
	.en__p2p__nav__item--hasSubNav > a {
	padding: 8px;
}


/* sub-menu group styling */
.navbar div[data-en-nav="site"] .en__p2p__nav__item:hover 
	.en__p2p__nav__list {
	display: flex;
	flex-flow: column wrap;
	position: absolute;
	z-index: 999;
	padding: 20px;
	gap: 8px;
}

/* hides the sub-menus */
.navbar 
	div[data-en-nav="site"] 
	.en__p2p__nav__item.en__p2p__nav__item--hasSubNav:not(:hover) >
	ul[class*='en__p2p__nav__list--depth'] {
	display: none;
}

/* styling for first set of sub-menu */
.navbar 
	div[data-en-nav="site"] 
	.en__p2p__nav__item--hasSubNav:hover 
	.en__p2p__nav__list--depth-1 {

	/* card style */
	display: block;
	min-width: 250px;
	margin-top: 46px;
	margin-left: -18px;
	max-width: 300px;
	border-radius: 8px;
	background-color: var(--navbar-background-color);
	border: 1px solid rgba(255,255,255, 0.2);
	filter: brightness(1.5) saturate(0.9);
}

/* styling on sub-menus for 2nd level and so forth */
.navbar 
	div[data-en-nav="site"] 
	.en__p2p__nav__list--depth-1 
	.en__p2p__nav__item--hasSubNav:hover 
	.en__p2p__nav__list {
	position: relative;
	padding: 0 0 0 24px;
}


/* shortens labels that are too long */
.navbar 
	div[data-en-nav="site"] 
	.en__p2p__nav__list--depth-1 
	.en__p2p__nav__item--hasSubNav 
	.en__p2p__nav__list {
	display: block;
	overflow: hidden;
}

/* adds spacing between deeper submenu list */
.navbar 
	div[data-en-nav="site"] 
	.en__p2p__nav__list--depth-1 
	.en__p2p__nav__item:not(:last-child) {
		margin-bottom: 8px;
}

/* shortens labels that are too long */
.navbar 
	div[data-en-nav="site"] 
	.en__p2p__nav__list--depth-1 
	.en__p2p__nav__item a {
	white-space: nowrap;
  	text-overflow: ellipsis;
  	overflow: hidden;
}

/* aligns label horizontally with dropdown icon */
.navbar div[data-en-nav="site"] 
	.en__p2p__nav__list--depth-1
	.en__p2p__nav__item--hasSubNav a {
		flex: 1 0 50px;
		margin-right: 8px;
}

/* aligns dropdown icon horizontally with label */
.navbar div[data-en-nav="site"] 
	.en__p2p__nav__list--depth-1 
	.nav-expand-icon--desktop {
		flex: 0 1 15px;
	}

/* aligns label and dropdown icon for nav*/
.navbar .en__p2p__nav__item {
	display: flex;
	justify-content: space-between;
	row-gap: 8px;
	flex-flow: row wrap;
	position: relative;
}

.navbar .en__p2p__nav__list--depth-0 > .en__p2p__nav__item {
	padding: 8px 0;
}

/* makes sure the submenu is always below its parent */
.navbar div[data-en-nav="site"] 
	.en__p2p__nav__list--depth-1 
	.en__p2p__nav__item 
	.en__p2p__nav__list {
	flex: 1 1 300px; 
}

/* adds the before pseudo class for the hover styling on desktop view */
.navbar .en__p2p__nav__item::before,
	.navbar .en__p2p__nav__list--depth-1 
	.en__p2p__nav__item a::before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	border-radius: 4px;
}

/* for nav spacing between label and subnav overlay*/
.navbar .en__p2p__nav__item::before {
	/* height: 90%; */
	height: calc(100% - 16px);
	margin: 8px 0;
}

/* adds padding to nav label for hover */
.navbar .en__p2p__nav__item a {
	padding: 4px 10px;
	position: relative;
}

/* applies hover color*/
.navbar .en__p2p__nav__list--depth-0 > .en__p2p__nav__item:hover::before,
.navbar .en__p2p__nav__list--depth-1 .en__p2p__nav__item:hover > a::before {
	opacity: 0.1;
	background: var(--navbar-text-color);
}

.navbar .en__p2p__nav__item > :is(a, img) {
	align-self: center;
}

.navbar a,
.mobile-nav a {
	text-decoration: none;
	color: var(--navbar-text-color);
	font-size: 24px;
	font-weight: 400;
}

.navbar .header-logo {
	flex-grow: 1;
}

@media (max-width: 768px) {
	.navbar {
		flex-wrap: nowrap;
	}
}

/* HEADER LOGO */
.navbar .header-logo a {
	display: inline-block;
	height: 88px;
	min-width: 88px;
	display: flex;
	align-items: center;
	gap: 16px;
}

.navbar .header-logo img {
	width: 100%;
	object-fit: contain;
	object-position: left center;
}

/* MOBILE NAVIGATION */
.mobile-nav {
	color: #eee;
	position: fixed;
	transition: all 0.2s ease-in-out;
	width: 70%;
	right: -100%;
	z-index: 3;

	display: flex;
	flex-flow: column nowrap;
	list-style: none;

	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
	max-height: 100vh;

	background: var(--navbar-background-color);
}

.mobile-nav[data-en-nav="site"] .en__p2p__nav__item {
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (min-width: 768px)  {
	.mobile-nav {
		display: none;
	}
}

.mobile-nav[data-en-nav="site"] .en__p2p__nav__list.en__p2p__nav__list--depth-0 {
	padding-left: 0;
}

.mobile-nav[data-en-nav="site"] .en__p2p__nav__list {
	list-style: none;
	display: flex;
	flex-flow: column nowrap;
	/* gap: 12px 24px; */
	/* padding-top: 12px; */

	overflow: hidden;

	animation-duration: 0.4s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}

.mobile-nav[data-en-nav="site"] .en__p2p__nav__list--depth-0 > .mobile-nav-submenu{
	background-color: var(--navbar-background-color);
	mix-blend-mode: screen;
}

.mobile-nav[data-en-nav="site"] 
	.en__p2p__nav__item--hasSubNav.mobile-nav-submenu 
	> .en__p2p__nav__list {
	animation-name: expandMenu;
}

.mobile-nav[data-en-nav="site"] 
	.en__p2p__nav__item--hasSubNav:not(.mobile-nav-submenu) 
	> .en__p2p__nav__list {
	animation-name: contractMenu;
}

@keyframes contractMenu {
	from {height: auto; opacity: 1;}
	to {opacity: 0; height: 0; padding: 0;}
}

@keyframes expandMenu {
	from {height: 0; padding: 0; opacity: 0;}
	to {height: auto; opacity: 1;}
}

.mobile-nav a {
	color: var(--navbar-text-color, var(--link-color));
	width: 100%;
	text-align: start;
}

.mobile-nav .mobile-nav-logo {
	padding:2vw 5vw;
}

.mobile-nav .mobile-nav-logo img {
	object-fit: contain;
	width: 100%;
	max-width: 100%;
}

.mobile-nav-footer {
	order: 3;
}

.mobile-nav-footer p {
	padding: 0 var(--nav-offset-horizontal);
}

.mobile-nav[data-en-nav="site"] .en__p2p__nav {
	flex: 1 1;
}

.mobile-nav-header-label {
	color: var(--navbar-text-color);
	padding: 0 var(--nav-offset-horizontal);
	margin: 0;
	font-size: var(--h2-font-size);
}

/* CONTENT */

.content {
	display: flex;
	flex-flow: column nowrap;
	min-height: 100%;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
	right: 0;
	position: absolute;
	top: 0;
	-moz-transition: right 0.2s ease-in-out;
	-ms-transition: right 0.2s ease-in-out;
	-o-transition: right 0.2s ease-in-out;
	-webkit-transition: right 0.2s ease-in-out;
	transition: right 0.2s ease-in-out;
	width: 100%;
	z-index: 2;
}

.content main {
	flex: 1;
	display: grid;

	background: var(--page-background-color) var(--page-background-image)
		no-repeat center center;
	background-size: cover;
	position: relative;
}

/* OVERLAY */
.nav-content-overlay {
	display: none;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3;
	background-color: black;
}

/* NAVIGATION CHECKBOX */

#nav-state {
	display: none;
}

/* HAMBURGER ICON */

.hamburger {
	display: none;
	cursor: pointer;
}

.hamburger svg {
	/* The size of the SVG defines the overall size */
	height: 3em;
	/* Define the transition for transforming the SVG */
	transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.line {
	fill: none;
	stroke: var(--navbar-text-color);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 3;
	/* Define the transition for transforming the Stroke */
	transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
		stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.line-top-bottom {
	stroke-dasharray: 12 63;
}

#nav-state:checked ~ .content .navbar .hamburger svg {
	transform: rotate(-45deg);
}

#nav-state:checked ~ .content .navbar .hamburger svg .line-top-bottom {
	stroke-dasharray: 20 300;
	stroke-dashoffset: -32.42;
}

.hamburger .navbar-nav {
	display: none;
	list-style: none;
}

/* FOOTER */

footer {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	gap: 16px;

	background: var(--footer-bg-color);
	padding: var(--padding-sm) var(--padding-md);
}

footer .footer-logo {
	flex-grow: 1;
	display: inline-block;
	height: 88px;
	min-width: 88px;
}

footer .footer-logo a {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	gap: 16px;
}

footer .footer-content {
	color: var(--footer-text-color);
}

footer .footer-content pre {
	white-space: pre-wrap;
	font-family: inherit;
}

footer .footer-logo img {
	width: 100%;
	object-fit: contain;
	object-position: left center;
}

@media (max-width: 768px) {

	.mobile-nav[data-en-nav="site"] {
		--nav-offset-horizontal: 24px;
		--nav-padding-top: 8px;
	}

	.mobile-nav[data-en-nav="site"] a {
		font-size: var(--h2-font-size);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.mobile-nav[data-en-nav="site"] .en__p2p__nav__item--hasSubNav {
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: space-between;
	}

	/* positions nav link with sub nav */
	.mobile-nav[data-en-nav="site"] .en__p2p__nav__item--hasSubNav a {
		flex: 1 1 50px;
	}

	/* positions dropdown icon */
	.mobile-nav[data-en-nav="site"] .en__p2p__nav__item--hasSubNav .nav-expand-icon {
		flex: 0;
		margin: 0;
		padding: 0 var(--nav-offset-horizontal);
	}

	/* makes sub nav list occupy a whole row */
	.mobile-nav[data-en-nav="site"] .en__p2p__nav__item--hasSubNav .en__p2p__nav__list {
		flex: 1 1 700px;
	}

	/* spacing for each on the first set of nav items */
	.mobile-nav[data-en-nav="site"] .en__p2p__nav__list--depth-0 > .en__p2p__nav__item {
		padding: var(--nav-padding-top) 0;
	}

	/* adds offset to first set of nav items */
	.mobile-nav[data-en-nav="site"] .en__p2p__nav__list--depth-0 > .en__p2p__nav__item > a {
		padding: 0 var(--nav-offset-horizontal);
	}

	/* adds offset to sub nav items */
	.mobile-nav[data-en-nav="site"] .en__p2p__nav__list--depth-0 .en__p2p__nav__list {
		padding-inline-start: 20px;
		padding-top: var(--nav-padding-top);
	}

	/* adds parent offset for the first set of sub nav items*/
	.mobile-nav[data-en-nav="site"] .en__p2p__nav__list--depth-1 {
		margin-left: var(--nav-offset-horizontal);
	}

	.mobile-nav[data-en-nav="site"] .en__p2p__nav__list--depth-1 .en__p2p__nav__item {
		padding-top: var(--nav-padding-top);
	}

	#nav-state:checked ~ .content {
		/* makes content not scrollable once navbar is show */
		position: fixed;
	}

	#nav-state:checked ~ .nav-content-overlay {
		display: block;
		background: black;
		opacity: 0.2;
	}

	#nav-state:checked ~ .mobile-nav {
		position: fixed;
		right: 0;
	}

	.hamburger {
		display: inline-block;
	}

	.navbar div[data-en-nav="site"] {
		display: none;
	}
}

/* EN SITE WRAPPER */

#_EnSiteWrapper_ {
	display: grid;
	align-items: center;
}

/* makes sure each page container occupies the whole height especially on page builder */
/* also prevents messing up of overlay and popup positioning */
#_EnSiteWrapper_ > div:not([class*="popup"], [class*="overlay"]) {
	height: 100%;
}

/* P2P Login Page */

.en__p2p__login .en__p2p__button {
	margin-top: var(--margin-md);
}

/* MAIN BLOCK CONTAINER (CUSTOM CLASS) */
/* for row block that will mainly contain the form blocks add 'main-blocks' class */
.main-block-container {
	min-width: 550px;
	min-height: 150px;
	box-shadow: 0px 100px 200px 0px rgba(52, 64, 84, 0.18);
	width: min(100% - 40px, var(--container-width));
	background: var(--container-background-color);
	padding: var(--container-padding);
	margin: 40px calc(50% - calc(var(--container-width) / 2));
	border-radius: var(--container-border-radius);
}

/* added by script.js */
.main-block-container--restricted {
	width: 700px;
	margin: 0 auto;
}

.en__p2p__registration .main-block-container .en__p2p__heading {
	text-align: center;
	line-height: var(--h3-font-size);
}

@media (max-width: 768px) {
	.main-block-container {
		width: min(100% - 24px, 100%);
		min-width: 0;
		margin: 24px auto;
		--container-padding: 24px;
	}
}

@media (max-width: 450px) {
	/* fits white container to even smaller devices */
	.main-block-container {
		width: min(100% - 16px, 100%);
		margin: 16px auto;
		--container-padding: 18px;
	}
}

/* GLOBAL FIELD STYLES */

/* BASE LABEL*/
label {
	/*replacement*/
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
}

/* BASE TEXT INPUT */ 
.en__input,
/* donation page fields */
.en__field__item.en__field__item--other,
.en__field__element:where(
	.en__field__element--text,
	.en__field__element--password,
	.en__field__element--textarea,
	.en__field__element--calendar,
	.en__field__element--number,
	.en__field__element--email,
	.en__field__element--telephone,
	.en__field__element--vgs),
.en__field__element:where(
	.en__field__element--tripletext, .en__field__element--splittext) 
		.en__field__item {
	padding: 12px 16px;
	outline: 1px solid #d0d5dd;
	border-radius: 4px;
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.5);
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.en__field__element .en__field__input--vgs {
	width: 100%;
}


	/* removes padding for input fields on donation pages to reduce size */
.en__field__element 
	input[class*="en__field__input--"]:where(
		[type="text"], [type="password"], [type="date"], 
		[type="number"], [type='email'], [type="tel"], [type="time"]
	),
textarea.en__field__input--textarea {
	padding: 0;
}

input[type="text"],
input[type="tel"],
input[type="email"],
/* donation page field */
input[type="password"],
input[type="date"],
input[type="number"],
input[type="time"],
/* pagebuilder vgs field */
div.en__field__input--vgs
 {
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;

	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
}

/* BASE TEXTAREA */

.en__formField textarea {
	padding: 12px 16px;
	border: 0;
	outline: 1px solid #d0d5dd;
	border-radius: 4px;
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.5);

	font-family: inherit;

	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	width: 100%;
}

  /* for donation page */
.en__field__input--textarea {
	border: none;
}

.en__field__element textarea:focus {
	border: none;
	outline: none;
}

/* BASE SELECT */

.en__formField select,
.en__field__element--select select,
.en__field__element--splitselect select,
.en__field__element--tripleselect select,
.en_dashboard_nav_mobile,
.en_p2p_mobile_team_tab {
	padding: 12px 12px 12px 16px;
	border: 0;
	outline: 1px solid #d0d5dd;
	border-radius: 4px;
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.5);
	background: #fff;

	font-weight: 400;
	font-size: 16px;
	line-height: 24px;

	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;

	background-image: url(/pageassets/p2p/sample/icons/chevron-down.svg);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: 1.2em auto, 100%;
}

:is(.en__field__element--tripleselect,.en__field__element--splitselect) select {
	padding: 12px 40px 12px 12px;
}


/* BASE CHECKBOX */

.en__formField input[type="checkbox"],
.en__field input[type="checkbox"] {
	appearance: none;
}

.en__formField input[type="checkbox"]:before,
.en__field input[type="checkbox"]:before {
	content: " ";
	width: 20px;
	height: 20px;
	box-shadow: inset 2px 3px 4px rgba(0, 0, 0, 0.05) !important;
	text-align: center;
	display: block;
	float: left;
	margin: 0 10px -8px 0;
	font-weight: bold;
	border-radius: 5px;
	border: 1px solid #999999;
	transition: background-color 0.25s ease;
}

  /* donation  page checkbox */
.en__field .en__field__element--checkbox input:before {
	margin-top: -10px;
}

.en__formField input[type="checkbox"]:checked:before,
.en__field input[type="checkbox"]:checked:before {
	content: "\2713";
	color: #ffffff;
	background: var(--link-color);
}

/* BASE RADIO INPUT */

.en__formField input[type="radio"],
.en__field input[type="radio"] {
	appearance: none;
}

/* prevents indenting of radio button when selected */
[class*="en__formField--radio"] .en__radio:focus-within {
	border: none;
}

.en__formField input[type="radio"]:after,
.en__field input[type="radio"]:after {
	content: " ";
	cursor: pointer;
	min-width: 12px;
	min-height: 12px;
	background-color: var(--light-gray);
	border: 3px solid transparent;
	text-align: center;
	float: left;
	margin: 0 0 -3px;
	line-height: 18px;
	font-weight: bold;
	border-radius: 18px;
	transition: 0.25s background-color, 0.25s border-color;
}

.en__formField input[type="radio"]:checked:after,
.en__field input[type="radio"]:checked:after {
	background-color: var(--link-color);
	border: 3px solid #fff;
	box-shadow: 0px 0px 1px 1px var(--link-color);
}

/* BASE BUTTON, P2P LINK */

button, .en__p2p__link {
	padding: 0.5rem 1rem;
	border: 0;
	border-radius: var(--button-border-radius);
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	background: var(--button-background-color);
	color: var(--button-text-color);
	cursor: pointer;
	margin-left: auto;
	display: grid;
	place-content: center;
	transition: background-color 0.2s ease;
}

button:hover, .en__p2p__link:hover{
	background: var(--button-hover-color);
	color: var(--button-text-hover-color);
}

.en__p2p__link {
	text-decoration: none;
	text-align:center;
	width: max-content;
	margin: 1rem auto;
}

@media (max-width: 768px) {
	button, .en__p2p__link {
		width: 100%;
		display: block;
	}
}

/* BASE RANGE INPUT [DONATION PAGE SUPPORT] */

input[type="range"] {
	-webkit-appearance: none;
	margin: 18px 0;
	width: 100%;
}

input[type="range"]:focus {
	outline: none;
}

input[type="range"]::-webkit-slider-runnable-track {
	width: 100%;
	height: 8.4px;
	cursor: pointer;
	background: var(--link-color);
	border-radius: 1rem;
	border: 0.2px solid #010101;
}

input[type="range"]::-webkit-slider-thumb {
	border: 2px solid #FFFFFF;
	height: 20px;
	width: 20px;
	border-radius: 100%;
	background: #676774;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -8px;
}

input[type="range"]:focus::-webkit-slider-runnable-track {
	background: var(--link-color);
}

input[type="range"]::-moz-range-track {
	width: 100%;
	height: 8.4px;
	cursor: pointer;
	background: var(--link-color);
	border-radius: 1rem;
	border: 0.2px solid #010101;
}

input[type="range"]::-moz-range-thumb {
	border: 2px solid #FFFFFF;
	height: 18px;
	width: 18px;
	border-radius: 100%;
	background: #676774;
	cursor: pointer;
}

input[type="range"]::-ms-track {
	width: 100%;
	height: 8.4px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	border-width: 16px 0;
	color: transparent;
}

input[type="range"]::-ms-fill-lower {
	background: #2a6495;
	border: 0.2px solid #010101;
	border-radius: 2.6px;
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

input[type="range"]::-ms-fill-upper {
	background: #3071a9;
	border: 0.2px solid #010101;
	border-radius: 2.6px;
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

input[type="range"]::-ms-thumb {
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

/* DONATION PAGE RANGE WITH LABELS */
.en__field__element--range .en__rangeFieldLabels {
	width: 100%;
}

/* BASE COMPOUND FIELDS */
.en__textTriple,
.en__textDouble,
.en__selectTriple,
.en__selectDouble {
	display: grid;
	gap: var(--column-gap-xs);
}

.en__textDouble,
.en__selectDouble {
	grid-template-columns: 1fr 1fr;
}

.en__textTriple,
.en__selectTriple {
	grid-template-columns: 1fr 1fr 1fr;
}

.en__textTriple .en__input input,
.en__textDouble .en__input input {
	width: 50px; /* overrides browser minimum width */
}


@media (max-width: 768px) {
	.en__textTriple,
	.en__textDouble,
	.en__selectTriple,
	.en__selectDouble {
		grid-template-columns: 1fr;
	}
}

/* EN ROW && EN COLUMN */

.en__row {
	display: flex;
	gap: var(--column-gap-sm);
	flex-wrap: wrap;
}

@media (max-width: 768px) {
	.en__row {
		flex-flow: column;
	}

	.en__column {
		flex: auto;
	}
}

/* RADIO FIELD */

.en__radios {
	list-style: none;
	padding-left: 0;
}

/* PARTICIPANT TYPES BLOCK --*/

.en__p2p__registration__types {
	margin: 40px 0;
}

.en__p2p__registration__types__list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	justify-content: center;
	gap: 4.5rem var(--column-gap-sm);
	margin-top: 5.5rem;
	padding: 0;
	list-style: none;
}

.en__p2p__registration__type {
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
	min-height: 250px;
	background: var(--donation-bg-color);
	height: 100%;
	border-radius: var(--donation-button-border-radius);
	padding: var(--padding-md);
	border: 2px solid transparent;
	transition: all 0.5s ease;
}

.en__p2p__registration__type--single {
	cursor: pointer;
}

.en__p2p__registration__type--single:focus-within {
	border: 2px solid rgba(16, 24, 40, 0.1);
}

.en__p2p__registration__type--single:focus-within .en__p2p__registration__type__image {
	box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.1),
		0px 4px 6px -2px rgba(16, 24, 40, 0.05);
}

.en__p2p__registration__type--single.en__p2p__registration__type--selected {
	border: 2px solid var(--button-background-color);

	background: var(--donation-bg-selected-color);
}

.en__p2p__registration__type--single:not(.en__p2p__registration__type--soldOut, .en__p2p__registration__type--multiple):hover {
	border: 2px solid var(--button-background-color);

	background: var(--donation-bg-hover-color);
}

.en__p2p__registration__type--selected .en__p2p__registration__type__image {
	box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.1),
		0px 4px 6px -2px rgba(16, 24, 40, 0.05);
}

.en__p2p__registration__type input[type="radio"] {
	opacity: 0;
}

.en__p2p__registration__type__image {
	--registration-image-size: 140px;
	height: var(--registration-image-size);
	width: var(--registration-image-size);

	min-height: 80px;
	max-height: 140px;
	min-width: 80px;
	max-width: 140px;

	object-position: center;
	border-radius: 50%;
	border: 5px solid #ffffff;
	background: var(--white);
	margin-top: -5.5rem;
	aspect-ratio: 1;
	transition: box-shadow 0.5s ease;
}

.en__p2p__registration__type__name {
	font-weight: bold;
	font-size: 18px;
	color: unset;
	margin: 24px 0 0 0;
}

.en__p2p__registration__type__fee, .en__p2p__registration__type__soldOut {
	font-weight: bold;
	font-size: 20px;
	margin: 24px 0;
}

.en__p2p__registration__type__soldOut {
	background-color: var(--error-color);
	padding: 2px 8px;
	color: #fff;
	text-align: center;
}

.en__p2p__registration__type--soldOut {
	cursor: default;
}

.en__p2p__registration__type--soldOut .en__p2p__registration__type__fee {
	display: none;
}

@media (max-width: 768px) {
	.en__p2p__registration__types {
		margin: 24px 0;
	}

	.en__p2p__registration__types__list {
		grid-template-columns: 1fr;
		grid-row-gap: var(--row-gap-sm);
		margin: 0;
	}

	.en__p2p__registration__type {
		display: grid;
		place-items: center;
		grid-template-areas:
			"image name     "
			"image description"
			"image fee    "
			"image soldOut    ";
		min-height: 115px;
		padding: var(--padding-md);
		grid-template-columns: 80px 1fr;
		place-items: start;
		grid-column-gap: var(--column-gap-sm);
		text-align: start;
	}

	.en__p2p__registration__type__image {
		--registration-image-size: 80px;
		margin-top: 0;
		grid-area: image;
		border-radius: 0;
	}

	.en__p2p__registration__type__name {
		margin: 0;
		grid-area: name;
	}

	.en__p2p__registration__type__description {
		grid-area: description;
	}

	.en__p2p__registration__type__fee {
		grid-area: fee;
		margin: 0;
	}

	.en__p2p__registration__type__soldOut {
		grid-area: soldOut;
		margin: 0;
	}
}

/* MULTIPLE CHECKOUT PARTICIPANT TYPE */
.en__p2p__registration__type__participantCount {
	margin-top: auto;
	display: flex;
}

.en__p2p__registration__type__participantCount .en__input {
	border: 0;    
	outline: 0px;
    border-radius: 0px;
    box-shadow: none;
}

.en__p2p__registration__type__participantCount input{
	width: 100%;
	max-width: 50px;
	text-align: center;
}

.en__p2p__registration__type__participantCount__remove:disabled {
	opacity: 0.6;
	pointer-events: none;
	cursor: not-allowed;
}

.en__p2p__registration__type__participantCount__add:disabled {
	opacity: 0.6;
	pointer-events: none;
	cursor: not-allowed;
}

.en__p2p__registration__type__participantCount__remove {
	background: url(/pageassets/p2p/sample/icons/minus-circle.svg) no-repeat 50% 50%;
	color: var(--secondary-btn-text-color);
	box-shadow: none;
	font-size: 0;
}

.en__p2p__registration__type__participantCount__remove:hover {
	background: url(/pageassets/p2p/sample/icons/minus-circle.svg) no-repeat 50% 50%;
	background-color: none;
}

.en__p2p__registration__type__participantCount__add {
	background: url(/pageassets/p2p/sample/icons/plus-circle.svg) no-repeat 50% 50%;
	color: var(--secondary-btn-text-color);
	box-shadow: none;
	font-size: 0;
}

.en__p2p__registration__type__participantCount__add:hover {
	background: url(/pageassets/p2p/sample/icons/plus-circle.svg) no-repeat 50% 50%;
	background-color: none;
}

/* DISCOUNT BLOCK --*/

.en__p2p__registration__discount__apply {
	align-items: flex-end;
	gap: 8px;
}

.en__p2p__registration__discount__apply__button {
	margin: 0;
	height: 51px;
}

.en__p2p__registration__discount__invalid {
	color: var(--error-color);
	font-size: var(--error-font-size);
}

/* FORM BLOCK --*/
.en__p2p__registration__form {
	display: grid;
	gap: var(--gap-md);
}

/* FIELD ERROR MESSAGE --*/

.en__formField__error,
.en__error {
	color: var(--error-color);
	font-size: var(--error-font-size);
}

/* TEXT INPUT BLOCK --*/

.en__formField.en__formField--text,
.en__formField.en__formField--phoneNumber,
.en__formField.en__formField--email,
.en__formField.en__formField--date,
.en__formField.en__formField--time {
	display: grid;
	gap: 8px;
}


/* TEXT AREA BLOCK --*/

.en__formField.en__formField--textarea {
	display: grid;
	gap: 8px;
}

/* SELECT FIELD BLOCK --*/

.en__formField.en__formField--select {
	display: grid;
	gap: 8px;
}

/* to align labels with other tags inside to display text */
.en__formField .en__formField__label > * {
	margin: 0;
}

/* REGISTRATION FORM INPUT AND SELECT FIELDS (should always be above registration goal block) --*/

.en__p2p__registration__form .en__formField {
	position: relative;
}

/* makes label look like a placeholder */
.en__p2p__registration__form 
	:is(.en__formField--text, .en__formField--select, .en__formField--textarea, .en__formField--phoneNumber, .en__formField--email).en__formField--empty 
	.en__formField__label:not(.en__formField__label--isHtml) {
	--inline-padding: 1rem;
	position: absolute;
	margin: 12px var(--inline-padding);
	color: var(--neutral-color);
	display: block;
	/* sets label that look like placeholder 
	to work when clicking the label over the field */
	pointer-events: none;

	/* prevents text wrapping of label as placeholder */
	width: calc(100% - calc(var(--inline-padding) * 2));
	box-sizing: border-box;
	text-wrap: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* hides the label once the field has value */
.en__p2p__registration__form
	:is(.en__formField--text, .en__formField--select, .en__formField--textarea, .en__formField--phoneNumber, .en__formField--email)
	.en__formField__label:not(.en__formField__label--isHtml) {
	display: none;
}

/* hides the label when select field has a blank option */
.en__p2p__registration__form .en__formField--select.en__formField--hasBlankOption .en__formField__label:not(.en__formField__label--isHtml) {
	display: none;
}

/* P2P page container class (base parent class for generic pages) */

.en__p2p__page,
.en__p2p__login {
	background: #fff;
	padding: var(--padding-lg);
	height: 100%; /* mainly for pagebuilder for bigger/wider screens to avoid empty space below*/
}

.en__p2p__login form {
	display: grid;
	justify-items: center;
	max-width: 500px;
	margin: 0 auto
}

.en__p2p__login__field {
	width: 100%;
}

/* REGISTRATION GOAL BLOCK --*/

.en__p2p__registration__goal {
	margin-top: var(--margin-md);
	margin-bottom: var(--margin-lg);
	display: grid;
	gap: var(--gap-md);
}

.en__p2p__registration__goal
	.en__p2p__registration__donation__donationAmounts
	.en__formField--radiosWithCustom {
	display: grid;
}

/* error outline color of goal amount input field*/
.en__p2p__registration__goal .en__formField--error .en__input.en__formField__field {
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #fee4e2;
	border: 1px solid #d76978;
}

/*goal input container to display as row*/
.en__p2p__registration__goal .en__formField.en__formField--text {
	place-items: center;
	grid-template-columns: 1fr 2fr 1fr;
}

/*overrides the base style for input labels*/
.en__p2p__registration__goal
	.en__formField.en__formField--text
	> .en__formField__label {
	color: unset;
	margin: unset;
	position: relative;
	display: inline-block;
	justify-self: end;
	font-weight: bold;
}

/* goal amount input override on base input style*/
.en__p2p__registration__goal
	.en__formField.en__formField--text
	> .en__formField__field {
	justify-self: center;
	max-width: 650px;
	width: 100%;
}

.en__p2p__registration__goal .en__formField__error {
	grid-column: 1 / -1;
	text-align: center;
}

.en__p2p__registration__goal .en__formField.en__formField--text > .en__input {
	grid-column: 2;
}

@media (max-width: 768px) {
	.en__p2p__registration__goal .en__formField.en__formField--text {
		grid-template-columns: 1fr;
	}

	.en__p2p__registration__goal .en__formField.en__formField--text > .en__input {
		grid-column: auto;
	}

	.en__p2p__registration__goal
		.en__formField.en__formField--text
		> .en__formField__label {
		justify-self: start;
	}
}

/* REGISTRATION DONATION BLOCK --*/

/* block margin on top and bottom */
.en__p2p__registration__donation {
	margin: var(--margin-lg) 0;
	display: grid;
	gap: var(--gap-md);
}

/* spacing of donation amount selections and custom input amount when in custom input*/
.en__p2p__registration__donation
	.en__radiosWithCustom.en__radiosWithCustom--customising {
	display: grid;
	gap: var(--gap-lg);
}

/* for donation amount preset's displaying and positioning */
.en__p2p__registration__donation__donationAmounts .en__radios {
	list-style: none;
	display: flex;
	gap: var(--column-gap-xs);
	position: relative;
	padding: 0;
	flex-flow: row wrap;
}

/* hides radio input of donation preset selections */
.en__p2p__registration__donation__donationAmounts
	.en__radios
	input[type="radio"] {
	opacity: 0;
    position: absolute;
}

/* styling of label on selection to look like buttons */
.en__p2p__registration__donation__donationAmounts .en__radios .en__radio {
	padding: var(--padding-md) 12px;
	text-align: center;
	display: grid;
	place-items: center;
}

/* style for the labels of selection button */
.en__p2p__registration__donation__donationAmounts
	.en__radios
	.en__radio__label {
	font-weight: 700;
	font-size: 20px;
	line-height: 16px;
}

/* style for button look and responsiveness */
.en__p2p__registration__donation__donationAmounts .en__radios .en__radiosItem {
	background: var(--donation-bg-color);
	color: var(--donation-text-color);
	border-radius: var(--donation-button-border-radius);
	flex: 1 0 100px;
	outline: 2px solid transparent;
}

.en__p2p__registration__donation__donationAmounts
	.en__radios
	.en__radiosItem:hover {
	background: var(--donation-bg-hover-color);
	outline: 2px solid var(--link-color);
	color: var(--donation-text-hover-color);
}

.en__p2p__registration__donation__donationAmounts
	.en__radios
	.en__radiosItem--checked {
	background: var(--donation-bg-selected-color);
	outline: 2px solid var(--link-color);
	color: var(--donation-text-selected-color);
}

.en__p2p__registration__donation .en__radiosWithCustom__input {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--column-gap-lg);
}

/* hide custom donation input and label */
.en__p2p__registration__donation__donationAmounts
	.en__radiosWithCustom
	.en__radiosWithCustom__input__field,
.en__p2p__registration__donation__donationAmounts
	.en__radiosWithCustom
	.en__radiosWithCustom__input__label {
	display: none;
}

/* show custom donation input and label when customizing */
.en__p2p__registration__donation__donationAmounts
	.en__radiosWithCustom--customising
	.en__radiosWithCustom__input__label {
	display: block;
}

.en__p2p__registration__donation__donationAmounts
	.en__radiosWithCustom--customising
	.en__radiosWithCustom__input__field {
	display: inline-flex;
}

/* custom donation label styling */
.en__p2p__registration__donation__donationAmounts
	.en__radiosWithCustom
	.en__radiosWithCustom__input__label {
	font-size: 32px;
	font-weight: 600;
	line-height: 20px;
	color: var(--link-color);
	text-align: center;
}

/* styling for error message on custom donation input */
.en__p2p__registration__donation__donationAmounts .en__formField__error {
	display: block;
	text-align: center;
}

/* styling for no donation button on hover */
.en__p2p__registration__donation__noDonation .en__p2p__button:hover {
	color: var(--button-background-color);
}

/* styling for no donation button */
.en__p2p__registration__donation__noDonation .en__p2p__button {
	background: none;
	color: var(--link-color);
	margin: 0 auto;
	font-weight: 700;
	font-size: 16px;
	box-shadow: none;
}

@media (max-width: 768px) {
	.en__p2p__registration__donation__donationAmounts .en__radios .en__radio {
		padding: var(--padding-sm) 12px;
	}

	.en__p2p__registration__donation {
		margin: var(--margin-md) 0;
	}

	.en__p2p__registration__donation .en__radiosWithCustom__input {
		flex-flow: column;
		gap: var(--row-gap-lg);
		align-items: stretch;
	}

	.en__p2p__registration__donation__donationAmounts
		.en__radiosWithCustom
		.en__radiosWithCustom__input__label {
		font-size: 16px;
	}

	.en__p2p__registration__donation__donationAmounts
		.en__radios
		.en__radio__label {
		font-size: 20px;
	}
}

/* DASHBOARD PROFILE PICTURE BLOCK --*/

.en__p2p__dashboard__myPage__pfp {
	display: flex;
	gap: var(--gap-lg);
	align-items: flex-start;
	flex-flow: row wrap;
}

.en__p2p__dashboard__myPage__pfp__upload {
	display: flex;
	flex-flow: column nowrap;
	gap: 10px;
}

.en__p2p__dashboard__myPage__pfp__upload button {
	width: 100%;
	display: unset;
}

.en__p2p__dashboard__myPage__pfp__preview {
	width: 180px;
	height: 180px;
	border: 2px solid #919191;
}

.en__p2p__dashboard__myPage__pfp__title {
	flex: 1;
	display: grid;
	gap: var(--gap-lg);
}

@media (max-width: 768px) {
	.en__p2p__dashboard__myPage__pfp {
		flex-flow: column nowrap;
	}

	.en__p2p__dashboard__myPage__pfp__upload {
		align-items: center;
		width: 100%;
	}

	.en__p2p__dashboard__myPage__pfp__title {
		width: 100%;
	}
}

/* DASHBOARD BANNERS BLOCK */
@media (max-width: 768px) {
	.en__p2p__dashboard__myPage__banner ul {
		/* sets all image width equally */
		display: grid;
	}

	.en__p2p__dashboard__myPage__banner img {
		width: 100%;
	}
}

/* DASHBOARD STORY BLOCK --*/

/* fixes spacing on title and story fields */
.en__p2p__dashboard__myPage__yourStory > div {
	margin: var(--margin-md) 0;
}

/* REGISTRATION LAYOUT AND SUCCESS PAGE */

/* registration and success page wrappers */
.en__p2p__registration,
.en__p2p__registration__confirmation {
	padding: var(--padding-lg);
	color: var(--secondary-container-default-text-color);
	text-align: center;
}

.en__p2p__registration__confirmation .main-block-container {
	color: var(--main-font-color);
}

.en__p2p__registration .main-block-container {
	color: var(--main-font-color);
	text-align: initial;
}

/* column spacing of items inside registration page */
.en__p2p__registration .main-block-container .en__column {
	display: flex;
	flex-flow: column;
	gap: var(--gap-md);
}

/* for pagebuilder to replicate spacing */
.en__p2p__registration .main-block-container .en__column > [data-pbid] > div[data-pbid]:not(:only-child, :first-child) {
	padding-top: var(--row-gap-md);
}

/* makes the h1 outside the main content to 
have a changeable background and text color */
.en__component--page h1:not(.main-block-container h1),
.en__p2p__registration h1:not(.main-block-container h1),
.en__p2p__registration__confirmation h1:not(.main-block-container h1) {
	display: table;
	color: var(--secondary-container-h1-text-color);
	background: var(--secondary-container-h1-bg-color);
	padding: var(--secondary-container-text-padding);
	margin: var(--secondary-container-text-margin) auto;
	text-align: center;
}

/*FUNDRAISER DASHBOARD PROFILE, SOCIAL LAYOUT, SETTINGS, INCENTIVE REWARDS AND DASHBOARD DONORS WRAPPER*/

.en__p2p__dashboard__profile,
.en__p2p__dashboard__social,
.en__p2p__dashboard__donors,
.en__p2p__dashboard__teamDonors,
.en__p2p__dashboard__teamMembers,
.en__p2p__dashboard__settings,
.en__p2p__dashboard__incentiveRewards,
.en__p2p__dashboard__myProfile,
.en__p2p__dashboard__activityTracking {
	background: #fff;
	padding: var(--padding-lg);
	height: 100%;
}

.en__p2p__dashboard__profile .en__column,
.en__p2p__dashboard__social .en__column,
.en__p2p__dashboard__donors .en__column,
.en__p2p__dashboard__teamDonors .en__column,
.en__p2p__dashboard__settings .en__column,
.en__p2p__dashboard__incentiveRewards .en__column,
.en__p2p__dashboard__myProfile .en__column{
	display: grid;
	align-items: start;
	gap: var(--column-gap-lg);
}

/* for pagebuilder */
.en__p2p__dashboard__profile
	.en__column
	[data-pbid]:not(:last-child)
	> [class*="en"],
.en__p2p__dashboard__social
	.en__column
	[data-pbid]:not(:last-child)
	> [class*="en"],
.en__p2p__dashboard__donors
	.en__column
	[data-pbid]:not(:last-child)
	> [class*="en"],
.en__p2p__dashboard__teamDonors
	.en__column
	[data-pbid]:not(:last-child)
	> [class*="en"],
.en__p2p__dashboard__socialShare,
.en__p2p__dashboard__settings
	.en__column
	[data-pbid]:not(:last-child)
	> [class*="en"],
.en__p2p__dashboard__incentiveRewards
	.en__column
	[data-pbid]:not(:last-child)
	> [class*="en"],
.en__p2p__dashboard__myProfile
	.en__column
	[data-pbid]:not(:last-child)
	> [class*="en"]:not(.en__formField),
.en__p2p__dashboard__activityTracking
	.en__column
	[data-pbid]:not(:last-child)
	> [class*="en"]  {
	margin-bottom: var(--column-gap-lg);
}

@media (max-width: 768px) {
	.en__p2p__dashboard__profile,
	.en__p2p__dashboard__social,
	.en__p2p__dashboard__donors,
	.en__p2p__dashboard__teamDonors,
	.en__p2p__dashboard__settings,
	.en__p2p__dashboard__incentiveRewards,
	.en__p2p__dashboard__myProfile,
	.en__p2p__dashboard__activityTracking {
		padding: var(--padding-md);
	}

	/* makes dashboard navigation block sticky on top when scrolling for mobile */
	.en__p2p__dashboard__profile .en__column:first-child,
	.en__p2p__dashboard__social .en__column:first-child,
	.en__p2p__dashboard__donors .en__column:first-child,
	.en__p2p__dashboard__teamDonors .en__column:first-child,
	.en__p2p__dashboard__teamMembers .en__column:first-child,
	.en__p2p__dashboard__settings .en__column:first-child,
	.en__p2p__dashboard__incentiveRewards .en__column:first-child,
	.en__p2p__dashboard__myProfile .en__column:first-child {
		position: sticky !important;
		top: 0 !important;
		background: #fff;
		z-index: 2;
	}
}

/* DASHBOARD NAVIGATION BLOCK --*/

.en__p2p__dashboard__nav ol {
	padding: 0 16px;
}

.en__p2p__dashboard__nav .en_dashboard_nav_mobile {
	display: none;
}

.en__p2p__dashboard__nav a {
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	color: var(--main-font-color);

	position: relative;
	text-decoration: none;
	padding: 10px 16px;
	display: inline-block;
	margin: 4px 0;
	width: 100%;
}

.en__p2p__dashboard__nav .router-link-active.router-link-exact-active {
	background: var(--light-gray);
	color: var(--link-color);
}

.en__p2p__dashboard__nav .router-link-active.router-link-exact-active::after {
	content: "\203A";
	position: absolute;
	right: 16px;
	font-size: 32px;
	transform: translate(0, -15%);
}

@media (max-width: 768px) {
	.en__p2p__dashboard__nav ol {
		display: none;
	}

	.en__p2p__dashboard__nav .en_dashboard_nav_mobile {
		display: block;
		margin: 8px 0;
		background-color: var(--light-gray);
		color: var(--link-color);
	}
}

/* SOCIAL SHARES BLOCK --*/

.en__p2p__dashboard__socialShare > * {
	margin-bottom: 16px;
}

.en__p2p__dashboard__socialShare .en__p2p__socialShares {
	margin-top: 40px;
}

.en__p2p__socialShares {
	display: flex;
	align-items: center;
	flex-flow: row wrap;
	gap: var(--gap-md);
}

.en__p2p__socialShares__networks {
	display: flex;
	flex-flow: row nowrap;
	gap: var(--gap-md);
}

.en__p2p__socialShares__label {
	font-weight: bold;
	font-size: 20px;
	line-height: 16.5px;
}

/* for fundraiser social share */
.en__p2p__fundraiser__socialShare .en__p2p__socialShares {
	justify-content: end;
}

.en__p2p__fundraiser__socialShare--mobile {
	display: none;
}

@media (max-width: 768px) {
	/* applies only for social share block on fundraiser page */
	.en__p2p__fundraiser__socialShare {
		--display: flex;
		display: var(--display);
		justify-content: center;
	}

	/* hide only social share on fundraiser page */
	.en__p2p__fundraiser__socialShare:not(.en__p2p__fundraiser__socialShare--mobile) {
		display: none;
	}

	.en__p2p__fundraiser__socialShare--mobile {
		display: var(--display);
	}

	.en__p2p__fundraiser__socialShare .en__p2p__socialShares {
		flex-flow: row nowrap;
	}
}

/* COPY TEXT BLOCK --*/

.en__p2p__copyText__inner {
	display: flex;
	flex-flow: row wrap;
	gap: var(--gap-sm);
	position: relative;
	align-items: center;
}

input.en__p2p__copyText__field {
	flex: 1;
	padding: 12px 16px;
	outline: 1px solid #d0d5dd;
	border-radius: 4px;
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.5);
}

/* FUNDRAISER PAGE MAIN LAYOUT WRAPPER */

.en__p2p__fundraiser__page {
	background: #fff;
	position: relative;
	height: 100%;
}

.en__p2p__fundraiser__page__layout {
	padding: 0 var(--padding-lg);
	position: relative;
}

.en__p2p__fundraiser__page__layout__right {
	padding: var(--padding-lg) 0;
	max-width: 1100px;
}

.en__p2p__fundraiser__page__layout__left {
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
}

@media (max-width: 768px) {
	.en__p2p__fundraiser__page__layout {
		flex-flow: column;
	}

	.en__p2p__fundraiser__page__layout__left {
		flex: 0 0 90px;
	}
}

/* FUNDRAISER PROFILE PICTURE --*/

.en__p2p__fundraiser__page__pfp {
	width: 316px;
	height: 316px;
	border: 5px solid #fff;
	margin-top: -12rem;
	filter: drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1))
		drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.06));
}

@media (max-width: 768px) {
	.en__p2p__fundraiser__page__pfp {
		max-width: 200px;
		max-height: 200px;
		margin: -8rem auto;
	}
}

/* FUNDRAISER HEADING --*/

.en__p2p__fundraiser__heading h1 {
	color: var(--link-color);
	margin: 0;
}

.en__p2p__fundraiser__heading h2 {
	margin-top: 12px;
	font-size: 24px;
	font-weight: 400;
}

@media (max-width: 768px) {
	.en__p2p__fundraiser__heading {
		text-align: center;
	}
}

/* FUNDRAISER STORY TITLE --*/

@media (max-width: 768px) {
	.en__p2p__fundraiser__storyTitle {
		text-align: center;
	}
}

/* FUNDRAISER DONATE BUTTON BLOCK --*/

.en__p2p__fundraiser__donate {
	display: grid;
	place-content: center;
	padding: 36px 0 36px;
}

.en__p2p__fundraiser__donate a {
	padding: 12px 32px;
	background: var(--button-background-color);
	color: var(--button-text-color);
	border-radius: var(--button-border-radius);
	text-decoration: none;
	text-align: center;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	font-weight: 500;
	transition: background-color 0.15s ease, text-color 0.15s ease;
}

.en__p2p__fundraiser__donate a:hover {
	background-color: var(--button-hover-color);
	color: var(--button-text-hover-color);
}

@media (max-width: 768px) {
	/* applies to last child on fundraiser page only */
	.en__p2p__fundraiser__page:not([class*="en__p2p__fundraiser__page--"])
		.en__row:last-child
		.en__column:last-child
		> :last-child {
		margin-bottom: 4.8rem;
	}

	.en__p2p__fundraiser__donate {
		position: sticky;
		top: calc(100% - 70px);
		padding: 24px 0;
		background: #fff;
		box-shadow: 0px 0px 0px 6px #fff;
		margin-top: 8px;
		height: 70px;
		justify-content: stretch;
		z-index: 1;
	}
}

/* FUNDRAISER STORY CONTENT --*/

.en__p2p__fundraiser__storyContent {
	font-size: 20px;
	line-height: 27.24px;
	color: #4f4f4f;
}

/* FUNDRAISER DONOR ROLL --*/

.en__p2p__fundraiser__donorRollWidget {
	padding: 24px;
	border: 1px solid #e4e7ec;
	border-radius: 8px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	margin: 80px 0 24px 0;
}

.en__p2p__fundraiser__donorRollWidget__empty:before {
	border-radius: 50%;
	flex-basis: 40px;
	--empty-image-size: 40px;
	min-width: var(--empty-image-size);
	max-width: var(--empty-image-size);
	max-height: var(--empty-image-size);
	min-height: var(--empty-image-size);
}

.en__p2p__fundraiser__donorRollWidget__donor__image {
	flex-basis: 40px;
	aspect-ratio: 1;
}

.en__p2p__fundraiser__donorRollWidget__donor__image img {
	--donor-image-size: 40px;
	min-height: var(--donor-image-size);
	max-height: var(--donor-image-size);
	min-width: var(--donor-image-size);
	max-width: var(--donor-image-size);

	border-radius: 50%;
}

.en__p2p__fundraiser__donorRollWidget__donors {
	display: flex;
	flex-flow: column nowrap;
	gap: 16px;
	padding-left: 0;
}

.en__p2p__fundraiser__donorRollWidget__donor__details > * {
	margin: 0;
}

.en__p2p__fundraiser__donorRollWidget__donor__details p {
	font-size: 16px;
	font-weight: 700;
	line-height: 21.79px;
}

.en__p2p__fundraiser__donorRollWidget__donor__comment {
	font-style: italic;
	font-size: 16px;
	line-height: 21.79px;
}

@media (max-width: 768px) {
	.en__p2p__fundraiser__donorRollWidget {
		margin-top: 0;
	}
}

/* FUNDRAISER DASHBOARD DONORS TOTAL */

.en__p2p__dashboard__donors__total__amount,
.en__p2p__dashboard__donors__total__count {
	background: var(--light-gray);
	padding: var(--padding-md);
	border-radius: 8px;
	border: 1px solid #e4e7ec;
}

.en__p2p__dashboard__donors__total__layout label {
	color: var(--link-color);
	font-weight: 700;
	font-size: 2rem;
}

.en__p2p__dashboard__donors__total__layout span {
	display: block;
	text-align: end;
	font-weight: 700;
	font-size: 2.75rem;
	line-height: 2.75rem;
	margin-top: 2.688rem;
}

@media (max-width: 768px) {
	.en__p2p__dashboard__donors__total__layout {
		display: flex;
		flex-flow: column nowrap;
		gap: 1rem;
	}

	.en__p2p__dashboard__donors__total__layout span {
		margin-top: 1rem;
	}
}

/* FUNDRAISER DASHBOARD DONOR LIST --*/

.en__p2p__dashboard__donors__header__filter__field select {
	color: #344054;
}

.en__p2p__dashboard__donors__header__filter__field select {
	padding-right: 40px;
    background-image: url(/pageassets/p2p/sample/icons/filter-lines.svg);
}

.en__p2p__dashboard__donors__list ol {
	display: grid;
	grid-row-gap: var(--row-gap-md);
	list-style: none;
	padding-left: 0;
}

.en__p2p__dashboard__donors__list__donor__details h4 {
	margin: 0;
	font-size: 16px;
}

.en__p2p__dashboard__donors__list__donor__date {
	font-size: 16px;
	color: var(--neutral-color);
}

.en__p2p__dashboard__donors__list__header  {
	color: var(--link-color);
}

.en__p2p__dashboard__donors__list__column--actions button {
	margin-left: 8px;
}

.en__p2p__dashboard__donors__bulk__thank__button:disabled {
	opacity: 0.6;
	pointer-events: none;
	cursor: not-allowed;
}

.en__p2p__dashboard__donors__list__header__details button, 
.en__p2p__dashboard__donors__list__header__date button {
	margin-left: 0;
}

.en__p2p__dashboard__donors__header {
	display: flex;
    align-items: center;
    justify-content: space-between;
	flex-wrap: wrap;
}

.en__p2p__dashboard__donors__header__filters {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0.5rem 0;
}

.en__p2p__dashboard__donors__header__filters > div {
	flex: 1 1 80px;
}

.en__p2p__dashboard__donors__list__column--details--sort--none > div:after,
.en__p2p__dashboard__donors__list__column--date--sort--none > div:after {
	cursor: pointer;
	place-items: center;
	display: grid;
	
	--chevron-selector-vertical-icon: url(/pageassets/p2p/sample/icons/chevron-selector-vertical.svg);
	content: '';
	-webkit-mask: var(--chevron-selector-vertical-icon) no-repeat center;
    mask: var(--chevron-selector-vertical-icon) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--link-color);
	width: 20px;
	height: 20px;
	align-self:center;
}

.en__p2p__dashboard__donors__list__column--details--sort--asc > div:after,
.en__p2p__dashboard__donors__list__column--date--sort--asc > div:after {
	cursor: pointer;
	place-items: center;
	display: grid;
	
	--chevron-up-icon: url(/pageassets/p2p/sample/icons/chevron-up.svg);
	content: '';
	-webkit-mask: var(--chevron-up-icon) no-repeat center;
    mask: var(--chevron-up-icon) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--link-color);
	width: 20px;
	height: 20px;
	align-self:center;
}

.en__p2p__dashboard__donors__list__column--details--sort--desc > div:after,
.en__p2p__dashboard__donors__list__column--date--sort--desc > div:after {
	cursor: pointer;
	place-items: center;
	display: grid;

	--chevron-down-icon: url(/pageassets/p2p/sample/icons/chevron-down.svg);
	content: '';
	-webkit-mask: var(--chevron-down-icon) no-repeat 50% 50%;
    mask: var(--chevron-down-icon) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--link-color);
	width: 20px;
	height: 20px;
	align-self:center;
}

.en__p2p__dashboard__donors__list__donor__thanks__button {
	display: none;
	align-items: center;
	justify-content: center;
	background-color: var(--secondary-btn-bg-color);
	color: var(--secondary-btn-text-color);
}

.en__p2p__dashboard__donors__list__donor--thank__disabled .en__p2p__dashboard__donors__list__donor__thanks__button--thanks__disabled {
	display: flex;
}

.en__p2p__dashboard__donors__list__donor--thanked .en__p2p__dashboard__donors__list__donor__thanks__button--thanks__sent {
	display: flex;
}

.en__p2p__dashboard__donors__list__donor--marked__thanked .en__p2p__dashboard__donors__list__donor__thanks__button--marked__thanked {
	display: flex;
}

.en__p2p__dashboard__donors__list__donor--unthanked .en__p2p__dashboard__donors__list__column--actions:hover .en__p2p__dashboard__donors__list__donor__thanks__button--mark__thanked {
	display: flex;
}

.en__p2p__dashboard__donors__list__donor--unthanked .en__p2p__dashboard__donors__list__donor__thanks__button--send__thanks {
	display: flex;
}

.en__p2p__dashboard__donors__list__donor__thanks__button--marked__thanked,
.en__p2p__dashboard__donors__list__donor__thanks__button--thanks__sent,
.en__p2p__dashboard__donors__list__donor__thanks__button--thanks__disabled {
	opacity: .6;
	pointer-events: none;
	cursor: not-allowed;
}

.en__p2p__dashboard__donors__list__column--actions:hover .en__p2p__dashboard__donors__list__donor__thanks__button--send__thanks:before {
	color: var(--error-color);
	--heart-filled-icon: url(/pageassets/p2p/sample/icons/heart-filled.svg);
	content: '';
	-webkit-mask: var(--heart-filled-icon) no-repeat 50% 50%;
    mask: var(--heart-filled-icon) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--error-color);
}

.en__p2p__dashboard__donors__list__donor__thanks__button--send__thanks:before,
.en__p2p__dashboard__donors__list__donor__thanks__button--thanks__disabled:before {
	place-items: center;
	display: grid;

	--heart-icon: url(/pageassets/p2p/sample/icons/heart.svg);
	content: '';
	-webkit-mask: var(--heart-icon) no-repeat 50% 50%;
    mask: var(--heart-icon) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--secondary-btn-text-color);
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.en__p2p__dashboard__donors__list__donor__thanks__button--send__thanks:hover{
    background-color: var(--error-color);
    color: var(--white) ;
}

.en__p2p__dashboard__donors__list__column--actions .en__p2p__dashboard__donors__list__donor__thanks__button--send__thanks:hover:before{
    background-color: var(--white) ;
}

.en__p2p__dashboard__donors__list__donor__thanks__button--mark__thanked:before {
	place-items: center;
	display: grid;

	--heart-check-icon: url(/pageassets/p2p/sample/icons/check-heart.svg);
	content: '';
	-webkit-mask: var(--heart-check-icon) no-repeat 50% 50%;
    mask: var(--heart-check-icon) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--secondary-btn-text-color);
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.en__p2p__dashboard__donors__list__donor__thanks__button--mark__thanked:hover{
	background-color: var(--secondary-btn-hover-bg-color);
	outline: 1px solid var(--secondary-btn-hover-bg-color);
	color: var(--secondary-btn-hover-text-color);
}

.en__p2p__dashboard__donors__list__donor__thanks__button--mark__thanked:hover:before{
    background-color: var(--secondary-btn-hover-text-color);
}

.en__p2p__dashboard__donors__list__donor__thanks__button--marked__thanked:before,
.en__p2p__dashboard__donors__list__donor__thanks__button--thanks__sent:before {
	place-items: center;
	display: grid;

	--heart-check-icon: url(/pageassets/p2p/sample/icons/check-heart.svg);
	content: '';
	-webkit-mask: var(--heart-check-icon) no-repeat 50% 50%;
    mask: var(--heart-check-icon) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--link-color);
	width: 20px;
	height: 20px;
	margin-right: 10px;
	opacity: 1;
}

.en__p2p__dashboard__donors__list__show__more__button,
.en__p2p__dashboard__activityTracking__list__show__more__button {
    margin-left: auto;
    margin-right: auto;
	text-transform: uppercase;
	background-color: white;
	color: var(--button-background-color);
	font-weight: bold;
	display: flex;
	box-shadow: none;
}

.en__p2p__dashboard__donors__list__show__more__button:hover,
.en__p2p__dashboard__activityTracking__list__show__more__button:hover {
    margin-left: auto;
    margin-right: auto;
	text-transform: uppercase;
	background-color: var(--button-background-color);
	color: white;
	font-weight: bold;
	display: flex;
}

.en__p2p__dashboard__donors__list__show__more__button:after,
.en__p2p__dashboard__activityTracking__list__show__more__button:after {
	place-items: center;
	display: grid;

	--chevron-down-icon: url(/pageassets/p2p/sample/icons/chevron-down.svg);
	content: '';
	-webkit-mask: var(--chevron-down-icon) no-repeat 50% 50%;
    mask: var(--chevron-down-icon) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--link-color);
	width: 20px;
	height: 20px;
	opacity: 1;
}

.en__p2p__dashboard__donors__list__show__more__button:hover:after,
.en__p2p__dashboard__activityTracking__list__show__more__button:hover:after,
.en__p2p__dashboard__activityTracking__list__add__button:hover:after  {
	background-color: white;
}

/* position list labels */
.en__p2p__dashboard__donors__list__column--actions {
	flex-wrap: wrap;
	gap: 0.25rem 0;
}

@media (max-width: 768px) {
	/* ensure uniform spacing */
	.en__p2p__dashboard__donors__list {
		display: flex;
		flex-flow: column nowrap;
		row-gap: 1rem;
	}

	/* follow spacing from parent */
	.en__p2p__dashboard__donors__list ol {
		margin: 0;
		row-gap: 2rem;
		min-height: 100px;
	}

	/* hide the Details and Date column headers */
	div[class*="en__p2p__dashboard__donors__list__column--details--sort--"],
	div[class*="en__p2p__dashboard__donors__list__column--date--sort--"],
	.en__p2p__dashboard__donors__list__column--header[class*="en__p2p__dashboard__donors__list__column--comment"] {
		display: none;
	}

	.en__p2p__dashboard__donors__bulk__thank__button {
		width: max-content;
	}

	.en__p2p__dashboard__donors__list__donor {
		display: grid;
		grid-template-areas: 
		"details action"
		"date date";
		gap: 0 0.5rem;
		height: max-content; /* avoids occupying whole height of parent */
	}

	.en__p2p__dashboard__donors__list__column--details {
		grid-area: details
	}

	.en__p2p__dashboard__donors__list__column--details h4 {
		margin: 0.25rem 0;
	}

	.en__p2p__dashboard__donors__list__column--date{
		grid-area: date;
	}

	.en__p2p__dashboard__donors__list__column--actions{
		grid-area: action;
		position: relative;
	}


	/* remove action button style and text*/
	.en__p2p__dashboard__donors__list__donor__thanks__button {
		background-color: transparent;
		box-shadow: none;
		text-indent: -9999px;
	}


	/* overrides hover colors */
	.en__p2p__dashboard__donors__list__donor__thanks__button:hover {
		background-color: white;
	}
	.en__p2p__dashboard__donors__list__column--actions 
	.en__p2p__dashboard__donors__list__donor__thanks__button--send__thanks:hover::before {
		background-color: none;
	}
	.en__p2p__dashboard__donors__list__column--actions:hover 
	.en__p2p__dashboard__donors__list__donor__thanks__button--send__thanks::before {
		--heart-icon: url(/pageassets/p2p/sample/icons/heart.svg);
		mask: var(--heart-icon) no-repeat 50% 50%;
		background-color: var(--secondary-btn-text-color);
	}
	
	/* 	hides button label and centers button icon */
	.en__p2p__dashboard__donors__list__donor__thanks__button:before {
		width: 1.5rem;
		height: 1.5rem;
		position: absolute;
		right: 0;
		margin: 0 auto;
	}

	/* hide for mobile */
	.en__p2p__dashboard__donors__list__donor--unthanked 
		.en__p2p__dashboard__donors__list__column--actions:hover 
			.en__p2p__dashboard__donors__list__donor__thanks__button--mark__thanked {
		display: none;
	}
}

/* FUNDRAISER TEAM BLOCK */

.en__p2p__fundraiser__teamWidget {
	padding: 24px;
	border: 1px solid #e4e7ec;
	border-radius: 8px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	display: grid;
	gap: var(--gap-lg);
}

/* custom styling for raised total */
.en__p2p__fundraiser__teamWidget
	.en__p2p__fundraiser__goalWidget__data
	.en__p2p__fundraiser__goalWidget__total {
	font-size: 20px;
	line-height: 16px;
}

.en__p2p__fundraiser__teamWidget
	.en__p2p__fundraiser__goalWidget__goal {
	font-size: 16px;
	line-height: 16px;
}

@media (max-width: 768px) {
	.en__p2p__fundraiser__teamWidget {
		margin: 0;
	}
}

/* FUNDRAISER JOIN TEAM BUTTON */
/* FUNDRAISER JOIN ORGANIZATION BUTTON */

.en__p2p__fundraiser__page.en__p2p__fundraiser__page--team
	.en__p2p__fundraiser__page__joinTeam {
	margin-inline: 16px;
}

.en__p2p__fundraiser__page__joinTeam,
.en__p2p__fundraiser__page__joinOrg {
	background: var(--button-background-color);
	border-radius: var(--button-border-radius);
	color: var(--button-text-color);
	text-decoration: none;
	text-align: center;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	font-weight: 500;
	transition: background-color 0.15s ease, text-color 0.15s ease;
}

.en__p2p__fundraiser__page__joinTeam:hover,
.en__p2p__fundraiser__page__joinOrg:hover {
	background-color: var(--button-hover-color);
	color: var(--button-text-hover-color);
}

.en__p2p__fundraiser__page__joinTeam a,
.en__p2p__fundraiser__page__joinOrg a {
	text-decoration: none;
	color: var(--button-text-color);
	padding: 12px 32px;
	display: block;
}

@media (max-width: 768px) {
	.en__p2p__fundraiser__page.en__p2p__fundraiser__page--team
		.en__p2p__fundraiser__page__joinTeam {
		margin-inline: 0;
	}
}

/* TEAM SELECT BLOCK */


.en__p2p__registration .main-block-container .en__p2p__registration__team:not(.en__p2p__registration__team--selecting) {
	/* 
		makes the component take the whole width of the container 
		[main-block-container] by removing margins equal 
		to container padding and make the divider
		occupy the whole width
	*/
	margin-left: calc(var(--container-padding) *  -1);
	margin-right: calc(var(--container-padding) *  -1);
}

.en__error--p2pRegistrationTeamSelect {
	margin-bottom: 5.5rem;
}

.en__p2p__registration__team {
	margin: var(--margin-lg) 0;
}

/* responsive behavior when selecting */
.en__p2p__registration__team--selecting
	.en__p2p__registration__team__select__options {
	gap: 4.5rem var(--column-gap-sm);
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.en__p2p__registration__team.en__p2p__registration__team--selecting
	.en__p2p__registration__team__select__option {
	border-bottom: none;
	min-height: 300px;
	background: var(--donation-bg-color);
	height: 100%;
	border-radius: var(--donation-button-border-radius);
	padding: var(--padding-md);
}

	/* adds the divider after selecting team */
.en__p2p__registration__team:not(.en__p2p__registration__team--selecting, .en__p2p__registration__team--family) .en__p2p__registration__team__select__options:after {
	content: "";
	height: 1px;
	grid-column: span 3;
	bottom: 0;
	background-color: #eee;
}

.en__p2p__registration__team--selecting .en__p2p__registration__team__select {
	margin-top: 5.5rem;
}

/* image when selecting */
.en__p2p__registration__team__select__option__image {
	border-radius: 50%;
	border: 5px solid #fff;
	margin-top: -5.5rem;
	margin-bottom: var(--margin-md);
}

/* image when selected */
.en__p2p__registration__team__detail__image {
	border-radius: 50%;
	border: 5px solid #fff;
	box-shadow: 0px 0px 0px 4px #f4ebff;
	filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.05));
}

.en__p2p__registration__team__detail__title,
.en__p2p__registration__team__detail__description {
	margin: 0;
}

.en__p2p__registration__team--selected
	.en__p2p__registration__team__select__option {
	/*for animation*/
	animation-name: contract;
	animation-duration: 1s;
	min-height: 0px;

	padding: var(--padding-md);
	height: 100%;
	border-bottom-color: 4px solid transparent;
	transition: opacity 0.8s ease;
}

.en__p2p__registration__team--selected
	.en__p2p__registration__team__select__options {
	grid-column-gap: var(--column-gap-sm);
}

.en__p2p__registration__team--selected
	.en__p2p__registration__team__select__option:hover {
	opacity: 1;
	border-bottom: 4px solid var(--button-background-color);
}

/* reduces opacity if not selected team option after the initial select*/
.en__p2p__registration__team--selected
	:where(.en__p2p__registration__team__select__option:not([class*="en__p2p__registration__team__select__option--selected"])) {
	opacity: 0.5;
}

.en__p2p__registration__team__select__option:focus-within {
	border: 2px solid rgba(16, 24, 40, 0.1);
}

.en__p2p__registration__team__select__option--selected {
	border-bottom: 4px solid var(--button-background-color);
}

/* card option name */
.en__p2p__registration__team__select__option__name {
	font-weight: bold;
	font-size: 18px;
}

.en__p2p__registration__team__select__option__description {
	margin: 0;
}

.en__p2p__registration__team__create__start__field .en__input,
.en__p2p__registration__team__existing__search .en__input {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.en__p2p__registration__team__existing__search__button,
.en__p2p__registration__team__create__start__button {
	border-radius: 0 4px 4px 0;
	background-color: var(--secondary-btn-bg-color);
	color: var(--secondary-btn-text-color);
	outline: 1px solid var(--secondary-btn-bg-color);
}

.en__p2p__registration__team__existing__search__button:hover,
.en__p2p__registration__team__create__start__button:hover {
	background-color: var(--secondary-btn-hover-bg-color);
	outline: 1px solid var(--secondary-btn-hover-bg-color);
	color: var(--secondary-btn-hover-text-color);
}

.en__p2p__registration__team__existing__search
	.en__p2p__registration__team__existing__search__field,
.en__p2p__registration__team__create__start__field {
	flex: 1;
}

/* create new team input form */
.en__p2p__registration__team__create.en__p2p__registration__team__create--creating
	.en__p2p__registration__team__create__form {
	display: grid;
	gap: 24px;
}

.en__p2p__registration__team__detail {
	opacity: 0;
	min-height: 0;
}

.en__p2p__registration__team--selected .en__p2p__registration__team__detail {
	opacity: 1;
	min-height: 300px;
	animation-name: expand;
	animation-duration: 1s;

	margin-top: var(--margin-lg);
}

.en__p2p__registration__team__create__form {
	text-align: start;
}

/* search result list */
.en__p2p__registration__team__existing__results__list {
	display: grid;
	grid-row-gap: var(--row-gap-sm);
}

.en__p2p__registration__team__existing__results {
	width: 100%;
}

/* search result item */
.en__p2p__registration__team__existing__result {
	background: var(--donation-bg-color);
	padding: 12px var(--padding-sm);
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 4px;
	grid-row-gap: 0;
	justify-items: start;
}

/* result item name */
.en__p2p__registration__team__existing__result__name {
	margin: 0;
	color: unset;
	font-style: normal;
	font-family: unset;
	font-size: unset;
	font-weight: normal;
}

/* result item join button */
.en__p2p__registration__team__existing__result__join {
	background: none;
	box-shadow: none;
	color: var(--button-background-color);
	font-family: unset;
}

.en__p2p__registration__team__existing__result__join:hover {
	background: none;
	opacity: 0.8;
	color: var(--button-background-color);
}

.en__p2p__registration__team__individual,
.en__p2p__registration__team__existing,
.en__p2p__registration__team__create {
	opacity: 0;
}

.en__p2p__registration__team--selected .en__p2p__registration__team__individual,
.en__p2p__registration__team--selected .en__p2p__registration__team__existing,
.en__p2p__registration__team--selected .en__p2p__registration__team__create {
	opacity: 1;
	animation-name: fadeIn;
	animation-duration: 1s;

	align-items: center;
}

@keyframes contract {
	0% {
		min-height: 300px;
	}
	25% {
		min-height: 0px;
	}
	100% {
		min-height: 0px;
	}
}

@keyframes expand {
	0% {
		min-height: 0;
	}
	25% {
		min-height: 300px;
	}
	100% {
		min-height: 300px;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	25% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@media (max-width: 860px) {
	.en__p2p__registration__team__detail > div {
		grid-template-areas:
			"image"
			"title"
			"description"
			"search"
			"results"
			"start"
			"form";
		grid-template-columns: 1fr;
		place-items: center;
		text-align: center;
	}

	.en__p2p__registration__team__detail__image {
		max-width: 180px;
		margin-bottom: var(--margin-sm);
	}
}

@media (max-width: 768px) {

	/* reverts margin to original */
	.en__p2p__registration .main-block-container .en__p2p__registration__team:not(.en__p2p__registration__team--selecting) {
		margin: initial;
	}

	.en__error--p2pRegistrationTeamSelect {
		margin-bottom: initial;
	}

	.en__p2p__registration__team {
		margin: var(--margin-md) 0;
	}

	/* grid columns when selecting */
	.en__p2p__registration__team__select
		.en__p2p__registration__team__select__options {
		grid-template-columns: 1fr;
		grid-row-gap: var(--row-gap-sm);
	}

	.en__p2p__registration__team__existing
		.en__p2p__registration__team__existing__search,
	.en__p2p__registration__team__create__start {
		width: 100%;
	}

	.en__p2p__registration__team__create__start__field .en__input,
	.en__p2p__registration__team__existing__search .en__input {
		width: initial;
		min-width: 100px;
		overflow: hidden;
	}

	.en__p2p__registration__team__existing__search__button,
	.en__p2p__registration__team__create__start__button {
		display: inline-block;
		width: initial;
	}

	.en__p2p__registration__team--selected 
		.en__p2p__registration__team__select__options {
		display: none;
	}

	.en__p2p__registration__team--selected
		.en__p2p__registration__team__select__options
		:where(label:not([class*="--selected"])) {
		opacity: 0.6;
		transform: scale(0.9);
	}

	.en__p2p__registration__team--selecting
		.en__p2p__registration__team__select {
		margin-top: 0;
	}

	/*image when selecting*/
	.en__p2p__registration__team__select__option__image {
		width: 64px;
		grid-row: 1 / span 3;
		margin: 0 0 0 -1.8rem;
		border: 5px solid #ffffff;
		filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.2));
	}

	.en__p2p__registration__team--selected
		.en__p2p__registration__team__select__option {
		padding: 8px;
		transition: transform 0.25s ease;
	}

	.en__p2p__registration__team--selected
		.en__p2p__registration__team__select__option
		.en__p2p__registration__team__select__option__name {
		font-size: 16px;
	}

	/* label container when selecting */
	.en__p2p__registration__team.en__p2p__registration__team--selecting
		.en__p2p__registration__team__select__option {
		display: grid;
		padding: var(--padding-sm);
		min-height: 85px;
		grid-template-columns: 64px 1fr;
		grid-column-gap: 16px;
		text-align: start;
		grid-template-rows: 0px auto auto;
		margin-left: 0.8rem;
	}

	/* card description */
	.en__p2p__registration__team__select__option__description {
		margin: 0;
	}

	/* result item */
	.en__p2p__registration__team__existing__result {
		grid-template-areas:
			"image name   "
			"image captain"
			"space  join   ";
	}

	.en__p2p__registration__team__existing__result__join {
		text-align: start;
		padding: 8px 0;
		border-radius: 0;
	}

	.en__p2p__registration__team__create.en__p2p__registration__team__create--creating
		.en__p2p__registration__team__create__form {
		width: 100%;
	}
}

/* DASHBOARD TEAM MEMBERS PAGE */

.en__p2p__dashboard__team__member .en__p2p__dashboard__team__member__details * {
	font-size: 20px;
}

@media (max-width: 768px) {
	.en__p2p__dashboard__team__member .en__p2p__dashboard__team__member__details * {
		font-size: 16px;
	}

	.en__p2p__dashboard__team__member .en__p2p__fundraiser__goalWidget__bar {
		min-height: 16px;
		height: 16px;
	}
}

/* TEAM MEMBER IMAGE  */

.en__p2p__dashboard__team__member__image {
	aspect-ratio: 1;
}

.en__p2p__dashboard__team__member__image img {
	--image-size: 95px;
	min-width: var(--image-size);
	max-width: var(--image-size);
	min-height: var(--image-size);
	max-height: var(--image-size);

	border-radius: 50%;
	object-fit: cover;
}

@media (max-width: 768px) {
	.en__p2p__dashboard__team__member__image img {
		--image-size: 75px;
	}
}

/* TEAM PAGE WIDGET */

.en__p2p__team__pageWidget {
	margin: var(--margin-lg) 0;
	display: grid;
	grid-row-gap: 40px;
}

.en__p2p__tabbed__tabs {
	border-bottom: 1px solid var(--light-gray);
}

.en__p2p__tabbed__tab {
	text-decoration: none;
	color: var(--h3-font-color);
	font-size: var(--h3-font-size);
	padding: var(--padding-sm);
	font-weight: var(--h3-font-weight);
	opacity: 0.5;
	font-family: var(--h3-font-family);
	line-height: var(--h3-font-size);
}

.en__p2p__tabbed__tab.en__p2p__tabbed__tab--active {
	opacity: 1;
	border-bottom: 6px solid var(--link-color);
}

.en__p2p__team__member {
	text-decoration: none;
	color: unset;
}

@media (max-width: 768px) {
	.en__p2p__team__pageWidget {
		margin: var(--margin-md) 0;
	}

	.en__p2p__tabbed__tab {
		font-size: var(--h5-font-size);
		line-height: var(--h5-font-size);
	}
}


/* FUNDRAISER TEAM PAGE */

/* hide mobile copy of the element by default */
.en__p2p__fundraiser__page--team .en__p2p__fundraiser__page__joinTeam--mobile {
	display: none;
}

@media (max-width: 768px) {
	.en__p2p__fundraiser__page--team .en__p2p__fundraiser__donate {
		position: relative;
	}

	.en__p2p__fundraiser__page--team .en__p2p__fundraiser__page__joinTeam {
		margin: 40px 0;
	}

	/* hide original element on smaller views */
	.en__p2p__fundraiser__page--team .en__p2p__fundraiser__page__joinTeam:not(.en__p2p__fundraiser__page__joinTeam--mobile) {
		display: none;
	}

	/* show mobile copy of the element */
	.en__p2p__fundraiser__page--team .en__p2p__fundraiser__page__joinTeam--mobile {
		display: block;
	}
}

/* MOBILE TEAM TAB */

.en_p2p_mobile_team_tab {
	display: none;
}

@media (max-width: 768px) {
	.en__p2p__registration__team--selected .en_p2p_mobile_team_tab {
		display: block;
		font-family: inherit;
	}

	.en__p2p__registration__team--selected
		.en__p2p__registration__team__select__options__item {
		display: none;
	}
}

/* LEADERBOARD PAGE */

.en__p2p__leaderboard__page {
	background: #fff;
	position: relative;
	height: 100%;
	padding: clamp(18px, 4.1vw, var(--padding-lg));
}

.en__p2p__leaderboard__page h1 {
	color: var(--link-color);
}

@media (max-width: 768px) {
	.en__p2p__leaderboard__page h1 {
		font-size: clamp(16px, 12.5vw, var(--h1-font-size));
	}
}

/* Fundraiser Settings */

.en__p2p__dashboard__settings .en__toggle--checked > .en__toggle__wrap {
	background-color: #d98630;
}

.en__p2p__dashboard__settings .en__toggle--checked > .en__toggle__wrap > .en__toggle__element {
	border-color: #d98630
}

.en__p2p__dashboard__settings .en__toggle__label {
	font-family: var(--h4-font-family), Arial, Helvetica, sans-serif;
	font-weight: var(--h4-font-weight);
	font-size: var(--h4-font-size);
	color: var(--h4-font-color);
}

.en__p2p__dashboard__settings .en__toggle__helpText {
	font-family: var(--h5-font-family), Arial, Helvetica, sans-serif;
	font-weight: var(--h5-font-weight);
	font-size: var(--h5-font-size);
	color: var(--h5-font-color);
}

.en__p2p__dashboard__settings .en__formField {
	margin-bottom: var(--margin-lg) ;
}

.en__p2p__registration__fundraiserSettings .en__formField__label {
	font-weight: bold;
}


/* DONATION PAGE SUPPORT */

.en__component--page {
	/* background: #FFF; */
	padding: 40px;
}

.en__component--page .main-block-container {
	max-width: 900px;
	margin-inline: auto;
}

.en__component--page 
	:is(.en__component--copyblock):not(.main-block-container :is(.en__component--copyblock)) {
	color: var(--secondary-container-default-text-color);
	text-align: center;
}

.en__component--page .main-block-container .en__component--copyblock {
	text-align: center;
}

/* EN FIELD [DONATION PAGE COMPONENTS] */
.en__field {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 8px;
}

@media (max-width: 768px) {
	.en__component--page .en__field {
		padding-bottom: 2vw;
	}
}

/* sets sizing for input fields on donation page */
.en__field > *:last-child {
	flex: 1 0 250px;
}

.en__field > *:last-child > *:only-child {
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}

[class$="--other"].en__field__item {
	width: 100%;
}

	/* select with others [DONATION PAGE SUPPORT] */
.en__field--select.en__field--withOther .en__field__item:first-child,
.en__field--select.en__field--withOther .en__field__item:first-child select {
	width: 100%;
}


/* DONATION PAGE DONATION AMOUNTS RADIO 
	if type radio is selected => class=""
	if type button is selected => class="donation-amount-as-button"
*/

.donation-amount-as-button .en__field--donationAmt .en__field__element--radio {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
	gap: 8px;
}

.donation-amount-as-button .en__field--donationAmt .en__field__element--radio .en__field__item {
	position: relative;
}

.donation-amount-as-button .en__field--donationAmt .en__field__element--radio input:not(.en__field__input--other) {
	position: absolute;
	opacity: 0;
}

.donation-amount-as-button .en__field--donationAmt .en__field__input--other {
	width: 100%
}

.donation-amount-as-button .en__field--donationAmt .en__field__element--radio label {
	display: grid;
	place-items: center;
	width: 100%;
	background: var(--donation-amount-button-color);
	border-radius: var(--button-border-radius);
	color: var(--donation-amount-text-color);
	padding: 4px 10px;
	border: 2px solid transparent;
}

.donation-amount-as-button .en__field--donationAmt .en__field__element--radio input[type="radio"]:checked + label {
	background: var(--donation-amount-button-selected-color);
	color: var(--donation-amount-text-selected-color);
	border: 2px solid var(--donation-amount-text-selected-color);
}

.donation-amount-as-button .en__field--donationAmt .en__field__element--radio label:hover {
	background: var(--donation-amount-button-hover-color);
	color: var(--donation-amount-text-hover-color);
}

/* overrides for donation radio amount specific colors */
.en__field--donationAmt input[type="radio"]:checked::after {
	background-color: var(--donation-amount-button-color);
	border: 3px solid #fff;
	box-shadow: 0px 0px 1px 1px var(--donation-amount-button-color);
}

@media (min-width: 768px) {
	#en__digitalWallet > .en__digitalWallet__button > .en__digitalWallet__container {
		margin-inline: auto !important;
	}
}

@media (max-width: 768px) {
	/* occupies the whole row for mobile view */
	.donation-amount-as-button .en__field--donationAmt .en__field__element--radio .en__field__item--other {
		 grid-column: 1 / -1; 
	}
}

/* PROGRESS BAR (PROGRESS BARS - PAGE)*/
.en__p2p__fundraiser__goalWidget {
	margin: 20px 0;

	--pb-fs: var(--progress-page-font-size, 32px);
	--pb-height: var(--progress-page-bar-height, 24px);

	position: relative;
	isolation: isolate;

	display: flex;
	flex-flow: column;
	row-gap: 8px;
}

.en__p2p__fundraiser__goalWidget__bar {
	background: var(--progress-page-bg-color, #F2F4F7);
	min-height: var(--pb-height);
}

.en__p2p__fundraiser__goalWidget__bar__progress {
	background: var(--progress-page-filler-color, #12B76A);
}

.en__p2p__fundraiser__goalWidget__data__container {
	font-family: var(--progress-page-font), Arial, Helvetica, sans-serif;
	color: var(--progress-page-text-color, #344054);
	font-size: var(--pb-fs);
	line-height: var(--pb-fs);
	font-weight: var(--progress-page-font-weight, 500);

	padding: 0 0.5rem;
	gap: 8px;
}
.en__p2p__fundraiser__goalWidget__data,
.en__p2p__fundraiser__goalWidget__data:first-child {
	font-weight: 700;
}

:is(.en__p2p__fundraiser__goalWidget__data, .en__p2p__fundraiser__goalWidget__total) {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
}

.en__p2p__fundraiser__goalWidget__data {
	display: flex;
	flex-wrap: wrap;
	column-gap: 4px;
	align-items: end;
}

.en__p2p__fundraiser__goalWidget__data:nth-child(2) {
	justify-content: end;
}

.progress-page-style--rounded .en__p2p__fundraiser__goalWidget__bar {
	border-radius: 10px;
}
.progress-page-style--rectangular .en__p2p__fundraiser__goalWidget__bar {
	border-radius: 0;
}

.progress-page-text--outside .en__p2p__fundraiser__goalWidget__data__container {
	position: relative;
}

.progress-page-text--inside .en__p2p__fundraiser__goalWidget__data__container {
	height: var(--pb-height);
	align-items: center;
}

.progress-page-text--inside .en__p2p__fundraiser__goalWidget__bar {
	position: absolute;
	z-index: -1;
	width: 100%;

	column-gap: 8px;
}

.progress-page-text--inside .en__p2p__fundraiser__goalWidget__data__container {
	font-size: clamp(16px, var(--pb-fs), var(--pb-height));
	line-height: clamp(16px, var(--pb-fs), var(--pb-height));
}

@media (max-width: 768px) {
	.en__p2p__fundraiser__goalWidget__data__container {
		font-size: clamp(16px, min(var(--pb-fs), 5vw), var(--pb-fs));
		line-height: clamp(16px, min(var(--pb-fs), 5vw), var(--pb-fs));
	}
	
	.progress-page-text--inside .en__p2p__fundraiser__goalWidget__data__container {
		font-size: clamp(16px, min(var(--pb-fs), 4vw), var(--pb-height));
		line-height: clamp(16px, min(var(--pb-fs), 4vw), var(--pb-height));
	}

	.progress-page-text--inside .en__p2p__fundraiser__goalWidget__data {
		flex-wrap: wrap;
	}
}

/* FUNDRAISER COMPONENT */
.en__p2p__fundraiser__image img {
	border-radius: 50%;
	--image-size: 80px;
	min-width: var(--image-size);
	max-width: var(--image-size);
	min-height: var(--image-size);
	max-height: var(--image-size);
}

.en__p2p__fundraiser__details h4 {
	font-size: 20px;
}
.en__p2p__fundraiser__details h4 a {
	text-decoration: none;
	color: var(--main-font-color);
}

.en__p2p__fundraiser .en__p2p__fundraiser__donate,
.en__p2p__fundraiser__profile {
	padding: initial;
	cursor: pointer;
}

.en__p2p__fundraiser .en__p2p__fundraiser__donate a,
.en__p2p__fundraiser__profile a {
	display: grid;
	grid-template-columns: auto auto;
	gap: 0.5rem;

	background: transparent;
	color: var(--link-color);
	box-shadow: none;
	text-decoration: none;
	font-weight: normal;
	font-family: inherit;
	padding: initial;
}

.en__p2p__fundraiser .en__p2p__fundraiser__donate a:before {
	place-items: center;
	display: grid;

	--donate-icon: url(/pageassets/p2p/sample/icons/add-card.svg);
	content: '';
	-webkit-mask: var(--donate-icon) no-repeat 50% 50%;
    mask: var(--donate-icon) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--link-color);
	width: 24px;
	height: 24px;
}

.en__p2p__fundraiser__profile a:before {
	place-items: center;
	display: grid;

	--view-page-icon: url(/pageassets/p2p/sample/icons/square-user.svg);
	content: '';
	-webkit-mask: var(--view-page-icon) no-repeat 50% 50%;
    mask: var(--view-page-icon) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--link-color);
	width: 24px;
	height: 24px;
}

@media (max-width: 768px) {

	.en__p2p__fundraiser__image {
		flex-basis: 60px;
	}
	.en__p2p__fundraiser__image img {
		--image-size: 60px;
	}

	.en__p2p__fundraiser__details h4 {
		margin: 0;
		font-size: 18px;
		color: var(--main-font-color);
	}

	.en__p2p__fundraiser .en__p2p__fundraiser__goalWidget__bar {
		height: 2.8vw;
	}

	.en__p2p__fundraiser .en__p2p__fundraiser__donate,
	.en__p2p__fundraiser__profile {
		flex-basis: 60px;
	}

	.en__p2p__fundraiser .en__p2p__fundraiser__donate {
		position: initial;
		top: none;
		height: initial;
		margin-top: 0;
	}
}

/* FUNDRAISER GOAL BLOCK (PROGRESS BARS - LIST)*/ 
.en__p2p__fundraiserList .en__p2p__fundraiser__goalWidget {
	--pb-fs: var(--progress-list-font-size, 18px);
	--pb-height: var(--progress-list-bar-height, 24px);
	margin: 0;
}

.en__p2p__fundraiserList .en__p2p__fundraiser__goalWidget__data__container {
	font-family: var(progress-list-font, Arial);
	font-weight: var(progress-list-font-weight, 500);
	font-size: var(--pb-fs);
	line-height: var(--pb-fs);
	color: var(--progress-list-text-color, var(--main-font-color));
}

.en__p2p__fundraiserList .en__p2p__fundraiser__goalWidget__data {
	font-weight: inherit;
}

.en__p2p__fundraiserList .en__p2p__fundraiser .en__p2p__fundraiser__goalWidget__bar {
	height: var(--progress-list-bar-height, 24px);
	background: var(--progress-list-bg-color, #F2F4F7);
}

.en__p2p__fundraiserList .en__p2p__fundraiser .en__p2p__fundraiser__goalWidget__bar__progress {
	background: var(--progress-list-filler-color, #12B76A);
}

/* includes list/grid layout */
.en__p2p__fundraiserList--list ol {
	display: flex;
	flex-flow: column;
	row-gap: 0.5rem;
}

.en__p2p__fundraiserList--grid ol {
	column-gap: 16px;
}

.en__p2p__fundraiserList--grid .en__p2p__fundraiser {
	border-radius: 16px;
	padding: 24px;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.en__p2p__fundraiserList--grid :is(.en__p2p__fundraiser__details, .en__p2p__fundraiser__goalWidget__data__container) {
	text-align: center;
	justify-content: center;
}

.progress-list-text--outside .en__p2p__fundraiserList .en__p2p__fundraiser__goalWidget__data__container {
	position: relative;
}

.progress-list-text--inside .en__p2p__fundraiserList .en__p2p__fundraiser__goalWidget__data__container {
	height: var(--pb-height);
	align-items: center;
}

.progress-list-text--outside .en__p2p__fundraiserList .en__p2p__fundraiser__goalWidget__bar {
	position: relative;
}

.progress-list-text--inside .en__p2p__fundraiserList .en__p2p__fundraiser__goalWidget__bar {
	position: absolute;
	z-index: -1;
	width: 100%;

	column-gap: 8px;
}

.progress-list-style--rounded .en__p2p__fundraiserList .en__p2p__fundraiser__goalWidget__bar {
	border-radius: 10px;
}

.progress-list-style--rectangular .en__p2p__fundraiserList .en__p2p__fundraiser__goalWidget__bar {
	border-radius: 0;
}

.progress-list-text--inside .en__p2p__fundraiserList .en__p2p__fundraiser__goalWidget__data__container {
	font-size: clamp(16px, var(--pb-fs), var(--pb-height));
	line-height: clamp(16px, var(--pb-fs), var(--pb-height));
}

@media (max-width: 768px) {

	.en__p2p__fundraiserList .en__p2p__fundraiser .en__p2p__fundraiser__goalWidget__bar,
	.en__p2p__fundraiser .en__p2p__fundraiser__goalWidget__bar {
		height: min(4.5vw, var(--progress-list-bar-height, 24px));
	}

	.en__p2p__fundraiserList--grid ol {
		grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))
	}
}

/* SEARCH BLOCK */
.en__p2p__fundraiserSearch__heading {
	color: var(--link-color);
}

.en__p2p__fundraiserSearch__heading,
.en__p2p__fundraiserSearch {
	max-width: 1000px;
	margin: clamp(24px, 5.21vw, 40px) auto;
}

.en__p2p__fundraiserSearch__search__field {
	flex: 1;
}

.en__p2p__fundraiserSearch__search__field .en__input {
	--min-width: 80px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	min-width: var(--min-width);
}

.en__p2p__fundraiserSearch__search__field input {
	min-width: var(--min-width);
}

.en__p2p__fundraiserSearch__search__button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.5);
	outline: 1px solid var(--secondary-btn-bg-color);
	background: var(--secondary-btn-bg-color);
	color: var(--secondary-btn-text-color);
	font-family: inherit;

	/* button search icon alignments*/
	display: grid;
	grid-template-columns: auto auto;
	column-gap: 0.5rem;
	align-items: center;
}

.en__p2p__fundraiserSearch__search__button:before {
	place-items: center;
	display: grid;

	--search-icon: url(/pageassets/p2p/sample/icons/search.svg);
	content: '';
	-webkit-mask: var(--search-icon) no-repeat 50% 50%;
    mask: var(--search-icon) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--secondary-btn-text-color);
	width: 20px;
	height: 20px;
}

.en__p2p__fundraiserSearch__search__button:hover::before {
	background-color: var(--secondary-btn-hover-text-color);
}

.en__p2p__fundraiserSearch__search__button:hover {
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.5);
	outline: 1px solid var(--secondary-btn-hover-bg-color);
	background: var(--secondary-btn-hover-bg-color);
	color: var(--secondary-btn-hover-text-color);
}

.en__p2p__fundraiserSearch__search__filter {
	align-items: center;
	margin: 24px auto;
	flex-wrap: wrap;
}

.en__p2p__fundraiserSearch__search__filter > div {
	flex: 1 0 200px;
}

.en__p2p__fundraiserSearch__search__filter p {
	font-style: italic;
	font-weight: bold;
	color: rgba(130, 130, 130, 1);
	font-size: clamp(16px, 1.58vw, 20px);
}

.en__p2p__fundraiserSearch__results .en__p2p__button:last-child {
	text-transform: uppercase;
	margin: clamp(24px, 6.81vh, 40px) auto;
	display: flex;

	background: transparent;
	color: var(--link-color);
	box-shadow: none;
	text-decoration: none;
	font-weight: normal;
	font-family: inherit;
	padding: initial;
}

.en__p2p__fundraiserSearch__results .en__p2p__button:last-child:after {
	content: "\203A";
	display: inline-block;
	margin-left: 20px;
	font-size: 25px;
	transform: rotate(90deg);
}

@media (max-width: 768px) {
	.en__p2p__fundraiserSearch__search__button {
		width: 50px;
		justify-content: start;
		overflow: hidden;
		column-gap: 1rem;
	}

	.en__p2p__fundraiser__image img {
		--image-size: 60px;
	}

	.en__p2p__fundraiserSearch .en__p2p__fundraiser .en__p2p__fundraiser__goalWidget {
		flex:0 0 100%;
	}

	.en__p2p__fundraiserSearch .en__p2p__fundraiser .en__p2p__fundraiser__donate,
	.en__p2p__fundraiserSearch .en__p2p__fundraiser__profile {
		flex-basis: 60px;
	}
}


/* LEADERBOARDS BLOCK */

.en__p2p__leaderboard {
	margin: 24px 0;
}

/* wraps column */
.en__p2p__leaderboard--list {
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.en__p2p__leaderboard--list :is(.en__p2p__leaderboard__fundraiser,.en__p2p__leaderboard__team) {
	border: 1px solid #d0d5dd;
	border-radius: 8px;
	background: #fff;
	padding: 16px;

	display: flex;
	flex-flow: column;
	height: min-content;
}

.en__p2p__leaderboard__button {
	display: block;
	text-align: center;
	margin: 40px 0 20px;
	text-decoration: none;
	position: relative;
	color: var(--button-background-color);
}

.en__p2p__leaderboard__button:hover {
	color: var(--button-hover-color);
}

.en__p2p__leaderboard__button::after {
	content: "\203A";
	position: absolute;
	margin-left: 20px;
	font-size: 25px;
}

.en__p2p__leaderboard__team h3,
.en__p2p__leaderboard__fundraiser h3 {
	text-align: center;
}

.en__p2p__leaderboard--noGoalProgress .en__p2p__fundraiserList--list
	.en__p2p__fundraiser__details {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	align-items: center;
	justify-content: space-between;
}

.en__p2p__leaderboard--noGoalProgress .en__p2p__fundraiserList--list
 	.en__p2p__fundraiser__goalWidget {
		display: flex;
		justify-content: end;
		flex-wrap: nowrap;
}

.en__p2p__leaderboard--noGoalProgress .en__p2p__fundraiserList--list
	.en__p2p__fundraiser__goalWidget__data {
		display: flex;
		flex-flow: row nowrap;
		gap: 4px;
}

/* overrides default flex of its children */
.en__p2p__leaderboard--noGoalProgress .en__p2p__fundraiserList--list
	.en__p2p__fundraiser__details
	> * {
	flex: none;
}

.en__p2p__leaderboard--noProfileImage.en__p2p__leaderboard--noGoalProgress .en__p2p__fundraiserList--list .en__p2p__fundraiser__goalWidget__data__container {
	justify-content: end;
}

.en__p2p__leaderboard--grid ol {
	grid-template-columns: repeat(auto-fit, 280px);
}

.en__p2p__leaderboard--noProfileImage.en__p2p__leaderboard--grid ol {
	grid-template-columns: repeat(auto-fit, minmax(180px, auto));
}

/* hides goal amount on grid layout */
.en__p2p__leaderboard--grid .en__p2p__fundraiser__goalWidget__goal {
	display: none;
}

.en__p2p__leaderboard--grid .en__p2p__fundraiser::before {
	font-size: var(--h2-font-size);
	font-family: var(--h2-font-family);
	font-weight: bold;
	color: #bdbdbd;
}

/* image size for card view */
.en__p2p__leaderboard--grid .en__p2p__fundraiser__image img {
	--image-size: 100px;
}

.en__p2p__leaderboard--grid .en__p2p__fundraiser__details h4 {
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;	
}

.en__p2p__leaderboard--grid.en__p2p__leaderboard--noGoalProgress
	.en__p2p__fundraiser__goalWidget__data__container {
	justify-content: center;
}

@media (max-width: 768px) {
	.en__p2p__leaderboard :is(.en__p2p__leaderboard__fundraiser,.en__p2p__leaderboard__team) {
		padding: 8px;
	}

	.en__p2p__leaderboard--noGoalProgress .en__p2p__fundraiserList--list
		.en__p2p__fundraiser__details {
		grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	}

	.en__p2p__leaderboard--noGoalProgress .en__p2p__fundraiserList--list
		.en__p2p__fundraiser__details .en__p2p__fundraiser__goalWidget,
	.en__p2p__fundraiserList--list .en__p2p__fundraiser__goalWidget__data__container:only-child {
			padding: initial;
	}

	.en__p2p__leaderboard--grid ol {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		gap: 1rem;
	}
	.en__p2p__leaderboard--list .en__p2p__fundraiser__image {
		flex-basis: 60px;
	}
	.en__p2p__leaderboard--list .en__p2p__fundraiser__image img {
		--image-size: 60px;
	}

	.en__p2p__leaderboard--list .en__p2p__fundraiser__details h4 {
		margin: 0;
		font-size: 18px;
		color: var(--main-font-color);
	}

	.en__p2p__leaderboard--grid .en__p2p__fundraiser__image img {
		--image-size: 80px;
	}

	.en__p2p__leaderboard__fundraiser h3 {
		font-size: clamp(18px, 9vw, var(--h3-font-size));
	}
}



/* INCENTIVE REWARDS */
.en__p2p__dashboard__incentiveRewards__container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
}

@media (max-width: 768px) {
	.en__p2p__dashboard__incentiveRewards__container {
		justify-content: center;
	}
}

.en__p2p__dashboard__incentiveReward {
	display:contents;
}

.en__p2p__dashboard__incentiveReward__product {
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	width: 230px;
	height: 250px;
	box-shadow: 0px 4px 16px 0px #00000014;
	background-color: var(--white);
}

.en__p2p__dashboard__incentiveReward__product__image,
.en__p2p__dashboard__incentiveReward__overlay__image  {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 16px;
}

.en__p2p__dashboard__incentiveReward__product__image img,
.en__p2p__dashboard__incentiveReward__overlay__image img {
	width: 160px;
	height: 160px;
}

.en__p2p__dashboard__incentiveReward__product__image--none,
.en__p2p__dashboard__incentiveReward__overlay__image--none {
	width: 160px;
	height: 160px;
	background-color: var(--light-gray);
    margin-left: auto;
    margin-right: auto;
}

.en__p2p__dashboard__incentiveReward__bar__progress,
.en__p2p__dashboard__incentiveReward__overlay__bar__progress {
	background: #12B76A;
}

.en__p2p__dashboard__incentiveReward__bar,
.en__p2p__dashboard__incentiveReward__overlay__bar {
	background: #F2F4F7;
	min-height: 24px;
	display: none;
	font-size: 14px;
	position: relative;
	font-weight: bold;
}

.en__p2p__dashboard__incentiveReward__overlay__bar {
	width: 100%;
	align-self: center;
}

.en__p2p__dashboard__incentiveReward__bar:after,
.en__p2p__dashboard__incentiveReward__overlay__bar:after {
	content: attr(data-en-incentive-total);
	color: var(--white);
	float: left;
	padding-left: 12px;
	position: relative;
	z-index: 999;
}

.en__p2p__dashboard__incentiveReward__bar:before,
.en__p2p__dashboard__incentiveReward__overlay__bar:before {
	content: attr(data-en-incentive-current);
	color: black;
	float: right;
	padding-right: 12px;
	position: relative;
	z-index: 999;
}

.en__p2p__dashboard__incentiveReward__product__status,
.en__p2p__dashboard__incentiveReward__product__multiple,
.en__p2p__dashboard__incentiveReward__overlay__status,
.en__p2p__dashboard__incentiveReward__overlay__multiple {
	transform: rotate(45deg);
	position: absolute;
	height: 130px;
	width: 130px;
	overflow: hidden;
	top: -70px;
	right: -70px;
	align-items: flex-end;
	justify-content: center;
	flex-direction: row;
	font-size: 12px;
	line-height: 16px;
	display: none;
	padding: 2px 24px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

.en__p2p__dashboard__incentiveReward__product__multiple,
.en__p2p__dashboard__incentiveReward__overlay__multiple {
	color: #0478F0;
	background: #A0CEFE;
	display: flex;
}

.en__p2p__dashboard__incentiveReward__product__status--declined,
.en__p2p__dashboard__incentiveReward__overlay__status--declined  {
	color: #98A2B3;
	background: #E4E7EC;
	display: flex;
}

.en__p2p__dashboard__incentiveReward__product__status--claimed,
.en__p2p__dashboard__incentiveReward__overlay__status--claimed  {
	color: #039855;
	background: #A6F4C5;
	display: flex;
}

.en__p2p__dashboard__incentiveReward__product__status--shipped,
.en__p2p__dashboard__incentiveReward__overlay__status--shipped  {
	color: #0478F0;
	background: #A0CEFE;
	display: flex;
}

.en__p2p__dashboard__incentiveReward__product__status--locked,
.en__p2p__dashboard__incentiveReward__overlay__status--locked {
	color: #98A2B3;
	background: #E4E7EC;
	display: flex;
	padding-bottom: 10px;
}
.en__p2p__dashboard__incentiveReward__product__status--locked > img,
.en__p2p__dashboard__incentiveReward__overlay__status--locked > img {
	transform: rotate(-45deg);
}

.en__p2p__dashboard__incentiveReward__product__status--available,
.en__p2p__dashboard__incentiveReward__overlay__status--available  {
	color: #039855;
	background: #A6F4C5;
	display: flex;
}

.en__p2p__dashboard__incentiveReward__product--next {
	width: 270px;
	height: 320px;
}

.en__p2p__dashboard__incentiveReward__product__status--next,
.en__p2p__dashboard__incentiveReward__overlay__status--next {
	color: #FFFFFF;
	background: #12B76A;
	display: flex;
}

.en__p2p__dashboard__incentiveReward__product--next > .en__p2p__dashboard__incentiveReward__bar,
.en__p2p__dashboard__incentiveReward__overlay--product--next > .en__p2p__dashboard__incentiveReward__overlay__bar {
	display: block;
}

.en__p2p__incentiveReward__overlay,
.en__p2p__activityTracking__overlay {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	width: 460px;
	box-shadow: 0px 4px 16px 0px #00000014;
	background-color: var(--white);
	margin: auto;
	padding: 40px;
}

.en__p2p__incentiveReward__overlay__body,
.en__p2p__activityTracking__overlay__body {
	width: 100%
}


.en__p2p__incentiveReward__overlay__header,
.en__p2p__activityTracking__overlay__header {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.en__p2p__incentiveReward__overlay__header__title,
.en__p2p__activityTracking__overlay__header__title {
	line-height: var(--h3-font-size);
	font-family: var(--h3-font-family), Arial, Helvetica, sans-serif;
	font-weight: var(--h3-font-weight);
	font-size: var(--h2-font-size);
	color: var(--h3-font-color);
}

.en__p2p__incentiveReward__overlay__header__close,
.en__p2p__activityTracking__overlay__header__close  {
	background: url(/pageassets/p2p/sample/icons/x.svg) no-repeat;
	color: var(--secondary-btn-text-color);
	box-shadow: none;
	font-size: 0;
}

.en__p2p__incentiveReward__overlay__header__close:hover,
.en__p2p__activityTracking__overlay__header__close:hover {
	background-color: none;
	background: url(/pageassets/p2p/sample/icons/x.svg) no-repeat;
}

.en__p2p__dashboard__incentiveReward__overlay {
	width: 100%;
	justify-content: center;
	display: flex;
	flex-direction: column;
}

.en__p2p__dashboard__incentiveReward__overlay__image,
.en__p2p__dashboard__incentiveReward__overlay__name {
	align-self: center;
}

.en__p2p__dashboard__incentiveReward__overlay__multiple__product__select {
	align-self: center;
}
.en__p2p__dashboard__incentiveReward__product__option__title {
	line-height: var(--h4-font-size);
	font-family: var(--h4-font-family), Arial, Helvetica, sans-serif;
	font-weight: var(--h4-font-weight);
	font-size: var(--h4-font-size);
	color: var(--h4-font-color);
	padding-top: 16px;
	padding-bottom: 16px;
}


.en__p2p__dashboard__incentiveReward__overlay__multiple__product__carousel {
	display: flex;
	justify-content: center;
	gap: 4px;
}

.en__p2p__dashboard__incentiveReward__overlay__multiple__product__carousel__image,
.en__p2p__dashboard__incentiveReward__overlay__multiple__product__carousel__image--none{
	width: 44px;
	height: 44px;
	border: 1px solid #D0D5DD;
}

.en__p2p__dashboard__incentiveReward__overlay__multiple__product__carousel__item--selected img,
.en__p2p__dashboard__incentiveReward__overlay__multiple__product__carousel__item--selected .en__p2p__dashboard__incentiveReward__overlay__multiple__product__carousel__image--none{
	border: 1px solid var(--button-background-color);
}

.en__p2p__dashboard__incentiveReward__overlay__multiple__product__carousel__image--none {
	height: 44px;
	width: 44px;
	background-color: var(--light-gray);
}

.en__p2p__incentiveReward__overlay__actions,
.en__p2p__activityTracking__overlay__actions {
	display: flex;
	width: 100%;
	gap: 10px;
	padding-top: 32px;
}

.en__p2p__incentiveReward__overlay__actions button,
.en__p2p__activityTracking__overlay__actions button {
	flex: 1;
}

.en__p2p__incentiveReward__overlay__actions--close,
.en__p2p__incentiveReward__overlay__actions--decline,
.en__p2p__incentiveReward__overlay__actions--declineAll,
.en__p2p__activityTracking__overlay__actions--cancel {
	background-color: var(--secondary-btn-bg-color);
	color: var(--secondary-btn-text-color);
}
	
.en__p2p__incentiveReward__overlay__actions--close:hover,
.en__p2p__incentiveReward__overlay__actions--decline:hover,
.en__p2p__incentiveReward__overlay__actions--declineAll:hover,
.en__p2p__activityTracking__overlay__actions--cancel:hover  {
	background-color: var(--secondary-btn-hover-bg-color);
	color: var(--secondary-btn-hover-text-color);
}

.en__p2p__dashboard__incentiveReward__overlay__product__variants {
	width: 100%;
	display: grid;
  	grid-template-columns: repeat(auto-fill, minmax(calc(50% - 5px), 1fr));
	gap: 10px;
}
.en__p2p__dashboard__incentiveReward__overlay__product__variants .en__formField {
	align-self: start;
}
.en__p2p__dashboard__incentiveReward__overlay__product__variants .en__formField:last-child:nth-child(odd) {
	grid-column: span 2;
}

.en__p2p__dashboard__incentiveReward__overlay__shipping__fields {
 	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	align-items: start;
    align-content: start;
}

.en__p2p__dashboard__incentiveReward__overlay__shipping__supportingText {
	font-style: italic;
	font-weight: var(--h5-font-weight);
	font-size: var(--h5-font-size);
}

.en__p2p__dashboard__incentiveReward__overlay__shipping__fields input,
.en__p2p__dashboard__incentiveReward__overlay__shipping__fields select {
	width: 100%;
}

.en__p2p__dashboard__incentiveReward__overlay__shipping__fields .en__formField[data-en-formfieldtarget="firstName"] {
	order: 1;
}

.en__p2p__dashboard__incentiveReward__overlay__shipping__fields .en__formField[data-en-formfieldtarget="lastName"] {
	order: 2;
}

.en__p2p__dashboard__incentiveReward__overlay__shipping__fields .en__formField[data-en-formfieldtarget="address1"] {
	order: 3;
	grid-column: span 2
}

.en__p2p__dashboard__incentiveReward__overlay__shipping__fields .en__formField[data-en-formfieldtarget="address2"] {
	order: 4;
	grid-column: span 2
}

.en__p2p__dashboard__incentiveReward__overlay__shipping__fields .en__formField[data-en-formfieldtarget="city"] {
	order: 5;
	grid-column: span 2
}

.en__p2p__dashboard__incentiveReward__overlay__shipping__fields .en__formField[data-en-formfieldtarget="region"] {
	order: 6;
	grid-column: span 2
}

.en__p2p__dashboard__incentiveReward__overlay__shipping__fields .en__formField[data-en-formfieldtarget="country"] {
	order: 7;
}

.en__p2p__dashboard__incentiveReward__overlay__shipping__fields .en__formField[data-en-formfieldtarget="postcode"] {
	order: 8;
}

.en__p2p__dashboard__incentiveReward__overlay__shipping__fields .en__formField[data-en-formfieldtarget="notes"] {
	order: 9;
	grid-column: span 2
}

.en__p2p__incentiveReward__overlay__confirmInfo {
    text-align: center;
    white-space: pre-wrap;
	padding-top: 16px;
	padding-bottom: 16px;
}

.en__p2p__dashboard__incentiveRewards__header {
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.en__p2p__dashboard__incentiveRewards__filter__field select {
	color: #344054;
}

.en__p2p__dashboard__incentiveRewards__filter__field select {
	padding-right: 40px;
    background-image: url(/pageassets/p2p/sample/icons/filter-lines.svg);
}

.en__p2p__thank__editor__overlay__header {
	display: flex;
}

.en__p2p__thank__editor__overlay__header__close {
	background: url(/pageassets/p2p/sample/icons/x.svg) no-repeat;
	color: var(--secondary-btn-text-color);
	box-shadow: none;
	font-size: 0;
}

.en__p2p__thank__editor__overlay__header__close:hover {
	background-color: none;
	background: url(/pageassets/p2p/sample/icons/x.svg) no-repeat;
}

@media (max-width: 768px) {
	.en__p2p__dashboard__incentiveRewards {
		display: flex;
		flex-flow: column;
		row-gap: var(--row-gap-md);
	}

	.en__p2p__dashboard__incentiveRewards__header {
		flex-wrap: wrap;
		justify-content: center;
	}

	.en__p2p__dashboard__incentiveRewards__header h3 {
		flex: 1 1 280px;
		margin: 1rem;
	}
}

@media (max-width: 500px) {
	.en__p2p__dashboard__incentiveRewards__header {
		justify-content: center;
		text-align: center;
	}
	.en__p2p__dashboard__incentiveRewards__filter {
		flex: 1;
	}
}

.en__p2p__thank__editor__overlay,
.en__p2p__bulk__selector__overlay,
.en__p2p__send__confirmation__overlay,
.en__p2p__giphy__overlay {
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	width: 900px;
	box-shadow: 0px 4px 16px 0px #00000014;
	background-color: var(--white);
	margin: auto;
	padding: 40px;
	gap: 16px;
}


.en__p2p__bulk__selector__overlay,
.en__p2p__send__confirmation__overlay {
	width: 550px;
}

.en__p2p__thank__editor__overlay__header__tabs {
	display: flex;
	gap: 24px;
}

.en__p2p__thank__editor__overlay__header__tab {
	font-weight: 700;
	font-size: 20px;
	line-height: 20px;
	color: #667085;
	opacity: 0.6;
}

.en__p2p__thank__editor__overlay__header__tab--active {
	font-weight: 700;
  	border-bottom: 6px solid  var(--button-background-color);
	opacity: 1
}

.en__p2p__thank__editor__form__content__editor textarea {
	outline: 0;
    border: 0;
    box-shadow: none;
	resize: none;
    height: 15em;
}

.en__p2p__thank__editor__form {
  	border: 1px solid #E4E7EC;
	border-radius: 4px;
	padding: 8px;
}

.en__p2p__thank__editor__form__suggested__content__button, .en__p2p__thank__editor__form__emoji__button {
	margin-left: 0px;
	background-color: var(--secondary-btn-bg-color);
	color: var(--secondary-btn-text-color);
	display: flex;
}

.en__p2p__thank__editor__form__suggested__content__button:before, .en__p2p__thank__editor__form__emoji__button:before {
	place-items: center;
	display: grid;

	background-color: var(--secondary-btn-text-color);
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.en__p2p__thank__editor__form__suggested__content__button:before {
	--message-smile-square-icon: url(/pageassets/p2p/sample/icons/message-smile-square.svg);
	content: '';
	-webkit-mask: var(--message-smile-square-icon) no-repeat 50% 50%;
    mask: var(--message-smile-square-icon) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.en__p2p__thank__editor__form__emoji__button:before {
	--smile-icon: url(/pageassets/p2p/sample/icons/smile.svg);
	content: '';
	-webkit-mask: var(--smile-icon) no-repeat 50% 50%;
    mask: var(--smile-icon) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.en__p2p__thank__editor__form__suggested__content__button:hover, .en__p2p__thank__editor__form__emoji__button:hover {
    color: var(--secondary-btn-hover-text-color) !important;
	background-color: var(--secondary-btn-hover-bg-color);
}
.en__p2p__thank__editor__form__suggested__content__button:hover:before, .en__p2p__thank__editor__form__emoji__button:hover:before{
    background-color: var(--secondary-btn-hover-text-color) !important;
}

.en__p2p__thank__editor__overlay__actions {
	display: flex;
	width: 100%;
	gap: 10px;
	justify-content: flex-end;
}

.en__p2p__thank__editor__overlay__action__button {
	margin-left: 0px;
}

.en__p2p__thank__editor__overlay__action__button--cancel {
	background-color: var(--secondary-btn-bg-color);
	color: var(--secondary-btn-text-color);
}
	
.en__p2p__thank__editor__overlay__action__button--cancel:hover {
	background-color: var(--secondary-btn-hover-bg-color);
	color: var(--secondary-btn-hover-text-color);
}

.en__p2p__bulk__selector__overlay__header--title {
	text-align: center;
	line-height: var(--h3-font-size);
	font-weight: var(--h3-font-weight);
	font-size: var(--h3-font-size);
	color: black;
}

.en__p2p__bulk__selector__overlay__header--title:after {
	position: absolute;
	top: 53px;
	left: calc(50% - 12px);
	color:  #DC6803;
	--alert-triangle-icon: url(/pageassets/p2p/sample/icons/alert-triangle.svg);
	content: '';
	-webkit-mask: var(--alert-triangle-icon) no-repeat 50% 50%;
    mask: var(--alert-triangle-icon) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color:  #DC6803;
	width: 24px;
	height: 24px;
	z-index: 99;
}

.en__p2p__bulk__selector__overlay__header--title:before {
	place-items: center;
	display: grid;
	content: "";
	width: 36px;
	height: 36px;
    background-color: #FEF0C7;
	background-size: cover;
	z-index: 0; 
	margin: auto;
	margin-bottom: 12px;
	border-radius: 100%;
	border: 8px solid #FFFAEB;
}

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

.en__p2p__bulk__selector__overlay__actions {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 8px;
}

.en__p2p__bulk__selector__overlay__action__button {
	margin-left: 0px;
	flex: 1
}

.en__p2p__bulk__selector__overlay__action__button--unthanked,
.en__p2p__bulk__selector__overlay__action__button--all {
	flex-basis: 10rem;
}

.en__p2p__bulk__selector__overlay__action__button--unthanked:disabled {
	opacity: 0.6;
	pointer-events: none;
	cursor: not-allowed;
}

.en__p2p__bulk__selector__overlay__action__button--cancel {
	flex-basis: 100%;
	background-color: white;
	color: var(--button-background-color);
	box-shadow: none;
}

.en__p2p__bulk__selector__overlay__action__button--cancel:hover {
	background-color: white;
	color: var(--button-hover-color);
}

.en__p2p__send__confirmation__overlay__header--title {
	text-align: center;
	line-height: var(--h3-font-size);
	font-weight: var(--h3-font-weight);
	font-size: var(--h3-font-size);
	color: black;
}

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

.en__p2p__send__confirmation__overlay__body--message-highlight {
	font-weight: bold;
}

.en__p2p__send__confirmation__overlay__actions {
	display: flex;
	gap: 8px;
}

.en__p2p__send__confirmation__overlay__action__button {
	flex: 1;
	margin-left: 0;
}

.en__p2p__send__confirmation__overlay__action__button--back {
	background-color: var(--secondary-btn-bg-color);
	color: var(--secondary-btn-text-color);
}

.en__p2p__send__confirmation__overlay__action__button--back:hover {
	background-color: var(--secondary-btn-hover-bg-color);
	color: var(--secondary-btn-hover-text-color);
}


.en__p2p__send__confirmation__overlay__header--title:after {
	position: absolute;
	top: 53px;
	left: calc(50% - 12px);
	color:  #DC6803;
	--alert-triangle-icon: url(/pageassets/p2p/sample/icons/alert-triangle.svg);
	content: '';
	-webkit-mask: var(--alert-triangle-icon) no-repeat 50% 50%;
    mask: var(--alert-triangle-icon) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color:  #DC6803;
	width: 24px;
	height: 24px;
	z-index: 99;
}

.en__p2p__send__confirmation__overlay__header--title:before {
	place-items: center;
	display: grid;
	content: "";
	width: 36px;
	height: 36px;
    background-color: #FEF0C7;
	background-size: cover;
	z-index: 0; 
	margin: auto;
	margin-bottom: 12px;
	border-radius: 100%;
	border: 8px solid #FFFAEB;
}

.en__p2p__dashboard__donors__header__search__field .en__input:before {
	--search-icon: url(/pageassets/p2p/sample/icons/search.svg);
	content: '';
	-webkit-mask: var(--search-icon) no-repeat 50% 50%;
    mask: var(--search-icon) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #344054;
	width: 20px;
	height: 20px;
}

.en__p2p__registration__organizations__select {
	padding-top: 12px;
}

.en__p2p__registration__organizations--loading .en__p2p__registration__organizations__select  {
	opacity: .6;
	pointer-events: none;
}

.en__p2p__thank__editor__form--add__giphy__button {
	display: flex;
	margin-left: 0;
	margin-bottom: 8px;
	background-color: var(--secondary-btn-bg-color);
	color: var(--secondary-btn-text-color);

	width: max-content;
}

.en__p2p__thank__editor__form--add__giphy__button:hover {
	background-color: var(--secondary-btn-hover-bg-color);
	outline: 1px solid var(--secondary-btn-hover-bg-color);
	color: var(--secondary-btn-hover-text-color);
}

.en__p2p__thank__editor__form--add__giphy__button:before {
	place-items: center;
	display: grid;

	--giphy-icon: url(/pageassets/p2p/sample/icons/giphy-brand.svg);
	content: '';
	-webkit-mask: var(--giphy-icon) no-repeat 50% 50%;
    mask: var(--giphy-icon) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color:  var(--secondary-btn-text-color);
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.en__p2p__giphy__overlay__body--search {
	display: flex;
	flex-flow: row wrap;
	gap: 8px;
}

.en__p2p__giphy__overlay__body {
    display: flex;
    flex-direction: column;
    gap: 16px;

	/* prevents overlay footer to hide below screen */
	max-height: 80dvh;
}

.en__p2p__giphy__overlay__search__field {
	flex: 1;
}

.en__p2p__giphy__overlay__body--images__grid {
	display: block;
	columns: 4;
	column-gap: 1px;
}

@media (max-width: 950px) {
	.en__p2p__giphy__overlay__body--images__grid {
		columns: 3;

		/* allows shrinking of giphy image and avoids overlapping*/
		display: inline-block;
	}

	/* makes giphy images shrink based on viewport width */
	.en__p2p__giphy__overlay__body--image > img {
		width: 100%;
	}
}

.en__p2p__giphy__overlay {
	width: 950px;
}

.en__p2p__giphy__overlay__body--image--selected > img {
	border: var(--link-color) 5px solid;
}

.en__p2p__giphy__overlay__actions {
	display: flex;
	width: 100%;
	gap: 8px;
    justify-content: flex-end;
}

/* overrides default margin-left of base button */
.en__p2p__giphy__overlay__actions button {
	margin-left: inherit;
}

.en__p2p__giphy__overlay__action__button--back {
	background-color: var(--secondary-btn-bg-color);
	color: var(--secondary-btn-text-color);
}

.en__p2p__giphy__overlay__action__button--back:hover {
	background-color: var(--secondary-btn-hover-bg-color);
	color: var(--secondary-btn-hover-text-color);
}

.en__p2p__thank__editor__form--image__preview {
	max-height: 200px;
	max-width: 100%;
	margin: 0 auto;
}

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

.en__p2p__thank__editor__form--image__wrapper {
    position: relative;
    display: inline-block; 
}

.en__p2p__thank__editor__form--remove__giphy__button {
	position: absolute;
	top: 4px;
	right: 4px;
}

.en__p2p__thank__editor__form--remove__giphy__button {
	background: url(/pageassets/p2p/sample/icons/x.svg) no-repeat;
	background-color: var(--white);
	color: var(--secondary-btn-text-color);
	box-shadow: none;
	font-size: 0;
	padding: 4px 0px 0px 24px;
	border-radius: 100%;
}

.en__p2p__thank__editor__form--remove__giphy__button:hover {
	background: url(/pageassets/p2p/sample/icons/x.svg) no-repeat;
	background-color: var(--white);
} 

.en__p2p__giphy__overlay__body--loading,
.en__p2p__giphy__overlay__body--noResults {
	text-align: center;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.en__p2p__thank__editor__overlay {
	min-height: 50%; /* prevents too dense overlay when empty and emoji picker popup positioning */
	max-height: 80%; /* prevents thank email overlay height to overflow */
}

/* allow child to occupy available height */
.en__p2p__thank__editor__overlay,
.en__p2p__thank__editor__overlay__body,
.en__p2p__thank__editor__form,
.en__p2p__thank__editor__form > form,
.en__p2p__thank__editor__form__content__editor,
.en__p2p__thank__editor__form__content__editor .en-rte,
.en__p2p__thank__editor__form__content__editor .en-rte .ql-container {
	flex-flow: column nowrap;
	display: flex;
	position: relative;
}

/* occupy available height of wrapper */
.en__p2p__thank__editor__overlay__body,
.en__p2p__thank__editor__form,
.en__p2p__thank__editor__form > form,
.en__p2p__thank__editor__form__content__editor,
.en__p2p__thank__editor__form__content__editor .en-rte,
.en__p2p__thank__editor__form__content__editor .ql-container,
.en__p2p__thank__editor__form__content__editor .ql-editor {
	flex: 1;
}

/* prevents scrolling/expanding of wrappers */
.en__p2p__thank__editor__overlay__body,
.en__p2p__thank__editor__form,
.en__p2p__thank__editor__form > form,
.en__p2p__thank__editor__form__content__editor,
.en__p2p__thank__editor__form__content__editor .en-rte {
	overflow-y: hidden;
}

/* allows only input field to scroll */
.en__p2p__thank__editor__form__content__editor .en-rte .ql-container {
	overflow-y: auto;
}

@media screen AND (max-width: 768px), (hover: none) AND (pointer: coarse) {
	/* OVERLAYS */

	/* full screen thank overlay */
	.en__p2p__thank__editor__overlay {
		max-height: unset;
		min-height: unset;
	}

	.en__p2p__overlay__background {
		padding: 8px;
	}

	/* limit overlay content wrapper padding */
	/* except incentive rewards as it has a tag to avoid hiding the close button */
	.en__p2p__overlay__background > *:not(.en__p2p__incentiveReward__overlay) {
		padding: 20px;
	}

	@media (hover: none) AND (pointer: coarse) {
		.en__p2p__thank__editor__form__emoji__button {
			display: none;
		}
	}

	@media screen AND (orientation: portrait) {
		.en__p2p__thank__editor__overlay {
			height: 100%;
		}

		.en__p2p__thank__editor__form--image__preview {
			max-height: 400px;
		}
	}

	@media screen AND (orientation: landscape) {

		/* limit gif size to make textfield visible */
		.en__p2p__thank__editor__form--image__preview {
			max-height: 150px;
		}

		/* fixes the scroll within the overlay for mobile landscape */
		.en__p2p__thank__editor__overlay__body {
			overflow: visible;
		}

		/* keeps textfield visible when gif is added */
		.en__p2p__thank__editor__form {
			min-height: 100px;
		}

		/* height before textfield scrolls */
		.en__p2p__thank__editor__form__content__editor .en-rte .ql-container {
			max-height: 100px;
		}
	}


	/* fix button width and alignment */
	.en__p2p__thank__editor__form__suggested__content__button,
	.en__p2p__thank__editor__form__emoji__button {
		padding: 0.25rem;
		align-items: center;
		width: max-content;
	}

	.en__p2p__thank__editor__form__suggested__content__button:before,
	.en__p2p__thank__editor__form__emoji__button:before {
		width: 1rem;
		height: 1rem;
	}

	/* overrides full width of buttons on overlay */
	.en__p2p__overlay__background button[class*="overlay__header__close"],
	.en__p2p__giphy__overlay__search__button,
	.en__p2p__thank__editor__form--remove__giphy__button {
		width: auto;
	}

	/* break point */
	.en__p2p__giphy__overlay__search__field {
		flex: 4 1 20rem;
	}

	/* break point */
	.en__p2p__giphy__overlay__search__button {
		flex: 1 1 7.25rem;
	}

	/* allow wrapping of action buttons */
	.en__p2p__send__confirmation__overlay__actions,
	.en__p2p__incentiveReward__overlay__actions {
		flex-flow: row wrap-reverse;
	}

	/* occupy whole row */
	.en__p2p__send__confirmation__overlay__actions .en__p2p__send__confirmation__overlay__action__button,
	.en__p2p__incentiveReward__overlay__actions button {
		flex: 1 0 13rem;
	}

	/* fixes vertical alignment of warning icon on mobile view */
	.en__p2p__send__confirmation__overlay__header--title::after,
	.en__p2p__bulk__selector__overlay__header--title::after {
		top: 2rem;
	}
}

/*even smaller devices */
@media (max-width: 450px) {
	.en__p2p__thank__editor__form__suggested__content__button,
	.en__p2p__thank__editor__form__emoji__button {
		flex-grow: 1;
	}

	/* reduce giphy results column */
	.en__p2p__giphy__overlay__body--images__grid {
		columns: 2;
	}
}


/* ORGANIZATION PAGE */
@media (max-width: 768px) {

	/* prevents donate button to be sticky */
	.en__p2p__fundraiser__page--organization .en__p2p__fundraiser__donate {
		position: relative;
	}
}


/* ORGANIZATION WIDGET */
.en__p2p__organization__widget {
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: center;
}

/* hide mobile copy of block on larger screen */
.en__p2p__organization__widget--mobile {
	display: none;
}

.en__p2p__organization__widget__logo {
	text-decoration: none;
}

.en__p2p__organization__widget__logo .en__p2p__organization__widget__label {
	margin-bottom: 1rem;
}

.en__p2p__organization__widget__logo .en__p2p__organization__widget__image {
	--image-size: 316px;
	width: var(--image-size);
	height: var(--image-size);

	display: grid;
	margin-inline: auto;
	background: #fff;

	border: 0.5rem solid #FFF;
	filter: drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1)) drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.06));
}


@media (max-width: 768px) {
	.en__p2p__organization__widget__logo .en__p2p__organization__widget__image {
		--image-size: 200px;
	}

	/* hide original block on smaller screen */
	.en__p2p__organization__widget:not(.en__p2p__organization__widget--mobile) {
		display: none;
	}

	/* show mobile copy of the block */
	.en__p2p__organization__widget--mobile {
		display: block;
	}
}


/* ORGANIZATION PAGE JOIN ORGANIZATION BUTTON */

/* hide join org copy for mobile by default*/
.en__p2p__fundraiser__page__joinOrg--mobile {
	display: none;
}

@media (max-width: 768px) {
	.en__p2p__fundraiser__page__joinOrg--mobile {
		display: block;
		margin: 40px 0;
	}

	/* hide original join org button */
	.en__p2p__fundraiser__page__joinOrg:not(.en__p2p__fundraiser__page__joinOrg--mobile) {
		display: none;
	}
}


/* ORGANIZATION PAGE WIDGET */
.en__p2p__organization_pageWidget {
	display: grid;
	row-gap: clamp(1rem, 1.4vw ,40px);
	margin: clamp(1.5rem, 4vw, 40px);
}

.en__p2p__organization__pageWidget__header__search {
	display: flex;
	justify-content: end;

}

.en__p2p__organization__pageWidget__header__search__field .en__input:before {
	--search-icon: url(/pageassets/p2p/sample/icons/search.svg);
	content: '';
	-webkit-mask: var(--search-icon) no-repeat 50% 50%;
    mask: var(--search-icon) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #344054;
	width: 20px;
	height: 20px;
}

.en__p2p__tabbed__total {
	display: flex;
	justify-content: end;
	text-align: end;
}

.en__p2p__tabbed__total h3 {
	font-size: clamp( var(--h4-font-size), 4vw, var(--h3-font-size));
}

@media (max-width: 768px) {
	.en__p2p__organization__pageWidget__header__search__field {
		flex: 1 0 80px;
	}
	
}

.en__p2p__thank__editor__form__toolbar {
	padding-top: 4px;
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.en__p2p__thank__editor__form__content__editor .en-rte div  {
	border: hidden;
}


/* NOTIFICATION OVERLAY */
@media (max-width: 768px) {
	.en__notification__background {
		padding: 0.5rem;
	}

	.en__notification__modal {
		padding: 20px;
	}
}

.en__p2p__registration__primaryParticipantTicketAssign {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.en__p2p__registration__primaryParticipantTicketAssign__introText {
	text-align: center;
	font-weight: bold;
}

.en__p2p__registration__primaryParticipantTicketAssign__fallbackText {
	text-align: center;
}

.en__p2p__registration__additionalParticipants__header {
	text-align: center;
}

.en__p2p__registration__additionalParticipants__memberType__information__container {
	display: flex;
	margin-top: var(--margin-lg);
	margin-bottom: var(--margin-lg);
	gap: 20px;
}

.en__p2p__registration__additionalParticipants__memberType__information__header {
	display: flex;
}

.en__p2p__registration__additionalParticipants__memberType__information {
	flex: 1;
	margin-left: var(--margin-lg);
	margin-right: var(--margin-lg);
}

.en__p2p__registration__additionalParticipants__memberType__information__header {
	font-weight: bold;
}

.en__p2p__registration__additionalParticipants__memberType__information__helpText {
	margin-left: 30px;
}

.en__p2p__registration__additionalParticipants__memberType__information__header--regular:before {
	place-items: center;
	display: grid;

	--user-icon: url(/pageassets/p2p/sample/icons/user.svg);
	content: '';
	-webkit-mask: var(--user-icon) no-repeat 50% 50%;
    mask: var(--user-icon) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--main-font-color);
	width: 20px;
	height: 20px;
	margin-right: 10px;
}


.en__p2p__registration__additionalParticipants__memberType__information__header--dependent:before {
	place-items: center;
	display: grid;

	--users-icon: url(/pageassets/p2p/sample/icons/users.svg);
	content: '';
	-webkit-mask: var(--users-icon) no-repeat 50% 50%;
    mask: var(--users-icon) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--main-font-color);
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

@media (max-width: 1200px) {
	.en__p2p__registration__additionalParticipants__fields {
		flex-direction: column;
		display: flex;
		gap: 12px;
		align-items: normal !important;
	}

	.en__p2p__registration__additionalParticipants__memberType__information__container {
		display: flex;
		gap: 12px;
		flex-direction: column;
	}

	.en__p2p__registration__additionalParticipants__memberType__information {
		margin: 0 !important;
	}
}

.en__p2p__registration__additionalParticipants__participantTypeName {
	margin-bottom: var(--margin-sm);
	font-weight: bold;
}

.en__p2p__registration {
	overflow-x: hidden;
}

.en__p2p__registration .en__column {
	max-width: 100%;
	width: 100%;
}

.en__p2p__registration__additionalParticipants__form__container {
	width: 100%;
	overflow-x: auto;
	white-space: nowrap;
	padding: 4px;

}

.en__p2p__registration__additionalParticipants__form {
	display: flex; 
	flex-direction: column; 
	margin-bottom: 32px;

}

.en__p2p__registration__additionalParticipants__fields {
	display: flex;
	gap: 10px;
	flex-shrink: 1;
    align-items: flex-start;
}

.en__p2p__registration__additionalParticipants__fields > .en__formField {
	min-width: 160px;
	flex-shrink: 0;
	margin: 2px;
	position: relative;
}

.en__p2p__registration__additionalParticipants__participantTypeName {
	width: 200px;
}

.en__p2p__registration__additionalParticipants__bottomHelper {
	text-align: center;
	font-style: italic;
	color: var(--h5-font-color);
}

.en__p2p__dashboard__myProfile__form {
	display: grid;
	gap: var(--gap-md);
}

/* DASHBOARD MY PROFILE FORM INPUT AND SELECT FIELDS --*/

.en__p2p__dashboard__myProfile__form .en__formField {
	position: relative;
}


.en__p2p__dashboard__myProfile__message--requiredFields {
	display: flex;
}
.en__p2p__dashboard__myProfile__message--requiredFields:before {
	
	--alert-triangle-icon: url(/pageassets/p2p/sample/icons/alert-triangle.svg);
	content: '';
	-webkit-mask: var(--alert-triangle-iconn) no-repeat 50% 50%;
    mask: var(--alert-triangle-icon) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--main-font-color);
	width: 20px;
	height: 20px;
}

.en__p2p__dashboard__myProfile__message--requiredFields {
    align-items: center;
    gap: 24px;
    background-color: rgb(239, 213, 217);
    border-radius: 8px;
    border: 1px var(--main-font-color) solid;
    padding: 4px 16px;
}

.en__p2p__dashboard__myProfile__message__close {
	background: url(/pageassets/p2p/sample/icons/x.svg) no-repeat;
	color: var(--main-font-color);
	box-shadow: none;
	font-size: 0;
    padding: 0.25rem 1rem;
	width: 0;
}
.en__p2p__dashboard__myProfile__message__close:hover {
	background-color: none;
	background: url(/pageassets/p2p/sample/icons/x.svg) no-repeat;
}

.en__p2p__dashboard__waiver__content, .en__p2p__registration__waiver__content {
	
	outline: 1px solid #d0d5dd;
	border-radius: 4px;
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.5);
	padding: 4px 16px;
	overflow: auto;
}

.en__p2p__dashboard__waiver__postConfirmationText {
	padding-top: 24px;
	text-align: center;
	font-weight: bold;
}

.en__p2p__dashboard__waiver__formField, .en__p2p__registration__waiver__formField {
	padding-top: 24px;
}

.en__p2p__dashboard__waiver__actions {
	padding-top: 16px;
}

.en__p2p__dashboard__waiver__dependentParticipants__checkbox--readonly.en__formField {
	opacity: .5;
}

.en__p2p__dashboard__waiver__errorMessage {
	color: var(--error-color);
	font-size: var(--error-font-size);
}

.en__p2p__dashboard__waiver__action__button {
	margin-left: auto;
	margin-right: auto;
}

.en__p2p__registration__additionalParticipants__form .en__formField {
	position: relative;
}

/* makes label look like a placeholder */
.en__p2p__registration__additionalParticipants__form 
	:is(.en__formField--text, .en__formField--select, .en__formField--textarea, .en__formField--phoneNumber, .en__formField--email).en__formField--empty 
	.en__formField__label:not(.en__formField__label--isHtml) {
	--inline-padding: 1rem;
	position: absolute;
	margin: 12px var(--inline-padding);
	color: var(--neutral-color);
	display: block;
	/* sets label that look like placeholder 
	to work when clicking the label over the field */
	pointer-events: none;

	/* prevents text wrapping of label as placeholder */
	width: calc(100% - calc(var(--inline-padding) * 2));
	box-sizing: border-box;
	text-wrap: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* hides the label once the field has value */
.en__p2p__registration__additionalParticipants__form
	:is(.en__formField--text, .en__formField--select, .en__formField--textarea, .en__formField--phoneNumber, .en__formField--email)
	.en__formField__label:not(.en__formField__label--isHtml) {
	display: none;
}

/* hides the label when select field has a blank option */
.en__p2p__registration__additionalParticipants__form .en__formField--select.en__formField--hasBlankOption .en__formField__label:not(.en__formField__label--isHtml) {
	display: none;
}


.en__p2p__dashboard__myProfile__form .en__formField {
	position: relative;
}

/* makes label look like a placeholder */
.en__p2p__dashboard__myProfile__form 
	:is(.en__formField--text, .en__formField--select, .en__formField--textarea, .en__formField--phoneNumber, .en__formField--email).en__formField--empty 
	.en__formField__label:not(.en__formField__label--isHtml) {
	--inline-padding: 1rem;
	position: absolute;
	margin: 12px var(--inline-padding);
	color: var(--neutral-color);
	display: block;
	/* sets label that look like placeholder 
	to work when clicking the label over the field */
	pointer-events: none;

	/* prevents text wrapping of label as placeholder */
	width: calc(100% - calc(var(--inline-padding) * 2));
	box-sizing: border-box;
	text-wrap: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* hides the label once the field has value */
.en__p2p__dashboard__myProfile__form
	:is(.en__formField--text, .en__formField--select, .en__formField--textarea, .en__formField--phoneNumber, .en__formField--email)
	.en__formField__label:not(.en__formField__label--isHtml) {
	display: none;
}

/* hides the label when select field has a blank option */
.en__p2p__dashboard__myProfile__form .en__formField--select.en__formField--hasBlankOption .en__formField__label:not(.en__formField__label--isHtml) {
	display: none;
}

.en__p2p__dashboard__activityTracking__title{
	font-weight: 700;
	font-size: 20px;
	line-height: 48px;
	color: #101828
}

.en__p2p__dashboard__activityTracking__container {
	border-radius: 8px;
	border: 1px #E4E7EC solid;
	padding: 24px;
}

.en__p2p__dashboard__activityTracking__summary {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 16px;
}

.en__p2p__dashboard__activityTracking__summary__metric {
	flex: 1 1 auto;
	min-width: 150px;
	box-sizing: border-box;
	background-color: #ebfcf3;
	border-radius: 12px;
	padding: 20px 16px;
}
.en__p2p__dashboard__activityTracking__summary__metric--title {
	color: #12B76A;
	font-weight: 500;
}
.en__p2p__dashboard__activityTracking__summary__metric--value {
	font-weight: 700;
	font-size: 36px;
	line-height: 44px;
}
.en__p2p__dashboard__activityTracking__summary__metric--unit {
	font-size: 14px;
	line-height: 20px;
	color: #667085;
}

.en__p2p__dashboard__activityTracking__list__item--editButton {
    align-items: center;
    justify-content: center;
    background-color: var(--secondary-btn-bg-color);
    color: var(--secondary-btn-text-color);
}

.en__p2p__dashboard__activityTracking__list--title {
	font-size: 20px;
	line-height: 48px;
	font-weight: 700;
	margin-top: 24px;
}

.en__p2p__dashboard__activityTracking__list__item--editButton {
    display: flex;
}

.en__p2p__dashboard__activityTracking__list__item--editButton:before {
	place-items: center;
	display: grid;

	--edit-icon: url(/pageassets/p2p/sample/icons/edit.svg);
	content: '';
	-webkit-mask: var(--edit-icon) no-repeat 50% 50%;
    mask: var(--edit-icon) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--secondary-btn-text-color);
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.en__p2p__dashboard__activityTracking__list__item--editButton:hover{
	background-color: var(--secondary-btn-hover-bg-color);
	outline: 1px solid var(--secondary-btn-hover-bg-color);
	color: var(--secondary-btn-hover-text-color);
}

.en__p2p__dashboard__activityTracking__list__column--activity {
	font-weight: 700;
	white-space: nowrap;
}

.en__p2p__dashboard__activityTracking__list__column--comment {
	font-weight: 400;
	font-style: italic;
	font-size: 14px;
}

.en__p2p__dashboard__activityTracking__list__add__button {
	margin-left: 0;
    margin-right: auto;
	background-color: white;
	color: var(--button-background-color);
	display: flex;
	box-shadow: none;
}

.en__p2p__dashboard__activityTracking__list__add__button:hover {
	margin-left: 0;
    margin-right: auto;
	background-color: var(--button-background-color);
	color: white;
	display: flex;
}

.en__p2p__dashboard__activityTracking__list__add__button:before {
	place-items: center;
	display: grid;

	--plus-circle-icon: url(/pageassets/p2p/sample/icons/plus-circle.svg);
	content: '';
	-webkit-mask: var(--plus-circle-icon) no-repeat 50% 50%;
	mask: var(--plus-circle-icon) no-repeat 50% 50%;
	-webkit-mask-size: contain;
	mask-size: contain;
	background-color: var(--link-color);
	width: 20px;
	height: 20px;
	opacity: 1;
	margin-right: 10px;
}

.en__p2p__dashboard__activityTracking__list__add__button:hover:before {
	background-color: white;
}
.en__p2p__activityTracking__overlay__form {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 24px;
}

.en__p2p__activityTracking__overlay__form__field--activityDate {
	display: flex;
	gap: 8px;
	align-items: flex-start;
}

.en__p2p__activityTracking__overlay__form__field--activityDate .en__formField {
	flex: 1; 
	gap: 0;
}

.en__p2p__activityTracking__overlay__form__field--activityDate .en__input {
	flex-grow: 1;
}

.en__p2p__activityTracking__overlay {
	width: 620px;
}

@media (max-width: 768px) {
	.en__p2p__dashboard__activityTracking__summary {
		grid-template-columns: 1fr 1fr;
	}

	.en__p2p__dashboard__activityTracking__list__item {
		margin-top: 12px;
	}

	.en__p2p__dashboard__activityTracking__list__column--distance,
	.en__p2p__dashboard__activityTracking__list__column--step,
	.en__p2p__dashboard__activityTracking__list__column--second,
	.en__p2p__dashboard__activityTracking__list__column--calorie {
		font-weight: 700;
	}

	.en__p2p__dashboard__activityTracking__list__column--activityDate {
		font-weight: 400;
	}

	.en__p2p__dashboard__activityTracking__list__column--activity {
		font-size: 20px;
	}

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

	.en__p2p__dashboard__activityTracking__list__column--calorie,
	.en__p2p__dashboard__activityTracking__list__column--activityDate {
		text-align: right;
	}

	.en__p2p__dashboard__activityTracking__list__column--actions {
		display: flex;
		justify-content: center; /* Horizontal centering */
		align-items: center; 
	}

	.en__p2p__dashboard__activityTracking__list__item--editButton {
		width: 24px;
		height: 24px;
		font-size: 0;
		background-color: unset;
		box-shadow: unset;
		padding: 0;
		position: relative;
		margin: 0;
	}

	.en__p2p__dashboard__activityTracking__list__item--editButton:before {
		margin-right: 0;
        left: 10px;
        position: relative;
	}


	.en__p2p__dashboard__activityTracking__list__item--editButton:hover {
		background-color: unset;
		outline: unset;
	}

	.en__p2p__dashboard__activityTracking__list__add__button {
		margin-left: auto;
	}

	.en__p2p__dashboard__activityTracking__list__add__button:hover {
		margin-left: auto;
	}
}

.en__p2p__fundraiser__activityTrackingWidget {
	padding: 24px;
	border: 1px solid #e4e7ec;
	border-radius: 8px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	margin: 80px 0 24px 0;
}

.en__p2p__dashboard__myPage__individual__activity__goal {
	margin-top: 24px;
}

.en__p2p__dashboard__myPage__individual__activity__goal__fields {
	display: flex;
	gap: 8px;
	align-items: flex-start;
}

.en__p2p__dashboard__myPage__individual__activity__goal__fields > * {
	flex: 1;
}

.en__p2p__dashboard__myPage__individual__activity__goal__fields > .en__formField--textDouble {
	margin-top: 8px;	
}

.en__p2p__dashboard__myPage__individual__activity__tracking__link {
	margin-top: 16px;	
}

.en__p2p__fundraiser__activityGoalWidget {
	margin-top: 32px;
}