/*
	Styles for use across the site on a template for P2P v3
	Alice Liddell - SJ Consulting
	Created 7.11.25

*/
/* begin /pageassets/p2p/sample/css/style.css */
: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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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: 0;
    transition: all 0.3s linear;
}

/* 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 {
    position: relative;
    font-family: var(--fontFamilyNeusaDemiBold) !important;
    font-size: 18px !important;
    text-align: center;
    color: #000;
    background-color: transparent !important;
    background-image: none !important;
    display: inline-block;
    font-weight: var(--buttonFontWeight) !important;
    line-height: var(--buttonLineHeight) !important;
    padding: 15px 20px;
    text-transform: var(--buttonTextTransform);
    text-decoration: none !important;
    text-align: center;
    background-image: none !important;
    -webkit-transition: border-color 350ms ease-in-out, background-color 350ms ease-in-out;
    transition: border-color 350ms ease-in-out, background-color 350ms ease-in-out;
    width: auto;
    border-radius: 0 !important;
}
.navbar .en__p2p__nav__item.nav-btn a {
    border-color: #000 !important;
    border-style: solid;
    border-width: 1px !important;
    border-radius: var(--buttonBorderRadius) !important;
    width: 150px;
	
}
/* 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: 1;
	background: #06808e;
}
.navbar .en__p2p__nav__list--depth-0 > .en__p2p__nav__item:hover > a,
.navbar .en__p2p__nav__list--depth-1 .en__p2p__nav__item:hover > a {
	color:#fff;
}

.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 { 
	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 
}

.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;
} 

@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: 18PX;
		overflow: hidden;
		text-overflow: unset;
		white-space: normal;
		color: #06808e;
		font-weight: 700;
		text-decoration: none;
		text-align: right;
		display: block;
	}

	.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;
	
    display: block;
}

/* 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%; 
	
    display: block;
    height: auto;
}
/* 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 {
		margin: 0;
		--container-padding: 18px;
		width: 100%;
	}
}

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

/* 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 0; 
	border-radius: 4px; 
	display: inline-flex;
	align-items: center;
	gap: 0;
}

.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(https://give.radyfoundation.org/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%;
    border-radius: 0;
    background: #f5f5f5;
    border: 1px solid #9e9e9e;
    padding: 6px 15px;
    background-image: none;
    border-radius: 0;
    background: #f5f5f5;
    border: 1px solid #9e9e9e;
    padding: 6px 15px;
    background-color: #f5f5f5 !important;
    color: var(--main-font-color) !important;
    box-shadow: none !important;
    outline: none;
}
.en__formField.en__formField--select {
    padding: 12px 0;
}
: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, button:visited, .en__p2p__link:visited, .en__p2p__link:link {
    padding: 0.5rem 1rem;
    border: 0;
    border-radius: var(--button-border-radius);
    font-weight: 500;
    font-size: var(--defaultTextSize);
    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;
    text-decoration: none !important;
}

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;
		padding: 0;
	}

	.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: #fff;
	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); 
    color: #fff;
}
.en__p2p__registration__type--single.en__p2p__registration__type--selected .en__p2p__registration__type__description p { 
    color: #fff;
}

.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);  
    color: #fff;
}
.en__p2p__registration__type--single:not(.en__p2p__registration__type--soldOut, .en__p2p__registration__type--multiple):hover  .en__p2p__registration__type__description p{ 
    color: #fff;
}

.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 { 
	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;
}


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

.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: 80px;
	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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/pageassets/p2p/sample/icons/minus-circle.svg) no-repeat 50% 50%;
	background-color: none;
}

.en__p2p__registration__type__participantCount__add {
	background: url(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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);
    margin-top: -15px;
    font-weight: bold;
    margin-bottom: 10px;
}

/* 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(--main-font-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;
    padding-right: 25px;
    text-overflow: unset;
    white-space: normal;
}

/* 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; 
	margin: 4px 0;
	width: 100%;
}

.en__p2p__dashboard__nav .router-link-active.router-link-exact-active { 
	color: #000;
    padding-right: 30px;
}

.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: -4rem 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;
    color: #fff !important;
    text-decoration: none !important;
}

.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;
    line-height: 1.2;
}

.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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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, 
.en__p2p__fundraiser__page__joinTeam a:link,
.en__p2p__fundraiser__page__joinOrg a:link {
	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;
	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;
    margin: 0 0 10px;
}
.en__p2p__fundraiser__details h4 a {
	text-decoration: none;
	color: var(--main-font-color);
    text-transform: none;
}

.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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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) {
	:where(.en__p2p__fundraiser__image) { 
		max-width: 110px; 
	}
	.en__p2p__fundraiser__image {
		flex-basis: 60px;
	}
	.en__p2p__fundraiser__image img {
		--image-size: 110px;
	}

	.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(https://give.radyfoundation.org/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__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__details h4 {
		margin: 0;
		font-size: 18px;
		color: var(--main-font-color);
        text-align: center;
	}
	.progress-list-text--outside .en__p2p__fundraiserList .en__p2p__fundraiser__goalWidget__data__container {
		justify-content: space-between;
		gap: 0;
	}
	.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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/pageassets/p2p/sample/icons/filter-lines.svg);
}

.en__p2p__thank__editor__overlay__header {
	display: flex;
}

.en__p2p__thank__editor__overlay__header__close {
	background: url(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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__content {
    margin-bottom: 30px;
}
.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(https://give.radyfoundation.org/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(https://give.radyfoundation.org/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,
.en__p2p__team__activityGoalWidget {
	margin-top: 32px;
}
/* end /pageassets/p2p/sample/css/style.css */
/* begin rady specific p2pv3 styles */
:root {
  /* SET FONT FAMILIES */

  --fontFamilyGotham:'Gotham', sans-serif;
  --fontFamilyGothamCondensed: Gotham Condensed, sans-serif;
  --fontFamilyGothamCondensedBlackBlack:'Gotham Condensed XBlack', sans-serif;
  --fontFamilyGothamNarrow:'Gotham Narrow', sans-serif;
  --fontFamilyGothamNarrowBook:'Gotham Narrow Book', sans-serif;
  --fontFamilyGothamBook:'Gotham Book', sans-serif;
  --fontFamilyNeusaBlack:'neusablack', sans-serif;
  --fontFamilyNeusaBold:'neusabold', sans-serif;
  --fontFamilyNeusaDemiBold:'neusademibold', sans-serif;
  --fontFamilyNeusaExtraBold:'neusaextrabold', sans-serif;
  --fontFamilyNeusaLight:'neusalight', sans-serif;
  --fontFamilyNeusaMedium:'neusamedium', sans-serif;
  --fontFamilyNeusaRegular:'neusaregular', sans-serif;
  --fontFamilyNeusaSemiBold:'neusasemibold', sans-serif;

  --fontFamilyMain:var(--fontFamilyGothamBook);
  --fontFamilySecond:var(--fontFamilyNeusaRegular);
  --fontFamilyThird:'Lato', sans-serif;
  
  /* PALETTE COLORS */
  
  /* MAIN COLOR - TEAL */
  --paletteColor1: #06808E;
  
  /* LIGHT GREY */
  --paletteColor2: #F8F8F8;
  
  /* BUTTONS HOVER STATE */
  --paletteColor3: #C3C3C3;
  
  /* BUTTONS HOVER STATE BOTTOM BORDER */
  --paletteColor4: ;
  
  /* THERMOMETER BACKGROUND */
  --paletteColor5: ;
  
  /* PRETITLE/CAPTIONS/BORDERS/BACKGROUNDS */
  --paletteColor6: ;
  
  /* INFORMATION */
  --paletteColor7: ;
  
  /* Error */
  --paletteColor8: #A30015;
  
  --white: #ffffff;
  --black: #000000;
  --paletteBlackOpaque: rgba(0,0,0,0.35);
  --boxShadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
 
  --linkHoverColor: var(--paletteColor1);
  --mainTextColor: var(--black);
  --defaultTextSize: 20px;
  --defaultTextWeight: 400;
  --defaultTextLineHeight: 24px;
  
  /* FORM FIELDS */
  --formFieldFontSize: 18px;
  --formFieldBorderColor: var(--black);
  --formFieldHeight: 60px;
  --formFieldBorderRadius: 0px;
  --formFieldBorderWidth: 1px;
  --formFieldBoxShadow: var(--boxShadow);
  --formFieldPadding: 11px 18px;
  --formFieldLineHeight: 27px;
  --formLabelFontSize: 18px;
  --formLabelFontWeight: normal;
  
  /* BUTTONS */
  --buttonborderWidth: 1px;
  --buttonBorderRadius: 0px;
  --buttonFontSize: 18px;
  --buttonFontFamily: var(--fontFamilyNeusaDemiBold);
  --buttonFontWeight: 400;
  --buttonLineHeight: 27px;
  --buttonPadding: 12px 30px 10px;
  --buttonTextTransform: uppercase;
  --buttonLetterSpacing: 0;
  --buttonMinWidth: 160px;
}
/**
@media (min-width: 41.25em){ Background Image or Pattern 
	html{
		background: url("${blueprint~backgroundimg}") repeat center center fixed;
	}
}
	**/
body{
	background-color: initial;
	font-size: 18px;
}

/** Red * for Mandatory Fields **/    
.en__mandatory label.en__field__label:not(.en__field__label--item)::after {
   content: "*";
   color: red;
}


/*-----------------------------------------------------------------------------------*/
/*  TYPOGRAPHY
/*-----------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5{color:#000;text-transform:uppercase;}
h1{font-family:'Gotham Condensed'!important;font-weight:500;font-size:36px;margin:0 0 24px;line-height:1em}
h2{font-family:'Gotham Condensed'!important;font-weight:500;font-size:30px;margin:0 0 24px;line-height:1em}
h3{font-family:'neusabold'!important;font-weight:normal;font-size:26px;margin:0 0 24px;line-height:1em}
h4{font-family:'neusabold'!important;font-weight:normal;font-size:24px;margin:0 0 24px;line-height:1em}
h1 em, h2 em{font-family:'Gotham Condensed'!important;}
h3 em, h4 em{font-family:'neusabold'!important;}
/*@media (max-width: 991px) {
h1{font-size:43px;line-height:1em}
h2{font-size:32px;line-height:1em}
h3{font-size:28px;line-height:1em}
h4{font-size:24px;line-height:1em}
}*/
a:link,a:visited,div.responsive a:visited,div.responsive a:link{color:#06808e;font-size:var(--defaultTextSize);font-style:normal;text-decoration: underline;}
a:hover, A:hover, div.responsive a:hover,a:focus,div.responsive a:focus{color:#000;text-decoration:underline}
TEXTAREA,INPUT,SELECT,OPTION{font-family:inherit;font-size:inherit}
p,li,span,strong,P, LI, OL, UL, TABLE, TR, TH, TD, .Explicit{color: #000;font-size:var(--defaultTextSize);font-style:normal;}
p{margin:0 0 20px;}
strong, b, strong a{font-family:var(--fontFamilyMain);font-weight:700!important}
.font-italic{font-weight:normal!important}
.font-light{font-weight:300!important}
.font-regular{font-weight:400!important}
.font-medium{font-weight:500!important}
.font-semibold{font-weight:600!important}
.font-bold{font-weight:700!important}
.fontFamilyGotham{font-family:'Gotham',sans-serif!important;}
.fontFamilyGothamCondensed{font-family:Gotham Condensed,sans-serif!important;}
.fontFamilyGothamCondensedBlack{font-family:'Gotham Condensed XBlack',sans-serif!important;}
.fontFamilyGothamNarrow{font-family:'Gotham Narrow',sans-serif!important;}
.fontFamilyGothamNarrowBook{font-family:'Gotham Narrow Book',sans-serif!important;}
.fontFamilyGothamBook{font-family:'Gotham Book',sans-serif!important;}
.fontFamilyNeusaBlack{font-family:'neusablack',sans-serif!important;}
.fontFamilyNeusaBold{font-family:'neusabold',sans-serif!important;}
.fontFamilyNeusaDemiBold{font-family:'neusademibold',sans-serif!important;}
.fontFamilyNeusaExtraBold{font-family:'neusaextrabold',sans-serif!important;}
.fontFamilyNeusaLight{font-family:'neusalight',sans-serif!important;}
.fontFamilyNeusaMedium{font-family:'neusamedium',sans-serif!important;}
.fontFamilyNeusaRegular{font-family:'neusaregular',sans-serif!important;}
.fontFamilyNeusaSemiBold{font-family:'neusasemibold',sans-serif!important;}
.text-transform-none{text-transform:none!important}
.text-left{text-align:left!important}
.text-center{text-align:center!important}
.text-right{text-align:right!important}
.text-justify{text-align:justify!important}
.text-uppercase{text-transform:uppercase!important}
.text-lowercase{text-transform:lowercase!important}
.text-capitalize{text-transform:capitalize!important}
.text-underline{text-decoration:underline!important}
.text-line-through{text-decoration:line-through!important}
.text-italic{font-style:italic!important}
.text-ellipsis{overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}
.text-white{color:#fff!important}
.text-black{color:#000!important}
.size-25px{font-size:25px!important}
.size-24px{font-size:24px!important}
.size-18px{font-size:18px!important}
.size-16px{font-size:16px!important}
.size-14px{font-size:14px!important}
.size-12px{font-size:12px!important}
.size-10px{font-size:10px!important}
@media (max-width: 991px) {
.text-left-mobile{text-align:left!important}
.text-center-mobile{text-align:center!important}
.text-right-mobile{text-align:right!important}
.hide-text-mobile{visibility:hidden}
.mobile-float-none{float:none;clear:both}
.size-25px-mobile{font-size:25px!important}
.size-24px-mobile{font-size:24px!important}
.size-18px-mobile{font-size:18px!important}
.size-16px-mobile{font-size:16px!important}
.size-14px-mobile{font-size:14px!important}
.size-12px-mobile{font-size:12px!important}
.size-10px-mobile{font-size:10px!important}
.text-white-mobile{color:#fff!important}
.text-black-mobile{color:#000!important}
}

.rady-button,
input.Button {
	border-style: solid;
    border-width: 1px !important;
    border-radius: var(--buttonBorderRadius) !important;
    display: inline-block;
    font-size: var(--buttonFontSize) !important;
	font-family: var(--buttonFontFamily) !important;
	font-weight: var(--buttonFontWeight) !important;
	line-height: var(--buttonLineHeight) !important;
	padding: var(--buttonPadding) !important;
	text-transform:var(--buttonTextTransform);
    text-decoration: none !important;
	text-align: center;
	background-image: none !important;
	-webkit-transition: border-color 350ms ease-in-out, background-color 350ms ease-in-out;
    transition: border-color 350ms ease-in-out, background-color 350ms ease-in-out;
}
.teal-border-button {
    color: #06808e!important;
    border-color: #06808e!important;
    background-color: transparent!important;
	background-image: none !important;
}
.black-button {
    color: #fff!important;
    border-color: #000!important;
    background-color: #000!important;
	background-image: none !important;
}
.black-border-button {
    color: #000!important;
    border-color: #000!important;
    background-color: transparent!important;
	background-image: none !important;
}
.teal-button, .black-border-button:hover {
    color: #fff!important;
    border-color: #06808e!important;
    background-color: #06808e!important;
	background-image: none !important;
}
.teal-button:hover, .teal-border-button:hover {
    color: #fff!important;
    border-color: #000!important;
    background-color: #000!important;
	background-image: none !important;
}
.white-border-button:hover {
    color: #fff!important;
    border-color: #fff!important;
    background-color: transparent!important;
	background-image: none !important;
}
.black-button:hover {
    color: #fff!important;
    border-color: #fff!important;
    background-color: transparent!important;
	background-image: none !important;
}

/*-----------------------------------------------------------------------------------*/
/*  GRID
/*-----------------------------------------------------------------------------------*/
.frow{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:center;justify-content:center}
.frow > *{max-width:100%}
.frow.centered{-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;align-content:center;height:100%}
.frow.centered-column{-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;align-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;height:100%}
.frow.row-start{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start}
.frow.row-center{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}
.frow.row-end{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:end;justify-content:flex-end}
.frow.row-between{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between}
.frow.row-around{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;justify-content:space-around}
.frow.row-evenly{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:space-evenly;justify-content:space-evenly}
.frow.column-start{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:start;align-items:flex-start;align-content:flex-start;-webkit-box-pack:start;justify-content:flex-start}
.frow.column-center{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;align-content:center;-webkit-box-pack:start;justify-content:flex-start}
.frow.column-end{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:end;align-items:flex-end;align-content:flex-end;-webkit-box-pack:start;justify-content:flex-start}
.frow.inline{display:-webkit-inline-box;display:inline-flex}
.frow.wrap{flex-wrap:wrap}
.frow.wrap-reverse{flex-wrap:wrap-reverse}
.frow.nowrap{flex-wrap:nowrap}
.frow.direction-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}
.frow.direction-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}
.frow.direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
.frow.direction-column-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}
.frow.justify-start{-webkit-box-pack:start;justify-content:flex-start}
.frow.justify-end{-webkit-box-pack:end;justify-content:flex-end}
.frow.justify-center{-webkit-box-pack:center;justify-content:center}
.frow.justify-between{-webkit-box-pack:justify;justify-content:space-between}
.frow.justify-around{justify-content:space-around}
.frow.justify-evenly{-webkit-box-pack:space-evenly;justify-content:space-evenly}
.frow.items-start{-webkit-box-align:start;align-items:flex-start}
.frow.items-end{-webkit-box-align:end;align-items:flex-end}
.frow.items-center{-webkit-box-align:center;align-items:center}
.frow.items-stretch{-webkit-box-align:stretch;align-items:stretch}
.frow.items-baseline{-webkit-box-align:baseline;align-items:baseline}
.frow.content-start{align-content:flex-start}
.frow.content-end{align-content:flex-end}
.frow.content-center{align-content:center}
.frow.content-between{align-content:space-between}
.frow.content-around{align-content:space-around}
.frow.content-evenly{align-content:space-evenly} 
.frow.gutters > [class*=col-xs],.frow.gutters > [class*=col-sm],.frow.gutters > [class*=col-md],.frow.gutters > [class*=col-lg]{padding-left:15px;padding-right:15px}
.frow [class*=col-xs],.frow [class*=col-sm],.frow [class*=col-md],.frow [class*=col-lg]{width:100%}
@media (min-width: 0px) {
.frow.xs-centered{-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;align-content:center;height:100%}
.frow.xs-centered-column{-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;align-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;height:100%}
.frow.xs-row-start{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start}
.frow.xs-row-center{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}
.frow.xs-row-end{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:end;justify-content:flex-end}
.frow.xs-row-between{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between}
.frow.xs-row-around{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;justify-content:space-around}
.frow.xs-row-evenly{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:space-evenly;justify-content:space-evenly}
.frow.xs-column-start{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:start;align-items:flex-start;align-content:flex-start;-webkit-box-pack:start;justify-content:flex-start}
.frow.xs-column-center{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;align-content:center;-webkit-box-pack:start;justify-content:flex-start}
.frow.xs-column-end{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:end;align-items:flex-end;align-content:flex-end;-webkit-box-pack:start;justify-content:flex-start}
.frow.xs-inline{display:-webkit-inline-box;display:inline-flex}
.frow.xs-wrap{flex-wrap:wrap}
.frow.xs-wrap-reverse{flex-wrap:wrap-reverse}
.frow.xs-nowrap{flex-wrap:nowrap}
.frow.xs-direction-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}
.frow.xs-direction-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}
.frow.xs-direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
.frow.xs-direction-column-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}
.frow.xs-justify-start{-webkit-box-pack:start;justify-content:flex-start}
.frow.xs-justify-end{-webkit-box-pack:end;justify-content:flex-end}
.frow.xs-justify-center{-webkit-box-pack:center;justify-content:center}
.frow.xs-justify-between{-webkit-box-pack:justify;justify-content:space-between}
.frow.xs-justify-around{justify-content:space-around}
.frow.xs-justify-evenly{-webkit-box-pack:space-evenly;justify-content:space-evenly}
.frow.xs-items-start{-webkit-box-align:start;align-items:flex-start}
.frow.xs-items-end{-webkit-box-align:end;align-items:flex-end}
.frow.xs-items-center{-webkit-box-align:center;align-items:center}
.frow.xs-items-stretch{-webkit-box-align:stretch;align-items:stretch}
.frow.xs-items-baseline{-webkit-box-align:baseline;align-items:baseline}
.frow.xs-content-start{align-content:flex-start}
.frow.xs-content-end{align-content:flex-end}
.frow.xs-content-center{align-content:center}
.frow.xs-content-between{align-content:space-between}
.frow.xs-content-around{align-content:space-around}
.frow.xs-content-evenly{align-content:space-evenly}
.frow.xs-gutters{margin-left:-15px;margin-right:-15px}
.xs-order-1{order:1}
.xs-order-2{order:2}
.xs-order-3{order:3}
.xs-order-4{order:4}
.xs-order-5{order:5}
.xs-order-6{order:6}
.frow .col-xs-1-1{width:100%}
.frow .col-xs-1-2{width:50%}
.frow .col-xs-2-2{width:100%}
.frow .col-xs-1-3{width:33.3333333333%}
.frow .col-xs-2-3{width:66.6666666667%}
.frow .col-xs-3-3{width:100%}
.frow .col-xs-1-4{width:25%}
.frow .col-xs-2-4{width:50%}
.frow .col-xs-3-4{width:75%}
.frow .col-xs-4-4{width:100%}
.frow .col-xs-1-5{width:20%}
.frow .col-xs-2-5{width:40%}
.frow .col-xs-3-5{width:60%}
.frow .col-xs-4-5{width:80%}
.frow .col-xs-5-5{width:100%}
.frow .col-xs-1-6{width:16.6666666667%}
.frow .col-xs-2-6{width:33.3333333333%}
.frow .col-xs-3-6{width:50%}
.frow .col-xs-4-6{width:66.6666666667%}
.frow .col-xs-5-6{width:83.3333333333%}
.frow .col-xs-6-6{width:100%}
.frow .col-xs-1-7{width:14.2857142857%}
.frow .col-xs-2-7{width:28.5714285714%}
.frow .col-xs-3-7{width:42.8571428571%}
.frow .col-xs-4-7{width:57.1428571429%}
.frow .col-xs-5-7{width:71.4285714286%}
.frow .col-xs-6-7{width:85.7142857143%}
.frow .col-xs-7-7{width:100%}
.frow .col-xs-1-8{width:12.5%}
.frow .col-xs-2-8{width:25%}
.frow .col-xs-3-8{width:37.5%}
.frow .col-xs-4-8{width:50%}
.frow .col-xs-5-8{width:62.5%}
.frow .col-xs-6-8{width:75%}
.frow .col-xs-7-8{width:87.5%}
.frow .col-xs-8-8{width:100%}
.frow .col-xs-1-9{width:11.1111111111%}
.frow .col-xs-2-9{width:22.2222222222%}
.frow .col-xs-3-9{width:33.3333333333%}
.frow .col-xs-4-9{width:44.4444444444%}
.frow .col-xs-5-9{width:55.5555555556%}
.frow .col-xs-6-9{width:66.6666666667%}
.frow .col-xs-7-9{width:77.7777777778%}
.frow .col-xs-8-9{width:88.8888888889%}
.frow .col-xs-9-9{width:100%}
.frow .col-xs-1-10{width:10%}
.frow .col-xs-2-10{width:20%}
.frow .col-xs-3-10{width:30%}
.frow .col-xs-4-10{width:40%}
.frow .col-xs-5-10{width:50%}
.frow .col-xs-6-10{width:60%}
.frow .col-xs-7-10{width:70%}
.frow .col-xs-8-10{width:80%}
.frow .col-xs-9-10{width:90%}
.frow .col-xs-10-10{width:100%}
.frow .col-xs-1-11{width:9.0909090909%}
.frow .col-xs-2-11{width:18.1818181818%}
.frow .col-xs-3-11{width:27.2727272727%}
.frow .col-xs-4-11{width:36.3636363636%}
.frow .col-xs-5-11{width:45.4545454545%}
.frow .col-xs-6-11{width:54.5454545455%}
.frow .col-xs-7-11{width:63.6363636364%}
.frow .col-xs-8-11{width:72.7272727273%}
.frow .col-xs-9-11{width:81.8181818182%}
.frow .col-xs-10-11{width:90.9090909091%}
.frow .col-xs-11-11{width:100%}
.frow .col-xs-1-12{width:8.3333333333%}
.frow .col-xs-2-12{width:16.6666666667%}
.frow .col-xs-3-12{width:25%}
.frow .col-xs-4-12{width:33.3333333333%}
.frow .col-xs-5-12{width:41.6666666667%}
.frow .col-xs-6-12{width:50%}
.frow .col-xs-7-12{width:58.3333333333%}
.frow .col-xs-8-12{width:66.6666666667%}
.frow .col-xs-9-12{width:75%}
.frow .col-xs-10-12{width:83.3333333333%}
.frow .col-xs-11-12{width:91.6666666667%}
.frow .col-xs-12-12{width:100%}
}
@media (min-width: 768px) {
.frow.sm-centered{-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;align-content:center;height:100%}
.frow.sm-centered-column{-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;align-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;height:100%}
.frow.sm-row-start{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start}
.frow.sm-row-center{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}
.frow.sm-row-end{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:end;justify-content:flex-end}
.frow.sm-row-between{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between}
.frow.sm-row-around{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;justify-content:space-around}
.frow.sm-row-evenly{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:space-evenly;justify-content:space-evenly}
.frow.sm-column-start{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:start;align-items:flex-start;align-content:flex-start;-webkit-box-pack:start;justify-content:flex-start}
.frow.sm-column-center{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;align-content:center;-webkit-box-pack:start;justify-content:flex-start}
.frow.sm-column-end{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:end;align-items:flex-end;align-content:flex-end;-webkit-box-pack:start;justify-content:flex-start}
.frow.sm-inline{display:-webkit-inline-box;display:inline-flex}
.frow.sm-wrap{flex-wrap:wrap}
.frow.sm-wrap-reverse{flex-wrap:wrap-reverse}
.frow.sm-nowrap{flex-wrap:nowrap}
.frow.sm-direction-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}
.frow.sm-direction-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}
.frow.sm-direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
.frow.sm-direction-column-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}
.frow.sm-justify-start{-webkit-box-pack:start;justify-content:flex-start}
.frow.sm-justify-end{-webkit-box-pack:end;justify-content:flex-end}
.frow.sm-justify-center{-webkit-box-pack:center;justify-content:center}
.frow.sm-justify-between{-webkit-box-pack:justify;justify-content:space-between}
.frow.sm-justify-around{justify-content:space-around}
.frow.sm-justify-evenly{-webkit-box-pack:space-evenly;justify-content:space-evenly}
.frow.sm-items-start{-webkit-box-align:start;align-items:flex-start}
.frow.sm-items-end{-webkit-box-align:end;align-items:flex-end}
.frow.sm-items-center{-webkit-box-align:center;align-items:center}
.frow.sm-items-stretch{-webkit-box-align:stretch;align-items:stretch}
.frow.sm-items-baseline{-webkit-box-align:baseline;align-items:baseline}
.frow.sm-content-start{align-content:flex-start}
.frow.sm-content-end{align-content:flex-end}
.frow.sm-content-center{align-content:center}
.frow.sm-content-between{align-content:space-between}
.frow.sm-content-around{align-content:space-around}
.frow.sm-content-evenly{align-content:space-evenly}
.frow.sm-gutters{margin-left:-15px;margin-right:-15px}
.sm-order-1{order:1}
.sm-order-2{order:2}
.sm-order-3{order:3}
.sm-order-4{order:4}
.sm-order-5{order:5}
.sm-order-6{order:6}
.frow .col-sm-1-1{width:100%}
.frow .col-sm-1-2{width:50%}
.frow .col-sm-2-2{width:100%}
.frow .col-sm-1-3{width:33.3333333333%}
.frow .col-sm-2-3{width:66.6666666667%}
.frow .col-sm-3-3{width:100%}
.frow .col-sm-1-4{width:25%}
.frow .col-sm-2-4{width:50%}
.frow .col-sm-3-4{width:75%}
.frow .col-sm-4-4{width:100%}
.frow .col-sm-1-5{width:20%}
.frow .col-sm-2-5{width:40%}
.frow .col-sm-3-5{width:60%}
.frow .col-sm-4-5{width:80%}
.frow .col-sm-5-5{width:100%}
.frow .col-sm-1-6{width:16.6666666667%}
.frow .col-sm-2-6{width:33.3333333333%}
.frow .col-sm-3-6{width:50%}
.frow .col-sm-4-6{width:66.6666666667%}
.frow .col-sm-5-6{width:83.3333333333%}
.frow .col-sm-6-6{width:100%}
.frow .col-sm-1-7{width:14.2857142857%}
.frow .col-sm-2-7{width:28.5714285714%}
.frow .col-sm-3-7{width:42.8571428571%}
.frow .col-sm-4-7{width:57.1428571429%}
.frow .col-sm-5-7{width:71.4285714286%}
.frow .col-sm-6-7{width:85.7142857143%}
.frow .col-sm-7-7{width:100%}
.frow .col-sm-1-8{width:12.5%}
.frow .col-sm-2-8{width:25%}
.frow .col-sm-3-8{width:37.5%}
.frow .col-sm-4-8{width:50%}
.frow .col-sm-5-8{width:62.5%}
.frow .col-sm-6-8{width:75%}
.frow .col-sm-7-8{width:87.5%}
.frow .col-sm-8-8{width:100%}
.frow .col-sm-1-9{width:11.1111111111%}
.frow .col-sm-2-9{width:22.2222222222%}
.frow .col-sm-3-9{width:33.3333333333%}
.frow .col-sm-4-9{width:44.4444444444%}
.frow .col-sm-5-9{width:55.5555555556%}
.frow .col-sm-6-9{width:66.6666666667%}
.frow .col-sm-7-9{width:77.7777777778%}
.frow .col-sm-8-9{width:88.8888888889%}
.frow .col-sm-9-9{width:100%}
.frow .col-sm-1-10{width:10%}
.frow .col-sm-2-10{width:20%}
.frow .col-sm-3-10{width:30%}
.frow .col-sm-4-10{width:40%}
.frow .col-sm-5-10{width:50%}
.frow .col-sm-6-10{width:60%}
.frow .col-sm-7-10{width:70%}
.frow .col-sm-8-10{width:80%}
.frow .col-sm-9-10{width:90%}
.frow .col-sm-10-10{width:100%}
.frow .col-sm-1-11{width:9.0909090909%}
.frow .col-sm-2-11{width:18.1818181818%}
.frow .col-sm-3-11{width:27.2727272727%}
.frow .col-sm-4-11{width:36.3636363636%}
.frow .col-sm-5-11{width:45.4545454545%}
.frow .col-sm-6-11{width:54.5454545455%}
.frow .col-sm-7-11{width:63.6363636364%}
.frow .col-sm-8-11{width:72.7272727273%}
.frow .col-sm-9-11{width:81.8181818182%}
.frow .col-sm-10-11{width:90.9090909091%}
.frow .col-sm-11-11{width:100%}
.frow .col-sm-1-12{width:8.3333333333%}
.frow .col-sm-2-12{width:16.6666666667%}
.frow .col-sm-3-12{width:25%}
.frow .col-sm-4-12{width:33.3333333333%}
.frow .col-sm-5-12{width:41.6666666667%}
.frow .col-sm-6-12{width:50%}
.frow .col-sm-7-12{width:58.3333333333%}
.frow .col-sm-8-12{width:66.6666666667%}
.frow .col-sm-9-12{width:75%}
.frow .col-sm-10-12{width:83.3333333333%}
.frow .col-sm-11-12{width:91.6666666667%}
.frow .col-sm-12-12{width:100%}
}
@media (min-width: 992px) {
.frow.md-centered{-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;align-content:center;height:100%}
.frow.md-centered-column{-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;align-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;height:100%}
.frow.md-row-start{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start}
.frow.md-row-center{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}
.frow.md-row-end{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:end;justify-content:flex-end}
.frow.md-row-between{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between}
.frow.md-row-around{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;justify-content:space-around}
.frow.md-row-evenly{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:space-evenly;justify-content:space-evenly}
.frow.md-column-start{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:start;align-items:flex-start;align-content:flex-start;-webkit-box-pack:start;justify-content:flex-start}
.frow.md-column-center{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;align-content:center;-webkit-box-pack:start;justify-content:flex-start}
.frow.md-column-end{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:end;align-items:flex-end;align-content:flex-end;-webkit-box-pack:start;justify-content:flex-start}
.frow.md-inline{display:-webkit-inline-box;display:inline-flex}
.frow.md-wrap{flex-wrap:wrap}
.frow.md-wrap-reverse{flex-wrap:wrap-reverse}
.frow.md-nowrap{flex-wrap:nowrap}
.frow.md-direction-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}
.frow.md-direction-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}
.frow.md-direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
.frow.md-direction-column-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}
.frow.md-justify-start{-webkit-box-pack:start;justify-content:flex-start}
.frow.md-justify-end{-webkit-box-pack:end;justify-content:flex-end}
.frow.md-justify-center{-webkit-box-pack:center;justify-content:center}
.frow.md-justify-between{-webkit-box-pack:justify;justify-content:space-between}
.frow.md-justify-around{justify-content:space-around}
.frow.md-justify-evenly{-webkit-box-pack:space-evenly;justify-content:space-evenly}
.frow.md-items-start{-webkit-box-align:start;align-items:flex-start}
.frow.md-items-end{-webkit-box-align:end;align-items:flex-end}
.frow.md-items-center{-webkit-box-align:center;align-items:center}
.frow.md-items-stretch{-webkit-box-align:stretch;align-items:stretch}
.frow.md-items-baseline{-webkit-box-align:baseline;align-items:baseline}
.frow.md-content-start{align-content:flex-start}
.frow.md-content-end{align-content:flex-end}
.frow.md-content-center{align-content:center}
.frow.md-content-between{align-content:space-between}
.frow.md-content-around{align-content:space-around}
.frow.md-content-evenly{align-content:space-evenly}
.frow.md-gutters{margin-left:-15px;margin-right:-15px}
.md-order-1{order:1}
.md-order-2{order:2}
.md-order-3{order:3}
.md-order-4{order:4}
.md-order-5{order:5}
.md-order-6{order:6}	
.frow .col-md-1-1{width:100%}
.frow .col-md-1-2{width:50%}
.frow .col-md-2-2{width:100%}
.frow .col-md-1-3{width:33.3333333333%}
.frow .col-md-2-3{width:66.6666666667%}
.frow .col-md-3-3{width:100%}
.frow .col-md-1-4{width:25%}
.frow .col-md-2-4{width:50%}
.frow .col-md-3-4{width:75%}
.frow .col-md-4-4{width:100%}
.frow .col-md-1-5{width:20%}
.frow .col-md-2-5{width:40%}
.frow .col-md-3-5{width:60%}
.frow .col-md-4-5{width:80%}
.frow .col-md-5-5{width:100%}
.frow .col-md-1-6{width:16.6666666667%}
.frow .col-md-2-6{width:33.3333333333%}
.frow .col-md-3-6{width:50%}
.frow .col-md-4-6{width:66.6666666667%}
.frow .col-md-5-6{width:83.3333333333%}
.frow .col-md-6-6{width:100%}
.frow .col-md-1-7{width:14.2857142857%}
.frow .col-md-2-7{width:28.5714285714%}
.frow .col-md-3-7{width:42.8571428571%}
.frow .col-md-4-7{width:57.1428571429%}
.frow .col-md-5-7{width:71.4285714286%}
.frow .col-md-6-7{width:85.7142857143%}
.frow .col-md-7-7{width:100%}
.frow .col-md-1-8{width:12.5%}
.frow .col-md-2-8{width:25%}
.frow .col-md-3-8{width:37.5%}
.frow .col-md-4-8{width:50%}
.frow .col-md-5-8{width:62.5%}
.frow .col-md-6-8{width:75%}
.frow .col-md-7-8{width:87.5%}
.frow .col-md-8-8{width:100%}
.frow .col-md-1-9{width:11.1111111111%}
.frow .col-md-2-9{width:22.2222222222%}
.frow .col-md-3-9{width:33.3333333333%}
.frow .col-md-4-9{width:44.4444444444%}
.frow .col-md-5-9{width:55.5555555556%}
.frow .col-md-6-9{width:66.6666666667%}
.frow .col-md-7-9{width:77.7777777778%}
.frow .col-md-8-9{width:88.8888888889%}
.frow .col-md-9-9{width:100%}
.frow .col-md-1-10{width:10%}
.frow .col-md-2-10{width:20%}
.frow .col-md-3-10{width:30%}
.frow .col-md-4-10{width:40%}
.frow .col-md-5-10{width:50%}
.frow .col-md-6-10{width:60%}
.frow .col-md-7-10{width:70%}
.frow .col-md-8-10{width:80%}
.frow .col-md-9-10{width:90%}
.frow .col-md-10-10{width:100%}
.frow .col-md-1-11{width:9.0909090909%}
.frow .col-md-2-11{width:18.1818181818%}
.frow .col-md-3-11{width:27.2727272727%}
.frow .col-md-4-11{width:36.3636363636%}
.frow .col-md-5-11{width:45.4545454545%}
.frow .col-md-6-11{width:54.5454545455%}
.frow .col-md-7-11{width:63.6363636364%}
.frow .col-md-8-11{width:72.7272727273%}
.frow .col-md-9-11{width:81.8181818182%}
.frow .col-md-10-11{width:90.9090909091%}
.frow .col-md-11-11{width:100%}
.frow .col-md-1-12{width:8.3333333333%}
.frow .col-md-2-12{width:16.6666666667%}
.frow .col-md-3-12{width:25%}
.frow .col-md-4-12{width:33.3333333333%}
.frow .col-md-5-12{width:41.6666666667%}
.frow .col-md-6-12{width:47%}
.frow .col-md-7-12{width:58.3333333333%}
.frow .col-md-8-12{width:66.6666666667%}
.frow .col-md-9-12{width:75%}
.frow .col-md-10-12{width:83.3333333333%}
.frow .col-md-11-12{width:91.6666666667%}
.frow .col-md-12-12{width:100%}
}
@media (min-width: 1200px) {
.lg-order-1{order:1}
.lg-order-2{order:2}
.lg-order-3{order:3}
.lg-order-4{order:4}
.lg-order-5{order:5}
.lg-order-6{order:6}	
.frow .col-lg-1-1{width:100%}
.frow .col-lg-1-2{width:50%}
.frow .col-lg-2-2{width:100%}
.frow .col-lg-1-3{width:33.3333333333%}
.frow .col-lg-2-3{width:66.6666666667%}
.frow .col-lg-3-3{width:100%}
.frow .col-lg-1-4{width:25%}
.frow .col-lg-2-4{width:50%}
.frow .col-lg-3-4{width:75%}
.frow .col-lg-4-4{width:100%}
.frow .col-lg-1-5{width:20%}
.frow .col-lg-2-5{width:40%}
.frow .col-lg-3-5{width:60%}
.frow .col-lg-4-5{width:80%}
.frow .col-lg-5-5{width:100%}
.frow .col-lg-1-6{width:16.6666666667%}
.frow .col-lg-2-6{width:33.3333333333%}
.frow .col-lg-3-6{width:50%}
.frow .col-lg-4-6{width:66.6666666667%}
.frow .col-lg-5-6{width:83.3333333333%}
.frow .col-lg-6-6{width:100%}
.frow .col-lg-1-7{width:14.2857142857%}
.frow .col-lg-2-7{width:28.5714285714%}
.frow .col-lg-3-7{width:42.8571428571%}
.frow .col-lg-4-7{width:57.1428571429%}
.frow .col-lg-5-7{width:71.4285714286%}
.frow .col-lg-6-7{width:85.7142857143%}
.frow .col-lg-7-7{width:100%}
.frow .col-lg-1-8{width:12.5%}
.frow .col-lg-2-8{width:25%}
.frow .col-lg-3-8{width:37.5%}
.frow .col-lg-4-8{width:50%}
.frow .col-lg-5-8{width:62.5%}
.frow .col-lg-6-8{width:75%}
.frow .col-lg-7-8{width:87.5%}
.frow .col-lg-8-8{width:100%}
.frow .col-lg-1-9{width:11.1111111111%}
.frow .col-lg-2-9{width:22.2222222222%}
.frow .col-lg-3-9{width:33.3333333333%}
.frow .col-lg-4-9{width:44.4444444444%}
.frow .col-lg-5-9{width:55.5555555556%}
.frow .col-lg-6-9{width:66.6666666667%}
.frow .col-lg-7-9{width:77.7777777778%}
.frow .col-lg-8-9{width:88.8888888889%}
.frow .col-lg-9-9{width:100%}
.frow .col-lg-1-10{width:10%}
.frow .col-lg-2-10{width:20%}
.frow .col-lg-3-10{width:30%}
.frow .col-lg-4-10{width:40%}
.frow .col-lg-5-10{width:50%}
.frow .col-lg-6-10{width:60%}
.frow .col-lg-7-10{width:70%}
.frow .col-lg-8-10{width:80%}
.frow .col-lg-9-10{width:90%}
.frow .col-lg-10-10{width:100%}
.frow .col-lg-1-11{width:9.0909090909%}
.frow .col-lg-2-11{width:18.1818181818%}
.frow .col-lg-3-11{width:27.2727272727%}
.frow .col-lg-4-11{width:36.3636363636%}
.frow .col-lg-5-11{width:45.4545454545%}
.frow .col-lg-6-11{width:54.5454545455%}
.frow .col-lg-7-11{width:63.6363636364%}
.frow .col-lg-8-11{width:72.7272727273%}
.frow .col-lg-9-11{width:81.8181818182%}
.frow .col-lg-10-11{width:90.9090909091%}
.frow .col-lg-11-11{width:100%}
.frow .col-lg-1-12{width:8.3333333333%}
.frow .col-lg-2-12{width:16.6666666667%}
.frow .col-lg-3-12{width:25%}
.frow .col-lg-4-12{width:33.3333333333%}
.frow .col-lg-5-12{width:41.6666666667%}
.frow .col-lg-6-12{width:50%}
.frow .col-lg-7-12{width:58.3333333333%}
.frow .col-lg-8-12{width:66.6666666667%}
.frow .col-lg-9-12{width:75%}
.frow .col-lg-10-12{width:83.3333333333%}
.frow .col-lg-11-12{width:91.6666666667%}
.frow .col-lg-12-12{width:100%}
}

