.white {
	color: #fff;
}
.bg-orange {
	background-color: #f3911f;
	padding-bottom: 100px;
}
.bg-purple {
	background-color: #aa1f60;
}
.bg-black {
	background-color: #2f2f2f;
}
quote.new-quote {
	font-weight: 600;
	font-size: 1.1rem;
	vertical-align: initial;
	font-style: italic;
	color: var(--dark-purple);
	display: inline;
}
.mb-0 {
	margin-bottom: 0;
}
a.black-link {
	color: #000;
}
a.orange-link {
	color: var(--orange) !important;
	font-weight: 700 !important;
}
.spacer-pullup {
	margin-top: -5%;
}
.hamburger-menu-purple {
	display: flex;
	flex-direction: column;
	padding-left: 15px;
	cursor: pointer;
	padding-top: 5px;
}
.hamburger-menu-purple:after,
.hamburger-menu-purple:before {
	content: "";
	width: 30px;
	height: 2px;
	background-color: var(--purple);
	margin: 0 0 5px;
	transition: .4s;
	transform-origin: center;
}
.bg-hero {
	background-image: url(../assets/images/hero-bg2.jpg);
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	width: 100%;
	margin-top: -70px;
	z-index: 0;
	background-attachment: unset;
	overflow-x: hidden;
}
.circle-purple:after,
.circle-purple:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 1px solid var(--dark-purple);
	border-radius: 50%;
}
.circle-orange:after,
.circle-orange:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 1px solid var(--orange);
	border-radius: 50%;
}
.circle-green:after,
.circle-green:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 1px solid #889c3a;
	border-radius: 50%;
}
.circle-orange {
	animation: ripple_v2 2.3s linear;
}
.circle-orange:after {
	animation: ripple 2.3s linear;
}
.circle-purple {
	animation: ripple_purple_v2 2.4s linear;
}
.circle-purple:after {
	animation: ripple_purple 2.3s linear;
}
.circle-green {
	animation: ripple_green_v2 2.5s linear;
}
.circle-green:after {
	animation: ripple_green 2.3s linear;
}
.wrapper-hero {
	color: #fff;
	padding: 80px 40px 0;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-around;
}
.title-container {
	z-index: 5;
	text-align: center;
	position: absolute;
	width: 94% !important;
	margin-top: 0;
	top: 33%;
}
.title-container p {
	margin-bottom: 0;
}
.collapsed-text.collapse.show+.plus-btn:after,
div[aria-expanded=true] .plus-btn:after,
div[aria-expanded=true].plus-btn:after {
	transform: rotate(180deg);
}
.collapsed-text.collapse.show+.plus-btn,
div[aria-expanded=true] .plus-btn,
div[aria-expanded=true].plus-btn {
	background-color: var(--black);
}
.container-letter-img-text {
	display: flex;
	justify-content: space-between;
	margin: 4em 0 5em;
	flex-wrap: wrap;
	padding-bottom: 100px;
}
.wrapper-letter {
	padding-top: 3em;
	padding-bottom: 2em;
}
.collapsed-text img.full-width-image,
img.full-width-image {
	width: 98%;
	height: auto;
	margin: 5px auto 10px;
	padding: 0;
}
.collapsed-text .left-image,
.collapsed-text .right-image {
	width: 66%;
	height: auto;
	margin: 0 2% 10px;
	clear: none;
	display: block;
	padding: 0;
}
.collapsed-text .left-image,
.collapsed-text .right-image {
	float: left;
}
.collapsed-text .right-image {
	float: right;
}
figure.left-image,
figure.right-image {
	display: block;
	position: relative;
	float: left;
	width: 46%;
	margin: 0 2% 10px 0;
}
figure.susan-green {
	margin-top: 30px;
	margin-bottom: 40px;
}
figure.right-image {
	float: right;
	margin: 0 0 10px 2%;
}
figure figcaption {
	width: 85%;
	text-align: center;
	color: #000;
	font-size: 1vw;
	line-height: 1.2em;
	font-style: italic;	
	margin-left: auto;
	margin-right: auto;
}
.align-center {
	align-items: flex-start;
}
#crossroaders-values .wrapper-for-each.values-container .wrapper-icon-text p {
	width: 75% !important;
	max-width: none !important;
}
.about-crossroads .wrapper-50 {
	padding-bottom: 0;
}
.col-40 {
	flex: 2;
	padding-bottom: 7vh;
	width: 40%;
}
.col-40 .counter {
	font-size: 1.4em;
}
.crossroaders {
	padding-bottom: 4em;
}
#crossroaders-values {
	padding-bottom: 10em;
	border-top: 0;
	margin-top: 0;
}
.crossroaders .wrapper-for-each:first-child {
	position: relative;
}
.crossroaders .wrapper-for-each .col-25 h5,
.crossroaders .wrapper-for-each .col-40 h5 {
	padding-right: 25%;
	line-height: 1.3;
}
.video-header .title-h3 {
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	padding: 30px 0;
}
.circle-img {
	display: flex;
	flex-wrap: wrap;
	padding: 10px 150px;
}
.wrapper-img {
	width: 100%;
	cursor: pointer;
	padding: 34px;
}
.circle-img .col-33 {
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: .5s;
}
.circle-img .uppercase p {
	text-align: center;
	padding: 60px 0;
}
.wrapper-img-purple {
	padding-top: 19%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
}
.volunteer-fr {
	background-image: url(../assets/images/volontaire-purple.png);
}
.volunteer-fr:hover {
	background-image: url(../assets/images/volontaire-orange.png);
}
.advocate {
	background-image: url(../assets/images/advocate-purple.png);
}
.advocate:hover {
	background-image: url(../assets/images/advocate-orange.png);
}
.advocate-fr {
	background-image: url(../assets/images/agissez-purple.png);
}
.advocate-fr:hover {
	background-image: url(../assets/images/agissez-orange.png);
}
.donate-fr {
	background-image: url(../assets/images/donnez-purple.png);
}
.donate-fr:hover {
	background-image: url(../assets/images/donnez-orange.png);
}
.plus-btn-purple {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-bottom: 0;
	margin-top: -5.5em;
	margin-left: 13em;
	background-color: var(--purple);
	cursor: pointer;
}
.plus-btn-purple:after,
.plus-btn-purple:before {
	width: 45%;
	height: 5px;
	content: "";
	position: absolute;
	background-color: #fff;
}
.plus-btn-purple:after {
	transform: rotate(90deg);
	transition-property: transform;
}
.plus-btn-purple:hover {
	background-color: var(--orange);
}
.footer-wrapper {
	position: relative;
	padding-top: 31%;
	margin-top: -80%;
	z-index: 15 !important;
}
.share-quote:after {
	content: "";
	margin-top: 38px;
	background-color: #fff;
	width: 20px;
	height: 2px;
	opacity: .8;
}
.col-35 {
	width: 35%;
}
.col-35,
.col-65 {
	padding-right: 5%;
}
.col-65 {
	width: 65%;
}
#faces-of-volunteer-cooperation {
	padding-top: 100px;
	padding-bottom: 50px;
}
#faces-of-volunteer-cooperation h1 {
	text-align: center;
}
.wrapper-for-4images {
	display: flex;
	flex-wrap: wrap;
}
.img4images {
	max-height: 100%;
	width: 100%;
}
.img-part img {
	position: sticky;
	top: 70px;
}
.img-part,
.text-part {
	flex: 1;
}
.wrapper-text-part {
	padding: 5em 5em 5em 20px;
	max-width: 650px;
	margin: 0 0 0 auto;
}
.wrapper-text-part-right {
	padding: 4em 1em 4em 5em;
	margin: 0 auto 0 0;
}
.reaching {
	padding: 50px 0;
}
.video-crossroaders,
.video-i-m-crossroaders {
	position: relative;
}
.video-crossroaders .wrapper,
.video-i-m-crossroaders .wrapper {
	position: relative;
	z-index: 1;
}
.bg-video-wrapper {
	min-width: 85%;
	height: 600px;
	display: flex;
	margin: 0 auto;
}
.video-wrapper-text p {
	text-align: center;
	padding-top: 2em;
	padding-bottom: 3em;
	font-size: .8em;
}
.lasting-change-top.wrapper {
	padding-top: 12em;
}
.lasting-change-top .text-quote {
	padding-top: 0;
}
.lasting-change-top .wrapper-for-each .img-quote {
	width: 50%;
	margin-top: -172px;
	margin-left: -60px;
}
.lasting-change .text-part h3 {
	padding-bottom: 1em;
}
.lasting-change .text-img-quote {
	margin-top: -47px;
}
.lasting-change .share-quote {
	color: #fff;
	font-size: 1.2em;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	font-weight: 400;
}
.lasting-change .col-50 {
	padding-bottom: 0;
}
.map-africa {
	position: relative;
}
.map-africa .wrapper {
	position: relative;
	z-index: 12;
}
.map-africa .first-part {
	padding: 4em 0;
}
.map-africa .first-part p {
	padding: 2em 20em 2em 0;
}
.map-africa .col-33 {
	padding-bottom: 0;
	z-index: 2;
}
.map-africa .col-33 p {
	font-size: 20px;
}
.bg-img-africa {
	background-image: url(../assets/images/map-africa-2.png);
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
	padding-top: 100%;
	position: relative;
	top: -210px;
	z-index: -1;
	margin-bottom: 10em;
}
.senegal-trigger {
	bottom: 68%;
	right: 87.8%;
}
.senegal-trigger:after {
	content: "SENEGAL";
	left: 100%;
	margin-left: 10px;
}
.cote-ivoire-trigger {
	bottom: 60.3%;
	right: 81%;
}
.cote-ivoire-trigger:after {
	content: "IVORY COAST";
	right: 100%;
	margin-right: 10px;
}
.ghana-trigger {
	bottom: 52%;
	right: 73%;
}
.ghana-trigger:after {
	content: "GHANA";
	left: 100%;
	margin-left: 10px;
}
.togo-trigger {
	bottom: 57.7%;
	right: 67.5%;
}
.togo-trigger:after {
	content: "TOGO";
	left: 100%;
	margin-left: 10px;
}
.burkina-trigger {
	bottom: 63.7%;
	right: 69%;
}
.burkina-trigger:after {
	content: "BURKINA FASO";
	left: 100%;
	margin-left: 10px;
}
.uganda-trigger {
	bottom: 52.6%;
	right: 30%;
}
.uganda-trigger:after {
	content: "UGANDA";
	left: 100%;
	margin-left: 10px;
}
.tanzania-trigger {
	bottom: 40.6%;
	right: 18.5%;
}
.tanzania-trigger:after {
	content: "TANZANIA";
	left: 100%;
	margin-left: 10px;
}
.zambia-trigger {
	bottom: 29.3%;
	right: 42%;
}
.zambia-trigger:after {
	content: "ZAMBIA";
	right: 100%;
	margin-right: 10px;
}
.eswatini-trigger {
	bottom: 9.3%;
	right: 27.5%;
}
.eswatini-trigger:after {
	content: "eswatini";
	left: 100%;
	margin-left: 10px;
}
.text-country {
	position: absolute;
	width: 27%;
	margin-top: -75%;
	margin-left: 5%;
}
.text-for-each-country {
	display: block;
	flex-direction: column;
}
.our-donors a {
	text-decoration: none;
	color: #000;
}
.planned-giving {
	padding: 50px 0 0;
}
.planned-giving h3 {
	margin-bottom: 20px;
}
.financial-statement {
	padding-top: 4em;
}
.our-partners table tr.alt-row td {
	background-color: #fff;
}
footer .img-footer-wrapper {
	position: relative;
}
.circle-img a,
footer .circle-img a {
	background-color: transparent;
}
.img-footer {
	background-image: url(../assets/images/footer-financial2.jpg);
	padding-top: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.thank-you {
	text-align: center;
	padding: 40px;
}
.thank-you h4 {
	line-height: 1.75;
}
.volunteer-black {
	background-image: url(../assets/images/volunteer-black.png);
}
.volunteer-black:hover {
	background-image: url(../assets/images/volunteer-orange.png);
}
.volunteer-black-fr {
	background-image: url(../assets/images/volontaire-black.png);
}
.volunteer-black-fr:hover {
	background-image: url(images/volontaire-orange.png);
}
.advocate-black-fr {
	background-image: url(../assets/images/agissez-black.png);
}
.advocate-black-fr:hover {
	background-image: url(images/agissez-orange.png);
}
.advocate-black {
	background-image: url(../assets/images/advocate-black.png);
}
.advocate-black:hover {
	background-image: url(images/advocate-orange.png);
}
.donate-black {
	background-image: url(../assets/images/donate-black.png);
}
.donate-black:hover {
	background-image: url(../assets/images/donate-orange.png);
}
.donate-black-fr {
	background-image: url(../assets/images/donnez-black.png);
}
.donate-black-fr:hover {
	background-image: url(images/donnez-orange.png);
}
.footer-volunteer {
	background-image: url(../assets/images/icon-volunteer.png);
	position: relative;
	display: block;
}
.footer-advocate {
	background-image: url(../assets/images/icon-advocate.png);
	position: relative;
	display: block;
}
.footer-donate {
	background-image: url(../assets/images/icon-donate.png);
	position: relative;
	display: block;
}
.footer-advocate:hover,
.footer-donate:hover,
.footer-volunteer:hover {
	margin-top: -15px;
}
.footer-advocate span,
.footer-donate span,
.footer-volunteer span {
	display: block;
	position: absolute;
	top: 110%;
	color: #e1e1e1;
}
.wrapper-img-black {
	padding-top: 19%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
}
.become .become-volunteer {
	background-image: url(images/icon-volunteer.png);
}
.become .become-advocate {
	background-image: url(images/icon-advocate.png);
}
.become .become-donate {
	background-image: url(images/icon-donate.png);
}
.wrapper-nav,
.wrapper-navbar {
	margin-top: 0;
	top: 0;
}
.container-navbar {
	width: 83%;
}
.nav-menu,
.nav-menu p,
.nav-menu p a {
	color: #fff;
	border-color: #fff;
}
.nav-menu {
	width: 190px;
	top: 33%;
	margin: 0 3.5% 0 0;
	padding: 0;
}
.wrapper-navbar .hamburger-menu {
	background-image: url(../assets/images/hamburger-mobile.png);
}
.container-navbar,
.open-menu a {
	color: #000;
}
.border-fr-purple {
	border-color: #000;
}
.showMenu {
    padding-top: 100px;
}
.showMenu > div > p,
.showMenu .container-menu > span {
    display: none;
}
.showMenu .nav-menu {
    position: absolute;
    top: 10px;
    right: 3%;
}
.hamburger-menu-trigger a,
.hamburger-menu-trigger a:active,
.hamburger-menu-trigger a:hover,
.hamburger-menu-trigger a:visited {
	color: #fff;
}
#sticky-menu-fr a,
#sticky-menu-fr a:hover,
#sticky-menu-fr a:visited {
	text-decoration: none;
	color: #000;
}
#maxwidth-container {
	width: 100%;
	max-width: 1384px;
	margin: 0 auto;
	padding: 0;
}
.wrapper {
	max-width: none;
	margin: 0;
	padding: 0;
}
body>div,
body>footer,
body>section {
	width: 100%;
	max-width: none;
	margin: 0 auto;
}
body section>div,
body section>h2,
body section>hr.section-divider {
	width: 75%;
	max-width: none;
	margin: 0 auto 0 10%;
}
body section>hr.section-divider {
	height: 2.5vw;
	margin-top: 6em;
	margin-bottom: 5em;
}
.wrapper {
	padding-top: 0;
	padding-bottom: 0;
}
body>section div.wider {
	width: 116%;
	margin-left: -10%;
}
.col-20,
.col-25,
.col-33,
.col-50,
.col-66 {
	padding-left: 0;
	padding-right: 0;
}
.col-20 {
	width: 19%;
	padding-left: 0;
	padding-right: 1%;
}
.col-50 {
	padding-right: 3%;
}
.col-66 {
	width: 66.6%;
}
#hero {
	height: auto;
	background-position: 0 0;
	padding: 0;
	margin-bottom: 6em;
}
#hero>img.hero-mobile {
	display: none;
}
#hero .hero-content img {
	width: 29.2%;
	height: auto;
	margin: 0 0 1vw;
}
#hero .hero-content h1 {
	color: #fff;
	font-size: 4.6vw;
	line-height: 1em;
	text-transform: uppercase;
}
#hero .hero-content h2 {
	font-size: 2.3vw;
	line-height: 1.1em;
}
#hero .hero-content h2,
#hero .hero-content h3 {
	color: #fff;
	text-transform: uppercase;
	margin: 1.3vw 0 0;
}
#hero .hero-content h3 {
	font-size: 1.3vw;
	line-height: 1em;
}
section>h2 {
	max-width: 77%;
	font-size: 2.3rem;
}
section div h3,
section>h2 {
	color: #ab1d60;
	line-height: 1.2em;
	width: 100%;
}
section div h3 {
	max-width: 75%;
	font-size: 1.2rem;
	margin-top: 30px;
}
section div h3.center {
	text-align: center !important;
	width: 100%;
	max-width: none;
}
hr.section-divider {
	height: 3.2vw;
	background-image: url(../assets/images/2023/divider-line.png);
	background-size: 100% auto;
	background-position: 0 0;
	background-repeat: no-repeat;
	border: 0;
	box-shadow: 0;
	padding: 0;
	margin: 2em auto;
}
.wrapper-icon-text p.bold {
	margin-top: .5em;
}
.wrapper-icon-text p.detail {
	font-size: .88rem;
	line-height: 1.5em;
	font-weight: 400;
	color: #000;
	margin-top: -.25em;
}
section>div>.pullout-right {
	background-color: #9c3;
	width: 33%;
	max-width: 350px;
	padding: 2vw;
	float: right;
	display: block;
	margin: 0 0 3vw 3vw;
}
section>div>.pullout-right h4 {
	font-size: 1.5vw;
	margin-bottom: 1vw;
}
section>div>.pullout-right p {
	font-size: 2.15vw;
	font-weight: 700;
	line-height: 1.7em;
	text-align: left;
	width: 95%;
}
.col-33 .wrapper-icon {
	width: 52%;
}
.col-25 .wrapper-icon {
	width: 60%;
}
.max-60 {
	max-width: 60%;
}
.wrapper-icon-text p {
	color: #ab1d60;
	max-width: 80%;
	font-size: 1.2rem;
	line-height: 1.2em;
	width: 100%;
	margin-top: 30px;
}
.wrapper-letter1-img-text {
	margin-top: 4em;
}
.clear {
	clear: both;
}
.banner-with-image {
	display: block;
	position: relative;
	margin: 0 0 4em;
}
.banner-with-image img {
	width: 100%;
	display: block;
	position: relative;
	margin: 0;
}
.banner-with-image h2 {
	font-size: 4.7vw;
	line-height: 1.25em;
	color: #fff;
	text-transform: uppercase;
	width: 75%;
	padding: 0 0 0 10%;
	margin: 0;
	position: absolute;
	left: 0;
	bottom: 17%;
}
section div.popped-wide-left,
section div.popped-wide-right {
	width: 90%;
	max-width: none;
	padding: 0;
	margin: 0 0 0 10%;
}
section div.popped-wide-left {
	margin: 0 10% 0 0;
	width: 90%;
}
section div.popped-wide-left p,
section div.popped-wide-right p {
	width: auto;
	margin-left: 0;
	margin-right: 0;
}
section div.popped-wide-left img,
section div.popped-wide-right img {
	display: block;
	clear: none;
	float: right;
	min-width: auto;
	max-width: none;
	margin: 0 0 2vw 3vw;
	width: 44%;
	height: auto;
}
section div.popped-wide-left img {
	float: left;
	margin: 0 2vw 0 3vw;
}
section div.popped-wide-right figure {
	float: right;
	margin: 0 0 2vw 3vw;
}
section div.popped-wide-left figure,
section div.popped-wide-right figure {
	display: block;
	clear: none;
	min-width: auto;
	max-width: none;
	width: 44%;
	height: auto;
}
section div.popped-wide-left figure {
	float: left;
	margin: 0 2vw 0 3vw;
}
section div.popped-wide-left figure figcaption,
section div.popped-wide-left figure img,
section div.popped-wide-right figure figcaption,
section div.popped-wide-right figure img {
	width: 100%;
	float: none;
	margin: 0;
}
section div.popped-wide-left figure figcaption span {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 13.5px;
}
section div.popped-wide-right figure figcaption span {
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	font-size: 13.5px;
}
section div.popped-wide-left figure figcaption span.before,
section div.popped-wide-right figure figcaption span.before {
	width: 51.5%;
}
section div.popped-wide-left figure figcaption span.after,
section div.popped-wide-right figure figcaption span.after {
	width: 48.5%;
}
section>blockquote {
	width: 73%;
	margin: 1em 0 1em 10%;
	color: #8a9b01;
	font-size: 2.8vw;
	font-weight: 400;
	line-height: 1.25em;
	padding: 0;
}
section>blockquote span {
	display: block;
	clear: both;
	float: none;
	margin: .25em 0 0;
	font-size: 1.4vw;
	font-style: none;
}
a,
a:active,
a:visited {
	color: #1177a7;
	text-decoration: none;
}
a:hover {
	color: #1177a7;
	text-decoration: underline;
}
p.join-button {
	width: 100%;
	text-align: center;
}
p.join-button button {
	width: auto;
	background-color: #3ab2eb;
	padding: 1em 4em 1em 2.1em;
	border-radius: 2em;
	color: #000;
	box-shadow: 0;
	border: 0;
	text-align: center;
	font-size: 1.3vw;
	font-weight: 700;
	margin: 4em auto;
	background-image: url(../assets/images/2023/button-arrow.png);
	background-position: right 6% top 50%;
	background-repeat: no-repeat;
	background-size: 2% auto;
}
p.join-button button:hover {
	margin-top: 3.9em;
	margin-bottom: 4.1em;
}
.heading-color {
	color: #ab1d60;
}
.embed-video-full {
	position: relative;
	padding-bottom: 56.25%;
	width: 100%;
	margin: 0;
	height: auto;
}
.embed-video-full iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.wrapper-for-each.voice-numbers {
	margin: 1em auto 1.5em;
}
.wrapper-for-each.voice-numbers div.col-33 h1 {
	font-size: 1.5em;
	line-height: 1.25em;
	margin: .2em auto;
	padding: 0;
}
.wrapper-for-each.voice-numbers div.col-33 p {
	font-size: 16px;
	line-height: 1.25em;
	margin: 0 auto;
}
div.legacy-wrapper {
	display: flex;
	flex-direction: row;
}
p.legacy-intro {
	margin: 2.5em 0 0 2em;
	font-size: 1.2em;
	text-align: left;
}
#legacy-circle .col-25 {
	flex: 1;
}
#legacy-circle .col-75 {
	flex: 2;
}
.footer-with-image {
	margin: 0 0 4em;
}
.footer-with-image,
.footer-with-image>img {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 0;
}
.footer-with-image>img {
	margin: 0;
}
.footer-with-image>div {
	width: 75%;
	padding: 0 0 0 10%;
	margin: 0;
	position: absolute;
	left: 0;
	top: 27%;
}
.footer-with-image h2 {
	font-size: 2.3rem;
	line-height: 1.2em;
	color: #fff;
	margin-bottom: 2vw;
}
.footer-with-image .col-20,
.footer-with-image .col-25 {
	text-align: center;
	padding-top: 0;
}
.footer-with-image p,
.footer-with-image p a {
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.2em;
	color: #fff;
	text-decoration: none;
}
.footer-with-image .wrapper-for-each div:hover a,
.footer-with-image .wrapper-for-each div:hover p {
	color: #fff;
	text-decoration: underline;
}
.footer-with-image .wrapper-for-each img {
	width: 40%;
	height: auto;
	margin: 3vw auto .85em;
}
.footer-with-image .wrapper-for-each div:hover img {
	width: 43%;
	margin-bottom: .55em;
}
footer.footer-with-image .wrapper-for-each {
	margin-left: 4%;
}
footer.footer-with-image .wrapper-for-each img {
	width: 25%;
}
footer.footer-with-image .wrapper-for-each div:hover img {
	width: 27%;
	margin-bottom: .65em;
}
footer.footer-with-image {
	margin-top: -4em;
	margin-bottom: 0;
}
.mobile-hide {
	display: block;
}
img.donut {
	width: 70%;
}
.pullup {
	margin-top: -35px;
}
.wrapper-navbar {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	overflow-x: hidden;
}
.nav-menu,
.nav-menu p,
.nav-menu p a {
	color: #000;
	border-color: #000;
}
.nav-menu {
	width: 200px;
	margin-right: 1%;
}
.nav-menu p {
	margin: 0;
	padding: 0 20px;
	border-width: 2px;
}
.nav-menu .container-menu {
	margin-left: 0;
	padding-left: 20px;
}
.nav-menu .hamburger-menu {
	margin-top: 7px;
}
.open-menu {
	width: 200px;
}
.hamburger-menu {
	background-image: url(../assets/images/2025/hamburger.png);
}
.wrapper-nav,
hamburger-menu-trigger {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}
.hamburger-menu-trigger a {
	text-align: center;
	font-size: 1.5vw !important;
	width: 100%;
	padding-left: 2%;
	padding-right: 6%;
}
#closeMenu {
	position: absolute !important;
	top: 20px !important;
	right: -10px !important;
}
h4 {
	font-style: normal;
}
#hero {
	width: 100%;
	top: 4vw;
	height: 42vw;
	background-image: none;
	position: relative;
	margin-bottom: 8vw;
}
#hero .hero-content h1 {
	color: #000;
	font-size: 3.2vw;
	font-weight: 600;
}
#hero .hero-content h3 {
	color: #000;
	margin-top: 2.8vw;
	font-size: 1.55vw;
	font-weight: 400;
}
@-webkit-keyframes slideInDown1 {
	0% {
		-webkit-transform: translate3d(0, -250%, 0);
		transform: translate3d(0, -250%, 0);
		visibility: hidden;
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@-webkit-keyframes slideInDown2 {
	0% {
		-webkit-transform: translate3d(0, -350%, 0);
		transform: translate3d(0, -350%, 0);
		visibility: hidden;
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
body section>hr.section-divider {
	background-image: url(../assets/images/2025/divider-line.png);
	background-size: auto 100%;
	background-repeat: repeat-x;
	background-position: 0 0;
	width: 100%;
	height: 6vw;
	margin-left: 0;
	margin-right: 0;
}
section>h2 {
	text-transform: uppercase;
	font-size: 1.85rem;
	font-weight: 600;
}
.video-full-width {
	width: 100%;
	height: auto;
	min-height: 42vw;
	margin: 5vw 0;
	padding: 0;
}
section>div>.pullout-left,
section>div>.pullout-right {
	background-color: transparent;
	color: #ab1d60;
	font-style: italic;
	font-size: 1.55rem;
	line-height: 1.3em;
	width: 25%;
	padding: 0;
}
section>div>.pullout-left {
	margin-left: 0;
	margin-right: 3vw;
}
section>div>.pullout-right {
	margin-left: 3vw;
	margin-right: 0;
}
.wrapper-letter1-img-text {
	margin-top: 3vw;
	padding-top: 0;
	margin-bottom: 0;
}
.wrapper-letter1-text {
	margin-top: -2rem;
	padding-top: 0;
}
.letter-img {
	background-image: none;
}
.letter-img img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
.round-border-blue {
	border-radius: 50%;
	border: .5vw solid #3ab2eb;
}
#about-crossroads>div>.pullout-right p {
	font-size: 1.8vw !important;
	line-height: 1.4em !important;
	text-transform: uppercase;
	font-weight: 400;
}
#about-crossroads h3,
#about-crossroads h4 {
	color: #85351c;
}
#areas-of-focus h2,
#impact-numbers h2 {
	width: 100%;
	padding: 2% 0 4%;
	margin: 0;
	text-align: center;
	font-size: 2.4svw;
}
#areas-of-focus {
	background-image: url(../assets/images/2025/areas-of-focus-bg.png);
	background-size: 100% auto;
	background-position: 0 0;
	background-repeat: repeat-y;
	padding-top: 1.5%;
	padding-bottom: 2.5%;
}
.fr #areas-of-focus {
	background-size: auto 100%;
}
#areas-of-focus h2,
#areas-of-focus p {
	color: #85351c;
}
#areas-of-focus p.detail {
	color: #000;
	font-size: 1.15vw;
	line-height: 1.3em;
	max-width: 90%;
}
#areas-of-focus .wrapper-for-each {
	width: 80%;
	margin-left: auto;
}
#areas-of-focus .wrapper-for-each.narrower-icons {
	width: 66%;
	margin-left: auto;
}
#areas-of-focus .wrapper-for-each.wider-icons .col-25 {
	padding-left: 2%;
	padding-right: 2%;
}
#areas-of-focus>p {
	width: 57%;
	margin-right: auto;
	margin-left: auto;
	font-style: italic;
	font-size: 1.8vw;
	line-height: 1.2em;
	text-align: center;
	color: #000;
}
#areas-of-focus .wrapper-icon-text p.bold {
	font-weight: 600;
	margin-bottom: 5%;
	font-size: 1.3vw;
	line-height: 1.25em;
}
div.africa-map {
	background-image: url(../assets/images/2025/map-bg.png);
	background-size: 57% auto;
	background-position: 50% 2vw;
	background-repeat: no-repeat;
}
#impact-numbers {
	margin-top: 5vw;
}
#impact-numbers img {
	width: 85%;
	margin: 3.2vw auto 0;
	height: auto;
}
#impact-numbers .col-20,
#impact-numbers .col-60 {
	width: 20%;
	margin-right: 0;
	margin-left: 0;
	padding: 0 0 2%;
}
#impact-numbers .col-60 {
	width: 60%;
	text-align: center;
}
#impact-numbers .col-20 {
	text-align: center;
}
#impact-numbers .col-20 h1 {
	font-size: 2.1vw;
	line-height: 1.2em;
	font-weight: 700;
	padding: 0;
	margin: 1.75% 0;
}
.fr #impact-numbers .col-20 h1 {
	font-size: 1.8vw;
}
#impact-numbers .col-20 h5 {
	font-size: 1.05vw;
	line-height: 1.3em;
	font-weight: 400;
	padding: 0;
	margin: 0;
}
#impact-numbers .col-20 p.spacer {
	height: 9%;
}
.fr #impact-numbers .col-20 p.spacer {
	height: 6%;
}
div.side-by-side-media-left {
	padding: 0 1% 0 0;
	margin: 0;
	float: left;
}
div.side-by-side-media-right {
	padding: 0 0 0 1%;
	margin: 0;
	float: left;
}
div.side-by-side-media-left iframe,
div.side-by-side-media-right iframe {
	width: 99%;
}
div.side-by-side-media-left img,
div.side-by-side-media-right img {
	width: 86%;
}
section div.popped-wide-right img {
	width: 34%;
	aspect-ratio: 1/1;
	height: 100%;
	margin: 0 1vw 3vw 3vw;
}
section div.popped-wide-left img {
	width: 34%;
	aspect-ratio: 1/1;
	height: 100%;
	margin: 0 3vw 3vw 1vw;
}
section div.popped-wide-left figure {
	margin-left: 0;
	width: 35%;
}
section div.popped-wide-right figure {
	margin-right: 0;
	width: 35%;
}
section div.popped-wide-left figure img,
section div.popped-wide-right figure img {
	width: 100%;
	margin: 0 auto 0 0;
	padding: 0;
}
section div.popped-wide-left figure figcaption,
section div.popped-wide-right figure figcaption {
	width: 85%;
	text-align: center;
	color: #000;
	font-size: 1vw;
	line-height: 1.2em;
	font-style: italic;
	margin: .5% auto;
	padding: 1.5vw 0 2.5vw;
}
section>blockquote {
	font-size: 1.4em;
	line-height: 1.5em !important;
	width: 80%;
}
section>blockquote span {
	max-width: 80%;
	line-height: 1.2em;
	font-size: .8em;
}
figcaption {
	width: 86%;
	text-align: center;
	color: #000;
	font-size: 1vw;
	font-weight: 500;
	line-height: 1.2em;
	font-style: italic;
	margin: .5% 0;
	padding: 1.5% 0 2.5%;
}
img.round {
	border-radius: 50%;
	border: .8vw solid #000;
}
img.orange {
	border-color: #f3911f;
}
img.blue {
	border-color: #3ab2eb;
}
img.law-firm-logo {
	max-width: 18vw;
	height: auto;
	clear: none;
	float: left;
	position: relative;
	margin: 1% 4% 4% 0;
}
.banner-with-image {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 5% 0;
}
.banner-with-image img {
	width: 30%;
	height: auto;
	float: left;
	margin: 0 0 0 12%;
	padding: 0;
}
.banner-with-image h2 {
	display: block;
	position: relative;
	clear: none;
	float: left;
	font-size: 4.2vw;
	line-height: .95em;
	color: #000;
	margin: 0 0 0 -4%;
	padding: 11% 0 0;
	width: 48%;
	height: auto;
}
footer {
	background-image: url(../assets/images/2025/footer-bg.png);
	background-size: 100% auto;
	background-position: 50%;
	background-repeat: no-repeat;
	padding: 2.5% 0 0;
}
footer section.wrapper {
	padding: 5% 0 !important;
}
footer h2 {
	text-transform: uppercase;
	padding-top: 2vh;
}
footer h2,
footer p {
	color: #fff;
}
footer .col-20 {
	text-align: center;
	padding-top: 4vh;
}
footer .col-20 img {
	margin-bottom: 3%;
	width: 5vw;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
footer .col-20 a,
footer .col-20 img,
footer .col-20 p {
	color: #fff !important;
}
table.financials-legend td.legend-color span#other-in-kind {
	background-color: #000;
}
table.financials-legend td.legend-color span#income {
	background-color: #f4d9bb;
}
section div.quote-beside-figure {
	padding-bottom: 0;
}
section div.quote-beside-figure blockquote {
	width: 90%;
	margin: 4vw 0 1em;
	color: #8a9b01;
	font-size: 1.4em;
	font-weight: 400;
	line-height: 1.4em;
	padding: 0;
}
section div.quote-beside-figure blockquote span {
	display: block;
	clear: both;
	float: none;
	margin: .25em 0 0;
	font-size: .8em;
	line-height: 1.4em;
	font-style: none;
}
section div.quote-beside-figure figure {
	width: 102%;
	margin-right: 3%;
	margin-bottom: 0;
	float: right;
}
section div.quote-beside-figure figure img {
	width: 100%;
}
section div img.space-filler-icon-1,
section div img.space-filler-icon-2 {
	display: none;
}
.space-filler-clear {
	display: none;
}