.frow-container{width:100%;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
@media (min-width: 992px) {
.frow-container{max-width:970px}
}
@media (min-width: 1200px) {
.frow-container{max-width:1500px}
}
@media (max-width: 767px) {
.frow.direction-row-xs{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}
.frow.direction-reverse-xs{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}
.frow.direction-column-xs{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
.frow.direction-column-reverse-xs{-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}
}
@media (min-width: 768px) and (max-width: 991px) {
.frow.direction-row-sm{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}
.frow.direction-reverse-sm{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}
.frow.direction-column-sm{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
.frow.direction-column-reverse-sm{-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}
}
@media (min-width: 992px) and (max-width: 1199px) {
.frow.direction-row-md{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}
.frow.direction-reverse-md{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}
.frow.direction-column-md{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
.frow.direction-column-reverse-md{-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}
}
@media (min-width: 1200px) {
.frow.direction-row-lg{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}
.frow.direction-reverse-lg{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}
.frow.direction-column-lg{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
.frow.direction-column-reverse-lg{-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}
}

/*-----------------------------------------------------------------------------------*/
/*  UTILITIES
/*-----------------------------------------------------------------------------------*/
.app_id_9 .aural-only,.app_id_2 .aural-only,.app_id_25 .aural-only,.app_id_17 .aural-only,.app_id_22 .aural-only,.app_id_23.app_survey.survey-module .aural-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
#content-skip-btn{position:absolute;transform:translateY(-120%);transition: transform 325ms ease;z-index:1000;}
#content-skip-btn:focus{transform:translateY(0)}
.offscreen{position:absolute;top:auto;width:1px;height:1px;overflow:hidden;background:#fff;margin:auto;text-align:center}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.js-focus-visible :focus:not(.focus-visible){outline:none}
img{max-width:100%;height:auto}
iframe,svg{max-width:100%}
img[src=""]{display:none}
.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}
.hidden-xs,.hidden-sm,.hidden-md,.hidden-lg{display:block!important}
.frow.hidden-xs,.frow.hidden-sm,.frow.hidden-md,.frow.hidden-lg{display:-webkit-box!important;display:flex!important}
@media (max-width: 768px) {
.visible-xs{display:block!important}
.frow.visible-xs{display:-webkit-box!important;display:flex!important}
.hidden-xs,.frow.hidden-xs{display:none!important}
}
@media (min-width: 769px) and (max-width: 991px) {
.visible-sm{display:block!important}
.frow.visible-sm{display:-webkit-box!important;display:flex!important}
.hidden-sm,.frow.hidden-sm{display:none!important}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md{display:block!important}
.frow.visible-md{display:-webkit-box!important;display:flex!important}
.hidden-md,.frow.hidden-md{display:none!important}
}
@media (min-width: 1200px) {
.visible-lg{display:block!important}
.frow.visible-lg{display:-webkit-box!important;display:flex!important}
.hidden-lg,.frow.hidden-lg{display:none!important}
}
@media (min-width: 992px) {
.show-mobile{display:none!important}
}
@media (max-width: 991px) {
.show-mobile{display:block!important}
.hide-mobile{display:none!important}
}

@media (min-width: 0px) {
.xs-m-0{margin:0!important}
.xs-m-5{margin:5px!important}
.xs-m-10{margin:10px!important}
.xs-m-15{margin:15px!important}
.xs-m-20{margin:20px!important}
.xs-m-25{margin:25px!important}
.xs-m-30{margin:30px!important}
.xs-m-40{margin:40px!important}
.xs-m-50{margin:50px!important}
.xs-m-60{margin:60px!important}
.xs-m-70{margin:70px!important}
.xs-m-80{margin:80px!important}
.xs-m-90{margin:90px!important}
.xs-m-100{margin:100px!important}
.xs-m-auto{margin:auto!important}
.xs-mx-0{margin-right:0!important;margin-left:0!important}
.xs-mx-5{margin-right:5px!important;margin-left:5px!important}
.xs-mx-10{margin-right:10px!important;margin-left:10px!important}
.xs-mx-15{margin-right:15px!important;margin-left:15px!important}
.xs-mx-20{margin-right:20px!important;margin-left:20px!important}
.xs-mx-25{margin-right:25px!important;margin-left:25px!important}
.xs-mx-30{margin-right:30px!important;margin-left:30px!important}
.xs-mx-40{margin-right:40px!important;margin-left:40px!important}
.xs-mx-50{margin-right:50px!important;margin-left:50px!important}
.xs-mx-60{margin-right:60px!important;margin-left:60px!important}
.xs-mx-70{margin-right:70px!important;margin-left:70px!important}
.xs-mx-80{margin-right:80px!important;margin-left:80px!important}
.xs-mx-90{margin-right:90px!important;margin-left:90px!important}
.xs-mx-100{margin-right:100px!important;margin-left:100px!important}
.xs-mx-auto{margin-right:auto!important;margin-left:auto!important}
.xs-my-0{margin-top:0!important;margin-bottom:0!important}
.xs-my-5{margin-top:5px!important;margin-bottom:5px!important}
.xs-my-10{margin-top:10px!important;margin-bottom:10px!important}
.xs-my-15{margin-top:15px!important;margin-bottom:15px!important}
.xs-my-20{margin-top:20px!important;margin-bottom:20px!important}
.xs-my-25{margin-top:25px!important;margin-bottom:25px!important}
.xs-my-30{margin-top:30px!important;margin-bottom:30px!important}
.xs-my-40{margin-top:40px!important;margin-bottom:40px!important}
.xs-my-50{margin-top:50px!important;margin-bottom:50px!important}
.xs-my-60{margin-top:60px!important;margin-bottom:60px!important}
.xs-my-70{margin-top:70px!important;margin-bottom:70px!important}
.xs-my-80{margin-top:80px!important;margin-bottom:80px!important}
.xs-my-90{margin-top:90px!important;margin-bottom:90px!important}
.xs-my-100{margin-top:100px!important;margin-bottom:100px!important}
.xs-my-auto{margin-top:auto!important;margin-bottom:auto!important}
.xs-mt-0{margin-top:0!important}
.xs-mt-5{margin-top:5px!important}
.xs-mt-10{margin-top:10px!important}
.xs-mt-15{margin-top:15px!important}
.xs-mt-20{margin-top:20px!important}
.xs-mt-25{margin-top:25px!important}
.xs-mt-30{margin-top:30px!important}
.xs-mt-40{margin-top:40px!important}
.xs-mt-50{margin-top:50px!important}
.xs-mt-60{margin-top:60px!important}
.xs-mt-70{margin-top:70px!important}
.xs-mt-80{margin-top:80px!important}
.xs-mt-90{margin-top:90px!important}
.xs-mt-100{margin-top:100px!important}
.xs-mt-auto{margin-top:auto!important}
.xs-mr-0{margin-right:0!important}
.xs-mr-5{margin-right:5px!important}
.xs-mr-10{margin-right:10px!important}
.xs-mr-15{margin-right:15px!important}
.xs-mr-20{margin-right:20px!important}
.xs-mr-25{margin-right:25px!important}
.xs-mr-30{margin-right:30px!important}
.xs-mr-40{margin-right:40px!important}
.xs-mr-50{margin-right:50px!important}
.xs-mr-60{margin-right:60px!important}
.xs-mr-70{margin-right:70px!important}
.xs-mr-80{margin-right:80px!important}
.xs-mr-90{margin-right:90px!important}
.xs-mr-100{margin-right:100px!important}
.xs-mr-auto{margin-right:auto!important}
.xs-mb-0{margin-bottom:0!important}
.xs-mb-5{margin-bottom:5px!important}
.xs-mb-10{margin-bottom:10px!important}
.xs-mb-15{margin-bottom:15px!important}
.xs-mb-20{margin-bottom:20px!important}
.xs-mb-25{margin-bottom:25px!important}
.xs-mb-30{margin-bottom:30px!important}
.xs-mb-40{margin-bottom:40px!important}
.xs-mb-50{margin-bottom:50px!important}
.xs-mb-60{margin-bottom:60px!important}
.xs-mb-70{margin-bottom:70px!important}
.xs-mb-80{margin-bottom:80px!important}
.xs-mb-90{margin-bottom:90px!important}
.xs-mb-100{margin-bottom:100px!important}
.xs-mb-auto{margin-bottom:auto!important}
.xs-ml-0{margin-left:0!important}
.xs-ml-5{margin-left:5px!important}
.xs-ml-10{margin-left:10px!important}
.xs-ml-15{margin-left:15px!important}
.xs-ml-20{margin-left:20px!important}
.xs-ml-25{margin-left:25px!important}
.xs-ml-30{margin-left:30px!important}
.xs-ml-40{margin-left:40px!important}
.xs-ml-50{margin-left:50px!important}
.xs-ml-60{margin-left:60px!important}
.xs-ml-70{margin-left:70px!important}
.xs-ml-80{margin-left:80px!important}
.xs-ml-90{margin-left:90px!important}
.xs-ml-100{margin-left:100px!important}
.xs-ml-auto{margin-left:auto!important}
.xs-p-0{padding:0!important}
.xs-p-5{padding:5px!important}
.xs-p-10{padding:10px!important}
.xs-p-15{padding:15px!important}
.xs-p-20{padding:20px!important}
.xs-p-25{padding:25px!important}
.xs-p-30{padding:30px!important}
.xs-p-40{padding:40px!important}
.xs-p-50{padding:50px!important}
.xs-p-60{padding:60px!important}
.xs-p-70{padding:70px!important}
.xs-p-80{padding:80px!important}
.xs-p-90{padding:90px!important}
.xs-p-100{padding:100px!important}
.xs-px-0{padding-right:0!important;padding-left:0!important}
.xs-px-5{padding-right:5px!important;padding-left:5px!important}
.xs-px-10{padding-right:10px!important;padding-left:10px!important}
.xs-px-15{padding-right:15px!important;padding-left:15px!important}
.xs-px-20{padding-right:20px!important;padding-left:20px!important}
.xs-px-25{padding-right:25px!important;padding-left:25px!important}
.xs-px-30{padding-right:30px!important;padding-left:30px!important}
.xs-px-40{padding-right:40px!important;padding-left:40px!important}
.xs-px-50{padding-right:50px!important;padding-left:50px!important}
.xs-px-60{padding-right:60px!important;padding-left:60px!important}
.xs-px-70{padding-right:70px!important;padding-left:70px!important}
.xs-px-80{padding-right:80px!important;padding-left:80px!important}
.xs-px-90{padding-right:90px!important;padding-left:90px!important}
.xs-px-100{padding-right:100px!important;padding-left:100px!important}
.xs-py-0{padding-top:0!important;padding-bottom:0!important}
.xs-py-5{padding-top:5px!important;padding-bottom:5px!important}
.xs-py-10{padding-top:10px!important;padding-bottom:10px!important}
.xs-py-15{padding-top:15px!important;padding-bottom:15px!important}
.xs-py-20{padding-top:20px!important;padding-bottom:20px!important}
.xs-py-25{padding-top:25px!important;padding-bottom:25px!important}
.xs-py-30{padding-top:30px!important;padding-bottom:30px!important}
.xs-py-40{padding-top:40px!important;padding-bottom:40px!important}
.xs-py-50{padding-top:50px!important;padding-bottom:50px!important}
.xs-py-60{padding-top:60px!important;padding-bottom:60px!important}
.xs-py-70{padding-top:70px!important;padding-bottom:70px!important}
.xs-py-80{padding-top:80px!important;padding-bottom:80px!important}
.xs-py-90{padding-top:90px!important;padding-bottom:90px!important}
.xs-py-100{padding-top:100px!important;padding-bottom:100px!important}
.xs-pt-0{padding-top:0!important}
.xs-pt-5{padding-top:5px!important}
.xs-pt-10{padding-top:10px!important}
.xs-pt-15{padding-top:15px!important}
.xs-pt-20{padding-top:20px!important}
.xs-pt-25{padding-top:25px!important}
.xs-pt-30{padding-top:30px!important}
.xs-pt-40{padding-top:40px!important}
.xs-pt-50{padding-top:50px!important}
.xs-pt-60{padding-top:60px!important}
.xs-pt-70{padding-top:70px!important}
.xs-pt-80{padding-top:80px!important}
.xs-pt-90{padding-top:90px!important}
.xs-pt-100{padding-top:100px!important}
.xs-pr-0{padding-right:0!important}
.xs-pr-5{padding-right:5px!important}
.xs-pr-10{padding-right:10px!important}
.xs-pr-15{padding-right:15px!important}
.xs-pr-20{padding-right:20px!important}
.xs-pr-25{padding-right:25px!important}
.xs-pr-30{padding-right:30px!important}
.xs-pr-40{padding-right:40px!important}
.xs-pr-50{padding-right:50px!important}
.xs-pr-60{padding-right:60px!important}
.xs-pr-70{padding-right:70px!important}
.xs-pr-80{padding-right:80px!important}
.xs-pr-90{padding-right:90px!important}
.xs-pr-100{padding-right:100px!important}
.xs-pb-0{padding-bottom:0!important}
.xs-pb-5{padding-bottom:5px!important}
.xs-pb-10{padding-bottom:10px!important}
.xs-pb-15{padding-bottom:15px!important}
.xs-pb-20{padding-bottom:20px!important}
.xs-pb-25{padding-bottom:25px!important}
.xs-pb-30{padding-bottom:30px!important}
.xs-pb-40{padding-bottom:40px!important}
.xs-pb-50{padding-bottom:50px!important}
.xs-pb-60{padding-bottom:60px!important}
.xs-pb-70{padding-bottom:70px!important}
.xs-pb-80{padding-bottom:80px!important}
.xs-pb-90{padding-bottom:90px!important}
.xs-pb-100{padding-bottom:100px!important}
.xs-pl-0{padding-left:0!important}
.xs-pl-5{padding-left:5px!important}
.xs-pl-10{padding-left:10px!important}
.xs-pl-15{padding-left:15px!important}
.xs-pl-20{padding-left:20px!important}
.xs-pl-25{padding-left:25px!important}
.xs-pl-30{padding-left:30px!important}
.xs-pl-40{padding-left:40px!important}
.xs-pl-50{padding-left:50px!important}
.xs-pl-60{padding-left:60px!important}
.xs-pl-70{padding-left:70px!important}
.xs-pl-80{padding-left:80px!important}
.xs-pl-90{padding-left:90px!important}
.xs-pl-100{padding-left:100px!important}
}
@media (min-width: 768px) {
.sm-m-0{margin:0!important}
.sm-m-5{margin:5px!important}
.sm-m-10{margin:10px!important}
.sm-m-15{margin:15px!important}
.sm-m-20{margin:20px!important}
.sm-m-25{margin:25px!important}
.sm-m-30{margin:30px!important}
.sm-m-40{margin:40px!important}
.sm-m-50{margin:50px!important}
.sm-m-60{margin:60px!important}
.sm-m-70{margin:70px!important}
.sm-m-80{margin:80px!important}
.sm-m-90{margin:90px!important}
.sm-m-100{margin:100px!important}
.sm-m-auto{margin:auto!important}
.sm-mx-0{margin-right:0!important;margin-left:0!important}
.sm-mx-5{margin-right:5px!important;margin-left:5px!important}
.sm-mx-10{margin-right:10px!important;margin-left:10px!important}
.sm-mx-15{margin-right:15px!important;margin-left:15px!important}
.sm-mx-20{margin-right:20px!important;margin-left:20px!important}
.sm-mx-25{margin-right:25px!important;margin-left:25px!important}
.sm-mx-30{margin-right:30px!important;margin-left:30px!important}
.sm-mx-40{margin-right:40px!important;margin-left:40px!important}
.sm-mx-50{margin-right:50px!important;margin-left:50px!important}
.sm-mx-60{margin-right:60px!important;margin-left:60px!important}
.sm-mx-70{margin-right:70px!important;margin-left:70px!important}
.sm-mx-80{margin-right:80px!important;margin-left:80px!important}
.sm-mx-90{margin-right:90px!important;margin-left:90px!important}
.sm-mx-100{margin-right:100px!important;margin-left:100px!important}
.sm-mx-auto{margin-right:auto!important;margin-left:auto!important}
.sm-my-0{margin-top:0!important;margin-bottom:0!important}
.sm-my-5{margin-top:5px!important;margin-bottom:5px!important}
.sm-my-10{margin-top:10px!important;margin-bottom:10px!important}
.sm-my-15{margin-top:15px!important;margin-bottom:15px!important}
.sm-my-20{margin-top:20px!important;margin-bottom:20px!important}
.sm-my-25{margin-top:25px!important;margin-bottom:25px!important}
.sm-my-30{margin-top:30px!important;margin-bottom:30px!important}
.sm-my-40{margin-top:40px!important;margin-bottom:40px!important}
.sm-my-50{margin-top:50px!important;margin-bottom:50px!important}
.sm-my-60{margin-top:60px!important;margin-bottom:60px!important}
.sm-my-70{margin-top:70px!important;margin-bottom:70px!important}
.sm-my-80{margin-top:80px!important;margin-bottom:80px!important}
.sm-my-90{margin-top:90px!important;margin-bottom:90px!important}
.sm-my-100{margin-top:100px!important;margin-bottom:100px!important}
.sm-my-auto{margin-top:auto!important;margin-bottom:auto!important}
.sm-mt-0{margin-top:0!important}
.sm-mt-5{margin-top:5px!important}
.sm-mt-10{margin-top:10px!important}
.sm-mt-15{margin-top:15px!important}
.sm-mt-20{margin-top:20px!important}
.sm-mt-25{margin-top:25px!important}
.sm-mt-30{margin-top:30px!important}
.sm-mt-40{margin-top:40px!important}
.sm-mt-50{margin-top:50px!important}
.sm-mt-60{margin-top:60px!important}
.sm-mt-70{margin-top:70px!important}
.sm-mt-80{margin-top:80px!important}
.sm-mt-90{margin-top:90px!important}
.sm-mt-100{margin-top:100px!important}
.sm-mt-auto{margin-top:auto!important}
.sm-mr-0{margin-right:0!important}
.sm-mr-5{margin-right:5px!important}
.sm-mr-10{margin-right:10px!important}
.sm-mr-15{margin-right:15px!important}
.sm-mr-20{margin-right:20px!important}
.sm-mr-25{margin-right:25px!important}
.sm-mr-30{margin-right:30px!important}
.sm-mr-40{margin-right:40px!important}
.sm-mr-50{margin-right:50px!important}
.sm-mr-60{margin-right:60px!important}
.sm-mr-70{margin-right:70px!important}
.sm-mr-80{margin-right:80px!important}
.sm-mr-90{margin-right:90px!important}
.sm-mr-100{margin-right:100px!important}
.sm-mr-auto{margin-right:auto!important}
.sm-mb-0{margin-bottom:0!important}
.sm-mb-5{margin-bottom:5px!important}
.sm-mb-10{margin-bottom:10px!important}
.sm-mb-15{margin-bottom:15px!important}
.sm-mb-20{margin-bottom:20px!important}
.sm-mb-25{margin-bottom:25px!important}
.sm-mb-30{margin-bottom:30px!important}
.sm-mb-40{margin-bottom:40px!important}
.sm-mb-50{margin-bottom:50px!important}
.sm-mb-60{margin-bottom:60px!important}
.sm-mb-70{margin-bottom:70px!important}
.sm-mb-80{margin-bottom:80px!important}
.sm-mb-90{margin-bottom:90px!important}
.sm-mb-100{margin-bottom:100px!important}
.sm-mb-auto{margin-bottom:auto!important}
.sm-ml-0{margin-left:0!important}
.sm-ml-5{margin-left:5px!important}
.sm-ml-10{margin-left:10px!important}
.sm-ml-15{margin-left:15px!important}
.sm-ml-20{margin-left:20px!important}
.sm-ml-25{margin-left:25px!important}
.sm-ml-30{margin-left:30px!important}
.sm-ml-40{margin-left:40px!important}
.sm-ml-50{margin-left:50px!important}
.sm-ml-60{margin-left:60px!important}
.sm-ml-70{margin-left:70px!important}
.sm-ml-80{margin-left:80px!important}
.sm-ml-90{margin-left:90px!important}
.sm-ml-100{margin-left:100px!important}
.sm-ml-auto{margin-left:auto!important}
.sm-p-0{padding:0!important}
.sm-p-5{padding:5px!important}
.sm-p-10{padding:10px!important}
.sm-p-15{padding:15px!important}
.sm-p-20{padding:20px!important}
.sm-p-25{padding:25px!important}
.sm-p-30{padding:30px!important}
.sm-p-40{padding:40px!important}
.sm-p-50{padding:50px!important}
.sm-p-60{padding:60px!important}
.sm-p-70{padding:70px!important}
.sm-p-80{padding:80px!important}
.sm-p-90{padding:90px!important}
.sm-p-100{padding:100px!important}
.sm-px-0{padding-right:0!important;padding-left:0!important}
.sm-px-5{padding-right:5px!important;padding-left:5px!important}
.sm-px-10{padding-right:10px!important;padding-left:10px!important}
.sm-px-15{padding-right:15px!important;padding-left:15px!important}
.sm-px-20{padding-right:20px!important;padding-left:20px!important}
.sm-px-25{padding-right:25px!important;padding-left:25px!important}
.sm-px-30{padding-right:30px!important;padding-left:30px!important}
.sm-px-40{padding-right:40px!important;padding-left:40px!important}
.sm-px-50{padding-right:50px!important;padding-left:50px!important}
.sm-px-60{padding-right:60px!important;padding-left:60px!important}
.sm-px-70{padding-right:70px!important;padding-left:70px!important}
.sm-px-80{padding-right:80px!important;padding-left:80px!important}
.sm-px-90{padding-right:90px!important;padding-left:90px!important}
.sm-px-100{padding-right:100px!important;padding-left:100px!important}
.sm-py-0{padding-top:0!important;padding-bottom:0!important}
.sm-py-5{padding-top:5px!important;padding-bottom:5px!important}
.sm-py-10{padding-top:10px!important;padding-bottom:10px!important}
.sm-py-15{padding-top:15px!important;padding-bottom:15px!important}
.sm-py-20{padding-top:20px!important;padding-bottom:20px!important}
.sm-py-25{padding-top:25px!important;padding-bottom:25px!important}
.sm-py-30{padding-top:30px!important;padding-bottom:30px!important}
.sm-py-40{padding-top:40px!important;padding-bottom:40px!important}
.sm-py-50{padding-top:50px!important;padding-bottom:50px!important}
.sm-py-60{padding-top:60px!important;padding-bottom:60px!important}
.sm-py-70{padding-top:70px!important;padding-bottom:70px!important}
.sm-py-80{padding-top:80px!important;padding-bottom:80px!important}
.sm-py-90{padding-top:90px!important;padding-bottom:90px!important}
.sm-py-100{padding-top:100px!important;padding-bottom:100px!important}
.sm-pt-0{padding-top:0!important}
.sm-pt-5{padding-top:5px!important}
.sm-pt-10{padding-top:10px!important}
.sm-pt-15{padding-top:15px!important}
.sm-pt-20{padding-top:20px!important}
.sm-pt-25{padding-top:25px!important}
.sm-pt-30{padding-top:30px!important}
.sm-pt-40{padding-top:40px!important}
.sm-pt-50{padding-top:50px!important}
.sm-pt-60{padding-top:60px!important}
.sm-pt-70{padding-top:70px!important}
.sm-pt-80{padding-top:80px!important}
.sm-pt-90{padding-top:90px!important}
.sm-pt-100{padding-top:100px!important}
.sm-pr-0{padding-right:0!important}
.sm-pr-5{padding-right:5px!important}
.sm-pr-10{padding-right:10px!important}
.sm-pr-15{padding-right:15px!important}
.sm-pr-20{padding-right:20px!important}
.sm-pr-25{padding-right:25px!important}
.sm-pr-30{padding-right:30px!important}
.sm-pr-40{padding-right:40px!important}
.sm-pr-50{padding-right:50px!important}
.sm-pr-60{padding-right:60px!important}
.sm-pr-70{padding-right:70px!important}
.sm-pr-80{padding-right:80px!important}
.sm-pr-90{padding-right:90px!important}
.sm-pr-100{padding-right:100px!important}
.sm-pb-0{padding-bottom:0!important}
.sm-pb-5{padding-bottom:5px!important}
.sm-pb-10{padding-bottom:10px!important}
.sm-pb-15{padding-bottom:15px!important}
.sm-pb-20{padding-bottom:20px!important}
.sm-pb-25{padding-bottom:25px!important}
.sm-pb-30{padding-bottom:30px!important}
.sm-pb-40{padding-bottom:40px!important}
.sm-pb-50{padding-bottom:50px!important}
.sm-pb-60{padding-bottom:60px!important}
.sm-pb-70{padding-bottom:70px!important}
.sm-pb-80{padding-bottom:80px!important}
.sm-pb-90{padding-bottom:90px!important}
.sm-pb-100{padding-bottom:100px!important}
.sm-pl-0{padding-left:0!important}
.sm-pl-5{padding-left:5px!important}
.sm-pl-10{padding-left:10px!important}
.sm-pl-15{padding-left:15px!important}
.sm-pl-20{padding-left:20px!important}
.sm-pl-25{padding-left:25px!important}
.sm-pl-30{padding-left:30px!important}
.sm-pl-40{padding-left:40px!important}
.sm-pl-50{padding-left:50px!important}
.sm-pl-60{padding-left:60px!important}
.sm-pl-70{padding-left:70px!important}
.sm-pl-80{padding-left:80px!important}
.sm-pl-90{padding-left:90px!important}
.sm-pl-100{padding-left:100px!important}
}
@media (min-width: 992px) {
.md-m-0{margin:0!important}
.md-m-5{margin:5px!important}
.md-m-10{margin:10px!important}
.md-m-15{margin:15px!important}
.md-m-20{margin:20px!important}
.md-m-25{margin:25px!important}
.md-m-30{margin:30px!important}
.md-m-40{margin:40px!important}
.md-m-50{margin:50px!important}
.md-m-60{margin:60px!important}
.md-m-70{margin:70px!important}
.md-m-80{margin:80px!important}
.md-m-90{margin:90px!important}
.md-m-100{margin:100px!important}
.md-m-auto{margin:auto!important}
.md-mx-0{margin-right:0!important;margin-left:0!important}
.md-mx-5{margin-right:5px!important;margin-left:5px!important}
.md-mx-10{margin-right:10px!important;margin-left:10px!important}
.md-mx-15{margin-right:15px!important;margin-left:15px!important}
.md-mx-20{margin-right:20px!important;margin-left:20px!important}
.md-mx-25{margin-right:25px!important;margin-left:25px!important}
.md-mx-30{margin-right:30px!important;margin-left:30px!important}
.md-mx-40{margin-right:40px!important;margin-left:40px!important}
.md-mx-50{margin-right:50px!important;margin-left:50px!important}
.md-mx-60{margin-right:60px!important;margin-left:60px!important}
.md-mx-70{margin-right:70px!important;margin-left:70px!important}
.md-mx-80{margin-right:80px!important;margin-left:80px!important}
.md-mx-90{margin-right:90px!important;margin-left:90px!important}
.md-mx-100{margin-right:100px!important;margin-left:100px!important}
.md-mx-auto{margin-right:auto!important;margin-left:auto!important}
.md-my-0{margin-top:0!important;margin-bottom:0!important}
.md-my-5{margin-top:5px!important;margin-bottom:5px!important}
.md-my-10{margin-top:10px!important;margin-bottom:10px!important}
.md-my-15{margin-top:15px!important;margin-bottom:15px!important}
.md-my-20{margin-top:20px!important;margin-bottom:20px!important}
.md-my-25{margin-top:25px!important;margin-bottom:25px!important}
.md-my-30{margin-top:30px!important;margin-bottom:30px!important}
.md-my-40{margin-top:40px!important;margin-bottom:40px!important}
.md-my-50{margin-top:50px!important;margin-bottom:50px!important}
.md-my-60{margin-top:60px!important;margin-bottom:60px!important}
.md-my-70{margin-top:70px!important;margin-bottom:70px!important}
.md-my-80{margin-top:80px!important;margin-bottom:80px!important}
.md-my-90{margin-top:90px!important;margin-bottom:90px!important}
.md-my-100{margin-top:100px!important;margin-bottom:100px!important}
.md-my-auto{margin-top:auto!important;margin-bottom:auto!important}
.md-mt-0{margin-top:0!important}
.md-mt-5{margin-top:5px!important}
.md-mt-10{margin-top:10px!important}
.md-mt-15{margin-top:15px!important}
.md-mt-20{margin-top:20px!important}
.md-mt-25{margin-top:25px!important}
.md-mt-30{margin-top:30px!important}
.md-mt-40{margin-top:40px!important}
.md-mt-50{margin-top:50px!important}
.md-mt-60{margin-top:60px!important}
.md-mt-70{margin-top:70px!important}
.md-mt-80{margin-top:80px!important}
.md-mt-90{margin-top:90px!important}
.md-mt-100{margin-top:100px!important}
.md-mt-auto{margin-top:auto!important}
.md-mr-0{margin-right:0!important}
.md-mr-5{margin-right:5px!important}
.md-mr-10{margin-right:10px!important}
.md-mr-15{margin-right:15px!important}
.md-mr-20{margin-right:20px!important}
.md-mr-25{margin-right:25px!important}
.md-mr-30{margin-right:30px!important}
.md-mr-40{margin-right:40px!important}
.md-mr-50{margin-right:50px!important}
.md-mr-60{margin-right:60px!important}
.md-mr-70{margin-right:70px!important}
.md-mr-80{margin-right:80px!important}
.md-mr-90{margin-right:90px!important}
.md-mr-100{margin-right:100px!important}
.md-mr-auto{margin-right:auto!important}
.md-mb-0{margin-bottom:0!important}
.md-mb-5{margin-bottom:5px!important}
.md-mb-10{margin-bottom:10px!important}
.md-mb-15{margin-bottom:15px!important}
.md-mb-20{margin-bottom:20px!important}
.md-mb-25{margin-bottom:25px!important}
.md-mb-30{margin-bottom:30px!important}
.md-mb-40{margin-bottom:40px!important}
.md-mb-50{margin-bottom:50px!important}
.md-mb-60{margin-bottom:60px!important}
.md-mb-70{margin-bottom:70px!important}
.md-mb-80{margin-bottom:80px!important}
.md-mb-90{margin-bottom:90px!important}
.md-mb-100{margin-bottom:100px!important}
.md-mb-auto{margin-bottom:auto!important}
.md-ml-0{margin-left:0!important}
.md-ml-5{margin-left:5px!important}
.md-ml-10{margin-left:10px!important}
.md-ml-15{margin-left:15px!important}
.md-ml-20{margin-left:20px!important}
.md-ml-25{margin-left:25px!important}
.md-ml-30{margin-left:30px!important}
.md-ml-40{margin-left:40px!important}
.md-ml-50{margin-left:50px!important}
.md-ml-60{margin-left:60px!important}
.md-ml-70{margin-left:70px!important}
.md-ml-80{margin-left:80px!important}
.md-ml-90{margin-left:90px!important}
.md-ml-100{margin-left:100px!important}
.md-ml-auto{margin-left:auto!important}
.md-p-0{padding:0!important}
.md-p-5{padding:5px!important}
.md-p-10{padding:10px!important}
.md-p-15{padding:15px!important}
.md-p-20{padding:20px!important}
.md-p-25{padding:25px!important}
.md-p-30{padding:30px!important}
.md-p-40{padding:40px!important}
.md-p-50{padding:50px!important}
.md-p-60{padding:60px!important}
.md-p-70{padding:70px!important}
.md-p-80{padding:80px!important}
.md-p-90{padding:90px!important}
.md-p-100{padding:100px!important}
.md-px-0{padding-right:0!important;padding-left:0!important}
.md-px-5{padding-right:5px!important;padding-left:5px!important}
.md-px-10{padding-right:10px!important;padding-left:10px!important}
.md-px-15{padding-right:15px!important;padding-left:15px!important}
.md-px-20{padding-right:20px!important;padding-left:20px!important}
.md-px-25{padding-right:25px!important;padding-left:25px!important}
.md-px-30{padding-right:30px!important;padding-left:30px!important}
.md-px-40{padding-right:40px!important;padding-left:40px!important}
.md-px-50{padding-right:50px!important;padding-left:50px!important}
.md-px-60{padding-right:60px!important;padding-left:60px!important}
.md-px-70{padding-right:70px!important;padding-left:70px!important}
.md-px-80{padding-right:80px!important;padding-left:80px!important}
.md-px-90{padding-right:90px!important;padding-left:90px!important}
.md-px-100{padding-right:100px!important;padding-left:100px!important}
.md-py-0{padding-top:0!important;padding-bottom:0!important}
.md-py-5{padding-top:5px!important;padding-bottom:5px!important}
.md-py-10{padding-top:10px!important;padding-bottom:10px!important}
.md-py-15{padding-top:15px!important;padding-bottom:15px!important}
.md-py-20{padding-top:20px!important;padding-bottom:20px!important}
.md-py-25{padding-top:25px!important;padding-bottom:25px!important}
.md-py-30{padding-top:30px!important;padding-bottom:30px!important}
.md-py-40{padding-top:40px!important;padding-bottom:40px!important}
.md-py-50{padding-top:50px!important;padding-bottom:50px!important}
.md-py-60{padding-top:60px!important;padding-bottom:60px!important}
.md-py-70{padding-top:70px!important;padding-bottom:70px!important}
.md-py-80{padding-top:80px!important;padding-bottom:80px!important}
.md-py-90{padding-top:90px!important;padding-bottom:90px!important}
.md-py-100{padding-top:100px!important;padding-bottom:100px!important}
.md-pt-0{padding-top:0!important}
.md-pt-5{padding-top:5px!important}
.md-pt-10{padding-top:10px!important}
.md-pt-15{padding-top:15px!important}
.md-pt-20{padding-top:20px!important}
.md-pt-25{padding-top:25px!important}
.md-pt-30{padding-top:30px!important}
.md-pt-40{padding-top:40px!important}
.md-pt-50{padding-top:50px!important}
.md-pt-60{padding-top:60px!important}
.md-pt-70{padding-top:70px!important}
.md-pt-80{padding-top:80px!important}
.md-pt-90{padding-top:90px!important}
.md-pt-100{padding-top:100px!important}
.md-pr-0{padding-right:0!important}
.md-pr-5{padding-right:5px!important}
.md-pr-10{padding-right:10px!important}
.md-pr-15{padding-right:15px!important}
.md-pr-20{padding-right:20px!important}
.md-pr-25{padding-right:25px!important}
.md-pr-30{padding-right:30px!important}
.md-pr-40{padding-right:40px!important}
.md-pr-50{padding-right:50px!important}
.md-pr-60{padding-right:60px!important}
.md-pr-70{padding-right:70px!important}
.md-pr-80{padding-right:80px!important}
.md-pr-90{padding-right:90px!important}
.md-pr-100{padding-right:100px!important}
.md-pb-0{padding-bottom:0!important}
.md-pb-5{padding-bottom:5px!important}
.md-pb-10{padding-bottom:10px!important}
.md-pb-15{padding-bottom:15px!important}
.md-pb-20{padding-bottom:20px!important}
.md-pb-25{padding-bottom:25px!important}
.md-pb-30{padding-bottom:30px!important}
.md-pb-40{padding-bottom:40px!important}
.md-pb-50{padding-bottom:50px!important}
.md-pb-60{padding-bottom:60px!important}
.md-pb-70{padding-bottom:70px!important}
.md-pb-80{padding-bottom:80px!important}
.md-pb-90{padding-bottom:90px!important}
.md-pb-100{padding-bottom:100px!important}
.md-pl-0{padding-left:0!important}
.md-pl-5{padding-left:5px!important}
.md-pl-10{padding-left:10px!important}
.md-pl-15{padding-left:15px!important}
.md-pl-20{padding-left:20px!important}
.md-pl-25{padding-left:25px!important}
.md-pl-30{padding-left:30px!important}
.md-pl-40{padding-left:40px!important}
.md-pl-50{padding-left:50px!important}
.md-pl-60{padding-left:60px!important}
.md-pl-70{padding-left:70px!important}
.md-pl-80{padding-left:80px!important}
.md-pl-90{padding-left:90px!important}
.md-pl-100{padding-left:100px!important}
}
@media (min-width: 1200px) {
.m-0{margin:0!important}
.m-5{margin:5px!important}
.m-10{margin:10px!important}
.m-15{margin:15px!important}
.m-20{margin:20px!important}
.m-25{margin:25px!important}
.m-30{margin:30px!important}
.m-40{margin:40px!important}
.m-50{margin:50px!important}
.m-60{margin:60px!important}
.m-70{margin:70px!important}
.m-80{margin:80px!important}
.m-90{margin:90px!important}
.m-100{margin:100px!important}
.m-auto{margin:auto!important}
.mx-0{margin-right:0!important;margin-left:0!important}
.mx-5{margin-right:5px!important;margin-left:5px!important}
.mx-10{margin-right:10px!important;margin-left:10px!important}
.mx-15{margin-right:15px!important;margin-left:15px!important}
.mx-20{margin-right:20px!important;margin-left:20px!important}
.mx-25{margin-right:25px!important;margin-left:25px!important}
.mx-30{margin-right:30px!important;margin-left:30px!important}
.mx-40{margin-right:40px!important;margin-left:40px!important}
.mx-50{margin-right:50px!important;margin-left:50px!important}
.mx-60{margin-right:60px!important;margin-left:60px!important}
.mx-70{margin-right:70px!important;margin-left:70px!important}
.mx-80{margin-right:80px!important;margin-left:80px!important}
.mx-90{margin-right:90px!important;margin-left:90px!important}
.mx-100{margin-right:100px!important;margin-left:100px!important}
.mx-auto{margin-right:auto!important;margin-left:auto!important}
.my-0{margin-top:0!important;margin-bottom:0!important}
.my-5{margin-top:5px!important;margin-bottom:5px!important}
.my-10{margin-top:10px!important;margin-bottom:10px!important}
.my-15{margin-top:15px!important;margin-bottom:15px!important}
.my-20{margin-top:20px!important;margin-bottom:20px!important}
.my-25{margin-top:25px!important;margin-bottom:25px!important}
.my-30{margin-top:30px!important;margin-bottom:30px!important}
.my-40{margin-top:40px!important;margin-bottom:40px!important}
.my-50{margin-top:50px!important;margin-bottom:50px!important}
.my-60{margin-top:60px!important;margin-bottom:60px!important}
.my-70{margin-top:70px!important;margin-bottom:70px!important}
.my-80{margin-top:80px!important;margin-bottom:80px!important}
.my-90{margin-top:90px!important;margin-bottom:90px!important}
.my-100{margin-top:100px!important;margin-bottom:100px!important}
.my-auto{margin-top:auto!important;margin-bottom:auto!important}
.mt-0{margin-top:0!important}
.mt-5{margin-top:5px!important}
.mt-10{margin-top:10px!important}
.mt-15{margin-top:15px!important}
.mt-20{margin-top:20px!important}
.mt-25{margin-top:25px!important}
.mt-30{margin-top:30px!important}
.mt-40{margin-top:40px!important}
.mt-50{margin-top:50px!important}
.mt-60{margin-top:60px!important}
.mt-70{margin-top:70px!important}
.mt-80{margin-top:80px!important}
.mt-90{margin-top:90px!important}
.mt-100{margin-top:100px!important}
.mt-auto{margin-top:auto!important}
.mr-0{margin-right:0!important}
.mr-5{margin-right:5px!important}
.mr-10{margin-right:10px!important}
.mr-15{margin-right:15px!important}
.mr-20{margin-right:20px!important}
.mr-25{margin-right:25px!important}
.mr-30{margin-right:30px!important}
.mr-40{margin-right:40px!important}
.mr-50{margin-right:50px!important}
.mr-60{margin-right:60px!important}
.mr-70{margin-right:70px!important}
.mr-80{margin-right:80px!important}
.mr-90{margin-right:90px!important}
.mr-100{margin-right:100px!important}
.mr-auto{margin-right:auto!important}
.mb-0{margin-bottom:0!important}
.mb-5{margin-bottom:5px!important}
.mb-10{margin-bottom:10px!important}
.mb-15{margin-bottom:15px!important}
.mb-20{margin-bottom:20px!important}
.mb-25{margin-bottom:25px!important}
.mb-30{margin-bottom:30px!important}
.mb-40{margin-bottom:40px!important}
.mb-50{margin-bottom:50px!important}
.mb-60{margin-bottom:60px!important}
.mb-70{margin-bottom:70px!important}
.mb-80{margin-bottom:80px!important}
.mb-90{margin-bottom:90px!important}
.mb-100{margin-bottom:100px!important}
.mb-auto{margin-bottom:auto!important}
.ml-0{margin-left:0!important}
.ml-5{margin-left:5px!important}
.ml-10{margin-left:10px!important}
.ml-15{margin-left:15px!important}
.ml-20{margin-left:20px!important}
.ml-25{margin-left:25px!important}
.ml-30{margin-left:30px!important}
.ml-40{margin-left:40px!important}
.ml-50{margin-left:50px!important}
.ml-60{margin-left:60px!important}
.ml-70{margin-left:70px!important}
.ml-80{margin-left:80px!important}
.ml-90{margin-left:90px!important}
.ml-100{margin-left:100px!important}
.ml-auto{margin-left:auto!important}
.p-0{padding:0!important}
.p-5{padding:5px!important}
.p-10{padding:10px!important}
.p-15{padding:15px!important}
.p-20{padding:20px!important}
.p-25{padding:25px!important}
.p-30{padding:30px!important}
.p-40{padding:40px!important}
.p-50{padding:50px!important}
.p-60{padding:60px!important}
.p-70{padding:70px!important}
.p-80{padding:80px!important}
.p-90{padding:90px!important}
.p-100{padding:100px!important}
.px-0{padding-right:0!important;padding-left:0!important}
.px-5{padding-right:5px!important;padding-left:5px!important}
.px-10{padding-right:10px!important;padding-left:10px!important}
.px-15{padding-right:15px!important;padding-left:15px!important}
.px-20{padding-right:20px!important;padding-left:20px!important}
.px-25{padding-right:25px!important;padding-left:25px!important}
.px-30{padding-right:30px!important;padding-left:30px!important}
.px-40{padding-right:40px!important;padding-left:40px!important}
.px-50{padding-right:50px!important;padding-left:50px!important}
.px-60{padding-right:60px!important;padding-left:60px!important}
.px-70{padding-right:70px!important;padding-left:70px!important}
.px-80{padding-right:80px!important;padding-left:80px!important}
.px-90{padding-right:90px!important;padding-left:90px!important}
.px-100{padding-right:100px!important;padding-left:100px!important}
.py-0{padding-top:0!important;padding-bottom:0!important}
.py-5{padding-top:5px!important;padding-bottom:5px!important}
.py-10{padding-top:10px!important;padding-bottom:10px!important}
.py-15{padding-top:15px!important;padding-bottom:15px!important}
.py-20{padding-top:20px!important;padding-bottom:20px!important}
.py-25{padding-top:25px!important;padding-bottom:25px!important}
.py-30{padding-top:30px!important;padding-bottom:30px!important}
.py-40{padding-top:40px!important;padding-bottom:40px!important}
.py-50{padding-top:50px!important;padding-bottom:50px!important}
.py-60{padding-top:60px!important;padding-bottom:60px!important}
.py-70{padding-top:70px!important;padding-bottom:70px!important}
.py-80{padding-top:80px!important;padding-bottom:80px!important}
.py-90{padding-top:90px!important;padding-bottom:90px!important}
.py-100{padding-top:100px!important;padding-bottom:100px!important}
.pt-0{padding-top:0!important}
.pt-5{padding-top:5px!important}
.pt-10{padding-top:10px!important}
.pt-15{padding-top:15px!important}
.pt-20{padding-top:20px!important}
.pt-25{padding-top:25px!important}
.pt-30{padding-top:30px!important}
.pt-40{padding-top:40px!important}
.pt-50{padding-top:50px!important}
.pt-60{padding-top:60px!important}
.pt-70{padding-top:70px!important}
.pt-80{padding-top:80px!important}
.pt-90{padding-top:90px!important}
.pt-100{padding-top:100px!important}
.pr-0{padding-right:0!important}
.pr-5{padding-right:5px!important}
.pr-10{padding-right:10px!important}
.pr-15{padding-right:15px!important}
.pr-20{padding-right:20px!important}
.pr-25{padding-right:25px!important}
.pr-30{padding-right:30px!important}
.pr-40{padding-right:40px!important}
.pr-50{padding-right:50px!important}
.pr-60{padding-right:60px!important}
.pr-70{padding-right:70px!important}
.pr-80{padding-right:80px!important}
.pr-90{padding-right:90px!important}
.pr-100{padding-right:100px!important}
.pb-0{padding-bottom:0!important}
.pb-5{padding-bottom:5px!important}
.pb-10{padding-bottom:10px!important}
.pb-15{padding-bottom:15px!important}
.pb-20{padding-bottom:20px!important}
.pb-25{padding-bottom:25px!important}
.pb-30{padding-bottom:30px!important}
.pb-40{padding-bottom:40px!important}
.pb-50{padding-bottom:50px!important}
.pb-60{padding-bottom:60px!important}
.pb-70{padding-bottom:70px!important}
.pb-80{padding-bottom:80px!important}
.pb-90{padding-bottom:90px!important}
.pb-100{padding-bottom:100px!important}
.pl-0{padding-left:0!important}
.pl-5{padding-left:5px!important}
.pl-10{padding-left:10px!important}
.pl-15{padding-left:15px!important}
.pl-20{padding-left:20px!important}
.pl-25{padding-left:25px!important}
.pl-30{padding-left:30px!important}
.pl-40{padding-left:40px!important}
.pl-50{padding-left:50px!important}
.pl-60{padding-left:60px!important}
.pl-70{padding-left:70px!important}
.pl-80{padding-left:80px!important}
.pl-90{padding-left:90px!important}
.pl-100{padding-left:100px!important}
}

ul{list-style:inside disc}
ul.no-style{list-style:none}
ol{list-style:decimal outside}
ol.no-style{list-style:none}
ol,ul{padding-left:0;margin:0 0 16px 20px;}
ul li{margin-bottom:8px;}
table{border-collapse:collapse}
.p-m-0{margin:0!important}
.width-100{width:100%!important}
.width-auto{width:auto!important}
.height-100{height:100%!important}
.height-auto{height:auto!important}
.overflow-visible{overflow:visible!important}
.overflow-hidden{overflow:hidden!important}
.overflow-auto{overflow:auto!important}
.overflow-y-visible{overflow-y:visible!important}
.overflow-y-hidden{overflow-y:hidden!important}
.overflow-y-auto{overflow-y:auto!important}
.overflow-x-visible{overflow-x:visible!important}
.overflow-x-hidden{overflow-x:hidden!important}
.overflow-x-auto{overflow-x:auto!important}
.shrink-0{flex-shrink:0!important}
.shrink-1{flex-shrink:1!important}
.shrink-2{flex-shrink:1!important}
.shrink-3{flex-shrink:1!important}
.shrink-4{flex-shrink:4!important}
.grow-0{-webkit-box-flex:0!important;flex-grow:0!important}
.grow-1{-webkit-box-flex:1!important;flex-grow:1!important}
.grow-2{-webkit-box-flex:2!important;flex-grow:2!important}
.grow-3{-webkit-box-flex:3!important;flex-grow:3!important}
.grow-4{-webkit-box-flex:4!important;flex-grow:4!important}
.clickable:not([disabled]),[onclick]:not([disabled]){cursor:pointer!important}
.not-clickable,.not-clickable[onclick]{cursor:default!important}
.letsGo-hide{display:none!important}
.hide,.hidden,.mobile-layout,.interior-banner img.mobile-layout{display:none}
.shadow-light{box-shadow:0 1px 3px 0 #A0A0A0!important}
.shadow-dark{box-shadow:0 1px 3px 0 #1B1B1B!important}
.opacity-0{opacity:0!important}
.opacity-100{opacity:1!important}
.visible-print,.frow.visible-print{display:none!important}
.clear{clear:both}
.right{float:right}
.left{float:left}
.inline-block{display:inline-block}
.inline-block-important{display:inline-block!important}
.display-block{display:block}
@media print {
.hidden-print,.frow.hidden-print{display:none!important}
.visible-print{display:block!important}
.frow.visible-print{display:-webkit-box!important;display:flex!important}
}
.visible-sr,.visible-sr-focusable:not(:focus){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.donut{width:4rem;height:4rem;margin:2rem;border-radius:50%;border:.3rem solid rgba(0,0,0,0.3);border-top-color:#06808e;-webkit-animation:1.5s spin infinite linear;animation:1.5s spin infinite linear;position:absolute;top:-50%;left:0;right:0;bottom:0;margin:auto}
@-webkit-keyframes spin {
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin {
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.app-overlay{position:fixed;bottom:0;left:0;right:0;z-index:10;visibility:hidden;opacity:0;top:60px;background:rgba(0,0,0,.3);-webkit-transition:visibility .5s,opacity .4s;transition:visibility .5s,opacity .4s}
.preloader{height:100vh;width:100%;z-index:50;position:fixed;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(23,22,22,.5);top:0;-webkit-transition:opacity .3s linear;transition:opacity .3s linear}
@-webkit-keyframes v-pulseStretchDelay {
0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}
45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}
}
@keyframes v-pulseStretchDelay {
0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}
45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}
}
tr, td, th { 
    border: none;
}
#main-content .en__submit button {
background: ${blueprint~buttoncolor};
}

/** Disable this to align page to center **/
#main-content-wrapper {
margin: initial;
}

#main-content {
font-family: 'Open Sans', 'Arial', sans-serif;
color:${blueprint~primarycolor};        
}

#main-content h1 {
font-family: 'Open Sans', 'Arial', sans-serif;
color:${blueprint~heading1color};        
}

#main-content h2 {
font-family: 'Open Sans', 'Arial', sans-serif;
color:${blueprint~heading2color};
}

#main-content h3 {
font-family: 'Open Sans', 'Arial', sans-serif;
color:${blueprint~heading3color};
}

#main-content a {
color${blueprint~linkcolor};
}

#main-content-inner .en__field__input--radio:checked+.en__field__label:before, #main-content-inner .en__field__input--checkbox:checked+.en__field__label:before {
border-color: ${blueprint~buttoncolor};
background-color: ${blueprint~buttoncolor};
}

/** Hide Fix **/
.en__hidden {
display: none !important;
}

/** Fixes the column issue **/
 #main-content .en__component--advrow .en__component--column{
 min-width: inherit !important;
 }

#main-content .en__component--row.en__component--advrow {
 display: flex;
flex-wrap: wrap;
 }

#main-content .en__component--column{
 min-width: inherit !important;
}  

#site-footer {
	background-color: #404040;
	padding: 60px 0;
}
#site-footer, #site-footer p {
	color: #ffffff;
	font-size: 16px;
}
#site-footer a {
	color: #fff;
}
.page-header-top-right {
	margin-top: 10px;
}
.header__quick-links-search {
	display: flex;
	justify-content: flex-end;
}
.flex {
	display: flex;
}
.header__quick-links {
	list-style: none;
	padding-left: 0;
	margin-bottom: 27px;
	padding-top: 3px;
}
.header__quick-links li {
	margin-right: 5px;
	padding-right: 7px;
	border-right: 2px solid #b2b2b2;
	line-height: 1;
}
.header__quick-links li:last-child {
	border:none;
}
a {
	color: #207588;
    text-decoration: none;
    transition: color .1s linear;
    font-family: var(--fontFamilyMain);
}
*, html, body, form, input, input.AddressBookButtons, input.Advocacy, input.btn, input.btnLg, input.btnMed, input.btnMini, input.btnSm, select, select.Advocacy, textarea, legend, ul, ol, li, option, table, tr, th, th.rfl_infoStatus, td, td.AlertListDescription, td.cstmBack, p, p.cstmBtnText, p.cstmFrame, p.cstmHeading, p.cstmText, p.cstmTitle, p.dividerHeading, p.scrollingText, span.cstmHeading, a, a.btn, a.btn:visited, a.cstmBtnText:hover, a.cstmBtnText:link, a.cstmBtnText:visited, #navList, .AdvocacyInstructions, .AdvocacyNSFix, .BlogHeader, .Button, .Divider, .FieldLabels, .FormBox, .FormBox06, .FormBoxHeader, .Hint, .Instructions, .Instructions, .ListItem0, .ListItem1, .NetscapeFix, .NoteText, .ObjTitle, .PhotoLinks, .Premiums, .ProgressBox, .ProgressBoxCurrent, .SectionHead, .SmallButton, .Smaller, .SmallerC, .TribBtnText1, .Upgrades, .WhatNext, .alphacube_content, .dialog_content, .dialog_title, .Explicit, .fr_register_another, .paraBlueSansSmall, .smallBlack, .smallSans, .smallSansBold, .smallWhiteBoldSans, .smallWhiteSans, .smallestBlackSans {
    font-family: var(--fontFamilyMain);
}
.header__update {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
}
.header__update .header__social-list {
	display: flex;
	align-items: center;
}
.header__update .header__social {
	margin-right: 15px;
	vertical-align: middle; 
	font-size: 34px;
	color: #969696;
}
.header__update .button {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 15px 40px;
	border-radius: 4px;
	border: 2px solid #000;
	display: inline-block;
	line-height: 1;
	color: #000;
	letter-spacing: .5px;
}
.header__update .button--green {
	color: #fff;
	border: 2px solid #06808e;
	background-color: #06808e;
}
.header__update .button--green:hover {
	background-color: #000;
	border: 2px solid #000;
	color: #fff;
	text-decoration: none;
}