.video-container {
	position: relative !important;
	display: block !important;
	overflow: hidden !important;
	width: 99% !important;
	margin-left: 0 !important;
	margin-bottom: 4% !important;
	padding-top: 56.25% !important;
	flex: none !important;
}
.video-container-beside {
	width: 60% !important;
	padding-top: 33.5% !important;
}
.video-container iframe {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
	width: 100% !important;
	height: 100% !important;
}
:root {
	--orange: #f3911f;
	--bright-tan: #fbf0e4;
	--dark-tan: #f4d9bc;
	--dark-purple: #88114c;
	--purple: #aa1f60;
	--bright-purpole: #e7cfdb;
	--black: #2f2f2f;
}
.orange {
	color: #f3911f;
}
*,
:after,
:before {
	box-sizing: border-box;
}
p {
	font-weight: 400;
}
blockquote {
	font-weight: 600;
	font-size: 1.1rem;
	vertical-align: initial;
	font-style: italic;
	color: var(--dark-purple);
	display: inline-block;
	clear: both;
	float: none;
	padding: 25px 10% 25px 2%;
}
.pb-0 {
	padding-bottom: 0;
}
span {
	font-weight: 400;
}
.border-fr a {
	color: var(--purple);
}
body {
	margin: 0;
	padding: 0;
	font-family: Montserrat, sans-serif;
	overflow-x: hidden;
}
b,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
}
h1 {
	font-size: 3rem;
}
h2 {
	font-size: 2.3rem;
}
h3,
h5 {
	font-size: 1.5rem;
}
a {
	text-decoration: none;
}
.bold {
	font-weight: 700;
}
.no-bold .wrapper {
	font-weight: 400;
}
.center {
	text-align: center !important;
	width: 100%;
}
.uppercase {
	text-transform: uppercase;
}
.wrapper {
	max-width: 1300px;
	margin: 0 auto;
	padding: 10px 20px;
}
.max-80 {
	max-width: 70%;
	min-width: 320px;
}
.mb-30 {
	margin-bottom: 30px;
}
.showMenu {
    display: flex !important;
}
.navbar {
	z-index: 2002;
	position: relative;
	margin-top: -90px;
	margin-bottom: -100px;
	background-color: transparent;
}
.wrapper-nav {
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px;
	width: 100%;
}
.logo {
	max-height: 40px;
	cursor: pointer;
	visibility: hidden;
}
.nav-menu {
	display: flex;
	color: black;
}
.nav-menu p {
	padding: 0 25px;
	cursor: pointer;
	font-weight: 700;
	color: black;
}
.border-fr {
	border-right: 1px solid black;
}
.container-menu {
	display: flex;
	padding: 0 25px;
	align-items: flex-start;
}
.container-menu span {
	font-weight: 700;
	padding-right: 10px;
}
.hamburger-menu {
	display: flex;
	flex-direction: column;
	padding-left: 15px;
	cursor: pointer;
	padding-top: 0;
	width: 30px;
	height: 13px;
	margin: 6px 0 0 2px;
	background-image: url(../assets/images/2025/hamburger.png);
	background-position: 0 100%;
	background-size: 30px 13px;
	background-repeat: no-repeat;
}
.hamburger-menu#sticky-menu1 {
	margin-left: 10px;
	margin-top: 3px;
}
.wrapper-navbar {
	position: static;
	opacity: 0;
	top: -20vh;
	background-color: #fff;
	width: 100%;
	padding: 15px 2%;
	z-index: 2011;
	box-shadow: 2px 2px 5px rgb(0 0 0/4%);
	transition: .5s;
}
.add-top {
    top: 0;
    position: sticky;
}
.show {
    opacity: 1;
    /* transition: 0.5s; */
}
.container-navbar {
	max-width: 1300px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: black;
}
.container-logo-navbar>img {
	max-height: 40px;
	cursor: pointer;
}
img {
	vertical-align: middle;
	border-style: none;
}
.open-menu {
	display: flex;
	align-items: center;
	width: 250px;
	cursor: pointer;
	margin-right: -1%;
}
.open-menu a {
	color: var(--purple);
}
.container-menu-navbar {
	font-weight: 700;
	font-size: 1em;
	text-transform: uppercase;
	cursor: pointer;
	padding-left: 1.7em;
}
.border-fr-purple {
	border-right: 2px solid var(--purple);
	padding-right: 35px;
	cursor: pointer;
}
.border-fr-black {
	border-right: 2px solid black;
	padding-right: 35px;
	cursor: pointer;
}
.nav-menu-trigger {
	display: flex;
	flex-direction: column;
}
.nav-menu-trigger .nav-menu {
	justify-content: flex-end;
	padding: 40px;
}
.trigger-menu {
	background-color: var(--orange);
	display: none;
	z-index: 2012;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	height: 100%;
	padding-bottom: 40px;
}
.hamburger-menu-trigger {
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	color: #fff;
	padding-left: 20px;
}
.hamburger-menu-trigger a {
	letter-spacing: 1px;
	line-height: 1.2;
	cursor: pointer;
	color: #fff;
	padding: 15px 5px;
}
.hamburger-menu-trigger a:hover {
	color: #88114c;
	text-decoration: none;
}
.btn-trigger {
	height: 35px;
	width: 35px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	transition: .5s;
	cursor: pointer;
	background-color: var(--orange);
}
.btn-trigger>div:first-child {
	transform: rotate(90deg);
}
.btn-trigger>div {
	position: absolute;
	width: 45%;
	height: 5px;
	background-color: #fff;
	transition: .5s;
}
.btn-trigger:after {
	font-size: .8em;
	width: max-content;
	position: absolute;
	text-transform: uppercase;
	font-weight: 700;
}
.link-social-media {
	padding: 25px;
}
.link-media {
	display: inline-block;
	padding: 5px 7px;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
.link-media .fab:hover,
.link-media .far:hover,
.link-media:hover {
	color: #88114c;
}
.x-btn {
	width: 48px;
	height: 0;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background-color: transparent;
	cursor: pointer;
	transition: transform .5s;
	transform: rotate(45deg);
}
.x-btn:before {
	transform: rotate(90deg);
}
.x-btn:after,
.x-btn:before {
	width: 50%;
	height: 2px;
	content: "";
	position: absolute;
	background-color: #fff;
}
.trigger-menu .nav-menu .x-btn {
	padding-top: 14px;
}
.hero {
	height: 100vh;
	position: relative;
}
@keyframes ripple_v2 {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	50% {
		transform: scale(.5);
		opacity: .5;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}
@keyframes ripple_purple_v2 {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	50% {
		transform: scale(.5);
		opacity: .3;
	}
	to {
		transform: scale(1);
		opacity: .62;
	}
}
@keyframes ripple_green_v2 {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	50% {
		transform: scale(.5);
		opacity: .2;
	}
	to {
		transform: scale(1);
		opacity: .42;
	}
}
@keyframes ripple {
	0% {
		transform: scale(1);
		opacity: 0;
	}
	50% {
		transform: scale(1.3);
		opacity: 1;
	}
	to {
		transform: scale(1.6);
		opacity: 0;
	}
}
@keyframes ripple_purple {
	0% {
		transform: scale(1);
		opacity: 0;
	}
	50% {
		transform: scale(1.3);
		opacity: .62;
	}
	to {
		transform: scale(1.6);
		opacity: 0;
	}
}
@keyframes ripple_green {
	0% {
		transform: scale(1);
		opacity: 0;
	}
	50% {
		transform: scale(1.3);
		opacity: .42;
	}
	to {
		transform: scale(1.6);
		opacity: 0;
	}
}
.plus-btn {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background-color: var(--orange);
	cursor: pointer;
}
.plus-btn:after,
.plus-btn:before {
	width: 45%;
	height: 7px;
	content: "";
	position: absolute;
	background-color: #fff;
	transition: .5s;
}
.plus-btn:after {
	transform: rotate(90deg);
	transition-property: transform;
}
.collapsed-text.collapse.show+.plus-btn:after {
	transform: rotate(180deg);
}
.collapsed-text.collapse.show+.plus-btn {
	background-color: var(--black);
}
.heading-and-plus {
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.crossroad-header-container {
	margin-top: 70px;
	z-index: 2;
}
.crossroad-header {
	height: 100%;
	max-width: 1050px;
	margin: 0 auto;
	padding: 0;
}
.crossroad-header h4 {
	padding-bottom: 15px;
}
.crossroad-header h1 {
	color: var(--orange);
	padding-bottom: 35px;
}
.wrapper-letter1-img-text {
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: flex-end;
}
.wrapper-letter1-img-text:first-child {
	padding-right: 1.5em;
}
.wrapper-letter1-text {
	padding-right: 4em;
	padding-top: 1.5em;
	margin-left: 2em;
	width: calc(100% - 175px);
}
.letter-img {
	background-position: 50%;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	height: 175px;
	width: 175px;
}
.scroll-top {
	opacity: 0;
	transition: .5s;
}
.scroll-top.show {
	opacity: 1;
}
.collapsed-text {
	display: flex;
	flex-direction: column;
}
.crossroad-header-container {
	position: relative;
}
.collapsed-text a {
	color: var(--black);
	cursor: pointer;
	text-decoration: none;
}
img.legacy-circle {
	width: 98%;
	height: auto;
	margin: 5% auto 0 0;
	padding: 0;
}
.wrapper-for-each {
	display: flex;
	flex-wrap: wrap;
}
.about-crossroads .wrapper-for-each .col-50 h3 {
	padding-bottom: 3px;
}
.about-crossroads .col-25 {
	padding-top: 0;
}
.col-20 {
	flex: 1;
	padding-top: 11vh;
	padding-bottom: 7vh;
	width: 10%;
}
.col-25 {
	width: 70%;
}
.col-25,
.col-33 {
	flex: 1;
	padding: 20px 15px;
}
.col-33 {
	width: 33.3%;
}
.col-50 {
	flex: 1;
	width: 50%;
	padding: 30px 6% 30px 0;
}
.col-75 {
	flex: 3;
	width: 70%;
	padding: 20px 5% 20px 15px;
}
.wrapper-for-each .col-25 h3 {
	padding-bottom: 30px;
	padding-right: 15%;
}
.wrapper-icon {
	padding-bottom: 4vh;
	width: 20%;
	display: flex;
}
.wrapper-icon-text {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.wrapper-icon-text p {
	text-align: center;
	font-size: 1.2em;
	max-width: 200px;
}
.volunteer {
	background-image: url(../assets/images/volunteer-purple.png);
}
.volunteer:hover {
	background-image: url(images/volunteer-orange.png);
}
.donate {
	background-image: url(../assets/images/donate-purple.png);
}
.donate:hover {
	background-image: url(images/donate-orange.png);
}
.empowering {
	position: relative;
}
.empowering .wrapper {
	padding-bottom: 25px;
}
.img-empowering {
	width: 100%;
	height: 100%;
}
.our-donors {
	padding: 4em 0;
	background-color: #fff;
}
.our-donors a {
	text-decoration: none;
	color: #000;
}
.our-donors a:hover {
	font-weight: 700;
}
.our-partners {
	padding-top: 4em;
}
.our-volunteers {
	padding-top: 4em;
	padding-bottom: 4em;
}
.heading-and-plus {
	border-top: 3px solid var(--orange);
	padding: 2em 0;
	align-items: center;
	cursor: pointer;
}
.heading-and-plus h4 {
	max-width: 90%;
	font-size: 1.8em;
	margin: 0;
}
.our-donors .collapsed-text,
.our-partners .collapsed-text,
.our-volunteers .collapsed-text {
	border-top: 1px solid var(--orange);
	padding-top: 30px;
}
.col-parent-full-width,
.our-donors .collapsed-text.col-parent {
	flex-direction: row;
	flex-wrap: wrap;
}
.col-parent-full-width {
	width: 100%;
}
.our-volunteers .two-col {
	display: flex;
}
.acc {
	flex: 1;
	margin-bottom: 10px;
}
.two-col .heading-and-plus {
	align-items: center;
}
.our-volunteers .col-50 {
	padding-right: 0;
	padding-left: 20px;
}
.our-donors .col-50.orange,
.our-partners .col-50.orange,
.our-volunteers .col-50.orange {
	display: flex;
	justify-content: center;
}
.our-donors .col-33 {
	width: 33%;
}
.our-partners a {
	color: var(--black);
	padding-bottom: 1em;
}
.board {
	padding: 4em 0;
}
.board h1 {
	padding-bottom: 20px;
}
.full-modal-content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size: 1em;
}
.statement {
	width: 100%;
	margin-bottom: 80px;
}
.tbody {
	display: table-row-group;
	vertical-align: middle;
}
.tbody,
.tr {
	border-color: inherit;
}
.tr {
	display: table-row;
	vertical-align: inherit;
}
table.financials-legend {
	width: 95%;
	max-width: 450px;
	margin: 25px auto;
	padding: 0;
}
table.financials-legend td {
	border: 5px solid #fff;
	padding: 0;
}
table.financials-legend tr.totals td {
	font-weight: 700;
}
table.financials-legend td.legend-color {
	width: 25px;
	height: 25px;
}
table.financials-legend td.legend-label {
	width: auto;
	text-align: left;
}
table.financials-legend td.legend-value {
	width: 150px;
	text-align: right;
}
table.financials-legend td.legend-color span {
	display: block;
	width: 22px;
	height: 22px;
	top: 0;
	left: 0;
}
table.financials-legend td.legend-color span#gac,
table.financials-legend td.legend-color span#international {
	background-color: #ab1d60;
}
table.financials-legend td.legend-color span#admin,
table.financials-legend td.legend-color span#volunteer {
	background-color: #f3911f;
}
table.financials-legend td.legend-color span#donations,
table.financials-legend td.legend-color span#public {
	background-color: #8a9b01;
}
table.financials-legend td.legend-color span#fundraising,
table.financials-legend td.legend-color span#quebec {
	background-color: #3ab2eb;
}
table.financials-legend td.legend-color span#covid {
	background-color: #f4d9bb;
}
table.financials-legend td.legend-color span#income {
	background-color: #9c3;
}
.our-partners table td {
	padding: 1%;
	background-color: #e7cfdd;
}
.our-volunteers table td {
	background-color: transparent;
	padding: 1%;
}
.p-bot {
	border-bottom: 2px solid #2f2f2f;
}
.p-top {
	border-top: 2px solid var(--orange);
}
.statement td:first-child {
	width: calc(100% - 400px);
	text-align: left;
}
.statement td {
	width: 220px;
	text-align: right;
	padding: 8px 0;
	position: relative;
}
.statement tr.statement-sub-header>td {
	padding-top: 1.3em;
}
.statement tr.statement-sub-footer>td {
	padding-bottom: 1.3em;
}
.td {
	display: table-cell;
	vertical-align: inherit;
}
.statement tr.p-bot td {
	padding-bottom: 1.3em;
}
.cintl {
	text-align: center;
	padding-top: 40px;
	text-decoration: underline;
	font-size: 35px;
	font-weight: 600;
	cursor: pointer;
}
.cintl a {
	color: #fff;
}
.cintl a:hover {
	color: var(--orange);
}
.fab,
.far {
	padding: .5em;
}
.fab:hover,
.far:hover {
	cursor: pointer;
	color: var(--orange);
}
.become>a {
	background-color: var(--purple);
	border-radius: 50%;
	padding: 14% 0;
	margin: 1% 2%;
	position: relative;
}
.become>a:hover {
	background-color: var(--orange);
}
.become span {
	position: absolute;
	bottom: -25%;
	color: #000 !important;
}
@media screen and (min-width:1070px) {
	section div img.space-filler-icon-1 {
		float: right;
	}
	section div img.space-filler-icon-1,
	section div img.space-filler-icon-2 {
		display: block;
		position: relative;
		width: 17vw;
		height: auto;
		clear: none;
		margin: -7% 0 0;
		padding: 0;
	}
	section div img.space-filler-icon-2 {
		float: none;
	}
}
@media screen and (min-width:1300px) {
	section div img.space-filler-icon-1,
	section div img.space-filler-icon-2 {
		width: 14vw;
		margin-top: 0;
	}
}
@media screen and (min-width:930px) {
	.space-filler-clear {
		display: block;
		height: 1px;
		overflow: hidden;
		margin-bottom: -6%;
	}
}
@media screen and (max-width:1384px) {
	section>div {
		margin-left: 3% !important;
		margin-right: 3% !important;
		width: 94% !important;
	}
	section div.popped-wide-left figure,
	section div.popped-wide-left img,
	section div.popped-wide-right figure,
	section div.popped-wide-right img {
		margin-top: 0;
	}
	body section>h2 {
		margin-left: 3%;
	}
	figcaption,
	section div.popped-wide-left figure figcaption,
	section div.popped-wide-right figure figcaption,
	section figure figcaption {
		font-size: 1.3vw;
	}
	.hamburger-menu-trigger a {
		text-align: center;
		font-size: 2.5vw !important;
	}
}
@media screen and (max-width:768px) {
	.border-fr-purple {
		padding-right: 5vw;
	}
	.container-menu-navbar {
		padding-left: 5vw;
	}
	.wrapper-nav {
		width: 96%;
	}
	.navbar,
	.wrapper-nav {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		overflow-x: hidden;
	}
	.navbar {
		width: 100%;
	}
	.wrapper-nav .logo {
		display: none;
	}
	.nav-menu {
		width: auto;
		margin-right: 4%;
		margin-left: 40%;
	}
	.mobile-hide {
		display: none;
	}
	.hamburger-menu-trigger a {
		text-align: center;
		font-size: 4.5vw !important;
	}
	#maxwidth-container,
	body,
	html {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	body {
		position: relative;
		font-size: 1.25rem;
		overflow-x: hidden;
	}
	.wrapper-for-each {
		display: block;
	}
	#impact-numbers .col-20,
	#impact-numbers .col-60,
	.col-20,
	.col-25,
	.col-33,
	.col-50,
	.col-66,
	.col-75,
	.col-80,
	div.side-by-side-media-left,
	div.side-by-side-media-right,
	section>div,
	section>div>.pullout-left,
	section>div>.pullout-right
	 {
		clear: both;
		float: none;
		margin-left: 2%;
		margin-right: 2%;
		width: 96%;
	}
	#about-crossroads>div>.pullout-right p,
	section>div>.pullout-left,
	section>div>.pullout-right {
		font-size: 4.5vw !important;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		max-width: 96%;
	}
	section>div>.pullout-left h4,
	section>div>.pullout-right h4 {
		font-size: 4vw !important;
	}
	section div.popped-wide-left figure,
	section div.popped-wide-left img,
	section div.popped-wide-right figure,
	section div.popped-wide-right img {
		margin-left: 10%;
		margin-right: 10%;
		width: 80%;
	}
	.max-60,
	.max-80 {
		width: 100%;
		max-width: 100%;
	}
	figure,
	section div.popped-wide-left figure,
	section div.popped-wide-right figure,
	section figure {
		margin-bottom: 5vw;
	}
	figcaption,
	section div.popped-wide-left figure figcaption,
	section div.popped-wide-right figure figcaption,
	section figure figcaption {
		font-size: 2.75vw;
		line-height: 1.3em;
		margin-top: -3vw !important;
	}
	.round-border-blue,
	img.round {
		border-width: 1.7vw;
		margin-top: 2vw !important;
		margin-bottom: 5vw !important;
	}
	section div.quote-beside-figure blockquote,
	section>blockquote {
		width: 79%;
		font-size: .9em;
	}
	section div.quote-beside-figure blockquote {
		width: 95%;
	}
	section div.quote-beside-figure blockquote span,
	section>blockquote span {
		font-size: .8em;
	}
	.letter-img img {
		margin-top: -4vw;
	}
	.wrapper-letter1-text {
		margin-top: 0;
	}
	.wrapper-letter1-img-text {
		margin-top: 6vw;
		margin-left: 4%;
	}
	#areas-of-focus {
		padding-bottom: 12%;
	}
	#areas-of-focus h2,
	#impact-numbers h2,
	body section>h2 {
		text-transform: uppercase;
		font-size: 1.6rem;
		font-weight: 600;
		margin-top: 10%;
	}
	#areas-of-focus h2,
	#impact-numbers h2 {
		width: 100% !important;
		text-align: center;
	}
	body section>h2 {
		width: 90% !important;
	}
	.col-25 .wrapper-icon {
		width: 40%;
		padding-bottom: 0;
	}
	#areas-of-focus .wrapper-icon-text p.bold {
		font-size: 4vw;
	}
	#areas-of-focus>p {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		font-size: 3.6vw;
	}
	#areas-of-focus p.detail {
		color: #000;
		font-size: 3.2vw;
		line-height: 1.3em;
		width: 90%;
		max-width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	div.africa-map {
		background-image: none;
	}
	#impact-numbers .col-20 h1 {
		font-size: 4.5vw;
	}
	#impact-numbers .col-20 h5 {
		font-size: 3.25vw;
	}
	#impact-numbers .col-20 p.spacer {
		display: none;
	}
	#impact-numbers img {
		width: 90%;
		margin-top: 10vw;
		margin-bottom: 10vw;
		padding: 2vw 5% 6vw;
		background-image: url(images/2025/map-bg.png);
		background-size: 90% auto;
		background-position: 50% 0;
		background-repeat: no-repeat;
	}
	#crossroad-header {
		margin-top: 75vw;
	}
	#crossroad-header .video-container {
		clear: both;
		float: none;
	}
	div.legacy-wrapper {
		display: block;
		width: 100%;
	}
	img.legacy-circle {
		width: 92%;
		margin: 0 4% 6%;
	}
	div.legacy-wrapper .col-25,
	div.legacy-wrapper .col-75 {
		padding: 0;
	}
	p.legacy-intro {
		margin: 0;
		padding: 0;
		width: 96%;
	}
	.banner-with-image {
		margin-top: -2%;
		margin-bottom: 10%;
	}
	.banner-with-image h2 {
		width: 48% !important;
		margin-left: 0;
		font-size: 5vw;
	}
	body section>hr.section-divider {
		height: 12vw;
		margin-top: 20%;
	}
	footer {
		background-image: url(images/2025/footer-bg.png);
		background-size: auto 100%;
		background-position: 50%;
		background-repeat: no-repeat;
		padding: 2.5% 0 0;
	}
	footer .col-20 {
		width: 40% !important;
		float: left;
		clear: none;
		padding: 4vw 0 1vw;
	}
	footer .col-20 img {
		width: 36%;
	}
	footer h2 {
		font-size: 1.8rem;
	}
	div.side-by-side-media-left,
	div.side-by-side-media-right {
		text-align: center;
	}
	div.side-by-side-media-left img,
	div.side-by-side-media-right img {
		margin-left: auto;
		margin-right: auto;
		width: 80%;
	}
	div.side-by-side-media-left blockquote,
	div.side-by-side-media-right blockquote {
		text-align: left;
		width: 96%;
		margin: -1% 2% 6%;
		padding: 0;
	}
	#financial .full-modal-content,
	#financial td {
		font-size: .8em;
	}
}
@media screen and (max-width:768px) {
	.video-container-beside {
		width: 99% !important;
		padding-top: 56.25% !important;
	}
}