.site-title {
	margin-bottom: 0;
	margin-top: 10px;
}
body .navbar-default {
	background-color: rgba(0,0,0,0.02);
	background-image: none;
	box-shadow: none;
	border-radius: 0;padding-top: 0;
padding-bottom: 0;
}
.navbar .container {
	padding-right: 0;
}

#main-body-wrap {
	padding:0px 0;
    background-size: cover;
    background-repeat: no-repeat;
}
@media(max-width:991px){
	#main-body-wrap {
		background-image: none !important;
	}
	.banner-image .en__component--imageblock > img { 
		display: block !important;
	}
}
.navbar-nav { 
	-ms-flex-direction: row;
	flex-direction: row; 
}
.navbar-brand, .navbar-nav > li > a {
	text-shadow: 0 1px 0 rgba(255,255,255,.25);
}
.navbar-default .navbar-nav > li > a {
	color: #777;
}
.navbar ul {
	float: right;
	font-size: 19px;
}
.nav > li {
	position: relative;
	display: block;
}
.navbar ul li {
	margin-right: 30px;
}
.nav > li > a {
	position: relative;
	display: block;
	padding: 10px 15px;
}
.navbar-nav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px;
}
.navbar-brand, .navbar-nav > li > a {
	text-shadow: 0 1px 0 rgba(255,255,255,.25);
}
.navbar-default .navbar-nav > li > a {
	color: #777;
}


@media(min-width:768px){
	.navbar-toggle {
		display: none;
	}
	.navbar-collapse.collapse {
		display: block !important;
		height: auto !important;
		padding-bottom: 0;
		overflow: visible !important;
	} 
	.navbar ul li {
		margin-right: 0px;
	}
	.navbar-nav > li > a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
}
@media(min-width:992px){
	.page-header-top-right {
		float: right;
	}
}

/* begin stepped donation form */
.banner-image .en__component--imageblock > img {
	width: 100% !important;
	height: auto !important;
	/* display:none; */
}
.banner-image .en__component--imageblock.en__component--activeTarget > img { 
	display:block;
}

.tabs {
	padding: 30px 24px 0 24px
}
@media screen and (min-width:768px) {
	.tabs {
		padding: 0 24px
	}
}
.tabs--list {
	width: 100%;
	max-width: 1200px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0;
	list-style: none;
	margin: 0 auto
}
.tabs--list .tab {
	width: 33.333333333333%;
	line-height: 1.1;
	vertical-align: middle;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Open Sans', 'Arial', sans-serif;
	background: #ffffff;
	font-size: .8rem;
	border-bottom: 4px solid #06808e;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	padding: 15px 0;
	margin-bottom: 0
}
.stepped-donate-form-wrap .tabs--list { 
    justify-content: center;
}
.stepped-donate-form-wrap .tabs--list .tab { 
    border-bottom: none;
    border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-o-border-radius: 100%;
    width: 60px;
    margin: 0 20px 0 0;
}
.tabs--list .tab.current {
	background: #06808e;
	color: #fff
}
.tabs--list .tab>span {
	display: block
}
.tabs--list .tab>span span {
	display: none
}
@media screen and (min-width:400px) {
	.tabs--list .tab {
		font-size: .9rem
	}
}
@media screen and (min-width:768px) {
	.tabs--list .tab {
		font-size: 1rem;
		padding: 18px 0;
		max-height: 60px;
		letter-spacing: 1px
	}
	.tabs--list .tab>span {
		display: inline
	}
	.tabs--list .tab>span span {
		display: inline
	}
}
@media screen and (min-width:992px) {
	.tabs--list .tab {
		font-size: 1.11rem
	}
}
.tabs--list .tab a {
	text-decoration: none;
	color: #202020
}
.tabs--list .tab a:hover {
	text-decoration: none;
	color: #444
}
.tabs--list_contact {
	border-left: 1px solid #9e9e9e;
	border-right: 1px solid #9e9e9e
}
.tabs--list_amount.current~.tabs--list_contact {
	border-left: 0;
    border-right: 0;
}
.tabs--list_contact.current {
	border: 0
}
.tabs--list_amount:not(.current)~.tabs--list_contact:not(.current) {
	border-left: 0;
	border-right: 0
}
div.donate-form-amount-wpr, .form-amount-wpr, div.donate-form-tribute, div.donate-form-billing, div.donate-form-payment {
	padding: 30px 0px;
	display: block; 
	overflow: hidden;
	margin: 0 auto
}
div.donate-form-tribute, div.donate-form-billing, div.donate-form-payment { 
	background: #fff; 
}
.form-amount-wpr:after, .form-amount-wpr:before, div.donate-form-tribute:after, div.donate-form-amount-wpr:after, div.donate-form-amount-wpr:before, div.donate-form-billing:after, div.donate-form-billing:before, div.donate-form-payment:after, div.donate-form-payment:before {
	content: " ";
	display: table
}
div.donate-form-amount-wpr:after, .form-amount-wpr:after, 
div.donate-form-tribute:after,
div.donate-form-billing:after, div.donate-form-payment:after {
	clear: both
}
div.donate-form-amount-wpr, .form-amount-wpr, div.donate-form-tribute,  div.donate-form-billing, div.donate-form-payment {
	padding: 30px; 
}
@media screen and (min-width:768px) {
	div.donate-form-amount-wpr, .form-amount-wpr, div.donate-form-tribute,  div.donate-form-billing, div.donate-form-payment {
		padding: 60px;
		margin: 0 24px
	}
}
@media screen and (min-width:1248px) {
	div.donate-form-amount-wpr, .form-amount-wpr, div.donate-form-tribute, div.donate-form-billing, div.donate-form-payment {
		margin: 0 auto;
		width: 100%;
		max-width: 1200px
	}
}
div.en__component--column.donate-text-left-col {
	display: none
}
@media screen and (min-width:768px) {
	div.en__component--column.donate-text-left-col {
		display: block;
		opacity: 0;
		padding-bottom: 30px
	}
}
@media screen and (min-width:992px) {
	div.en__component--column.donate-text-left-col {
		padding-right: 40px;
		padding-bottom: 0;
		width: 45%;
		float: left;
		background: rgba(255, 255, 255, 0.85);
		padding: 30px;
		margin-right: 5%;
	}
}
@media screen and (min-width:768px) {
	div.en__component--column.donate-form-amount {
		opacity: 0;
		display: block
	}
}
@media screen and (min-width:992px) {
	div.en__component--column.donate-form-amount {
		padding-left: 0px;
		width: 50%;
		float: left; 
		background: #fff;
		padding: 30px 30px;
	}
}
div.donate-form-tribute, div.donate-form-billing, div.donate-form-payment {
	display: none
}
.ways-to-give {
	background: #f5f5f5;
	padding: 60px 24px;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto
}
@media screen and (min-width:768px) {
	.ways-to-give {
		padding: 90px 24px
	}
}
.ways-to-give .ways-to-give--block {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto
}
.ways-to-give .ways-to-give--block_icons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
	justify-content: space-around
}
.en__component--column.en__component--advcolumn.other-ways-to-give-wrap {
	-ms-flex-item-align: stretch;
	align-self: stretch;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 20px auto;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
} 

@media screen and (min-width:432px) {
	.en__component--column.en__component--advcolumn.other-ways-to-give-wrap {
		width: 50%;width:auto;
		flex-basis: 50%;flex-basis: unset;
	}
}
@media screen and (min-width:636px) {
	.en__component--column.en__component--advcolumn.other-ways-to-give-wrap {
		width: 33.33%;width:auto;
		flex-basis: 33.33%;    flex-basis: unset;
	}
}
@media screen and (min-width:1000px) {
	.en__component--column.en__component--advcolumn.other-ways-to-give-wrap {
		flex-basis: unset;
	}
}
@media screen and (min-width:1200px) {
	.ways-to-give .ways-to-give--block_icons {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.en__component--column.en__component--advcolumn.other-ways-to-give-wrap {
		width: 180px;
		margin: 40px 0 40px 0
	}
}
.other-ways-to-give-wrap > .en__component  {
	background: #fff;
	border: 4px solid #207588;
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in;
	text-decoration: none;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	width: 170px;
	height: 170px;
	margin: 0 auto;
	position: relative
}
.other-ways-to-give-wrap > .en__component:focus,
.other-ways-to-give-wrap > .en__component:active,
.other-ways-to-give-wrap > .en__component:hover {
	background: #06808e;
	background: #000000;
	border-color: #06808e;
}
.other-ways-to-give-wrap > .en__component:focus a,
.other-ways-to-give-wrap > .en__component:active a,
.other-ways-to-give-wrap > .en__component:hover a {
	color: #ffffff; 
}
.other-ways-to-give-wrap a .icon {
	padding: 30px 0 0 0;
	text-align: center
}
.other-ways-to-give-wrap a .icon svg {
	fill: #06808e;
	width: 60px;
	height: 60px;
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in
}
.other-ways-to-give-block .icon img {
	max-width: 60px;
}
.other-ways-to-give-wrap a .icon-text {
	padding: 15px 20px 20px 20px;
	font-size: .88rem;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	color: #444;
	line-height: 1.2;
	position: absolute;
	width: 100%;
	top: 95px
}
.other-ways-to-give-wrap a:active, .other-ways-to-give-wrap a:focus, .other-ways-to-give-wrap a:hover {
	text-decoration: none;
	background: #06808e;
	border-color: transparent
}
.other-ways-to-give-wrap a:hover div {
	color: #fff
}
.other-ways-to-give-wrap a:active svg, .other-ways-to-give-wrap a:focus svg, .other-ways-to-give-wrap a:hover svg {
	fill: #fff
}
@media (max-width:1199px) {
	.en__component--row.en__component--advrow { 
		flex-wrap: wrap;
	}



}
.mission {
	background: #fff;
	padding: 60px 24px;
	width: 100%;
	margin: 0 auto
}
@media screen and (min-width:768px) {
	.mission {
		padding: 90px 24px
	}
}
.mission--block {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto
}
.mission--block:after, .mission--block:before {
	content: " ";
	display: table
}
.mission--block:after {
	clear: both
}
.mission--block_media {
	margin-bottom: 30px
}
@media screen and (min-width:768px) {
	.mission--block_media {
		width: 50%;
		margin: 0;
		float: right
	}
}
@media screen and (min-width:768px) {
	.mission--block_copy {
		width: 50%;
		margin: 0;
		float: left;
		padding: 0 40px 0 0
	}
}
.btn, .en__submit button {
	text-align: center;
	display: inline-block;
	width: auto;
	height: 50px;
	font-size: 1rem;
	font-family: 'Open Sans', 'Arial', sans-serif;
	position: relative;
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .72px;
	padding: 0 30px;
	line-height: 50px;
	color: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	letter-spacing: 0;
	background: #207588;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-o-border-radius: 50px;
	transition: background 500ms ease;
} 
.btn:active, .btn:focus, .btn:hover,
.en__submit button:active, .en__submit button:focus, .en__submit button:hover {
	background: #000;
	  box-shadow:none;
	  color:#fff;
}
@media screen and (min-width:768px) {
	.btn, .en__submit button {
		height: 60px;
		line-height: 60px;
		font-size: 1.33rem;
		padding: 0 60px
	}
}
.btn-blue, .en__submit button-blue {
	background: #06808e
}
.btn-blue:active, .btn-blue:focus, .btn-blue:hover, .en__submit button-blue:active, .en__submit button-blue:focus, .en__submit button-blue:hover {
	background: #005c8f
}
.btn-green, .en__submit button-orange {
	background: #06808e
}
.btn-green:active, .btn-green:focus, .btn-green:hover, .en__submit button-orange:active, .en__submit button-orange:focus, .en__submit button-orange:hover {
	background: #000000;
	color:#ffffff;
}
.btn-transparent, .en__submit button-transparent {
	padding: 0 25px;
	background: #fff;
	color: #444;
	margin-right: 15px
}
.btn-transparent:before, .en__submit button-transparent:before {
	content: "";
	display: block;
	width: 15px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='357.81px' height='214.27px' viewBox='0 0 357.81 214.27' enable-background='new 0 0 357.81 214.27' xml:space='preserve'%3E%3Cpolygon fill='%23202020' points='357.81,35.36 214.27,178.91 178.91,214.27 0,35.36 35.36,0 178.91,143.55 322.46,0 '/%3E%3C/svg%3E");
	-webkit-transform: rotate(90deg) translateX(-50%);
	transform: rotate(90deg) translateX(-50%);
	background-repeat: no-repeat;
	background-size: 15px;
	position: absolute;
	left: 5px;
	top: 50%
}
.tabs-control {
	text-align: right;
	padding-top: 20px
}
.tabs-control:after, .tabs-control:before {
	content: " ";
	display: table
}
.tabs-control:after {
	clear: both
}
.en__submit {
	display: inline-block;
	width: 100%;
	text-align: left;
}
.stepped-donate-form .en__submit { 
	text-align: right;
}
.stepped-donate-form #en__digitalWallet {
    display: block;
}
.input.en__field__input--email, .input.en__field__input--number, .input.en__field__input--telephone, .input.en__field__input--text, input[type=email], input[type=number], input[type=tel], input[type=text] {
	height: 50px; 
}
.input.en__field__input--email, .input.en__field__input--number, .input.en__field__input--telephone, .input.en__field__input--text, .en__field__input--textarea, input[type=email], input[type=number], input[type=tel], input[type=text], textarea { 
	border-radius: 0;
	background: #f5f5f5;
	border: 1px solid #9e9e9e; 
	padding: 6px 15px;
	
}
.stepped-donate-form-wrap .input.en__field__input--email, .stepped-donate-form-wrap .input.en__field__input--number, .stepped-donate-form-wrap .input.en__field__input--telephone, .stepped-donate-form-wrap .input.en__field__input--text, .stepped-donate-form-wrap .en__field__input--textarea, .stepped-donate-form-wrap input[type=email], .stepped-donate-form-wrap input[type=number], .stepped-donate-form-wrap input[type=tel], .stepped-donate-form-wrap input[type=text], .stepped-donate-form-wrap textarea {  
	width: 100%; 
}
@media screen and (min-width:768px) {
	.input.en__field__input--email, .input.en__field__input--number, .input.en__field__input--telephone, .input.en__field__input--text, input[type=email], input[type=number], input[type=tel], input[type=password], input[type=text], select, select.en__field__input--select, select.en__field__input--splitselect {
		height: 60px;  
	}
	.en__component--eventtickets .input.en__field__input--email, .en__component--eventtickets .input.en__field__input--number, .en__component--eventtickets .input.en__field__input--telephone, .en__component--eventtickets .input.en__field__input--text, .en__component--eventtickets input[type=email], .en__component--eventtickets input[type=number], .en__component--eventtickets input[type=tel], .en__component--eventtickets input[type=text], .en__component--eventtickets select, .en__component--eventtickets select.en__field__input--select, .en__component--eventtickets select.en__field__input--splitselect { 
		min-width:initial; 
	}
}
.stepped-donate-form-wrap select, .stepped-donate-form-wrap select.en__field__input--select, .stepped-donate-form-wrap select.en__field__input--splitselect {
	width: 100%;
}
select, select.en__field__input--select, select.en__field__input--splitselect {
	height: 60px;
	border-radius: 0;
	background: #f5f5f5;
	border: 1px solid #9e9e9e;
	padding-left: 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='357.81px' height='214.27px' viewBox='0 0 357.81 214.27' enable-background='new 0 0 357.81 214.27' xml:space='preserve'%3E%3Cpolygon fill='%23202020' points='357.81,35.36 214.27,178.91 178.91,214.27 0,35.36 35.36,0 178.91,143.55 322.46,0 '/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: calc(100% - 16px) 50%;
	min-width: 0; 
	padding-right: 35px;
	text-overflow: ellipsis; 
} 
select::-ms-expand {
	display: none
}
div.en__field__element--textarea, div.en__field__element--checkbox, div.en__field__element--email, div.en__field__element--number, div.en__field__element--select, div.en__field__element--splitselect, div.en__field__element--telephone, div.en__field__element--text {
	display: block;
	width: 100%;
	position: relative
}
div.en__field__element--checkbox {
	position: relative
}
div.en__field__element--checkbox .en__field__item {
	padding: 0;
	position: relative;
	display: block;
}
.en__field__element--radio .en__field__item {
	display: block;
}
.stepped-donate-form-wrap div.en__field__element--checkbox input[type=checkbox] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 24px;
	height: 24px;
	background: #f5f5f5;
	border: 1px solid #9e9e9e;
	position: absolute;
	top: -2px;
	left: 0;
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in;
	border-radius: 0
}
.stepped-donate-form-wrap div.en__field__element--checkbox input[type=checkbox]:checked {
	background: #06808e;
	border-color: transparent
}
.stepped-donate-form-wrap div.en__field__element--checkbox input[type=checkbox]:checked:after {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='398.37px' height='305.37px' viewBox='0 0 398.37 305.37' enable-background='new 0 0 398.37 305.37' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='398.37,35.36 128.35,305.37 93,270.02 0,177.03 35.36,141.67 128.35,234.67 363.01,0 '/%3E%3C/svg%3E%0A");
	background-size: 18px auto;
	background-repeat: no-repeat;
	background-position: center
}
.stepped-donate-form-wrap div.en__field__element--checkbox label {
	padding-left: 35px;
	width: 100%;
	display: block;
	line-height: 1.25; 
	font-size: 18px;
}
.stepped-donate-form-wrap label.en__field__label { 
	width: 100%; 
	font-size: 18px;
}
.section-title {
	display: block;
	font-size: .888rem;
	font-weight: 700;
	text-transform: uppercase;
	width: 100%;
	padding-bottom: 20px;
	letter-spacing: .8px
}
label.error {
	font-size: .9rem;
	font-weight: 700;
	color: #e00000;
	position: absolute;
	width: 100%;
	display: block;
	line-height: 1;
	padding-top: 4px
}
div.en__field__error {
	font-size: .7rem;
	font-weight: 700;
	color: #e00000;
	font-size: inherit;
}
div.en__field {
	padding-bottom: 0
}
.stepped-donate-form-wrap label[for=en__field_supporter_NOT_TAGGED_27], .stepped-donate-form-wrap label[for=en__field_supporter_NOT_TAGGED_29], .stepped-donate-form-wrap label[for=en__field_supporter_NOT_TAGGED_30], .stepped-donate-form-wrap label[for=en__field_supporter_NOT_TAGGED_31], .stepped-donate-form-wrap label[for=en__field_supporter_NOT_TAGGED_32], .stepped-donate-form-wrap label[for=en__field_supporter_address1], .stepped-donate-form-wrap label[for=en__field_supporter_bankAccountNumber], .stepped-donate-form-wrap label[for=en__field_supporter_bankAccountType], .stepped-donate-form-wrap label[for=en__field_supporter_bankRoutingNumber], .stepped-donate-form-wrap label[for=en__field_supporter_city], .stepped-donate-form-wrap label[for=en__field_supporter_country], .stepped-donate-form-wrap label[for=en__field_supporter_creditCardHolderName], .stepped-donate-form-wrap label[for=en__field_supporter_emailAddress], .stepped-donate-form-wrap label[for=en__field_supporter_firstName], .stepped-donate-form-wrap label[for=en__field_supporter_lastName], .stepped-donate-form-wrap label[for=en__field_supporter_postcode], .stepped-donate-form-wrap label[for=en__field_supporter_region], .stepped-donate-form-wrap label[for=en__field_transaction_ccexpire], .stepped-donate-form-wrap label[for=en__field_transaction_ccnumber], .stepped-donate-form-wrap label[for=en__field_transaction_ccvv], .stepped-donate-form-wrap label[for=en__field_transaction_honname], .stepped-donate-form-wrap label[for=en__field_transaction_trbopts] {
	position: relative
}
.stepped-donate-form-wrap label[for=en__field_supporter_NOT_TAGGED_27]:after, .stepped-donate-form-wrap label[for=en__field_supporter_NOT_TAGGED_29]:after, .stepped-donate-form-wrap label[for=en__field_supporter_NOT_TAGGED_30]:after, .stepped-donate-form-wrap label[for=en__field_supporter_NOT_TAGGED_31]:after, .stepped-donate-form-wrap label[for=en__field_supporter_NOT_TAGGED_32]:after, .stepped-donate-form-wrap label[for=en__field_supporter_address1]:after, .stepped-donate-form-wrap label[for=en__field_supporter_bankAccountNumber]:after, .stepped-donate-form-wrap label[for=en__field_supporter_bankAccountType]:after, .stepped-donate-form-wrap label[for=en__field_supporter_bankRoutingNumber]:after, .stepped-donate-form-wrap label[for=en__field_supporter_city]:after, .stepped-donate-form-wrap label[for=en__field_supporter_country]:after, .stepped-donate-form-wrap label[for=en__field_supporter_creditCardHolderName]:after, .stepped-donate-form-wrap label[for=en__field_supporter_emailAddress]:after, .stepped-donate-form-wrap label[for=en__field_supporter_firstName]:after, .stepped-donate-form-wrap label[for=en__field_supporter_lastName]:after, .stepped-donate-form-wrap label[for=en__field_supporter_postcode]:after, .stepped-donate-form-wrap label[for=en__field_supporter_region]:after, .stepped-donate-form-wrap label[for=en__field_transaction_ccexpire]:after, .stepped-donate-form-wrap label[for=en__field_transaction_ccnumber]:after, .stepped-donate-form-wrap label[for=en__field_transaction_ccvv]:after, .stepped-donate-form-wrap label[for=en__field_transaction_honname]:after, .stepped-donate-form-wrap label[for=en__field_transaction_trbopts]:after {
	content: "*";
	color: #e00000;
	padding-left: 6px
}
div.en__field--recurrpay {
	padding-bottom: 20px
}
div.en__field--recurrpay>label.en__field__label {
	display: block;
	font-size: .888rem;
	font-weight: 700;
	text-transform: uppercase;
	width: 100%;
	letter-spacing: .8px
}
div.en__field--recurrpay .en__field__element--radio {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}
div.en__field--recurrpay .en__field__element--radio .en__field__item {
	position: relative;
	width: calc(50% - 7px)
}
div.en__field--recurrpay .en__field__element--radio .en__field__item input[type=radio] {
	position: absolute;
	opacity: 0
}
div.en__field--recurrpay .en__field__element--radio .en__field__item input[type=radio]+label.en__field__label {
	border-radius: 0;
	display: block;
	height: 50px;
	line-height: 42px;
	cursor: pointer;
	color: #444;
	background: #f5f5f5;
	border: 4px solid #207588;
	font-size: .888rem;
	font-weight: 400;
	font-family: 'Open Sans', 'Arial', sans-serif;
	text-transform: uppercase;
	text-align: center;
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in
}
@media screen and (min-width:480px) {
	div.en__field--recurrpay .en__field__element--radio .en__field__item input[type=radio]+label.en__field__label {
		font-size: 1rem
	}
}
@media screen and (min-width:992px) {
	div.en__field--recurrpay .en__field__element--radio .en__field__item input[type=radio]+label.en__field__label {
		height: 60px;
		line-height: 54px;
		font-size: 1.2rem; 
	}
}
div.en__field--recurrpay .en__field__element--radio .en__field__item input[type=radio]:checked+label.en__field__label {
	background: #207588;
	border-color: #207588;
	color: #fff
}
div.en__field--recurrpay .en__field__element--radio .en__field__item input[type=radio]:focus+label.en__field__label, div.en__field--recurrpay .en__field__element--radio .en__field__item input[type=radio]:hover+label.en__field__label {
	background: #11375b;
	border-color:#11375b;
	color: #fff
}
@media screen and (min-width:768px) {
	div.en__field--recurrpay .en__field__element--radio .en__field__item {
		width: calc(50% - 12px)
	}
}
.handwritten-cta { 
	font-style: italic;
	font-size: 1rem;
	line-height: 1.1;
	color: #06808e;
	padding:0 30px 20px 0px;margin: 0;
	position: relative
}
@media screen and (min-width:768px) {
	.handwritten-cta {
		font-size: 1.25rem;
		padding-right: 45px
	}
}
.handwritten-cta::before { 
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: -26px;
	right: -5px;  
	content: '\f0a6'; 
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
	font-size: 40px;font-style: normal;
}
@media screen and (min-width:768px) {
	.handwritten-cta:before {
		width: 59px;
		height: 58px
	}
}
div.en__field--donationAmt {
	padding-bottom: 30px
}
div.en__field--donationAmt>label.en__field__label {
	display: block; 
	width: 100%;  
    font-weight: 600;
    color: #16190c;
    margin: 0;
    padding: 0 0 0.5em;
	font-size: 28px;
    line-height: 30px;
}
div.en__field--donationAmt .en__field__element--radio {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
div.en__field--donationAmt .en__field__element--radio .en__field__item {
	position: relative;
	width: calc(33.33% - 9px)
}
div.en__field--donationAmt .en__field__element--radio .en__field__item input[type=radio] {
	position: absolute;
	opacity: 0
}
div.en__field--donationAmt .en__field__element--radio .en__field__item label.en__field__label {
	border-radius: 0;
	display: block;
	height: 50px;
	line-height: 42px;
	cursor: pointer; 
    color: #272828;
	background: #f5f5f5;
	border: 4px solid #207588;
	font-size: .888rem;
	font-family: 'Open Sans', 'Arial', sans-serif;
	text-transform: uppercase;
	text-align: center;
	-webkit-transition: color 100ms ease,border-color 500ms ease; 
	transition: color 100ms ease,border-color 500ms ease;
}
@media screen and (min-width:480px) {
	div.en__field--donationAmt .en__field__element--radio .en__field__item label.en__field__label {
		font-size: 1rem
	}
}
@media screen and (min-width:992px) {
	div.en__field--donationAmt .en__field__element--radio .en__field__item label.en__field__label {
		height: 60px;
		line-height: 52px;
		font-size: 1.2rem
	}
}  
div.en__field--donationAmt .en__field__element--radio .en__field__item input[type=radio]:checked+label.en__field__label {
	background: #207588;
	border-color: #207588;
	color: #fff
} 
div.en__field--donationAmt .en__field__element--radio .en__field__item input[type=radio]:focus+label.en__field__label, 
div.en__field--donationAmt .en__field__element--radio .en__field__item input[type=radio]:hover+label.en__field__label {
	background: #11375b;
	border-color: #11375b;
	color: #fff
}
@media screen and (min-width:992px) {
	div.en__field--donationAmt .en__field__element--radio .en__field__item {
		width: calc(33.33% - 16px)
	}
}
div.en__field--donationAmt .en__field__element--radio .en__field__item:nth-last-child(2) {
	border: 0!important;
	clip: rect(1px, 1px, 1px, 1px)!important;
	-webkit-clip-path: inset(50%)!important;
	clip-path: inset(50%)!important;
	height: 1px!important;
	margin: -1px!important;
	overflow: hidden!important;
	padding: 0!important;
	position: absolute!important;
	width: 1px!important;
	white-space: nowrap!important
}
div.en__field--donationAmt .en__field__element--radio .en__field__item:nth-last-child(1) {
	display: block!important;
	width: calc(66.66% - 5px)
}
@media screen and (min-width:992px) {
	div.en__field--donationAmt .en__field__element--radio .en__field__item:nth-last-child(1) {
		width: calc(66.66% - 8px)
	}
}
div.en__field--donationAmt .en__field__element--radio .en__field__item:nth-last-child(1) input {
	margin: 0;
	background: #f5f5f5!important;
	padding-left: 24px;
	font-size: 1rem;
	color: #444
}
@media screen and (min-width:768px) {
	div.en__field--donationAmt .en__field__element--radio .en__field__item:nth-last-child(1) input {
		padding-left: 30px;
		font-size: 1.25rem
	}
}
div.en__field--donationAmt .en__field__element--radio .en__field__item--other:before {
	content: "$";
	display: block;
	position: absolute;
	font-size: 1rem;
	top: 50%;
	left: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-weight: 700;
	font-family: 'Open Sans', 'Arial', sans-serif;
	color: #444
}
@media screen and (min-width:768px) {
	div.en__field--donationAmt .en__field__element--radio .en__field__item--other:before {
		font-size: 1.25rem
	}
}
div.en__field--inmem {
	padding-bottom: 10px;
    padding-top: 20px;
    flex-basis: 100%;
}
div.en__field--inmem>label.en__field__label {
	display: block;
	font-size: .888rem;
	font-weight: 700;
	text-transform: uppercase;
	width: 100%;
	display: none
} 
div.en__field--gftrsn {
	padding-bottom: 20px;
    width: 100%;
} 
.en__field--other-giving-reason {
    width: 100%;
}
.en__field--infname {
    width: 100%;
}
div.donate-form-tribute .en__component--formblock,
div.donate-form-billing .en__component--formblock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}
div.donate-form-billing div.en__field--telephone, div.donate-form-billing div.en__field--address1, div.donate-form-billing div.en__field--address2, div.donate-form-billing div.en__field--city, div.donate-form-billing div.en__field--country, div.donate-form-billing div.en__field--firstName, div.donate-form-billing div.en__field--lastName, div.donate-form-billing div.en__field--postcode, div.donate-form-billing div.en__field--region, .en__field--NOT_TAGGED_24, .en__field--infcountry, .en__field--comments, div.donate-form-billing div.en__field--country, .en__field--what-brought-you-to-give-, .en__field--title {
	width: 100%
}
select { 
    margin-bottom: 0.75em;
}
@media screen and (min-width:480px) {
	div.donate-form-billing div.en__field--city, div.donate-form-billing div.en__field--postcode, div.donate-form-billing div.en__field--region {
		width: calc(33.33% - 7px)
	}
}
@media screen and (min-width:768px) {
	div.donate-form-billing div.en__field--firstName, div.donate-form-billing div.en__field--lastName {
		width: calc(50% - 5px)
	}
}
@media screen and (min-width:992px) {
	div.donate-form-billing div.en__field--city, div.donate-form-billing div.en__field--postcode, div.donate-form-billing div.en__field--region, .en__field--infcity, .en__field--infreg, .en__field--infpostcd {
		width: calc(33.33% - 16px)
	}
	.en__field--trbopts, .en__field--honname, div.donate-form-billing div.en__field--address1, div.donate-form-billing div.en__field--address2, div.donate-form-billing div.en__field--firstName, div.donate-form-billing div.en__field--lastName, .en__field--trbopts, .en__field--honname, .en__field--infadd2, .en__field--infadd1, .en__field--emailAddress, .en__field--phoneNumber {
		width: calc(50% - 12px)
	} 
	.full-width-fields .en__field--trbopts, .full-width-fields .en__field--honname, .full-width-fields div.donate-form-billing div.en__field--address1, .full-width-fields div.donate-form-billing div.en__field--address2, .full-width-fields div.donate-form-billing div.en__field--firstName, .full-width-fields div.donate-form-billing div.en__field--lastName, .full-width-fields .en__field--trbopts, .full-width-fields .en__field--honname, .full-width-fields .en__field--infadd2, .full-width-fields .en__field--infadd1, .full-width-fields .en__field--emailAddress, .full-width-fields .en__field--phoneNumber {
		width: 100%
	} 
}
#email-optin {
	font-size: .8rem;
	line-height: 1.25;
	padding: 24px 0 0 0;
	margin: 0
}
div.en__field.en__field--mobile-opt-in {
	margin: 0;
	padding: 24px 0 0 0
}
div.en__field.en__field--mobile-opt-in>label {
	display: none
}
div.en__field--donor-communications, div.en__field--subscription-q-unsubscribe-all {
	display: none
}
div.donate-form-payment .en__component--formblock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
div.donate-form-payment .en__field--NOT_TAGGED_24, 
div.donate-form-payment .en__field--NOT_TAGGED_25 {
	width: 100%;
    margin-bottom: 15px;
}
div.donate-form-payment .en__field--NOT_TAGGED_25>label {
	display: none
}
div.donate-form-payment .en__field--NOT_TAGGED_25 .en__field__element--radio {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}
div.donate-form-payment .en__field--NOT_TAGGED_25 .en__field__element--radio .en__field__item {
	position: relative;
	width: 100%
}
div.donate-form-payment .en__field--NOT_TAGGED_25 .en__field__element--radio .en__field__item input[type=radio] {
	position: absolute;
	opacity: 0
}
div.donate-form-payment .en__field--NOT_TAGGED_25 .en__field__element--radio .en__field__item label {
	border-radius: 0;
	display: block;
	height: 50px;
	line-height: 42px;
	cursor: pointer;
	color: #444;
	background: #f5f5f5;
	border: 4px solid #207588;
	font-size: .888rem;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	padding: 0 25px;
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in
}
@media(max-width:599px){
	div.donate-form-payment .en__field--NOT_TAGGED_25 .en__field__element--radio .en__field__item label { 
		height: auto;
		line-height: 1.5;
		padding: 10px 10px;
	}
}
@media screen and (min-width:480px) {
	div.donate-form-payment .en__field--NOT_TAGGED_25 .en__field__element--radio .en__field__item label {
		font-size: 1rem
	}
}
@media screen and (min-width:992px) {
	div.donate-form-payment .en__field--NOT_TAGGED_25 .en__field__element--radio .en__field__item label {
		height: 60px;
		line-height: 52px;
		font-size: 1.2rem
	}
}
div.donate-form-payment .en__field--NOT_TAGGED_25 .en__field__element--radio .en__field__item input[type=radio]:checked+label, div.donate-form-payment .en__field--NOT_TAGGED_25 .en__field__element--radio .en__field__item input[type=radio]:focus+label, div.donate-form-payment .en__field--NOT_TAGGED_25 .en__field__element--radio .en__field__item input[type=radio]:hover+label {
	background: #207588;
	border-color: #207588;
	color: #fff
}
@media screen and (min-width:500px) {
	div.donate-form-payment .en__field--NOT_TAGGED_25 .en__field__element--radio .en__field__item {
		width: auto;
		margin-right: 14px
	}
}
@media screen and (min-width:992px) {
	div.donate-form-payment .en__field--NOT_TAGGED_25 .en__field__element--radio .en__field__item {
		margin-right: 24px
	}
}
div.donate-form-payment .en__field--NOT_TAGGED_25 input[value=PayPal]+label {
	text-indent: -999999rem;
	overflow: hidden
}
div.donate-form-payment .en__field--NOT_TAGGED_25 input[value=PayPal]+label:before {
	content: "";
	display: block;
	width: 83px;
	height: 42px;
	background: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10099/paypal-logo-btn.png?v=1651774412000) no-repeat;
	background-size: 83px 42px;
	margin: 0 auto
}
div.donate-form-payment .en__field--NOT_TAGGED_25 input[value=PayPal]+label:focus:before,
div.donate-form-payment .en__field--NOT_TAGGED_25 input[value=PayPal]+label:active:before,
div.donate-form-payment .en__field--NOT_TAGGED_25 input[value=PayPal]+label:hover:before,
div.donate-form-payment .en__field--NOT_TAGGED_25 input[value=PayPal]:checked+label:before {
	background: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10099/paypal-logo-white.png?v=1651553476000) no-repeat; 
}  
div.donate-form-payment .en__field--NOT_TAGGED_25  input[value="Apple Pay"]+label {
	text-indent: -999999rem;
    overflow: hidden;
    padding: 00;
}
div.donate-form-payment .en__field--NOT_TAGGED_25  input[value="Apple Pay"]+label:before  {
	content: "";
	display: block; 
	background: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10099/Apple_Pay_logo_dark.svg?v=1651553298000) no-repeat;  
	margin: 0 auto;
	background-size: 70px auto;
	width: 120px;
	height: 52px;
	background-position: center;
}
div.donate-form-payment .en__field--NOT_TAGGED_25  input[value="Apple Pay"]+label:focus:before,
div.donate-form-payment .en__field--NOT_TAGGED_25  input[value="Apple Pay"]+label:active:before,
div.donate-form-payment .en__field--NOT_TAGGED_25  input[value="Apple Pay"]+label:hover:before,
div.donate-form-payment .en__field--NOT_TAGGED_25  input[value="Apple Pay"]:checked+label:before  { 
	background: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10099/Apple_Pay_logo.svg?v=1651551099000) no-repeat; 
}
div.donate-form-payment .en__field--NOT_TAGGED_25  input[value="Google Pay"]+label {
	text-indent: -999999rem;
    overflow: hidden;
    padding: 00;
}
div.donate-form-payment .en__field--NOT_TAGGED_25  input[value="Google Pay"]+label:before  {
	content: "";
	display: block; 
	background: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10099/Google_Pay_Logo_Dark.svg?v=1651553297000) no-repeat;  
	margin: 0 auto;
	background-size: 70px auto;
	width: 120px;
	height: 52px;
	background-position: center;
}
div.donate-form-payment .en__field--NOT_TAGGED_25  input[value="Google Pay"]+label:focus:before,
div.donate-form-payment .en__field--NOT_TAGGED_25  input[value="Google Pay"]+label:active:before,
div.donate-form-payment .en__field--NOT_TAGGED_25  input[value="Google Pay"]+label:hover:before,
div.donate-form-payment .en__field--NOT_TAGGED_25  input[value="Google Pay"]:checked+label:before  { 
	background: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10099/Google_Pay_Logo.svg?v=1651550972000) no-repeat; 
	background-size: 70px auto;
	background-position: center;
}
div.donate-form-payment .en__field--authorize-ach, div.donate-form-payment .en__field--bankAccountNumber, div.donate-form-payment .en__field--bankAccountType, div.donate-form-payment .en__field--bankRoutingNumber, div.donate-form-payment .en__field--ccexpire, div.donate-form-payment .en__field--ccnumber, div.donate-form-payment .en__field--ccvv, div.donate-form-payment .en__field--creditCardHolderName {
	width: 100%
}
div.donate-form-payment .en__field--ccvv .en__field__element {
	width: 140px
}
div.donate-form-payment .en__field--ccexpire .en__field__item {
	width: 120px
}
div.donate-form-payment .en__field--authorize-ach>label {
	display: none
}
@media screen and (min-width:600px) {
	div.donate-form-payment .en__field--bankAccountType {
		width: calc(30% - 7px)
	}
	div.donate-form-payment .en__field--bankRoutingNumber {
		width: calc(70% - 7px)
	}
}
@media screen and (min-width:992px) {
	div.donate-form-payment .en__field--bankAccountType {
		width: calc(20% - 16px)
	}
	div.donate-form-payment .en__field--bankAccountNumber, div.donate-form-payment .en__field--bankRoutingNumber {
		width: calc(40% - 16px)
	}
	div.donate-form-payment .en__field--736411.en__field--NOT_TAGGED_33, div.donate-form-payment .en__field--authorize-ach, div.donate-form-payment .en__field--processing-fee-test {
		width: calc(50%)
	}
}
@media screen and (min-width:600px) {
	div.donate-form-payment .en__field--ccexpire, div.donate-form-payment .en__field--ccvv {
		width: calc(50% - 7px)
	}
	div.donate-form-payment .en__field--ccexpire .en__field__item {
		width: 49%;
		padding: 0
	}
}
@media screen and (min-width:992px) {
	div.donate-form-payment .en__field--ccexpire, div.donate-form-payment .en__field--ccvv {
		width: calc(50% - 12px)
	}
	div.donate-form-payment .en__field--paymenttype  {
		width: calc(25% - 12px)
	} 
	div.donate-form-payment .en__field--ccnumber {
		width: calc(75% - 12px)
	}
	div.donate-form-payment .en__field--ccexpire {
		overflow: hidden
	}
	div.donate-form-payment .en__field--ccexpire .en__field__item {
		width: 48.5%;
		padding: 0
	}
	div.donate-form-payment .en__field--ccexpire .en__field__item:last-child {
		float: right
	}
}
div.donate-form-payment div.en__component--formblock.different-address-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}
div.donate-form-payment div.en__component--formblock.different-address-block div.en__field--NOT_TAGGED_27, div.donate-form-payment div.en__component--formblock.different-address-block div.en__field--NOT_TAGGED_28, div.donate-form-payment div.en__component--formblock.different-address-block div.en__field--NOT_TAGGED_29, div.donate-form-payment div.en__component--formblock.different-address-block div.en__field--NOT_TAGGED_30, div.donate-form-payment div.en__component--formblock.different-address-block div.en__field--NOT_TAGGED_31, div.donate-form-payment div.en__component--formblock.different-address-block div.en__field--NOT_TAGGED_32 {
	width: 100%
}
@media screen and (min-width:480px) {
	div.donate-form-payment div.en__component--formblock.different-address-block div.en__field--NOT_TAGGED_29, div.donate-form-payment div.en__component--formblock.different-address-block div.en__field--NOT_TAGGED_30, div.donate-form-payment div.en__component--formblock.different-address-block div.en__field--NOT_TAGGED_31 {
		width: calc(33.33% - 7px)
	}
}
@media screen and (min-width:992px) {
	div.donate-form-payment div.en__component--formblock.different-address-block div.en__field--NOT_TAGGED_29, div.donate-form-payment div.en__component--formblock.different-address-block div.en__field--NOT_TAGGED_30, div.donate-form-payment div.en__component--formblock.different-address-block div.en__field--NOT_TAGGED_31 {
		width: calc(33.33% - 16px)
	}
	div.donate-form-payment div.en__component--formblock.different-address-block div.en__field--NOT_TAGGED_27, div.donate-form-payment div.en__component--formblock.different-address-block div.en__field--NOT_TAGGED_28 {
		width: calc(50% - 12px)
	}
	div.donate-form-payment div.en__component--formblock.different-address-block div.en__field--NOT_TAGGED_32 {
		width: calc(30% - 16px)
	}
}
div.donate-form-payment div.en__field--736411.en__field--NOT_TAGGED_33, div.donate-form-payment div.en__field--authorize-ach, div.donate-form-payment div.en__field--processing-fee-test {
	padding: 12px 0 30px 0
}
div.donate-form-payment div.en__field--736411.en__field--NOT_TAGGED_33>label, div.donate-form-payment div.en__field--authorize-ach>label, div.donate-form-payment div.en__field--processing-fee-test>label {
	display: none
}
div.donate-form-payment div.en__field--authorize-ach {
	padding: 12px 0 24px 0
}
div.donate-form-payment .captcha-copy {
	font-size: .8rem;
	line-height: 1.25;
	margin-bottom: 30px;
	padding-left: 18px
}
@media screen and (min-width:992px) {
	div.donate-form-payment .captcha-copy {
		width: 50%
	}
}
div.donate-form-payment .captcha-copy:before {
	content: "";
	display: block;
	width: 11px;
	height: 13px;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 24.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='382px' height='441px' viewBox='0 0 382 441' enable-background='new 0 0 382 441' xml:space='preserve'%3E%3Cpath d='M340,193h-19.5v-63.5C320.5,58.27,262.22,0,191,0S61.5,58.27,61.5,129.5V193H42c-23.1,0-42,18.9-42,42v164 c0,23.1,18.9,42,42,42h298c23.1,0,42-18.9,42-42V235C382,211.9,363.1,193,340,193z M132.5,129.5c0-15.48,6.12-30.13,17.25-41.25 C160.87,77.12,175.52,71,191,71s30.13,6.12,41.25,17.25c11.13,11.12,17.25,25.77,17.25,41.25V193h-117V129.5z'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 3px
} 
#donation-form+.charity {
	margin-top: 60px
}
.charity {
	background: #fff;
	padding: 0 24px 60px 24px;
	width: 100%;
	position: relative
}
.charity--block {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 60px;
	border-top: 1px solid #d3d3d3
}
.charity--block:after, .charity--block:before {
	content: " ";
	display: table
}
.charity--block:after {
	clear: both
}
.charity--block_logos {
	text-align: center;
	margin-bottom: 20px
}
.charity--block_logos>div {
	display: inline-block;
	margin: 10px
}
.charity--block_logos>div img {
	height: 60px;
	width: auto
}
@media screen and (min-width:992px) {
	.charity--block_logos {
		width: 50%;
		float: left;
		text-align: left;
		padding-right: 24px
	}
	.charity--block_logos>div:first-child {
		margin-left: 0
	}
}
.charity--block_copy {
	text-align: center
}
.charity--block_copy p {
	font-size: .8rem;
	margin-bottom: .8rem
}
@media screen and (min-width:992px) {
	.charity--block_copy {
		width: 50%;
		float: right;
		text-align: left;
		padding-left: 24px;
		border-left: 1px solid #d3d3d3
	}
}
.footer {
	background: #202020;
	padding: 60px 24px;
	width: 100%
}
@media screen and (min-width:768px) {
	.footer {
		padding: 60px 24px
	}
}
.footer--block {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto
}
.footer--block:after, .footer--block:before {
	content: " ";
	display: table
}
.footer--block:after {
	clear: both
}
.footer--block_media {
	width: 100%;
	margin-bottom: 20px
}
@media screen and (min-width:768px) {
	.footer--block_media {
		display: inline-block;
		width: 125px;
		margin-bottom: 0;
		vertical-align: top
	}
}
.footer--block_copy p {
	font-size: .8rem;
	margin-bottom: .8rem;
	color: #9e9e9e
}
.footer--block_copy a {
	color: #f5f5f5;
	text-decoration: none
}
@media screen and (min-width:768px) {
	.footer--block_copy {
		width: auto;
		display: inline-block;
		padding-left: 20px
	}
}
.thank-you {
	padding: 30px 24px;
	display: block;
	background: #fff;
	overflow: hidden;
	margin: 0 auto
}
.thank-you:after, .thank-you:before {
	content: " ";
	display: table
}
.thank-you:after {
	clear: both
}
@media screen and (min-width:768px) {
	.thank-you {
		padding: 60px;
		margin: 0 24px
	}
}
@media screen and (min-width:1248px) {
	.thank-you {
		margin: 0 auto;
		width: 100%;
		max-width: 1200px
	}
}
.monthly-interupter-lightbox--overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .7);
	z-index: 2001
}
.monthly-interupter-lightbox {
	width: 96%;
	margin-left: 2%;
	position: fixed;
	z-index: 2003;
	display: block;
	background: #1f1f1f;
	top: 20px;
	border: 6px solid #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	left: 0
}
.monthly-interupter-lightbox * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.monthly-interupter-lightbox .milbox--logo {
	width: 80px;
	margin: 0 auto;
	margin-top: -6px
}
.milbox--wpr {
	padding: 20px
}
.monthly-interupter-lightbox .milbox--copy {
	margin-bottom: 20px
}
.monthly-interupter-lightbox .milbox--copy h1 {
	font-size: 40px;
	line-height: 1;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: "FF Meta W03", Helvetica;
	font-weight: 700
}
.monthly-interupter-lightbox .milbox--copy p {
	color: #fff;
	font-size: 18px;
	text-align: center;
	padding: 10px 0 0 0;
	margin: 0;
	font-family: "FF Meta W03", Helvetica
}
.monthly-interupter-lightbox .milbox--cta .milbox--cta__button {
	display: block;
	background: #f96c1f;
	padding: 8px 15px;
	color: #fff;
	text-decoration: none;
	position: relative;
	overflow: hidden;
	clear: both;
	padding-left: 115px;
	line-height: 1.1em;
	font-size: 19px;
	vertical-align: middle;
	font-weight: 700;
	max-width: 300px;
	margin: 0 auto 15px auto;
	font-family: "FF Meta W03", Helvetica;
	cursor: pointer
}
.monthly-interupter-lightbox .milbox--cta .milbox--cta__button:hover {
	background: #d24a00
}
.monthly-interupter-lightbox .milbox--cta .milbox--cta__button span.yesletter {
	font-size: 45px;
	text-transform: uppercase;
	color: #fff;
	display: inline-block;
	font-weight: 700;
	padding-right: 15px;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	letter-spacing: -1px
}
.monthly-interupter-lightbox .milbox--cta .milbox--cta__text {
	color: #fff;
	text-decoration: underline;
	font-size: 15px;
	text-align: center;
	display: block;
	font-family: "FF Meta W03", Helvetica;
	cursor: pointer
}
.monthly-interupter-lightbox .milbox--cta .milbox--cta__text:hover {
	text-decoration: none
}

#milboxamount {
	font-size: 1.25em
} 
.en__field__input--calendar, .en__field__input--email, .en__field__input--number, .en__field__input--other, .en__field__input--password, .en__field__input--select, .en__field__input--splitselect, .en__field__input--splittext, .en__field__input--telephone, .en__field__input--text, .en__field__input--textarea, .en__field__input--tripleselect, .en__field__input--tripletext { 
	font-size: 18px;
	line-height: 48px;
}
#en__pagebuilder div.en__component--column.donate-text-left-col,
#en__pagebuilder div.en__component--column.donate-form-amount,
#en__pagebuilder div.donate-form-tribute,
#en__pagebuilder div.donate-form-billing,
#en__pagebuilder div.donate-form-payment {
	opacity:1;
	display:block;
}
.en__field--organization-company-gift {
	display: block;
	width: 100%;
}
.en__field--organization {
	display: block;
	width: 100%;
}
.en__field--feeCover {
	display: block;
	width: 100%;
} 
.en__component--page.stepped-donate-form-wrap {
	padding: 0 0 40px;
}
.en__field--NOT_TAGGED_25 {
	display: block;
	width: 100%;
	clear: both;
}
#en__field_supporter_bankAccountType {
	padding-right: 35px;
	text-overflow: ellipsis;
}
.image-text-block {
	display: flex;
	flex-direction: column; 
}
.image-text-block .text {
	padding: 20px 20px;
	flex-grow: 2; 
	display: flex;
	flex-direction: column; 
}
.image-text-block .text > p:last-child {   
	align-items: flex-end; 
	flex-grow: 2;
	width: 100%;
	display: flex;
}
.image-text-block-wrap {
	display: flex;
	margin-bottom: 25px;
}
.image-text-block-wrap .en__component {
	background: #EDEBF2; 
	display: flex;
}
.image-text-block h2 {
	font-size: 22px;
}
.image-text-block > p {
	margin: 0;
}
.image-text-block .btn {
	width: 100%;
	margin: 0px 0 !important;
	padding: 10px 10px;
}
.image-text-block .btn {
	background: #06808e;
	border: none;
	padding: 10px 20px;
	margin: 5px 5px; 
	color: #fff;
	display: inline-block;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	font-size: 16px;
	line-height: 1.2;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-align: center;
	font-weight: 700; 
	text-transform: uppercase;
	letter-spacing: .5px;
	vertical-align: middle;
	height: auto;
}
.image-text-block .btn:hover {
	background: #000000;
	border: none;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}
.image-text-block p > a > img {
	width:100% !important;
	height:auto !important;
}
.en__field--othamt1 { display:none; }
div.en__field--anonymousDonor {
	margin-top: 15px;  
    flex-basis: 100%;
    padding-bottom: 30px;
}
.en__field--email-opt-in {
    margin: 15px 0;
}
div.en__field.custom-split-gift-chk1, div.en__field.custom-split-gift-chk2, div.en__field.custom-split-gift-chk3 {
	padding-bottom: 6px;
	padding-top: 24px;
}
.en__field__helpText, .en__field__label {
    padding: 0 0;
    margin-bottom: 0;
}
@media (max-width:1200px) {
	.en__component--column.en__component--advcolumn.image-text-block-wrap { 
		flex-basis: 48%;
	}
	.image-text-block-wrap:nth-child(2n) {
		margin-right: 0;
	}
}
@media (max-width:767px) {
	.en__component--column.en__component--advcolumn.image-text-block-wrap { 
		flex-basis: 100%;
	} 
}
@media(min-width:768px){
	.navbar-toggler { display:none !important; } 
	.image-text-block-wrap { 
		margin-right: 25px;
		margin-bottom: 25px;
	}
	.image-text-block-wrap:last-child { 
		margin-right: 0;
	}
	label.error { 
		background: white;
		z-index: 1;
	}
	#dummy__field_splitgift0_amt, 
	#dummy__field_splitgift1_amt, 
	#dummy__field_splitgift2_amt,
	#dummy__field_splitgift3_amt {
		width: 21%;
		display: inline-block;
		margin-right: 15px;
	}
	#dummy__field_splitgift0_amt ~ .en__field--dirgift,
	#dummy__field_splitgift1_designation,
	#dummy__field_splitgift2_designation,
	#dummy__field_splitgift3_designation {
		width: 75%;
		display: inline-block;
	}
}
@media (max-width:767px) { 
	.en__field__input--calendar, .en__field__input--email, .en__field__input--number, .en__field__input--other, .en__field__input--password, .en__field__input--select, .en__field__input--splitselect, .en__field__input--splittext, .en__field__input--telephone, .en__field__input--text, .en__field__input--textarea, .en__field__input--tripleselect, .en__field__input--tripletext { 
		line-height: 40px;
	} 
}
@media (min-width:750px) {
	.monthly-interupter-lightbox {
		border-width: 10px;
		background: url(https://img.png) no-repeat;
		background-size: cover;
		width: 750px;
		left: 50%;
		margin-left: -375px;
		top: 40px
	}
	.monthly-interupter-lightbox .milbox--logo {
		width: 120px;
		position: absolute;
		top: -10px;
		left: -10px;
		margin-top: 0
	}
	.milbox--wpr {
		max-width: 330px;
		float: right;
		padding: 80px 30px 50px 30px;
		background: rgba(0, 0, 0, .6)
	}
	.monthly-interupter-lightbox .milbox--copy h1, .monthly-interupter-lightbox .milbox--copy p {
		text-align: left!important
	}
	.monthly-interupter-lightbox .milbox--copy h1 {
		font-size: 50px
	}
	.monthly-interupter-lightbox .milbox--copy p {
		font-size: 20px
	}
}
@media (min-width:1200px) { 
	.monthly-interupter-lightbox {
		top: 50%;
		margin-top: -225px
	}
	div.form-amount-wpr, div.donate-form-tribute, div.donate-form-billing, div.donate-form-payment {
		margin: 0 auto;
		width: 100%; 
		padding: 30px;     
		margin-top: 0px !important;
	}
	div.form-amount-wpr {
		padding:  0 0 30px;     
	}
	.stepped-donate-form-tabs {
		margin: 0 auto;
		width: 100%;
		max-width: 1000px;
		margin-top: -159px;
	}
}
#hopesociety-message {display:none}
/* end stepped donation form */

/* copied from Heartland wordpress bootstrap styling for nav */

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  width: 25%;
  margin-bottom: -1px;
  text-align: center;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
/* END of copied from Heartland wordpress bootstrap styling for nav */
.lightbox-content {
	display:none;
}
.featherlight-content .lightbox-content {
	display:block;
}
.featherlight .featherlight-content {
	max-width: 1140px;
	border: 3px solid #06808e;
}
html.with-featherlight { 
	overflow-y: visible;
}

.navbar-dark .navbar-toggler { 
    border-color: #ddd;
}
.navbar-nav > li > a {
	color: #777;
}
ul.navbar-nav .dropdown-menu {
	position: absolute;
	opacity: 0.9;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .show > a {
	background-image: -webkit-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);
	background-image: -o-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#dbdbdb),to(#e2e2e2));
	background-image: linear-gradient(to bottom,#dbdbdb 0,#e2e2e2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
	background-repeat: repeat-x;
	-webkit-box-shadow: inset 0 3px 9px rgba(0,0,0,.075);
	box-shadow: inset 0 3px 9px rgba(0,0,0,.075);    
	color: #555;
    background-color: #e7e7e7;
}
.row-with-vspace {
	margin-bottom: 20px;
} 
#site-footer p {
	margin: 0 0 20px;
}
img {
	max-width: 100%;
	height: auto;
} 
.lightbox-content {
	display:none;
}
.featherlight-content .lightbox-content {
	display:block;
}
.site-title p {
	margin: 0 0 0px;
}
.en__component--column.en__component--advcolumn { 
    margin: 0 0 0 auto;
}
.container {
	max-width: 1500px; 
} 
.main-content-wrap { 
	padding: 40px 15px; 
} 
@media (min-width:768px) { 
	.en__component--column.en__component--advcolumn.other-ways-to-give-wrap:first-child {
		margin-left: 50px;
	}
	.en__component--column.en__component--advcolumn.other-ways-to-give-wrap:last-child {
		margin-right: 50px;
	}
}

@media (max-width:767px) {
	.header__update { 
		display: block;
		text-align: center;
	}
	.header__update .header__social-list {
		display: block; 
	}
	.header__quick-links-search { 
		justify-content: center; 
	}
	.header__quick-links { 
		padding-left: 0;
		margin-bottom: 10px;
		padding-top: 0px;
	}
	.site-title p {
		margin: 0;text-align: center;
	} 
	h3 { 
		margin-bottom: 1em;
	}
	.nav > li { 
		width: 100%;
	}
	.navbar-header {
		align-self: end;
		display: block;
		width: 100%;
	}
	.navbar > .container, .navbar > .container-fluid {  
		align-items: flex-end; 
		justify-content: flex-end;
	}
	header {
		margin-top: 0;
	}
}
/* events */
.en__ticketBlock,
.en__ticketRecurring, 
.en__ticketSummary,
.en__ticket__field {
	border: none;
	background: none;
}
.en__tickets,
.en__orderSummary { 
	padding: 0;
	max-width: 700px;
}
.en__orderSummary {
	margin-bottom: 40px;
}
.en__ticketSummary { 
	justify-content: flex-start;
}
.en__registrants,
.en__registrants__registrant {
	padding: 0;
}
.en__ticket__field--info, .en__additional__label {
	padding: 14px 0;
}
.en__ticketRecurring__select, .en__ticketSummary__checkout { 
	background-color: #06808e;     
	height: 60px;
    line-height: 60px;
    font-size: 1.33rem;
    padding: 0 60px;
	transition: all .1s ease-in;
	letter-spacing: 1px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: .25rem;
} 
.en__ticketRecurring__select:hover, .en__ticketSummary__checkout:hover { 
	background-color: #000000;  
}
.en__field__input--calendar, .en__field__input--email, .en__field__input--number, .en__field__input--password, .en__field__input--range, .en__field__input--telephone, .en__field__input--text, .en__field__input--textarea, .en__field__input--select { 
	width: 100%;
	max-width: 400px;
}
.stepped-donate-form-wrap .en__field__input--calendar, .stepped-donate-form-wrap .en__field__input--email, .stepped-donate-form-wrap .en__field__input--number, .stepped-donate-form-wrap .en__field__input--password, .stepped-donate-form-wrap .en__field__input--range, .stepped-donate-form-wrap .en__field__input--telephone, .stepped-donate-form-wrap .en__field__input--text, .stepped-donate-form-wrap .en__field__input--textarea, .stepped-donate-form-wrap .en__field__input--select {  
	max-width: 100%;
}
.en__additional__promo {
	display: block;
	clear: both; 
	width: 100%;
	margin-bottom: 30px;
	text-align: left;
}
.en__additional__code {
	width: 235px;
}
.button1 {
	display:inline-block;
}
@media(max-width:768px){ 
	.en__additional__amount, .en__ticket__field--cost { 
		width: auto;
	}
	.en__ticket__field--quantity {
		width: 6em;
	}
	 .en__ticket__minus, .en__ticket__plus { 
		display: none;
	}
	.en__additional {
		display: block;
	}
	.en__additional__promo { 
		display: block;
		width: 100%;
	}
	.en__ticketSummary { 
		margin-top: 30px;
	}
	.en__additional__amount, .en__additional__label, .en__ticket__currency, .en__ticket__name, .en__ticket__price, .en__ticket__quantity { 
		font-size: 18px;
	} 

}
/* END events */
div.en__field--donationAmt .en__field__element--radio .en__field__item--other.currency-usd:before,
div.en__field--donationAmt .en__field__element--radio .en__field__item--other.currency-cad:before,
div.en__field--donationAmt .en__field__element--radio .en__field__item--other.currency-mxn:before {
	content: "$"; 
} 
div.en__field--donationAmt .en__field__element--radio .en__field__item--other.currency-afn:before {
	content: "Ø‹"; 
}
div.en__field--donationAmt .en__field__element--radio .en__field__item--other.currency-eur:before {
	content: "€"; 
}
div.en__field--donationAmt .en__field__element--radio .en__field__item--other.currency-inr:before {
	content: "₹"; 
} 
.visually-hidden {
    position: absolute!important;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}
#footers-wrapper.remove-red-bg {
    background-image: none;
    padding-top: 0; 
}
.remove-red-bg .footer-address {
	margin-top:0;
}
.header-wrapper.logo-only {
    padding: 15px 0;
    border-bottom: 2px solid #b8b9b9;
}
.header-wrapper.logo-only #header { 
    padding-top: 0;
    margin-top: 0;
}
.en__component label {
	font-weight:normal;
}
.featherlight .featherlight-inner#hopesociety-message {
    display: block;
} 
#en__field_transaction_paymenttype option[value=Paypal] {
    display: none;
}
.en__field--send-an-ecard {
    margin-bottom: 30px;
}
p:last-child {
    margin-bottom: 1.5em;
}
.normal-form-wrap .en__field--checkbox {
    margin-top: 20px;
    margin-bottom: 10px;
}
.email-opt-in-options .en__field--checkbox {
    margin-top: 0;
    margin-bottom: 0;
}
.normal-form-wrap input[type=checkbox] {
    display: inline-block;
    float: none !important;
}
.normal-form-wrap input[type=checkbox] ~ label {
    float: none !important;
    display: inline-block;
    width: 94%;
    margin-top: 2px; 
}
label.error { 
	background: none;
}
.normal-page-layout label.error {
    display: none !important;
}
.en__field__label { 
    width: auto;
}
.don-header { 
    margin: 0 auto;
    background-color: #800000 !important;
}
.DonorRollWidget { 
    margin: 0 auto;
}
div#donation_form_body {
    position: relative !important;
} 
.en__field--radio.en__field--survey,
.en__field--checkbox.en__field--survey,
.en__field--rating.en__field--survey {
	margin-bottom: .75em;
}
.en__captcha {
	margin-top: 20px;
}
.en__component--formblock.advocacy-sign-up .en__field--emailAddress {
	width: 100%;
}
.enWidget.enWidget--progressBar {
	padding: 0 0 20px;
}
.enWidget--progressBar .enWidget__copy.enWidget__copy--above {
	font-size: 24px;
	font-weight: 600;
	color: #16190c;
	line-height: 1.2;
	text-transform: none;
	letter-spacing: .16px;
}
.margin-left-0 { margin-left:0 }
.microsite-menu ul {
    display: flex;
    justify-content: space-around;
    background: #8e1838;
}
.microsite-menu li a {
    color: #fff;
    padding: 15px;
    display: block;
}
.microsite-menu li a:hover {
    background: #530224;
}
.quote {
    padding: 50px;
    background: #EFEFEF;
}
.en__supporterHubLogin {
	max-width: 500px; 
	width:100%;
}
.en__supporterHubLogin__header { 
	font-size: 34px;
	color: #941e2f;
	font-weight: 700;
	text-shadow: 3px 3px 0 rgb(255 255 255 / 50%);
	font-family: 'Montserrat',sans-serif;
	line-height: 1;
}
.en__field.en__field--hublogin {
	width: 100%;
}
.en__component--formblock .en__submit { 
	margin: 30px 0;
}
.en__field__element--tripleselect select {
    min-width: 100px;
}
.en__component--page.stepped-donate-form-wrap ul.en__errorList {
    position: fixed;
    bottom: 0;
    z-index: 9;
    left: 0;  
    display: block;
    width: 100%;
}
.en__errorList > .en__error { 
    color: #fff; 
    background-color: #b71c1c;
}
* {
    box-sizing: border-box;
}
.banner-image .en__p2p__image > img {
    width: 100%;
}
@media(min-width:768px){
	.normal-form-wrap input[type=checkbox] ~ label { 
		width: 97%; 
	}
	.normal-form-wrap .en__field--firstName, .normal-form-wrap .en__field--lastName, .normal-form-wrap .en__field--emailAddress {
		width: 31%;
		display: inline-block; 
		margin-right: 3%;
	}
	.normal-form-wrap .en__field--emailAddress { 
		margin-right: 0;
	}
}
@media(max-width:991px){
	.banner-image .en__component--imageblock > img.desktop-only { display:none !important; }
}
@media(min-width:992px){
	.banner-image .en__component--imageblock > img.mobile-only { display:none !important; }
}
/* end rady specific p2pv3 styles */
/*  THEME for RADY LIGHT THE WAY */
/*-----------------------------------------------------------------------------------*/
/*  GREETING
/*-----------------------------------------------------------------------------------*/
body.personal_team .featured-header{display:flex;align-items:center;justify-content:center;background-repeat:no-repeat;background-size:cover;background-position:top center}
body.personal_team .featured-header{background-position:bottom;height:480px}
#main-banner{background-position:center;background-repeat:no-repeat;background-size:cover;display: flex;align-items: flex-end;height: 600px} 
#main-banner .overlay{color:#fff;font-size:50px;max-width:700px;margin:0 4% 30px}
#main-banner .overlay h1{color: #fff;font-size:90px;line-height: 1;}
#main-banner .overlay p{color: #fff;font-size:35px;line-height: 1;}
#main-banner .overlay p{margin:0 0 10px}
a.big-btn,div.responsive a.big-btn{font-size:22px;padding:3% 9%;line-height:20px}
.overlay a.donate-btn,div.responsive .overlay a.donate-btn{margin:0 20px 0 0}
.overlay .btns .rady-button {
    margin-bottom: 15px;
}
#bubble-banner{background-image: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10136/bubbles.png?v=1692424171000),linear-gradient(180deg,#000000,#000000)!important;background-position:50% 50%,0 0;background-size:cover,auto;padding:75px 2%;text-align:center}
#bubble-banner .overlay{color:#fff;text-align:center;max-width:790px;margin:0 auto}
#bubble-banner .overlay *{color:#fff}
.interior-banner img{display:block;width:100%;height: auto !important;}
@media (max-width: 991px) {
#main-banner .overlay h1{font-size:90px}
}
@media (max-width:720px) {
#main-banner{background:none;background-image:none!important;padding:0;display:block;height:auto;text-align:center;padding-bottom:20px}
#main-banner .mobile-banner,.interior-banner img.mobile-layout{display:block;width:100%;min-width:300px}
.interior-banner img.desktop-layout{display:none}
#main-banner .overlay{background:#fff;color:#000;font-size:30px;margin:0;padding:20px 2% 0px;margin:0 auto}
#main-banner .overlay h1{color:#000;font-size:36px;}
#main-banner .overlay p{color: #000;font-size:20px;line-height:1}
#main-banner .overlay .line1,#main-banner .overlay .line2,#main-banner .overlay .line3{display:block;text-align:center;padding:0 2%;margin:0 auto}
.btns{text-align:center}
}
#entry-meter{display:flex;background:url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10136/ltw_therm_cutout1.png?v=1692425176000) no-repeat bottom left;padding:75px 2%;background-size:contain!important;margin:2% 0 0}
#entry-meter .progress-bar-container{margin:0 10% 0 auto;flex-basis:45%}
#entry-meter .progress,#participant-meter .progress{background-color:#06808e;margin-top:20px;height:50px;margin-bottom:20px;overflow:hidden;border-radius:40px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}
#entry-meter .progress-bar,#participant-meter .progress-bar{background-color:#000;height:100%;width:0}
#entry-meter .meter-text,#participant-meter .meter-text{font-size:20px;font-weight:700;margin:15px auto}
#entry-meter .meter-text .raised,#participant-meter .meter-text .raised{color:#000;font-size:20px;font-weight:700;
    font-family: var(--fontFamilyMain);}
#entry-meter .meter-text .goal,#participant-meter .meter-text .goal{color:#000;font-size:20px;font-weight:700;
    font-family: var(--fontFamilyMain);}
#main-progress-therm{display:flex;position:relative;z-index:5;background:#06808e;border:none;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;height: 40px;overflow:visible;margin: 40px 0px;}
#main-progress-therm .progress-meter{height:100%;-moz-border-radius:40px 0px 0px 40px;-webkit-border-radius:40px 0px 0px 40px;border-radius:40px 0px 0px 40px;transition:all 1s linear;background:#000;border-width:0;border-style:solid;border-color:#fff}
#main-progress-therm .therm-icon{position:relative;top: -15px;display:inline-block;width:76px;height:76px;margin:0 auto 0 -40px;left:15px}
@media (max-width:1440px) {
#entry-meter {
    padding: 35px 2%;
}	
}
@media (max-width:1050px) {
#entry-meter{background:none!important;flex-direction:column;padding:0}
#entry-meter .mobile-therm{display:block;width:100%}
#entry-meter .progress-bar-container{width:95%;margin:0 auto 15px;padding:0 2%;text-align:center}
#main-progress-therm .therm-icon{left:25px}
}
#start-fundraising{background:#06808E;color:#fff;text-align:center;padding:75px 2%}
#start-fundraising *{color:#fff;text-decoration: none;}
#start-fundraising .goal-chooser{display:flex;justify-content:space-between;max-width:1220px;margin:0 auto}
#start-fundraising .item{max-width:376px;cursor:pointer;flex:1;margin:0 15px}
#start-fundraising .circle{border:#fff solid 3px;border-radius:80px;width:168px;height:168px;box-sizing:border-box;padding:50px 0 0;margin:0 auto;display:flex;flex-direction:column;align-items:center;}
html.firefox-browser #start-fundraising .circle{line-height:1.4;}
#start-fundraising .raise{font-size:18px;font-weight:700}
#start-fundraising .amount{font-size:50px}
#start-fundraising .line{background:#fff;width:3px;height:50px;margin:10px auto 0}
@media(max-width:1240px) {
#start-fundraising .goal-chooser{flex-direction:column}
#start-fundraising .item{margin:0 auto 15px}
}
#full-leaderboards{padding:2% 4%;width:100%;max-width:90%;box-shadow:3px 4px 38px 0 rgba(0,0,0,0.2);margin:25px auto}
#full-leaderboards .three-col{display:flex;align-content:center;width:100%}
#full-leaderboards .tabs a{position:relative;background:#06808e;color:#fff;font-size:20px;text-transform:uppercase;text-decoration:none;text-align:center;width:100%;max-width:34%;padding:20px 0}
#full-leaderboards .tabs a:hover,#full-leaderboards .tabs a.active{background:#000}
#full-leaderboards .tabs a:hover:after,#full-leaderboards .tabs a.active:after{content:'';position:absolute;left:45%;top:100%;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #000;clear:both}
#full-leaderboards h2{text-align:center;color:#000}
#full-leaderboards .left a{text-align:center;color:#06808e;font-weight:700}
#full-leaderboards .tabs .separator{display:block;border-left:#fff 1px solid;width:1px;height:65px;top:20px;position:relative}
#full-leaderboards .two-col{display:flex;justify-content:space-between;align-items:stretch;width:100%}
#full-leaderboards .two-col .left{text-align:center;padding:5% 0 0;width:100%;max-width:35%;display:flex;align-items:center;justify-content:center;flex-direction:column}
#full-leaderboards .two-col .separator{background:#636363;width:2px;margin:2%;display:block}
#full-leaderboards .two-col .right{width:100%;max-width:75%;padding:5% 0}
#full-leaderboards .two-col .right h2{display:none}
#full-leaderboards .right .item{display:flex;justify-content:space-between;align-items:center;font-size:18px;width:100%;margin-bottom:20px}
#full-leaderboards .right .name,#full-leaderboards .right .raised,#full-leaderboards .right .donate-link{width:100%;max-width:34%}
#full-leaderboards .right .name a{color:#06808e;font-weight:700}
#full-leaderboards .right .raised{padding:0 2%}
#full-leaderboards .right .raised,#full-leaderboards .right .donate-link{text-align:right}
#companies .donate-link,.companies .donate-link,#local_company_page #sidebar_donate_button{display:none}
@media (max-width:990px) {
#full-leaderboards .three-col{flex-direction:column;justify-content:center;align-items:center}
#full-leaderboards .tabs a{max-width:100%;border-top:#fff solid 3px}
#full-leaderboards .tabs a:hover:after,#full-leaderboards .tabs a.active:after{border:none}
#full-leaderboards .tabs .separator,#full-leaderboards .two-col .left h2{display:none}
#full-leaderboards .two-col{flex-direction:column;justify-content:center;align-items:center}
#full-leaderboards .two-col .left{order:2;padding:0}
#full-leaderboards .two-col .right{order:1;max-width:100%;padding:0}
#full-leaderboards .two-col .right h2{display:block}
#bubble-banner,#start-fundraising{padding:30px 2%}
#full-leaderboards .right .donate-link a {padding: 11.5px !important;}
}
#leaderboards{display:flex;justify-content:space-around;text-align:center;max-width:1220px;border-bottom:#a1a1a1 1px solid;padding:2% 0;margin:30px auto}
#leaderboards.single{border:none}
#leaderboards .col{width:100%;max-width:45%;display:flex;flex-direction:column;flex-wrap:wrap}
#leaderboards .line{background:#a1a1a1;width:1px;max-width:1px}
#leaderboards h1{text-align:center}
#leaderboards .item{display:flex;margin:0 0 15px;text-align:left;align-items:baseline}
#leaderboards .num,#full-leaderboards .num{flex-basis:28px;padding:0 15px 0 0;height:20px;border-right:#06808e solid 1px;margin:0 15px 0 0;box-sizing:border-box}
#full-leaderboards .num,#leaderboards .num,#leaderboards .name,#leaderboards .view{color:#06808e;font-size:18px;font-weight:700}
#leaderboards .name{flex:1 100%}
#leaderboards .name a,#full-leaderboards .name a{color:#06808e}
#leaderboards .amount,#leaderboards .raised{color:#000;font-size:18px;margin:0 20px}
#leaderboards .link{width:100px}
#leaderboards .view{display:inline-block;margin:15px auto 0;text-align:center}
@media(max-width:960px) {
#leaderboards{flex-direction:column;padding:2%}
#leaderboards .col{max-width:720px;margin:0 auto 15px}
#leaderboards .line{background:#a1a1a1;width:100%;max-width:100%;height:1px}
}
#global-search{text-align:center;max-width:1220px;padding:2% 0;margin:30px auto}
#global-search .inner{position:relative;max-width:790px;text-align:center;margin:0 auto}
#search-tab-nav{display:flex;justify-content:center}
#search-tab-nav a{display:block;color:#fff;background:#06808e;font-size:18px;font-weight:700;text-decoration:none;border-radius:0px;padding:18px;max-width:200px;width:100%}
#search-tab-nav a:hover,#search-tab-nav a.active{background:#000}
#search-tab-nav a.participant{border-top-right-radius:0;border-bottom-right-radius:0}
#search-tab-nav a.team{border-top-left-radius:0;border-bottom-left-radius:0}
#global-search .tab{padding:4% 0 0}
div#find_participant input[type="text"],div#find_participant select{display:inline-block}
#global-search .tab input[type="text"].search,div.responsive #global-search .tab input[type="text"].search{position:relative;z-index:1;color:#06808e;font-size:20px;font-weight:700;background:transparent;box-shadow:none;border-radius:0;border-top:0;border-right:0;border-bottom:2px solid #a1a1a1;border-left:0;width:90%;padding:2.5%}
#global-search .name-container{display:flex;justify-content:space-around;align-items:center;margin:0 auto}
input#partfname.search{margin:0 2%;max-width:45%}
input#partlname.search{max-width:45%}
#global-search .tab i.fa-search{position:relative;z-index:2;color:#06808e;font-size:28px;left:-58px;top:0;cursor:pointer}
#global-search .tab form#teamFindFriendForm i.fa-search{left:-65px;}
@media (max-width: 960px) {
#global-search .inner{max-width:95%}
#global-search .tab i.fa-search{left:-25px}
}
@media (max-width: 700px) {
#participant-search .name-container{max-width:85%}
#global-search .tab input.search{font-size:.9rem;width:50%}
}
#feature-grid{color:#fff;width:100%;margin:0px auto 0;padding:0}
#feature-grid *{color:#fff;}
#feature-grid .row{display:flex;margin:0 auto}
#feature-grid .square{width:50%}
#feature-grid .square.text{background:#0096a6;padding:3% 3% 0;box-sizing:border-box}
#feature-grid .square.photo{box-sizing:border-box;overflow:hidden}
#feature-grid .square img{display:block;width:100%;min-width:545px;min-height:307px}
#ltw_video{display:block;width:100%;min-width:545px;height:100%;min-height:307px}
@media (max-width: 1170px) {
#feature-grid .square.text{padding:1.5% 1.5% 0}
}
@media (max-width: 1100px) {
#feature-grid .square.text{font-size:90%}
}
@media (max-width: 960px) {
#feature-grid .row{flex-direction:column}
#feature-grid .square{width:100%}
#feature-grid .square.text{padding:5% 5% 0;font-size:100%}
#feature-grid .square.photo{order:1}
#feature-grid .square img{min-width:auto;min-height:auto}
}
#sponsor-row{text-align:center;max-width:750px;margin:30px auto;padding:20px 2%}
#sponsor-row .list{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
#sponsor-row .list img{margin:0 auto 10px}

footer .footer-top {
    background-color: #000;
}
.footer .container {
    max-width: 100%;
    width: 100%;
	padding:0;
}
footer a {
    font-size: 16px!important;
    text-decoration: none;
    font-weight: 600;
    line-height: 20px;
}
footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
footer .footer-bottom {
    background-color: #06808e;
    overflow: hidden;
}
.footer-bottom a {
    text-decoration: none;
}
.footernav {display:none !important }
footer {
    margin: 0 !important;
}
.text-black {
    color: #000!important;
}
.fontFamilyGotham {
    font-family: 'Gotham',sans-serif!important;
}
.font-medium {
    font-weight: 500!important;
}
.font-bold {
    font-weight: 700!important;
}
.content > .container {
    max-width: 100%;
    width: 100%;
}

 
.page-wrap, .header, .nav ul.navlist {
	background-color: #fff;
}
 
a, .gamma h4, .group-member-count div, .page-raised, .search-page-name, .search-result-name a, .search-page-info-name, .search-link, .hq-tabs a.active, .hq-box-header, .hq-bar, .hq-title, .hq-title-bold, .hq-large, .hq-big, .hq-label, .hq-page-info-icon [class^="amp-icon-"], .hq-page-info-icon [class*=" amp-icon-"], .hq-page-info-name, .hq-page-info-cmp, .hq-page-info-progress, .hq-donor-page, .hq-donor-thanked, .cg-header *, .cg-name, #page_link_picker a span, .chat_name, #hqmenu a.hqmenu-header, #hqmenu a.hqmenu-active, #hqmenu a.hqmenu-lead, .hq-donations-filter, .regitem, .regcurr, .regtotalcur, .hq-fundraiser-name, .page-attendees-header {
    color: #06808e;
}

.column-title, #donationTable th, .hq-box-header-bold, .hq-button-mini-active, #hqmenu a span, .alert {
    background-color: #06808e;
}

.hq-title-bold {
    border-color: #06808e;
}

.column-title a.form-expand-close {
    color: #feeaec;
}

.beta-max, .beta-maxd, #donationTable tr.odd td, .hq-tabs, .hq-user-mobile .hq-page-block, .hq-box-header, .hq-task-row a:hover, .hq-bar, .hq-label, .hq-page-block, .hq-dashboard-block, .hq-page-donor-active, .hq-activity-inner a:hover, .hq-overall-inner a:hover, .cg-header, .cg-active, #contact_list_viewer a:hover, #contact_selector a:hover, .checklist a:hover, #hq_auto_email a:hover, #hq_auto_email a.active, #page_link_picker a:hover, .emoji_cat0.active, .emoji_cat1.active, .emoji_cat2.active, .emoji_cat3.active, .emoji_cat4.active, .faketext div, #hqmenu a:hover, #hqmenu a.hqmenu-header, .hq-donations-filter, #ext-pages a:hover, .popup-header, .honor_comment, .flex-total {
    background-color: #ffffff !important;
}

.center-box-border, .columns-hq .column, .hq-box, .hq-box2, .row-expand, .emoji_cat0.active, .emoji_cat1.active, .emoji_cat2.active, .emoji_cat3.active, .emoji_cat4.active, .donation_receipt_body, .faketext div, .honor_comment:before {
    border-color: #06808e;
}

.button:visited,
.button, .search-button, .button_small, .donate-search-selet, #donation_submit, .donate-result-canvas div, .hq-button-active, #inline-confirm a:hover, .faketext div a:hover, .custom-checkbox input:checked ~ .checkmark {
    background-color: #06808e;color:#fff;text-decoration:none;
}

#donation_search, #donation_submit, #donation_search_link, #donate_search_filters, .inline-edit, .custom-checkbox input:checked ~ .checkmark {
    border-color: #06808e;
}

.hq-button, .hq-button-mini, .form-success, .tooltip .tooltiptext {
    background-color: #c95345;
}

.hq-link, .hq-link-fixed {
    color: #c95345;
}

.tooltip .tooltiptext::before {
    border-color: #c95345;
}

#tabs {
	border: none;
	padding: 0;
}
 
.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
	text-align: center; 
	background: none;
	border: none;
	border-bottom: 1px solid #06808e;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { 
	font-size: 20px;
}
 
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #ffffff; 
}
.ui-widget-content {
	color: #212529;
}
.ui-widget-content a {
	color: #06808e;
}
.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; 
}
.row.hb-blocks {
	margin: 20px 0;
}
.hb-blocks .col-md-4 {
	text-align: center;
	background: #efefef;
	border-radius: 3px;
	margin: 0 1% 0 0;
	padding: 10px;
	padding: 20px;
	box-sizing: border-box;
}
.hb-blocks .button.button-center {
	width: 100%; 
	white-space: normal;
	line-height: 1.3;
	margin: 0;
	display: block;
	box-sizing: border-box;
	min-width: 100%;padding: 11px 10px;
	text-decoration:none;
}
.hb-blocks p {
    padding-bottom: 20px;
}
@media(min-width:768px){ 
	.col-md-4 {
		-ms-flex: 0 0 32.333333%;
		flex: 0 0 32.333333%;
		max-width: 32.333333%;
	}
.row .LeaderboardWidget {
	flex-grow: 1;
	max-width: 100% !important;
	flex-basis: 47%;
	margin-right: 3%;
}
}
@media(max-width:767px){
	.hb-blocks .col-md-4 { 
		width: 100%;
		margin: 0 0 30px;
	}	
	.ui-tabs .ui-tabs-nav .ui-tabs-anchor { 
		font-size: 16px;
	}
	.ui-tabs .ui-tabs-panel { 
		padding: 0; 
	}
} 
.don-header { 
    background-color: #ffffff !important;
}

/* DARK RED THEME for P2P*/
.donate_display .button_small {
    background: #207588;
}
.header, .nav ul.navlist {
	background-color: #fff;
	color: #000;
} 

a, .gamma h4, .group-member-count div, .page-raised, .search-page-name, .search-result-name a, .search-page-info-name, .search-link, .hq-tabs a.active, .hq-box-header, .hq-bar, .hq-title, .hq-title-bold, .hq-large, .hq-big, .hq-label, .hq-page-info-icon [class^="amp-icon-"], .hq-page-info-icon [class*=" amp-icon-"], .hq-page-info-name, .hq-page-info-cmp, .hq-page-info-progress, .hq-donor-page, .hq-donor-thanked, .cg-header *, .cg-name, #page_link_picker a span, .chat_name, #hqmenu a.hqmenu-header, #hqmenu a.hqmenu-active, #hqmenu a.hqmenu-lead, .hq-donations-filter, .regitem, .regcurr, .regtotalcur, .hq-fundraiser-name, .page-attendees-header {
    color: #06808e;
}

.column-title, #donationTable th, .hq-box-header-bold, .hq-button-mini-active, #hqmenu a span, .alert {
    background-color: #06808e;
}

.hq-title-bold {
    border-color: #06808e;
}

.column-title a.form-expand-close {
    color: #06808e;
}

.beta-max, .beta-maxd, #donationTable tr.odd td, .hq-tabs, .hq-user-mobile .hq-page-block, .hq-box-header, .hq-task-row a:hover, .hq-bar, .hq-label, .hq-page-block, .hq-dashboard-block, .hq-page-donor-active, .hq-activity-inner a:hover, .hq-overall-inner a:hover, .cg-header, .cg-active, #contact_list_viewer a:hover, #contact_selector a:hover, .checklist a:hover, #hq_auto_email a:hover, #hq_auto_email a.active, #page_link_picker a:hover, .emoji_cat0.active, .emoji_cat1.active, .emoji_cat2.active, .emoji_cat3.active, .emoji_cat4.active, .faketext div, #hqmenu a:hover, #hqmenu a.hqmenu-header, .hq-donations-filter, #ext-pages a:hover, .popup-header, .honor_comment, .flex-total {
    background-color: #06808e;
}

.center-box-border, .columns-hq .column, .hq-box, .hq-box2, .row-expand, .emoji_cat0.active, .emoji_cat1.active, .emoji_cat2.active, .emoji_cat3.active, .emoji_cat4.active, .donation_receipt_body, .faketext div, .honor_comment:before {
    border-color: #06808e;
}

.button, .search-button, .button_small, .donate-search-selet, #donation_submit, .donate-result-canvas div, .custom-option-selected, .hq-button-active, #inline-confirm a:hover, .faketext div a:hover, .custom-checkbox input:checked ~ .checkmark {
    background-color: #06808e;
}
.button:hover {
	background: #000000;
	box-shadow: none;
}
#donation_search, #donation_submit, #donation_search_link, #donate_search_filters, .inline-edit, .custom-checkbox input:checked ~ .checkmark {
    border-color: #06808e;
} 
.thermometer { 
    display: none !important;
	background: none; 
	padding: 0 0px;
    width: 100%;margin-bottom: 30px;
}
.raised { 
	color: #06808e; 
}
.goal { 
	color: #06808e; 
}
.therm .therm_progress { 
	color: #06808e; 
}
.progressBar_therm { 
	background-color: #cacacacf; 
}
.progressBar_therm div { 
	background-color: #06808e; 
}
.regtypewidgetoption, .parttypewidgetoption, .activityoption { 
	color: #06808e;
}
.form-title { 
    padding-bottom: 0; 
    font-family: var(--fontFamilyGothamCondensed)!important;
    font-weight: 500;
    font-size: 36px;
    margin: 0 0 0;
    line-height: 1em;
    color: var(--black);
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
}
.form-text {
	color: #000;
	padding: 0;
    text-align: center;
    font-size: var(--defaultTextSize); 
}
.form-panel-body {
    padding-left: 10px;
    padding-right: 10px;
}
div#social_login_box {
    margin-top: 30px;
}
.field-cover {
	padding: 5px 0px; 
}
.regtypewidgetoption span.desc, .parttypewidgetoption span.desc, .parttypewidgetoption span.fee-desc { 
	color: #212529; 
	font-size: inherit; 
}
body { 
	font-size: 18px;
}
.firstcontainer {
	background-color: #06808e; 
}
.page-wrap {
	background-color: #ffffff; 
}
.nav ul.navlist li {
	background: none;
	color: #000;
	font-size: 20px;
	border-radius: 0;
    vertical-align: middle;
	margin: 0 18px 0 0; 
}
.nav ul.navlist li a {
    padding: 5px 10px; 
    width: 150px;
    font-family: var(--fontFamilyNeusaDemiBold)!important;
    font-size: 18px!important;
    padding: 12px 15px 10px!important;
    line-height: 1!important;
    text-align: center; 
    color: #000!important;
    border-color: #000!important;
    background-color: transparent!important;
    background-image: none !important;
    border-style: solid;
    border-width: 1px !important;
    border-radius: var(--buttonBorderRadius) !important;
    display: inline-block; 
    font-weight: var(--buttonFontWeight) !important;
    line-height: var(--buttonLineHeight) !important;
    padding: var(--buttonPadding) !important;
    text-transform: var(--buttonTextTransform);
    text-decoration: none !important;
    text-align: center;
    background-image: none !important;
    -webkit-transition: border-color 350ms ease-in-out, background-color 350ms ease-in-out;
    transition: border-color 350ms ease-in-out, background-color 350ms ease-in-out;
}
.nav ul.navlist li:hover {
	background:#06808e;
    border-color: #06808e!important;
	color:#ffffff!important
}
 
.nav ul.navlist li:hover > a { 
	color:#ffffff!important
}
.nav ul.navlist li.rich.profile-menu {
	background: none;
	color: #06808e;
}
.button_small,
.therm_numbers,
.goal,
.raised,
.therm .therm_progress,
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { 
	font-family: 'Open Sans', sans-serif !important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
}
.LeaderboardWidget.lbd-type9 .lbd-row {
	display: inline-block;
	width: 29%;
	background-color: #dbdbdb;
	box-shadow: 0px 0 5px #00000061;
	text-align: center;
	margin-right: 2%;
	margin-bottom: 2%;
}
.lbd-type9 a.lbd-button {
	background: #06808e;
	background-color: #06808e !important;
	color: #fff !important;
	font0we: ;
	font-weight: normal; 
	border-radius: 3px;
	padding: 5px 15px;
	margin: 10px;
	display: inline-block;
}
.lbd-type9 a.lbd-button:hover {
	background: #000000;
	background-color: #000000 !important;
	text-decoration:none;
}
.lbd-type9 .lbd-image img { 
	border: 3px solid #fff;
}
.lbd-type9 .lbd-name { 
	text-transform: capitalize;
	font-size: 28px !important;
	line-height: 1.3;
	color: #06808e;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.lbd-type9 .lbd-image { 
	margin: 0 auto;
} 
.lbd-type9 .lbd-index {
	margin: 0;
	color: #212529 !important;
	font-weight: bold;
}
.lbd-header {
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-size: 28px;
	line-height: 1.3;
	color: #06808e;
}
.don-header {
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-size: 28px;
	line-height: 1.3;
	color: #06808e;
	box-shadow: none;
} 
pre {
    padding: 13.5px;
    margin: 0 0 14px;
    font-size: 16px;
    line-height: 1.7;
    word-break: break-word; 
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    white-space: pre-wrap;
    word-wrap: normal;
}
@media(max-width:769px){
	.LeaderboardWidget.lbd-type9 .lbd-row { 
		width: 100%; 
		margin-right: 0%; 
	}
} 
/* donate */
.column-title, #donationTable th, .hq-box-header-bold, .hq-button-mini-active, #hqmenu a span, .alert { 
    background: none;
	padding:0;
}
#inline_form_title h2 {
    color: #06808e; 
    padding: 0;
    margin: 0;
    font-size: 34px;
	line-height:1.3;
}
.custom-option.donationAmt {
    -webkit-transition: color 100ms ease,border-color 500ms ease;
    transition: color 100ms ease,border-color 500ms ease;
    color: #272828;
    background: #f5f5f5;
    border: 4px solid #207588;
    padding: 15px 10px; 
    border-radius: 0;
    margin-left: 0;
    margin-right: 10px;
    font-weight: normal; 
}
.custom-option.donationAmt:hover,
.custom-option.donationAmt:active,
.custom-option.donationAmt:focus,
.custom-option.donationAmt.custom-option-selected {
    background-color: #207588;
    color: #fff;
}
.form-panel p,  
div.max-row label[for=donationAmt].formLabel
{
    padding: 0;
    font-size: 28px;
    line-height: 30px;
    font-weight: 600;
    color: #16190c;
    margin-bottom: 10px;
}
div.max-row label.formLabel {  
    font-size: 18px;
    font-weight: normal;
}
div.max-row input[type=tel],
div.max-row input[type=text], div.max-row input[type=number], div.max-row input[type=password], div.max-row select, div.max-row textarea, .faketext { 
    font-size: 18px;
    padding: 0.5rem;
    vertical-align: middle;
    box-sizing: border-box;
    border-radius: 0;
    background: #fff;
    border: 1px solid #000;
    padding: 6px 15px;
}
select, div.form-row div.form-content>select, div.responsive select {
    padding-right: 2.5rem;
    cursor: pointer;
    color: var(--white) !important;
    background-size: 50px 110px !important;
    background-position: right -24px !important;
    background-repeat: no-repeat !important;
    background-color: var(--black)!important;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z' fill='%2306808E' /%3E%3C/svg%3E") !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
	font-family: var(--default-font-family), Arial, Helvetica, sans-serif !important; 
}
input#donationAmt {
    display: none;
}
.optional-input-wrap {
    padding: 10px;
    padding-left: 0;
}
.field-wrapper { 
    vertical-align: top;
}
.footer {
    margin-top: 0px;
    padding: 0;
    background-color: #000;
}
p { padding:0 }
.flex-control-paging li a { 
	font-size: 0;
}
.LeaderboardWidget.lbd-type3 {
    margin: 0 auto;
}
.btn { 
	border: 0 none;
	border-radius: 3px; 
	cursor: pointer;
	display: inline-block;
	font-family: 'Open Sans',sans-serif !important;
	font-size: 1.5rem;
	font-weight: normal;
	line-height: 2.6rem;
	margin: 0.5rem 0;
	padding: 0.8rem 1.5rem;
	text-transform: uppercase;
	cursor: pointer;
	height: auto;
	color: #fff !important;
background: #06808e;
}
.DonorRollWidget-name { 
	font-size: 18px;
	font-weight: normal;
	font-family: 'Open Sans', 'Arial', sans-serif;
	line-height: 2.3rem;
	color: #212529;
}
.DonorRollWidget-amount { 
	font-weight: bold;
	font-size: 18px; 
	font-family: 'Open Sans', 'Arial', sans-serif;
	line-height: 2.3rem;
	color: #212529;
}
a#floating-handle {
    background: #06808e;
}
 
.slide-out-nav {
    display: flex;
    width: 36px;
    height: 40px;
    position: relative;
    margin: 0 auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    margin-left: 10px;
    top: 15px;
}
.slide-out-nav span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #06808e;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.slide-out-nav span:nth-child(1) {
    top: 0;
}
.slide-out-nav span:nth-child(2), .slide-out-nav span:nth-child(3) {
    top: 10px;
}
.slide-out-nav span:nth-child(2), .slide-out-nav span:nth-child(3) {
    top: 10px;
}
.slide-out-nav span:nth-child(4) {
    top: 20px;
}
.slide-out-nav span.slide-out-last, .header li.modal-menu-link span {
    top: 25px;
    background: transparent;
    text-align: center;
    font-size: 18px;
    font-family: var(--fontFamilyNeusaDemiBold);
}
.pushy {
    position: fixed;
    width: 300px;
    height: 100%;
    top: 0px;
    z-index: 100021;
    background: var(--white);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.pushy-right {
    -webkit-transform: translate3d(300px, 0, 0);
    -ms-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
}
#main, .pushy, .push {
    transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.pushy.pushy-right {
    right: 0;
}
.pushy-open-left .pushy, .pushy-open-right .pushy {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.pushy-content {
    transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}
.pushy-open-left .pushy-content, .pushy-open-right .pushy-content {
    visibility: visible;
}
.pushy-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.pushy-content ul li:hover {
    background: #06808e;
}
.pushy-content ul li:first-child {
    padding: 20px 40px;
}
.pushy-content ul li.slide-out-social {
    display: inline-block;
    margin-bottom: 50px;
}
.pushy-content ul li.slide-out-social:last-child {
    padding-right: 30px;
}
.pushy a {
    display: block;
    color: #b3b3b1;
    padding: 15px 30px;
    text-decoration: none;
}
.pushy-content ul li a {
    color: #06808e;
    font-size: 18px;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 700;
    padding: 20px 40px 15px;
    text-decoration: none;
}
.pushy-content ul li:hover > a,
.pushy-content ul li a:hover {
	color:#fff;
}
.pushy-content ul button.slide-out-nav {
    border: none;
    background: none;
    color: #06808e;
    font-size: 36px;
    -webkit-text-stroke: 2px var(--white);
    padding: 0;
    cursor: pointer;
}
.pushy-content ul li.slide-out-social a {
    color: #06808e;
    padding: 10px;
    font-size: 25px;
    transition: all .2s ease-in-out;
}
.pushy-content button span {
    color: var(--white)!important;
    font-family: var(--buttonFontFamily);
    font-size: var(--buttonFontSize) !important;
    font-weight: var(--buttonFontWeight);
    border: none !important;
}
.visible-sr, .visible-sr-focusable:not(:focus) {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;
}
a.facebook-login {
    color: #fff;
    text-decoration: none;
}
.regtypewidgetoption {
    text-decoration: none !important;
    border-color: #ffffff;
    border-radius: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
}
.regtypewidgetoption span.icon {
    font-family: var(--fontFamilyNeusaBold)!important;
    font-weight: normal;
    font-size: 26px;
    margin: 0 0 24px;
    line-height: 1em;
    color: var(--black);
    text-transform: uppercase;
}
.regtypewidgetoption span.desc {
    text-transform: none;
    color: var(--black);
    font-size: var(--defaultTextSize);
    font-style: normal;
    line-height: var(--defaultTextLineHeight);
}
.regtypewidgetoption:hover, 
.regtypewidgetoption:active, 
.regtypewidgetoption:focus, 
.regtypewidgetoption-active, .parttypewidgetoption-active, .activityoption-active { 
    background-color: #f7f7f7;
    border-color:#06808e;
} 
.display-search-grid {
    max-width: 1500px;
    margin: 0 auto;
}
#panel_1 p {
    color: var(--black)!important;
    font-weight: 700!important;
    font-size: 22px!important;
    letter-spacing: 0!important;
    line-height: 1.5!important;
}
.leaderboards .LeaderboardWidget .lbd-header {
    display: none;
}
.leaderboards .LeaderboardWidget .lbd-row {
    border: none;
}




@media(min-width:769px){
	.field-wrapper.p50 { 
		width: 48%;
		margin-right: 2%;
	} 
} 
@media(min-width:769px){ 
	 .widget {
		width:400px;
	}
	.row.side-by-side-widgets .LeaderboardWidget {
		flex-grow: 1;
		max-width: 100% !important;
		flex-basis: 47%;
		margin-right: 3%;
	}
}
@media(max-width:768px){  
	.logo { 
    padding: 10px 0;
	} 
	.content {
		margin-top: 0 !important;
	}
	.header {
		position: relative; 
	}
	 
	#floating-handle.closed, #floating-handle {
		position: fixed;
	}
}/*  THEME for RADY LIGHT THE WAY */
/*-----------------------------------------------------------------------------------*/
/*  GREETING
/*-----------------------------------------------------------------------------------*/
body.personal_team .featured-header{display:flex;align-items:center;justify-content:center;background-repeat:no-repeat;background-size:cover;background-position:top center}
body.personal_team .featured-header{background-position:bottom;height:480px}
#main-banner{background-position:center;background-repeat:no-repeat;background-size:cover;display: flex;align-items: flex-end;height: 600px} 
#main-banner .overlay{color:#fff;font-size:50px;max-width:700px;margin:0 4% 30px}
#main-banner .overlay h1{color: #fff;font-size:90px;}
#main-banner .overlay p{color: #fff;font-size:35px;}
#main-banner .overlay p{margin:0 0 10px}
a.big-btn,div.responsive a.big-btn{font-size:22px;padding:3% 9%;line-height:20px}
.overlay a.donate-btn,div.responsive .overlay a.donate-btn{margin:0 20px 0 0}
#bubble-banner{background-position:50% 50%,0 0;background-size:cover,auto;padding:75px 2%;text-align:center}
#bubble-banner .overlay{color:#fff;text-align:center;max-width:790px;margin:0 auto}
#bubble-banner .overlay *{color:#fff}
.interior-banner img{display:block;width:100%;}
@media (max-width: 991px) {
#main-banner .overlay h1{font-size:90px}
}
@media (max-width:720px) {
#main-banner{background:none;background-image:none!important;padding:0;display:block;height:auto;text-align:center;padding-bottom:20px}
#main-banner .mobile-banner,.interior-banner img.mobile-layout{display:block;width:100%;min-width:300px}
.interior-banner img.desktop-layout{display:none}
#main-banner .overlay{background:#fff;color:#000;font-size:30px;margin:0;padding:20px 2% 0px;margin:0 auto}
#main-banner .overlay h1{color:#000;font-size:36px;}
#main-banner .overlay p{color: #000;font-size:20px;line-height:1}
#main-banner .overlay .line1,#main-banner .overlay .line2,#main-banner .overlay .line3{display:block;text-align:center;padding:0 2%;margin:0 auto}
.btns{text-align:center}
}
#entry-meter{display:flex;background:url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10136/ltw_therm_cutout1.png?v=1692425176000) no-repeat bottom left;padding:75px 2%;background-size:contain!important;margin:2% 0 0}
#entry-meter .progress-bar-container{margin:0 10% 0 auto;flex-basis:45%}
#entry-meter .progress,#participant-meter .progress{background-color:#06808e;margin-top:20px;height:50px;margin-bottom:20px;overflow:hidden;border-radius:40px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}
#entry-meter .progress-bar,#participant-meter .progress-bar{background-color:#000;height:100%;width:0}
#entry-meter .meter-text,#participant-meter .meter-text{font-size:20px;font-weight:700;margin:15px auto}
#entry-meter .meter-text .raised,#participant-meter .meter-text .raised{color:#000;font-size:20px;font-weight:700;
    font-family: var(--fontFamilyMain);}
#entry-meter .meter-text .goal,#participant-meter .meter-text .goal{color:#000;font-size:20px;font-weight:700;
    font-family: var(--fontFamilyMain);}
#main-progress-therm{display:flex;position:relative;z-index:5;background:#06808e;border:none;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;height: 40px;overflow:visible;margin: 40px 0px;}
#main-progress-therm .progress-meter{height:100%;-moz-border-radius:40px 0px 0px 40px;-webkit-border-radius:40px 0px 0px 40px;border-radius:40px 0px 0px 40px;transition:all 1s linear;background:#000;border-width:0;border-style:solid;border-color:#fff}
#main-progress-therm .therm-icon{position:relative;top: -15px;display:inline-block;width:76px;height:76px;margin:0 auto 0 -40px;left:15px}
@media (max-width:1440px) {
#entry-meter {
    padding: 35px 2%;
}	
}
@media (max-width:1050px) {
#entry-meter{background:none!important;flex-direction:column;padding:0}
#entry-meter .mobile-therm{display:block;width:100%}
#entry-meter .progress-bar-container{width:95%;margin:0 auto 15px;padding:0 2%;text-align:center}
#main-progress-therm .therm-icon{left:25px}
}
#start-fundraising{background:#06808E;color:#fff;text-align:center;padding:75px 2%}
#start-fundraising *{color:#fff;text-decoration: none;}
#start-fundraising .goal-chooser{display:flex;justify-content:space-between;max-width:1220px;margin:0 auto}
#start-fundraising .item{max-width:376px;cursor:pointer;flex:1;margin:0 15px}
#start-fundraising .circle{border:#fff solid 3px;border-radius:80px;width:168px;height:168px;box-sizing:border-box;padding:50px 0 0;margin:0 auto;display:flex;flex-direction:column;align-items:center;}
html.firefox-browser #start-fundraising .circle{line-height:1.4;}
#start-fundraising .raise{font-size:18px;font-weight:700}
#start-fundraising .amount{font-size:50px}
#start-fundraising .line{background:#fff;width:3px;height:50px;margin:10px auto 0}
@media(max-width:1240px) {
#start-fundraising .goal-chooser{flex-direction:column}
#start-fundraising .item{margin:0 auto 15px}
}
#full-leaderboards{padding:2% 4%;width:100%;max-width:90%;box-shadow:3px 4px 38px 0 rgba(0,0,0,0.2);margin:25px auto}
#full-leaderboards .three-col{display:flex;align-content:center;width:100%}
#full-leaderboards .tabs a{position:relative;background:#06808e;color:#fff;font-size:20px;text-transform:uppercase;text-decoration:none;text-align:center;width:100%;max-width:34%;padding:20px 0}
#full-leaderboards .tabs a:hover,#full-leaderboards .tabs a.active{background:#000}
#full-leaderboards .tabs a:hover:after,#full-leaderboards .tabs a.active:after{content:'';position:absolute;left:45%;top:100%;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #000;clear:both}
#full-leaderboards h2{text-align:center;color:#000}
#full-leaderboards .left a{text-align:center;color:#06808e;font-weight:700}
#full-leaderboards .tabs .separator{display:block;border-left:#fff 1px solid;width:1px;height:65px;top:20px;position:relative}
#full-leaderboards .two-col{display:flex;justify-content:space-between;align-items:stretch;width:100%}
#full-leaderboards .two-col .left{text-align:center;padding:5% 0 0;width:100%;max-width:35%;display:flex;align-items:center;justify-content:center;flex-direction:column}
#full-leaderboards .two-col .separator{background:#636363;width:2px;margin:2%;display:block}
#full-leaderboards .two-col .right{width:100%;max-width:75%;padding:5% 0}
#full-leaderboards .two-col .right h2{display:none}
#full-leaderboards .right .item{display:flex;justify-content:space-between;align-items:center;font-size:18px;width:100%;margin-bottom:20px}
#full-leaderboards .right .name,#full-leaderboards .right .raised,#full-leaderboards .right .donate-link{width:100%;max-width:34%}
#full-leaderboards .right .name a{color:#06808e;font-weight:700}
#full-leaderboards .right .raised{padding:0 2%}
#full-leaderboards .right .raised,#full-leaderboards .right .donate-link{text-align:right}
#companies .donate-link,.companies .donate-link,#local_company_page #sidebar_donate_button{display:none}
@media (max-width:990px) {
#full-leaderboards .three-col{flex-direction:column;justify-content:center;align-items:center}
#full-leaderboards .tabs a{max-width:100%;border-top:#fff solid 3px}
#full-leaderboards .tabs a:hover:after,#full-leaderboards .tabs a.active:after{border:none}
#full-leaderboards .tabs .separator,#full-leaderboards .two-col .left h2{display:none}
#full-leaderboards .two-col{flex-direction:column;justify-content:center;align-items:center}
#full-leaderboards .two-col .left{order:2;padding:0}
#full-leaderboards .two-col .right{order:1;max-width:100%;padding:0}
#full-leaderboards .two-col .right h2{display:block}
#bubble-banner,#start-fundraising{padding:30px 2%}
#full-leaderboards .right .donate-link a {padding: 11.5px !important;}
}
#leaderboards{display:flex;justify-content:space-around;text-align:center;max-width:1220px;border-bottom:#a1a1a1 1px solid;padding:2% 0;margin:30px auto}
#leaderboards.single{border:none}
#leaderboards .col{width:100%;max-width:45%;display:flex;flex-direction:column;flex-wrap:wrap}
#leaderboards .line{background:#a1a1a1;width:1px;max-width:1px}
#leaderboards h1{text-align:center}
#leaderboards .item{display:flex;margin:0 0 15px;text-align:left;align-items:baseline}
#leaderboards .num,#full-leaderboards .num{flex-basis:28px;padding:0 15px 0 0;height:20px;border-right:#06808e solid 1px;margin:0 15px 0 0;box-sizing:border-box}
#full-leaderboards .num,#leaderboards .num,#leaderboards .name,#leaderboards .view{color:#06808e;font-size:18px;font-weight:700}
#leaderboards .name{flex:1 100%}
#leaderboards .name a,#full-leaderboards .name a{color:#06808e}
#leaderboards .amount,#leaderboards .raised{color:#000;font-size:18px;margin:0 20px}
#leaderboards .link{width:100px}
#leaderboards .view{display:inline-block;margin:15px auto 0;text-align:center}
@media(max-width:960px) {
#leaderboards{flex-direction:column;padding:2%}
#leaderboards .col{max-width:720px;margin:0 auto 15px}
#leaderboards .line{background:#a1a1a1;width:100%;max-width:100%;height:1px}
}
#global-search{text-align:center;max-width:1220px;padding:2% 0;margin:30px auto}
#global-search .inner{position:relative;max-width:790px;text-align:center;margin:0 auto}
#search-tab-nav{display:flex;justify-content:center}
#search-tab-nav a{display:block;color:#fff;background:#06808e;font-size:18px;font-weight:700;text-decoration:none;border-radius:0px;padding:18px;max-width:200px;width:100%}
#search-tab-nav a:hover,#search-tab-nav a.active{background:#000}
#search-tab-nav a.participant{border-top-right-radius:0;border-bottom-right-radius:0}
#search-tab-nav a.team{border-top-left-radius:0;border-bottom-left-radius:0}
#global-search .tab{padding:4% 0 0}
div#find_participant input[type="text"],div#find_participant select{display:inline-block}
#global-search .tab input[type="text"].search,div.responsive #global-search .tab input[type="text"].search{position:relative;z-index:1;color:#06808e;font-size:20px;font-weight:700;background:transparent;box-shadow:none;border-radius:0;border-top:0;border-right:0;border-bottom:2px solid #a1a1a1;border-left:0;width:90%;padding:2.5%}
#global-search .name-container{display:flex;justify-content:space-around;align-items:center;margin:0 auto}
input#partfname.search{margin:0 2%;max-width:45%}
input#partlname.search{max-width:45%}
#global-search .tab i.fa-search{position:relative;z-index:2;color:#06808e;font-size:28px;left:-58px;top:0;cursor:pointer}
#global-search .tab form#teamFindFriendForm i.fa-search{left:-65px;}
@media (max-width: 960px) {
#global-search .inner{max-width:95%}
#global-search .tab i.fa-search{left:-25px}
}
@media (max-width: 700px) {
#participant-search .name-container{max-width:85%}
#global-search .tab input.search{font-size:.9rem;width:50%}
}
#feature-grid{color:#fff;width:100%;margin:0px auto 0;padding:0}
#feature-grid *{color:#fff;}
#feature-grid .row{display:flex;margin:0 auto}
#feature-grid .square{width:50%}
#feature-grid .square.text{background:#0096a6;padding:3% 3% 0;box-sizing:border-box}
#feature-grid .square.photo{box-sizing:border-box;overflow:hidden}
#feature-grid .square img{display:block;width:100%;min-width:545px;min-height:307px}
#ltw_video{display:block;width:100%;min-width:545px;height:100%;min-height:307px}
@media (max-width: 1170px) {
#feature-grid .square.text{padding:1.5% 1.5% 0}
}
@media (max-width: 1100px) {
#feature-grid .square.text{font-size:90%}
}
@media (max-width: 960px) {
#feature-grid .row{flex-direction:column}
#feature-grid .square{width:100%}
#feature-grid .square.text{padding:5% 5% 0;font-size:100%}
#feature-grid .square.photo{order:1}
#feature-grid .square img{min-width:auto;min-height:auto}
}
#sponsor-row{text-align:center;max-width:750px;margin:30px auto;padding:20px 2%}
#sponsor-row .list{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
#sponsor-row .list img{margin:0 auto 10px}

footer .footer-top {
    background-color: #000;
}
.footer .container {
    max-width: 100%;
    width: 100%;
	padding:0;
}
footer a {
    font-size: 16px!important;
    text-decoration: none;
    font-weight: 600;
    line-height: 20px;
}
footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
 
.footer-bottom a {
    text-decoration: none;
}
.footernav {display:none !important }
footer {
    margin: 0 !important;
}
.text-black {
    color: #000!important;
}
.fontFamilyGotham {
    font-family: 'Gotham',sans-serif!important;
}
.font-medium {
    font-weight: 500!important;
}
.font-bold {
    font-weight: 700!important;
}
.content > .container {
    max-width: 100%;
    width: 100%;
}

 
.page-wrap, .header, .nav ul.navlist {
	background-color: #fff;
}
 
a, .gamma h4, .group-member-count div, .page-raised, .search-page-name, .search-result-name a, .search-page-info-name, .search-link, .hq-tabs a.active, .hq-box-header, .hq-bar, .hq-title, .hq-title-bold, .hq-large, .hq-big, .hq-label, .hq-page-info-icon [class^="amp-icon-"], .hq-page-info-icon [class*=" amp-icon-"], .hq-page-info-name, .hq-page-info-cmp, .hq-page-info-progress, .hq-donor-page, .hq-donor-thanked, .cg-header *, .cg-name, #page_link_picker a span, .chat_name, #hqmenu a.hqmenu-header, #hqmenu a.hqmenu-active, #hqmenu a.hqmenu-lead, .hq-donations-filter, .regitem, .regcurr, .regtotalcur, .hq-fundraiser-name, .page-attendees-header {
    color: #06808e;
}

.column-title, #donationTable th, .hq-box-header-bold, .hq-button-mini-active, #hqmenu a span, .alert {
    background-color: #06808e;
}

.hq-title-bold {
    border-color: #06808e;
}

.column-title a.form-expand-close {
    color: #feeaec;
}

.beta-max, .beta-maxd, #donationTable tr.odd td, .hq-tabs, .hq-user-mobile .hq-page-block, .hq-box-header, .hq-task-row a:hover, .hq-bar, .hq-label, .hq-page-block, .hq-dashboard-block, .hq-page-donor-active, .hq-activity-inner a:hover, .hq-overall-inner a:hover, .cg-header, .cg-active, #contact_list_viewer a:hover, #contact_selector a:hover, .checklist a:hover, #hq_auto_email a:hover, #hq_auto_email a.active, #page_link_picker a:hover, .emoji_cat0.active, .emoji_cat1.active, .emoji_cat2.active, .emoji_cat3.active, .emoji_cat4.active, .faketext div, #hqmenu a:hover, #hqmenu a.hqmenu-header, .hq-donations-filter, #ext-pages a:hover, .popup-header, .honor_comment, .flex-total {
    background-color: #ffffff !important;
}

.center-box-border, .columns-hq .column, .hq-box, .hq-box2, .row-expand, .emoji_cat0.active, .emoji_cat1.active, .emoji_cat2.active, .emoji_cat3.active, .emoji_cat4.active, .donation_receipt_body, .faketext div, .honor_comment:before {
    border-color: #feeaec;
}

.button:visited,
.button:link,
.button, .search-button, .button_small, .donate-search-selet, #donation_submit, .donate-result-canvas div, .hq-button-active, #inline-confirm a:hover, .faketext div a:hover, .custom-checkbox input:checked ~ .checkmark {
    background-color: #06808e;color:#fff;text-decoration:none;
}

#donation_search, #donation_submit, #donation_search_link, #donate_search_filters, .inline-edit, .custom-checkbox input:checked ~ .checkmark {
    border-color: #06808e;
}

.hq-button, .hq-button-mini, .form-success, .tooltip .tooltiptext {
    background-color: #c95345;
}

.hq-link, .hq-link-fixed {
    color: #c95345;
}

.tooltip .tooltiptext::before {
    border-color: #c95345;
}

#tabs {
	border: none;
	padding: 0;
}
.ui-tabs .ui-tabs-nav li { 
	display: inline-block;
	float: none;
	margin: 0 auto;
	vertical-align: bottom;
}
.ui-tabs .ui-tabs-nav li {
    display: inline-block;
    float: none;
    margin: 0 auto;
    vertical-align: bottom;
    border: 1px solid #06808e;
    background: #06808e;
    font-weight: normal;
    color: #fff;
}  
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border: 1px solid #000 !important;
	background: #000 !important;
	font-weight: normal;
	color: #ffffff !important;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { 
	font-size: 20px;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
	color: #fff !important; 
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #ffffff; 
}
.ui-widget-content {
	color: #212529;
}
.ui-widget-content a {
	color: #06808e;
}
.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; 
}
.row.hb-blocks {
	margin: 20px 0;
}
.hb-blocks .col-md-4 {
	text-align: center;
	background: #efefef;
	border-radius: 3px;
	margin: 0 1% 0 0;
	padding: 10px;
	padding: 20px;
	box-sizing: border-box;
}
.hb-blocks .button.button-center {
	width: 100%; 
	white-space: normal;
	line-height: 1.3;
	margin: 0;
	display: block;
	box-sizing: border-box;
	min-width: 100%;padding: 11px 10px;
	text-decoration:none;
}
.hb-blocks p {
    padding-bottom: 20px;
}
@media(min-width:768px){ 
	.col-md-4 {
		-ms-flex: 0 0 32.333333%;
		flex: 0 0 32.333333%;
		max-width: 32.333333%;
	}
.row .LeaderboardWidget {
	flex-grow: 1;
	max-width: 100% !important;
	flex-basis: 47%;
	margin-right: 3%;
}
}
@media(max-width:767px){
	.hb-blocks .col-md-4 { 
		width: 100%;
		margin: 0 0 30px;
	}	
	.ui-tabs .ui-tabs-nav .ui-tabs-anchor { 
		font-size: 16px;
	}
	.ui-tabs .ui-tabs-panel { 
		padding: 0; 
	}
} 
.don-header { 
    background-color: #ffffff !important;
}

/* DARK RED THEME for P2P*/
.donate_display .button_small {
    background: #207588;
}
.header, .nav ul.navlist {
	background-color: #fff;
	color: #000;
} 

a, .gamma h4, .group-member-count div, .page-raised, .search-page-name, .search-result-name a, .search-page-info-name, .search-link, .hq-tabs a.active, .hq-box-header, .hq-bar, .hq-title, .hq-title-bold, .hq-large, .hq-big, .hq-label, .hq-page-info-icon [class^="amp-icon-"], .hq-page-info-icon [class*=" amp-icon-"], .hq-page-info-name, .hq-page-info-cmp, .hq-page-info-progress, .hq-donor-page, .hq-donor-thanked, .cg-header *, .cg-name, #page_link_picker a span, .chat_name, #hqmenu a.hqmenu-header, #hqmenu a.hqmenu-active, #hqmenu a.hqmenu-lead, .hq-donations-filter, .regitem, .regcurr, .regtotalcur, .hq-fundraiser-name, .page-attendees-header {
    color: #06808e;
}

.column-title, #donationTable th, .hq-box-header-bold, .hq-button-mini-active, #hqmenu a span, .alert {
    background-color: #06808e;
}

.hq-title-bold {
    border-color: #06808e;
}

.column-title a.form-expand-close {
    color: #06808e;
}

.beta-max, .beta-maxd, #donationTable tr.odd td, .hq-tabs, .hq-user-mobile .hq-page-block, .hq-box-header, .hq-task-row a:hover, .hq-bar, .hq-label, .hq-page-block, .hq-dashboard-block, .hq-page-donor-active, .hq-activity-inner a:hover, .hq-overall-inner a:hover, .cg-header, .cg-active, #contact_list_viewer a:hover, #contact_selector a:hover, .checklist a:hover, #hq_auto_email a:hover, #hq_auto_email a.active, #page_link_picker a:hover, .emoji_cat0.active, .emoji_cat1.active, .emoji_cat2.active, .emoji_cat3.active, .emoji_cat4.active, .faketext div, #hqmenu a:hover, #hqmenu a.hqmenu-header, .hq-donations-filter, #ext-pages a:hover, .popup-header, .honor_comment, .flex-total {
    background-color: #06808e;
}

.center-box-border, .columns-hq .column, .hq-box, .hq-box2, .row-expand, .emoji_cat0.active, .emoji_cat1.active, .emoji_cat2.active, .emoji_cat3.active, .emoji_cat4.active, .donation_receipt_body, .faketext div, .honor_comment:before {
    border-color: #06808e;
}

.button, .search-button, .button_small, .donate-search-selet, #donation_submit, .donate-result-canvas div, .custom-option-selected, .hq-button-active, #inline-confirm a:hover, .faketext div a:hover, .custom-checkbox input:checked ~ .checkmark {
    background-color: #06808e;
}
.button:hover {
	background: #000000;
	box-shadow: none;
}
#donation_search, #donation_submit, #donation_search_link, #donate_search_filters, .inline-edit, .custom-checkbox input:checked ~ .checkmark {
    border-color: #06808e;
} 
.thermometer { 
	background: none; 
	padding: 0 0px;
    width: 100%;margin-bottom: 30px;
}
.raised { 
	color: #06808e; 
}
.goal { 
	color: #06808e; 
}
.therm .therm_progress { 
	color: #06808e; 
}
.progressBar_therm { 
	background-color: #cacacacf; 
}
.progressBar_therm div { 
	background-color: #06808e; 
}
.regtypewidgetoption, .parttypewidgetoption, .activityoption { 
	color: #06808e;
}
.form-title { 
    padding-bottom: 0; 
    font-family: var(--fontFamilyGothamCondensed)!important;
    font-weight: 500;
    font-size: 36px;
    margin: 0 0 0;
    line-height: 1em;
    color: var(--black);
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
}
.form-text {
	color: #000;
	padding: 0;
    text-align: center;
    font-size: var(--defaultTextSize); 
}
div#social_login_box {
    margin-top: 30px;
}
.field-cover {
	padding: 5px 0px; 
}
.regtypewidgetoption span.desc, .parttypewidgetoption span.desc, .parttypewidgetoption span.fee-desc { 
	color: #212529; 
	font-size: inherit; 
}
body { 
	font-size: 18px;
}
.firstcontainer {
	background-color: #06808e; 
}
.page-wrap {
	background-color: #ffffff; 
}
.nav ul.navlist li {
	background: none;
	color: #000;
	font-size: 20px;
	border-radius: 0;
    vertical-align: middle;
	margin: 0 18px 0 0; 
}
.nav ul.navlist li a {
    padding: 5px 10px; 
    width: 150px;
    font-family: var(--fontFamilyNeusaDemiBold)!important;
    font-size: 18px!important;
    padding: 12px 15px 10px!important;
    line-height: 1!important;
    text-align: center; 
    color: #000!important;
    border-color: #000!important;
    background-color: transparent!important;
    background-image: none !important;
    border-style: solid;
    border-width: 1px !important;
    border-radius: var(--buttonBorderRadius) !important;
    display: inline-block; 
    font-weight: var(--buttonFontWeight) !important;
    line-height: var(--buttonLineHeight) !important;
    padding: 15px 10px !important;
    text-transform: var(--buttonTextTransform);
    text-decoration: none !important;
    text-align: center;
    background-image: none !important;
    -webkit-transition: border-color 350ms ease-in-out, background-color 350ms ease-in-out;
    transition: border-color 350ms ease-in-out, background-color 350ms ease-in-out;
}
.nav ul.navlist li:active,
.nav ul.navlist li:focus,
.nav ul.navlist li:hover {
	background:#06808e;
    border-color: #06808e!important;
	color:#ffffff!important
}
 
.nav ul.navlist li:hover > a { 
	color:#ffffff!important
}
.nav ul.navlist li.rich.profile-menu {
	background: none;
	color: #06808e;
}
.button_small,
.therm_numbers,
.goal,
.raised,
.therm .therm_progress,
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { 
	font-family: 'Open Sans', sans-serif !important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
}
.LeaderboardWidget.lbd-type9 .lbd-row {
	display: inline-block;
	width: 29%;
	background-color: #dbdbdb;
	box-shadow: 0px 0 5px #00000061;
	text-align: center;
	margin-right: 2%;
	margin-bottom: 2%;
}
.lbd-type9 a.lbd-button {
	background: #06808e;
	background-color: #06808e !important;
	color: #fff !important;
	font0we: ;
	font-weight: normal; 
	border-radius: 3px;
	padding: 5px 15px;
	margin: 10px;
	display: inline-block;
}
.lbd-type9 a.lbd-button:hover {
	background: #000000;
	background-color: #000000 !important;
	text-decoration:none;
}
.lbd-type9 .lbd-image img { 
	border: 3px solid #fff;
}
.lbd-type9 .lbd-name { 
	text-transform: capitalize;
	font-size: 28px !important;
	line-height: 1.3;
	color: #06808e;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.lbd-type9 .lbd-image { 
	margin: 0 auto;
} 
.lbd-type9 .lbd-index {
	margin: 0;
	color: #212529 !important;
	font-weight: bold;
}
.lbd-header {
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-size: 28px;
	line-height: 1.3;
	color: #06808e;
}
.don-header {
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-size: 28px;
	line-height: 1.3;
	color: #06808e;
	box-shadow: none;
} 
pre {
    padding: 13.5px;
    margin: 0 0 14px;
    font-size: 16px;
    line-height: 1.7;
    word-break: break-word; 
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    white-space: pre-wrap;
    word-wrap: normal;
}
@media(max-width:769px){
	.LeaderboardWidget.lbd-type9 .lbd-row { 
		width: 100%; 
		margin-right: 0%; 
	}
} 
/* donate */
.column-title, #donationTable th, .hq-box-header-bold, .hq-button-mini-active, #hqmenu a span, .alert { 
    background: none;
	padding:0;
}
#inline_form_title h2 { 
    padding: 0;  
	 font-family: var(--fontFamilyGothamCondensed)!important;
    font-weight: 500;
    font-size: 30px;
    margin: 0 0 24px;
    line-height: 1em;color: #000;
}
.custom-option.donationAmt {
    -webkit-transition: color 100ms ease,border-color 500ms ease;
    transition: color 100ms ease,border-color 500ms ease;
    color: #272828;
    background: #f5f5f5;
    border: 4px solid #207588;
    padding: 15px 10px; 
    border-radius: 0;
    margin-left: 0;
    margin-right: 10px;
    font-weight: normal; 
}
.custom-option.donationAmt:hover,
.custom-option.donationAmt:active,
.custom-option.donationAmt:focus,
.custom-option.donationAmt.custom-option-selected {
    background-color: #207588;
    color: #fff;
}
.form-panel p,  
div.max-row label[for=donationAmt].formLabel
{
    padding: 0;
    font-size: 28px;
    line-height: 30px;
    font-weight: 600;
    color: #16190c;
    margin-bottom: 10px;
}
div.max-row label.formLabel {  
    font-size: 18px;
    font-weight: normal;
}
div.max-row input[type=tel],
div.max-row input[type=text], div.max-row input[type=number], div.max-row input[type=password], div.max-row select, div.max-row textarea, .faketext { 
    font-size: 18px;
    padding: 0.5rem;
    vertical-align: middle;
    box-sizing: border-box;
    border-radius: 0;
    background: #fff;
    border: 1px solid #000;
    padding: 6px 15px;
}
select, div.form-row div.form-content>select, div.responsive select {
    padding-right: 2.5rem;
    cursor: pointer;
    color: var(--white) !important;
    background-size: 50px 110px !important;
    background-position: right -24px !important;
    background-repeat: no-repeat !important;
    background-color: var(--black)!important;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z' fill='%2306808E' /%3E%3C/svg%3E") !important;
    font-family: var(--fontFamilyGotham) !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
	font-family: var(--default-font-family), Arial, Helvetica, sans-serif !important; 
}
input#donationAmt {
    display: none;
}
.optional-input-wrap {
    padding: 10px;
    padding-left: 0;
}
.field-wrapper { 
    vertical-align: top;
}
.footer {
    margin-top: 0px;
    padding: 0;
    background-color: #000;
}
p { padding:0 }
.flex-control-paging li a { 
	font-size: 0;
}
.LeaderboardWidget.lbd-type3 {
    margin: 0 auto;
}
.btn { 
	border: 0 none; 
	cursor: pointer;
	display: inline-block;  
	height: auto;
	color: #fff !important;
background: #06808e;
text-decoration:none !important;

 
    margin: 1rem 0;
    min-width: 200px; 
    text-align: center;
    text-transform: uppercase; 
    font-size: var(--buttonFontSize) !important;
    font-family: var(--buttonFontFamily) !important;
    font-weight: var(--buttonFontWeight) !important;
    line-height: var(--buttonLineHeight) !important;
    padding: 10px 15px !important;
    -webkit-transition: border-color 350ms ease-in-out, background-color 350ms ease-in-out;
    transition: border-color 350ms ease-in-out, background-color 350ms ease-in-out;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
}
.DonorRollWidget-name { 
	font-size: 18px;
	font-weight: normal;
	font-family: 'Open Sans', 'Arial', sans-serif;
	line-height: 2.3rem;
	color: #212529;
}
.DonorRollWidget-amount { 
	font-weight: bold;
	font-size: 18px; 
	font-family: 'Open Sans', 'Arial', sans-serif;
	line-height: 2.3rem;
	color: #212529;
}
a#floating-handle {
    background: #06808e;
}
 
.slide-out-nav {
    display: flex;
    width: 36px;
    height: 40px;
    position: relative;
    margin: 0 auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    margin-left: 10px;
    top: 16px;
}
.slide-out-nav span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #06808e;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.slide-out-nav span:nth-child(1) {
    top: 0;
}
.slide-out-nav span:nth-child(2), .slide-out-nav span:nth-child(3) {
    top: 10px;
}
.slide-out-nav span:nth-child(2), .slide-out-nav span:nth-child(3) {
    top: 10px;
}
.slide-out-nav span:nth-child(4) {
    top: 20px;
}
.slide-out-nav span.slide-out-last, .header li.modal-menu-link span {
    top: 25px;
    background: transparent;
    text-align: center;
    font-size: 18px;
    font-family: var(--fontFamilyNeusaDemiBold);
}
.pushy {
    position: fixed;
    width: 300px;
    height: 100%;
    top: 0px;
    z-index: 100021;
    background: var(--white);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.pushy-right {
    -webkit-transform: translate3d(300px, 0, 0);
    -ms-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
}
#main, .pushy, .push {
    transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.pushy.pushy-right {
    right: 0;
}
.pushy-open-left .pushy, .pushy-open-right .pushy {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.pushy-content {
    transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}
.pushy-open-left .pushy-content, .pushy-open-right .pushy-content {
    visibility: visible;
}
.pushy-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}
.pushy-content ul li:hover {
    background: #06808e;
}
.pushy-content ul li:first-child {
    padding: 20px 40px;
}
.pushy-content ul li.slide-out-social {
    display: inline-block;
    margin-bottom: 50px;
}
.pushy-content ul li.slide-out-social:last-child {
    padding-right: 30px;
}
.pushy a {
    display: block;
    color: #b3b3b1;
    padding: 15px 30px;
    text-decoration: none;
}
.pushy-content ul li a {
    color: #06808e;
    font-size: 18px;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 700;
    padding: 20px 40px 15px;
    text-decoration: none;
    text-align: right;
}
.pushy-content ul li:hover > a,
.pushy-content ul li a:hover {
	color:#fff;
}
.pushy-content ul button.slide-out-nav {
    border: none;
    background: none;
    color: #06808e;
    font-size: 36px;
    -webkit-text-stroke: 2px var(--white);
    padding: 0;
    cursor: pointer;
}
.pushy-content ul li.slide-out-social a {
    color: #06808e;
    padding: 10px;
    font-size: 25px;
    transition: all .2s ease-in-out;
}
.pushy-content button span {
    color: var(--white)!important;
    font-family: var(--buttonFontFamily);
    font-size: var(--buttonFontSize) !important;
    font-weight: var(--buttonFontWeight);
    border: none !important;
}
.visible-sr, .visible-sr-focusable:not(:focus) {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;
}
a.facebook-login {
    color: #fff;
    text-decoration: none;
}
.regtypewidgetoption {
    text-decoration: none !important;
    border-color: #ffffff;
    border-radius: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
}
.regtypewidgetoption span.icon {
    font-family: var(--fontFamilyNeusaBold)!important;
    font-weight: normal;
    font-size: 26px;
    margin: 0 0 24px;
    line-height: 1em;
    color: var(--black);
    text-transform: uppercase;
}
.regtypewidgetoption span.desc {
    text-transform: none;
    color: var(--black);
    font-size: var(--defaultTextSize);
    font-style: normal;
    line-height: var(--defaultTextLineHeight);
}
.regtypewidgetoption-active, .parttypewidgetoption-active, .activityoption-active { 
    background-color: #f7f7f7;
    border-color:#06808e;
}
div#main_option {
    display: flex !important;
    justify-content: center;
    gap: 30px;
}
.display-search-grid {
    max-width: 1500px;
    margin: 0 auto;
}
#panel_1 p {
    color: var(--black)!important;
    font-weight: 700!important;
    font-size: 22px!important;
    letter-spacing: 0!important;
    line-height: 1.5!important;
}
.leaderboards .LeaderboardWidget .lbd-header {
    display: none;
}
.leaderboards .LeaderboardWidget .lbd-row {
    border: none;
}
.banner, .banner .banner-image {
    width: 100%;
    height: auto; 
    background-color: #fff;
}
div#content-wrapper {
    max-width: 1245px;
    margin: 0 auto;
    justify-content: space-between;
}
.page-name { 
    color: #000; 
    font-family: var(--fontFamilyNeusaBold)!important;
    font-weight: normal;
    font-size: 26px;
    margin: 0 0 24px;
    line-height: 1em;
}
.nav .profile-menu ul.navlist li {
    margin-right: 0;
}
.nav .profile-menu li.rich > a > img {
    display: none;
}
.nav .profile-menu ul.navlist li a:hover {
	color:#000 !important;
}
.nav .profile-menu li.rich span {
    font-weight: var(--buttonFontWeight);
    line-height: var(--buttonLineHeight);
    font-size: 18px;
    font-family: var(--fontFamilyNeusaDemiBold);
}
.p2p-personal-page .form-panel {
    background: #06808e;
    padding: 15px;
    background-color: #06808e !important; 
}
#donation_form_body label { 
    font-size: 18px;
} 
.p2p-personal-page label.formLabel {
    color: #fff;
} 
.p2p-personal-page label { 
    color: #fff;
    font-size: 18px;
} 
.p2p-personal-page .donation_receipt_body label { 
    color: #000; 
} 
.donation_receiptmainheader {
    color: #000;
}
#panel_1 p.company-match-text, #panel_1 p.company-match-text a {
    font-weight: normal !important;
    font-size: 18px!important;
}
.p2p-personal-page #panel_1 p.company-match-text, .p2p-personal-page #panel_1 p.company-match-text a {
    color: #fff !important;
}
.company-name span.field-required {
    display: none;
}
.p2p-personal-page .hq label.formLabel {
    color: #000;
    color: var(--black);
    white-space: normal;
    margin-bottom: 0;
    font-weight: var(--formLabelFontWeight);
    font-size: 18px;
    font-family: var(--fontFamilyMain) !important;
}
.goal_bubble {
    color: #06808e !important;
}
.raised_bubble div {
    background-color: #06808e !important;
}
.raised_bubble ~ div {
    background-color: #06808e !important;
}
.widget-therm .goal_bubble {
    background-color: transparent !important;
}
.p2p-personal-page .custom-option.donationAmt { 
    border: 1px solid #fff; 
    background: #fff;
    font-size: 21px;
    color: #373737;
    padding: 17px 15px;
    font-weight: 700;
}
.p2p-personal-page .custom-option.donationAmt.custom-option-selected,
.p2p-personal-page .custom-option.donationAmt:hover { 
    border: 1px solid #fff; 
    background: #000;
    color: #fff;
}
.p2p-personal-page .form-panel-button { 
    background-color: #fff;
    color: #000;
}
.p2p-personal-page .form-panel-button:hover { 
    background-color: #000;
    color: #fff;
}
.p2p-personal-page .form-panel p, .p2p-personal-page div.max-row label[for=donationAmt].formLabel { 
    color: #fff; 
}
.fundraiser-name { 
    text-shadow: none;
    font-size: 32px;
    font-weight: 700; 
}
#p2pPageHeader {
    background: #fff;
    max-width: 1245px;
    margin: 0 auto;
    margin-top: -100px;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    padding: 15px 37px;
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
    margin-bottom: 60px;
    display: flex;
    align-items: center;
}
#p2pPageHeader .fundraiser-name {
	position:relative;
	top:auto;
	bottom:auto;
	left:auto;
	right:auto;
    color: #000;
    font-family: var(--fontFamilyGothamCondensed)!important;
    margin-left: 30px;
}
#p2pPageHeader .page-image {
	position:relative;
	top:auto;
	bottom:auto;
	left:auto;
	right:auto;
	float:left;
}
#p2pPageHeader .social-bar {
	position:relative;
	top:auto;
	bottom:auto;
	left:auto;
	right:auto;
	
}
h2#page_name {
    display: none;
}
.p2p-personal-page #donation_form_wrapper h1, 
.p2p-personal-page #donation_form_wrapper h2, 
.p2p-personal-page #donation_form_wrapper h3 {
	color:#fff;
}
.p2p-personal-page .content .page-image img { 
    border-radius: 50%; 
    border: 4px solid var(--paletteColor1);
}
.p2p-personal-page div#inline_form_title a.hplacement {
    display: none;
}
span.teamroster {
    font-family: var(--fontFamilyNeusaBold)!important;
    font-weight: normal;
    font-size: 26px;
    margin: 0 0 24px;
    line-height: 1em;
}



.hq {
    max-width: 1500px;
    margin: 0 auto;
}
.hq-tabs a {
    background: #06808e;
}
.hq-tabs a.active {
    background: #000;
    text-decoration: none;
}
.hq-tabs a:active,
.hq-tabs a:focus,
.hq-tabs a:hover {
    text-decoration: none;
    background: #000;
}
.hq-tabs a .hq-tab-text {
    color: #fff;
}
.hq-box-header {
    font-family: var(--fontFamilyGothamCondensed)!important;
    font-weight: 500;
    font-size: 30px;
    margin: 0 0 24px;
    line-height: 1em;
}
#hqmenu a {  
    color: var(--black);
    font-size: var(--defaultTextSize);
    font-style: normal;
    font-family: var(--fontFamilyMain);
    text-decoration: none;
}
#hqmenu a.hqmenu-header { 
    font-family: var(--fontFamilyGothamCondensed)!important;
    font-weight: 500;
    font-size: 30px;
}
span#page_goal_amount, .hq-big {
    font-weight: bold;
    font-size: 3.6rem;
    line-height: 4rem;
    font-family: 'Open Sans',sans-serif;
    color: #06808e;
}
.hq-button, .hq-button-mini  {
    background-color: #06808e; 
}  
.hq-button:link, .hq-button-mini:link { 
    color: #fff;
}
.hq-title-bold {
    font-family: var(--fontFamilyGothamCondensed)!important;
    font-weight: 500;
    font-size: 30px;
    margin: 0 0 24px;
    line-height: 1em;
    border: none;
}
.donate-search-box-header { 
    font-family: var(--fontFamilyGothamCondensed)!important;
    font-weight: 500;
    font-size: 30px;
    margin: 0 0 24px;
    line-height: 1em;color: #000;
}
.hq-button, .hq-button-mini {
	text-decoration:none;
	font-family: 'Open Sans',sans-serif;
    font-size: 2rem;
    line-height: 3.6rem;
    margin: 1rem 0;
    min-width: 200px;
    padding: 1rem 0 1rem 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    font-size: var(--buttonFontSize) !important;
    font-family: var(--buttonFontFamily) !important;
    font-weight: var(--buttonFontWeight) !important;
    line-height: var(--buttonLineHeight) !important;
    padding: 10px 15px !important;
    -webkit-transition: border-color 350ms ease-in-out, background-color 350ms ease-in-out;
    transition: border-color 350ms ease-in-out, background-color 350ms ease-in-out;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    text-decoration: none !important;
}
.hq-button:hover,
.hq-button-mini:hover {
	background:#000;
	color:#fff;
	text-decoration:none !important;
    box-shadow: none;
}
#ext-pages a { 
    border-bottom: none;
    border-top: none;
    color: #06808e; 
} 
.donate-result-btn a {
    color: #fff;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase; 
    font-size: var(--buttonFontSize) !important;
    font-family: var(--buttonFontFamily) !important;
    font-weight: var(--buttonFontWeight) !important;
    line-height: var(--buttonLineHeight) !important;
    padding: 10px 15px !important;
    -webkit-transition: border-color 350ms ease-in-out, background-color 350ms ease-in-out;
    transition: border-color 350ms ease-in-out, background-color 350ms ease-in-out;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
}
#donation_form_wrapper label.formLabel {
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 10px;
}
#donation_form_wrapper [type="checkbox"] {
    vertical-align: top;
    margin-top: 5px;
}
.donate-intro p {
    color: #000;
    font-size: var(--defaultTextSize);
    font-style: normal;
    font-weight: normal;
}
.donation_receipt_header {
    font-family: var(--fontFamilyNeusaBold)!important;
    font-weight: normal;
    font-size: 26px;
    margin: 0 0 24px;
    line-height: 1em;
    border: none;
    padding: 0;
    color: #000;
}
#additional_info  .donation_receipt_header { 
    color: #000!important;
}
.donation_receipt #active_campaigns {
    font-family: var(--fontFamilyNeusaBold)!important;
    font-weight: normal;
    font-size: 26px;
    margin: 0 0 24px;
    line-height: 1em;
    border: none;
    padding: 0;
    color: #000;
    color: #000!important;
}
#donoroll_info [type="radio"] {
    vertical-align: top;
    margin-top: 5px;
}
#donoroll_info .max-row .field-cover > div {
    margin-bottom: 10px;
}

#inline_donation_form.full-width {
	width:100%;
}
#inline_donation_form.full-width #donation_form_wrapper {
	width:100% !important;
}
.donation_receipt_body {
    border: none;
    padding: 0;
}
#donation_form_wrapper h1.innerTitle {
    text-align: left;
	
    font-family: var(--fontFamilyGothamCondensed)!important;
    font-weight: 500;
    font-size: 36px;
    margin: 0 0 24px;
    line-height: 1em;
} 
#floating-menu ul.navlist li a, .floating-back {
    color: #06808e;  
    font-size: 18px;
    font-weight: 700;
    text-align: right;
}
#floating-menu ul.navlist li:hover {
    background-color: #06808e;
}
#floating-menu ul.navlist li:hover > a {
    color:#fff;
}
.menu-toggle-li:hover,
.pushy-content ul li.slide-out-social:hover {
	background:none !important
}
.pushy-content ul li.slide-out-social a:hover {
    transform: scale(1.5);
}
.popup-body {
    padding: 20px 30px;
    max-height: 700px;
    overflow: scroll;
} 
.nav ul.navlist ul li.subpage > a span, .nav ul.navlist ul li.individual > a span { 
    white-space: normal;
}
.nav ul.navlist li.mini > a { 
    white-space: normal;
}
.nav ul.navlist li.profile-menu:hover > a {
    color: #383838!important;
}
.profile-menu li a {
    border: none !important;
}
.nav ul.navlist ul li.rich { 
    border: none;
}
.nav ul.navlist li.mini > a, .nav ul.navlist ul li.subpage > a,
.nav ul.navlist ul li.subpage > a span, .nav ul.navlist ul li.individual > a span,
.nav ul.navlist ul li.rich > a { 
    white-space: normal;
    color: #06808e !important;
    font-size: 18px !important;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 700 !important;
    transition: color .1s linear;
    font-family: var(--fontFamilyMain) !important;
}
.nav ul.navlist li ul li:hover {
    background-color: #06808e;
}
.nav .profile-menu ul.navlist li a:hover,
.nav ul.navlist ul li.subpage:hover > a span,
.nav ul.navlist li.mini:hover > a,
.nav ul.navlist ul li.subpage:hover > a span label 
 {
    color: #fff !important;
}
.nav ul.navlist li:hover > ul { 
    border-radius: 0;
}
.profile-header, .dark-panel{
    background: none;
}
.dark-panel .hplacement {
    font-family: 'Gotham Condensed'!important;
    font-weight: 500;
    font-size: 30px;
    margin: 0 0 24px;
    line-height: 1em;
    color: #000;
    text-transform: uppercase;
}
.no-margin-right {
	margin-right: 0;
}
#offlinedonationform {
    background: none;
}
#offlinedonation {
    background: none;
    padding: 0;
    width: 100% !important;
}
#offlinedonation .field-wrapper.p50.p100 {
    width: 100%;
}
#hqpagelet .hq-bar {
    color: #06808e;
    font-family: var(--fontFamilyGothamCondensed)!important;
    font-weight: 500;
    font-size: 30px;
    margin: 0 0 24px;
    line-height: 1em;
    padding: 0;
}
.hq-box2 {
    border: none;
}
.hq-task-row {
    border: none;
}
#donoroll_info label.formLabel {
    color: #000;
} 
.hide-label { display:none !important; }
.donate-amt-wrap .option-cover.p25 {
    width: 33%;
}
.donate-amt-wrap .custom-option.donationAmt { 
    margin-right: 15px;
}
.donate-intro h1 { 
    font-family: var(--fontFamilyGothamCondensed)!important;
    font-weight: 500;
    font-size: 36px;
    margin: 0 0 24px;
    line-height: 1em;
}
.display-search-grid .alpha, .display-search-grid .beta { 
    margin: 0 auto;
}
#custom-donate-header-wrap .btn.active {
	background:#000;
}
.display-search-grid .beta {
    margin-top: 30px;
}
#inline_form_title h2.hplacement {
    display: none;
}
.header .nav ul.navlist li.nav_home a {
    border: none;
    width: auto;
    padding: 15px 20px !important;
}
body.mobile-menu-open {
    overflow-y: hidden;
}
.option-cover .optional-input-wrap {
	padding: 10px 0;
	margin-right: 15px;
}
.attendee-block {
    background: none;
    border: none;
}
.attendee-block-header { 
    background: none;
    border: none;
}
#add_more_paticipants {
    padding: 0;
}
#add_more_paticipants a { 
    padding: 10px 15px 10px 40px !important;
}
.attendee-collapsed .attendee-block-header {
    clear: both;
}
.attendee-remove-btn {
    padding: 0;
    clear: both;
}
.attendee-block-body {
    padding: 0;
}
.button {
    background-color: #06808e;
    border: 0 none;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans',sans-serif;
    font-size: 2rem;
    line-height: 3.6rem;
    margin: 1rem 0;
    min-width: 200px;
    padding: 1rem 0 1rem 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    font-size: var(--buttonFontSize) !important;
    font-family: var(--buttonFontFamily) !important;
    font-weight: var(--buttonFontWeight) !important;
    line-height: var(--buttonLineHeight) !important;
    padding: 10px 15px !important;
    -webkit-transition: border-color 350ms ease-in-out, background-color 350ms ease-in-out;
    transition: border-color 350ms ease-in-out, background-color 350ms ease-in-out;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    min-width: auto;  
	width: auto;
}
header .en__p2p__nav__list li.en__p2p__nav__item.slideout-menu {
    display: none;
}
a.en__p2p__socialShares__button {
    font-size: 0;
}
ul.en__p2p__socialShares__networks {
    list-style: none;
}
@media(min-width:769px){
	.field-wrapper.p50 { 
		width: 48%;
		margin-right: 2%;
	}
	.field-wrapper.p50.no-margin-right {
		margin-right: 0;
		width: 50%;
	}  
	#profile_update .field-wrapper.p33.p50,
	#profile_update .field-wrapper.p33 {
		margin-right: 2%;
		width: 31.3%;
	}
	#profile_update .field-wrapper.p33.p50.no-margin-right,
	#profile_update .field-wrapper.p33.no-margin-right {
		margin-right: 0;
		width: 33.3%;
	}
	#profile_update .field-wrapper.p50.no-margin-right {
		margin-right: 0;
		width: 50%;
	}
	#profile_update #dateOfBirth_0,
	#profile_update #dateOfBirth_1 {
		margin-right: 2%; 
	}

} 
@media(min-width:769px){ 
	 .widget {
		width:400px;
	}
	.row.side-by-side-widgets .LeaderboardWidget {
		flex-grow: 1;
		max-width: 100% !important;
		flex-basis: 47%;
		margin-right: 3%;
	}
	.hq-main {
		width: 60%; 
	}
	.hq-sub { 
		width: 40%;
	}
	.header li.nav_lights_across_san_diego,.header li.nav_about,.header li.nav_toolkit,.header li.nav_sponsor,.header li.nav_contact,.header #more_nav_link {display:none !important;} 
	.p2p-personal-page .form-panel { 
		width: 375px !important;
	}
	.mobile-only,
	.en__p2p__nav__item.mobile-only {
		display: none;
	}
	
}
@media(max-width:1540px){  
	.logo { 
		margin-left: 20px;
	}
}
@media(max-width:768px){  
	.logo { 
    padding: 10px 0;
	} 
	.content {
		margin-top: 0 !important;
	}
	.header {
		position: relative; 
	}
 
	#floating-handle.closed, #floating-handle {
		position: fixed;
	}
	#floating-menu ul.navlist li.profile-menu, #floating-menu ul.navlist li.profile-menu:hover {
		background-color: #fff;
	}
	span.slide-out-last { display:none }
	.p2p-personal-page #content-wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}
	#p2pPageHeader {
		margin-top: 0;
		margin-bottom: 10px;
		padding: 15px 15px;  
    flex-direction: column;
	}
	#p2pPageHeader .fundraiser-name { 
    margin: 10px auto;
}
	.page-raised {
		display: none;
	}
	h4#mstory_title {
		border: none;
		color: var(--black); 
		margin-bottom: 0; 
	}
	.mobile-social-bar {
		display: none; 
	}
	.lplacement h4 {
		font-family: var(--fontFamilyNeusaBold) !important;
		font-weight: normal;
		font-size: 26px;
		margin: 0;
		line-height: 1em;
		border: none;
		color: #000;
	}
	.container-widget-group-roster {
		padding: 0px 0;
	}
	.vplacement {
		padding: 0 0 30px;
	}
	.banner-mobile { 
		display: none;
	}
	.page-thermometer { 
		padding: 0;
	}
	.donate-amt-wrap .option-cover.p25 {
		width: 50%;
	}
	input#otheramount {
		height: auto;
    font-size: 21px;
    color: #000;
    padding: 17px 15px;
    font-weight: 700;
	}
	.hq-tabs a i {
		color: #fff;
	}
	.center-box.center-box-border.center-box-share {
		background: none;
	}
	.hq-block-raised, .hq-block-goal, .hq-block-members {
		display: block;
	}
	.columns.columns-2.columns-hq.columns-hq-page {
		clear: both;
	}
	.columns-hq .column.p50 {
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.columns-hq .column.p33 {
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.hq-box-header {
		font-size: 22px;
	}
	span#page_goal_amount, .hq-big { 
		font-size: 20px;
		line-height: 2rem; 
	}
	.hq-box-header { 
		margin: 0; 
	}
	#main-banner .rady-button {
		display: inline-block;
		margin: 6px;
	}
	.display-search-grid {
		padding-left: 15px;
		padding-right: 15px;
	}
	div.max-row select {
		height: 50px;
	}
	div#donation_form_body .p50 {
		width: 100%;
	}
	.desktop-only,
	.en__p2p__nav__item.desktop-only {
		display: none;
	}
	.mobile-nav .li.menu-toggle-li {
		display:none;
	}
	
	
}
@media(max-width:500px){ 
	#donation_form_wrapper { 
		width: 300px !important;
	}
	#donation_form_body .form-panel {
		width: 300px !important;
	}



}
/* hide other donate button */
.donate-amt-wrap .option-cover.p25:nth-child(6) {
    display: none;
}
/* end THEME for RADY LIGHT THE WAY */
.en__p2p__fundraiserSearch__search__field .en__input.en__input--text.en__formField__field {
    padding: 0;
}
button.slide-out-nav img { 
    height: 21px;
    width: 21px;
}
.en__formField.en__formField--date {
    border-radius: 0;
    background: #f5f5f5;
    border: 1px solid #9e9e9e;
    padding: 6px 15px;
    margin: 12px 0;
}
.en__formField.en__formField--date input {
    background: none;
}
.en__p2p__registration__organizations__select label {
    color: #000;
    font-size: var(--defaultTextSize);
    font-style: normal; 
}
.en__p2p__registration__additionalParticipants__bottomHelper {
    font-weight: bold; 
    font-size: 20px;
}
.en__p2p__registration__team__select__options {
    list-style: none;
}
.en__p2p__registration__team__create__start__field .en__input {
    padding: 0;
}
.en__p2p__registration__team--selecting .en__p2p__registration__team__select {
    margin-top: 0;
}
.en__p2p__registration__team__detail label.en__formField__label {
    color: #000;
    font-size: var(--defaultTextSize);
    font-style: normal;
}
.en__p2p__leaderboard--list :is(.en__p2p__leaderboard__fundraiser,.en__p2p__leaderboard__team) { 
    box-shadow: 3px 4px 38px 0 rgba(0, 0, 0, 0.2);
    border: none;
    border-radius: 0;
}
.en__row.leaderboard-row {
    padding: 2% 4%;
    width: 100%;
    max-width: 90%;
    margin: 25px auto;
}
.en__p2p__fundraiser__goalWidget { 
    row-gap: 8px;
    padding: 2% 4%;
    width: 100%;
    max-width: 90%;
    margin: 25px auto;
}
.en__p2p__fundraiser__goalWidget__data, .en__p2p__fundraiser__goalWidget__data:first-child { 
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}
.thermometer-row h2 {
    text-align: center;
    margin-top: 30px;
}
.en__p2p__fundraiser__goalWidget__bar__progress:after {
    content: ' ';
    background-image: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10136/rady-tr-therm-icon.png?v=1692425005000);
    width: 76px;
    height: 76px;
    display: block;
    top: -21px; 
    right: -13px;
    position: absolute; 
    background-size: 77px;
}
.en__p2p__fundraiser__page__layout .en__p2p__fundraiser__goalWidget__bar__progress::after {
	content: ' ';
	background-image: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10136/rady-tr-therm-icon.png?v=1692425005000);
	width: 56px;
	height: 56px;
	display: block;
	top: -11px;
	right: -13px;
	position: absolute;
	background-size: 57px;
}
.en__p2p__fundraiserList--leaderboard .en__p2p__fundraiser__details {
    display: block;
}
.en__p2p__fundraiserList--leaderboard .en__p2p__fundraiser__goalWidget {
    max-width: 100%;
    padding: 0;
}
.en__p2p__fundraiser__goalWidget :where(.en__p2p__fundraiser__goalWidget__bar) { 
    overflow: visible;
}
.en__p2p__leaderboard--list .en__p2p__fundraiser__goalWidget__bar,
.en__p2p__leaderboard--list .en__p2p__fundraiser__goalWidget__goal {
    display: none;
}
.en__p2p__registration__donation__donationAmounts .en__radios .en__radiosItem--checked .en__radio__label,
.en__p2p__registration__donation__donationAmounts .en__radios .en__radiosItem:hover .en__radio__label { 
    color: #fff;
}
tr.en__p2ptotal__row td {
    padding-right: 15px;
}
h2 > span {
    color: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    font-family: inherit;
}
.en__formField--error .en__input input,
.en__formField--error .en__formField select {
    border-color: var(--error-color); 
}
.en__component--p2ptotal {display:none} 
h2 > span {
    color: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    font-family: inherit;
}

@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) 0;
		grid-template-columns: 80px 1fr;
		place-items: start;
		grid-column-gap: var(--column-gap-sm);
		text-align: start;
		
        display: block;text-align: center;
	}
	.en__p2p__registration, .en__p2p__registration__confirmation {
		padding: 0; 
	}
	.main-block-container {
		min-width: 100%;
	}
	.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;
	}
	li.menu-toggle-li {
		display:none
	}
	.en__p2p__dashboard__donors__total__layout label, .en__p2p__dashboard__donors__total__layout span { 
		font-size: inherit;
		line-height: 1.2;
        text-align: left;
	}
	.en__p2p__fundraiser__goalWidget__bar__progress:after { 
		width: 36px;
		height: 36px; 
		top: -2px;
		right: -10px; 
		background-size: 37px;
	}
	.en__p2p__fundraiser {
		display: block; 
	}
	.en__p2p__fundraiserList--list ol { 
		margin: 0;
	}
	.en__p2p__fundraiser__goalWidget { 
		padding: 0; 
		max-width: 100%; 
		margin: 0px auto 20px;
		row-gap: 18px;
	}
	.en__row.thermometer-row { 
		padding: 5% 5% 0;
	}
	.en__row.leaderboard-row {
		padding: 0px;
		width: 100%;
		max-width: 100%;
		margin: 25px auto;
	}
	.en__p2p__registration form .en__row { 
		padding: 20px;
	}
	.en__p2p__registration__confirmation .en__row {
		padding: 20px;
	}



	
}