*{
	/*border: 1px solid lime;*/
}

:root{
	--container-width: 1296px;
	--mask-menu-height: 994px;
	--horizontal-pad: 1.25%;
	--vertical-pad: 1.25%;
}



a{
	text-decoration: none;
	cursor: pointer;
	color: #453568;
}

.header-logo{
	width:100%;
	height: auto;
}

.small-button{
	padding:4px 15px;
	border-radius: 20px;
	text-transform: uppercase;
	display: block;
	font-size: 14px;
	color: black;
}

.home-hero{
	aspect-ratio: 16/7;
	background-size: cover;
	background-position: center center;
	position: relative;
	overflow: hidden !important;
}

.hero-overlay{
	position: absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background-color: black;
	opacity: 0.2;
	z-index: 101;
}

.hero-content{
	position: relative;
	z-index: 102;
	height: 100%;
	width:100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.hero-content h1{
	font-size: 60px;
}

.hero-content h3{
	font-size: 40px;
}

.button{
	padding:6px 20px;
	border-radius: 20px;
	text-transform: uppercase;
	display: block;
	font-size: 18px;
	color: black;
	background-color: white;
	display: inline-block;
}

.button:hover{
	background-color: #F26F71;
	color: white;
}

.button i{
	margin-left:5px;
	transition: linear 0.1s margin-left;
}

.button:hover i{
	margin-left: 9px;
}

.button.salmon-border:hover i{
	margin-left:5px;
}

.button.salmon-bg:hover{
	background-color: #453568;
}

.lab-container{
	background-color: black;
	aspect-ratio: 4/3;
	position: relative;
}

.lab-container>div{
	position: absolute;
}

.lab-1{
	top:0px;
	left:0px;
	width:33.33%;
	height: 66.66%;
}
.lab-2{
	top:0px;
	right:0px;
	width: 66.66%;
	height: 33.33%;
}
.lab-3{
	top:33.33%;
	left:33.33%;
	width: 33.33%;
	height: 33.33%;
}
.lab-4{
	bottom:0px;
	left:0px;
	width: 66.66%;
	height: 33.33%;
}
.lab-5{
	bottom:0px;
	right:0px;
	width: 33.33%;
	height: 66.66%;
}


.lab-container .background-card{
	width:100%;
	height:100%;
	background-size:cover;
	background-position: center center;
	position: absolute;
	top:0px;
	left:0px;
	transition: linear 0.1s all;
	z-index: 101;
}

.lab-container .background-card-color{
	width:100%;
	height:100%;
	background-size:cover;
	background-position: center center;
	position: absolute;
	top:0px;
	left:0px;
	transition: linear 0.1s all;
	z-index: 102;
	opacity: 0;
}

.lab-container>div:hover .background-card{
	/*filter: saturate(0.0) brightness(1.47);*/
}

.lab-container>div:hover .background-card-color{
	opacity:1;
}

.lab-container .default-card{
	position: absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index: 102;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: white;
	text-transform: uppercase;
	opacity: 1.0;
	transition: opacity 0.1s;
}

.lab-container .action-card{
	position: absolute;
	width:100%;
	height:100%;
	left:0px;
	top:30px;
	z-index: 103;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: white;
	text-transform: uppercase;
	opacity: 0.0;
	transition: opacity 0.1s, top 0.1s;
}

.lab-container>div:hover .action-card{
	opacity: 1.0;
	top:0px;
}
.lab-container>div:hover .default-card{
	opacity: 0.0;
}

.call-blurb{
	font-size: 40px;
}
.call-phone{
	font-size: 90px;
}

img.logo_spiral{
	width: 85px;
	height: auto;
}

.newsletter-container{
	border-radius: 40px;
}

input.signup-input{
	width:100%;
	border:0px solid white;
	padding: 28px 25px 22px 25px;
	border-radius: 50px;
}
button.signup-button{
	padding: 23px 25px 17px 25px;
	border:0px solid white;
	border-radius: 50px;
	position: absolute;
	right: 10px;
	top:8px;
	text-transform: uppercase;
}
button.signup-button:hover{
	background-color: #F26F71;
	color: white;
}

.social-links a{
	color: white;
	margin-right: 10px;
}
.social-links a:hover{
	color: #F26F71;
}

.footer-nav{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.footer-nav a{
	color: white;
	text-transform: uppercase;
	display: block;
	font-size: 11px;
}

.footer-nav h5 a{
	font-size: 16px;
}

.footer-nav a:hover{
	color: #f1cf89;
}

.footer-nav>div{
	background-image: linear-gradient(white,white);
	background-size: 2px 23px;
	background-position: top left;
	background-repeat: no-repeat;
	padding-left:10px;
}

.footer-nav>div:first-of-type{
	/*background-image: none;*/
}

a.exit-button{
	position: fixed;
	right:0px;
	top:50%;
	z-index: 200;
	font-weight: bold;
	color: white;
	background-color: #F26F71;
	font-size: 18px;
	padding:10px 20px;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	text-transform: uppercase;
}

a.exit-button:hover{
	background-color: #2380a7;
}

.secondary-header{
	height: 300px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.secondary-header.events-header{
	height: auto;
	padding:25px 0px;
}

.secondary-header h1{
	display: inline-block;
	padding-left: calc((100vw - 1300px)/2);
	background: linear-gradient(135deg, #4c396a, #494178, #494f87, #506895, #5884a3, #60a4b2, #60a4b2, #5884a3, #506895, #494f87, #494178, #4c396a);
	color: white;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:30px;
	position: absolute;
	left:0px;
	bottom: 50px;
	border-top-right-radius: 60px;
	border-bottom-right-radius: 60px;
	font-family: "neulis-cursive", sans-serif;
	font-weight: 300;
}

.sec-nav-item{
	border-left: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	width: 225px;
	text-align: center;
	padding: 25px 0;
	color: #453568;
	font-weight: 600;
	font-family: "neulis-neue", sans-serif;
	position: relative;
}

.sec-nav-item a{
	color: #453568;
}

.sec-nav-item:hover{
	background-color: #453568;
	color: white !important;
}

.sec-nav-item:hover a{
	color: white !important;
}

.sec-nav-item:last-of-type{
	border-right: 1px solid #EAEAEA;
}

.breadcrumbs{
	color: #453568;
}

.breadcrumbs a{
	color: #453568;
	font-weight: 500;
}

.breadcrumbs a:hover{
	color: #2380a7;
}

.secondary-sub-nav{
	width: 925px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 15px;
}

.secondary-sub-nav>div{
	background: conic-gradient(from 135deg at 50% 50%, #4c396a, #4b3d71, #494178, #464580, #494f87, #4c5b8e, #506895, #54769c, #5884a3, #5c94ab, #60a4b2, #64b5b9);
	color: white;
	width: 220px;
	height: 180px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	border-radius: 10px;
}

.secondary-sub-nav>div>a{
	font-weight: 500;
	font-family: "neulis-neue", sans-serif;
	font-size: 24px;
	color: white;
	text-align: center
}

.secondary-sub-nav>div:hover{
	background: none;
	background-color: #453568;;
}

.certificate{
	position: absolute;
	width:75px;
	height:75px;
	right:0px;
	bottom:0px;
}

.certificate img{
	width:100%;
	height:auto;
}

.footer-logo{
	width:100%;
	height:auto;
}

button.menu-toggle{
	display: none !important;
}

.fig-number{
	font-size: 48px;
	font-weight: bold;
}

.fact-divider{
	width: 20%;
	height: 2px;
	margin:20px 0;
	background-color: #63b4b8;
}

.facts-container{
}

.mask-menu{
	aspect-ratio: 1296/994;
	position: relative;
	background-size: cover;
}

.mask-button{
	position: absolute;
	height:46%;
	width:19%;
	background-image:url('../images/help-menu-bg.jpg');
	overflow: hidden;
	background-size: var(--container-width) var(--mask-menu-height);
	border-radius: 15px;
}

.mask-button-1{
	left:0%;
	top:0%;
	background-position: top left;
}

.mask-button-2{
	left:0%;
	top:calc(46% + 1.25%);
	background-position: 0px calc(var(--mask-menu-height) * (-0.46 - 0.0125));
}

.mask-button-3{
	left:calc(19% + 1.25%);
	top:calc(8% - 1.25%);
	background-position: calc(var(--container-width) * (-0.19 - 0.0125)) calc(var(--mask-menu-height) * (-0.08 + 0.0125));
}

.mask-button-4{
	left:calc(19% + 1.25%);
	top:calc(54%);
	background-position: calc(var(--container-width) * (-0.19 - 0.0125)) calc(var(--mask-menu-height) * -0.54);
}

.mask-button-5{
	left:calc(38% + 2.5%);
	top:0%;
	background-position: calc(var(--container-width) * (-0.38 - 0.025)) 0px;
}

.mask-button-6{
	left:calc(38% + 2.5%);
	top:calc(46% + 1.25%);
	background-position: calc(var(--container-width) * (-0.38 - 0.025)) calc(var(--mask-menu-height) * (-0.46 - 0.0125));
}

.mask-button-7{
	left:calc(57% + 3.75%);
	top:calc(8% - 1.25%);
	background-position: calc(var(--container-width) * (-0.57 - 0.0375)) calc(var(--mask-menu-height) * (-0.08 + 0.0125));
}

.mask-button-8{
	left:calc(57% + 3.75%);
	top:calc(54%);
	background-position: calc(var(--container-width) * (-0.57 - 0.0375)) calc(var(--mask-menu-height) * -0.54);
}

.mask-button-9{
	right:0%;
	top:0%;
	background-position: top right;
}

.mask-button-10{
	right:0%;
	top:calc(46% + 1.25%);
	background-position: calc(var(--container-width) * (-0.76 - 0.05)) calc(var(--mask-menu-height) * (-0.46 - 0.0125));
}

.mask-button .main-card{
	font-family: "neulis-cursive", sans-serif;
	color: white;
	font-weight: 500;
	font-size: 24px;
}

.mask-button .hover-card{
	top:0px;
	left:0px;
	opacity: 0;
	font-family: "neulis-cursive", sans-serif;
	color: white;
	font-weight: 500;
	font-size: 24px;
	transition: 0.1s opacity linear;
}

.mask-button .hover-card:hover{
	opacity: 1;
}

.bts-image{
	overflow: hidden;
	border-radius: 15px;
}

.quote{
	padding-left:100px;
	background-image: url('../images/teal-quote.png');
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 75px 75px;
}

.carousel-control-prev-icon{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

p#breadcrumbs, p#breadcrumbs a{
	color: #453568;
	margin-bottom:0px;
}

.breadcrumb_last{
	font-weight: 600;
}

.services-menu{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.service-item{
	width:19%;
	border-radius: 15px;
	overflow: hidden;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}

.service-photo{
	aspect-ratio: 4/3;
	background-size: cover;
	background-position: center center;
}

.service-item-detail{
	position: relative;
}

.service-headline{
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: center;
	align-items: center;
	height: 90px;
}

.service-headline h4{
	color: #453568;
	font-family: "neulis-neue", sans-serif;
	text-align: center;
}

.service-blurb{
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: flex-start;
	align-items: center;
	height: 120px;
	padding: 0 15px;
}

.service-item-hover{
	position: absolute;
	top:0px;
	left:0px;
	height:0px;
	width:100%;
	transition: 0.1s height linear;
	overflow: hidden;
}

.service-item-hover .service-headline h4{
	color: white;
}

.service-item:hover .service-item-hover{
	height:210px;
}

.gi-options{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: stretch;
}

.gi-option{
	padding: 30px;
	border:2px solid #ccc;
	width:30%;
	align-self: stretch;
}

.gi-option.active{
	border: 2px solid #453568;
	background-color: #453568;
	color: white !important;
}

.gi-option.active .purple{
	color: white !important;
}

.gi-connections{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	height: 35px;
}

.gi-connection{
	width:30%;
	height:100%;
	text-align: center;
}

.connector{
	height:35px;
	width:4px;
	background-color: #453568;
	margin: 0 auto;
	visibility: hidden;
}

.info-box{
	display: none;
}

.info-box.active{
	display: block;
}

.connector.active{
	visibility: visible;
}

.link-boxes{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
}

.link-box{
	align-self: stretch;
	background-color: white;
	padding:20px;
	width: 23%;
	text-align: center;
	color: black;
	position: relative;
}

.box-1 .link-box{
	align-self: stretch;
	background-color: white;
	padding:20px;
	width: 30%;
	text-align: center;
	color: black;
	position: relative;
}

.box-3 .link-boxes,.box-2 .link-boxes{
	flex-wrap: wrap;
}

.box-3 .link-box,.box-2 .link-box{
	width: 48%;
	margin-bottom:20px;
}

.link-box:hover{
	background-color: #f3f3f3;
	cursor: pointer;
}

.photo-bg{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.dual-column-content{
	padding-right: calc((100vw - 1300px)/2);
}

article h3{
	font-family: "neulis-neue", sans-serif;
	font-size: 24px;
	color: #453568;
	margin-bottom: 1.5rem;
}

article{
	padding-bottom:30px;
}

.dual-column-content h3{
	font-family: "neulis-cursive", sans-serif;
	font-size: 24px;
	color: #453568;
}

.dual-column-content-compact h3{
	font-family: "neulis-neue", sans-serif;
	font-size: 24px;
	color: #453568;
	margin-bottom: 1rem;
}



.dual-column-content a, .dual-column-content-compact a{
	color: #453568;
}

.dual-column-content a:hover, .dual-column-content-compact a:hover{
	color: #2380a7;
}

div.contact-box{
	border: 1px solid #ccc;
	height:100%;
	width:100%;
	padding: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}

div.contact-box img{
	height: 75px;
	width:auto;
}

div.contact-form-container{
	max-width:800px;
	margin:0 auto;
}

.wpcf7-spinner{
	display: none !important;
}

.form-button{
	border: 0px solid #fff !important;
	color: white !important;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #453568 !important;
	border-radius: 20px !important;
	padding: 5px 20px 5px 20px !important;
}

.contact-header-details{
	position: absolute;
	right:100px;
	bottom:0px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 500px;
}

.contact-header-top{
	font-size: 22px;
}

.contact-header-bottom{
	font-size: 48px;
}

.event-item-holder{
	width:100%;
}

.event-item{
	height:200px;
	width:100%;
	border-radius: 15px;
	background-size: cover;
	background-position: center center;
	background-color: #453568;
	overflow: hidden;
}

.event-overlay{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.4);
}

.event-details{
	position: relative;
	z-index: 20;
}

article h2{
	text-transform: uppercase;
	font-family: "neulis-cursive", sans-serif;
	font-weight: 200;
	font-size: 60px;
	text-align: center;
	margin-bottom: 1.5rem;
}

form.wpcf7-form p{
	margin-bottom:0px;
}

.featured-wrapper{
	border-radius: 20px;
	overflow: hidden;
}

.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.events-prev,.events-next{
	font-size: 36px;
	position: absolute;
	top:45%;
}

.events-prev:hover,.events-next:hover{
	opacity: 0.7;
	cursor: pointer;
}

.events-prev{
	left:-35px;
}

.events-next{
	right:-35px;
}

.event-item:hover .event-overlay{
	opacity: 0.8;
}

.news-container{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

.news-item{
	width:30%;
	margin-bottom:35px;
}

.news-photo{
	background-color: #453568;
	aspect-ratio: 3/2;
	background-size: cover;
	background-position: center center;
	border-radius: 15px;
}

.news-photo.newsletter{
	background-position: center top;
}

.page-numbers{
	width:40px;
	height:40px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #ccc;
	border-radius: 30px;
	margin-right:10px;
}

.page-numbers:hover{
	background-color: #efefef;
}

.page-numbers.current{
	border: 1px solid #453568;
}

.page-numbers.dots{
	border: 1px solid #fff;
}

.page-numbers.next,.page-numbers.prev{
	border: none;
	width: auto;
}

.page-numbers.next:hover,.page-numbers.prev:hover{
	background-color: white;
	color: #63b4b8;
}

.search-form{
	display: none;
	position: fixed;
	width:100vw;
	height:100vh;
	top:0px;
	left:0px;
	background-color: rgba(0,0,0,0.8);
	z-index: 200;
}

.search-form.active{
	display: flex;
	justify-content: center;
	align-items: center;
}

.search-button{
	cursor: pointer;
}

.search-form form{
	width:50%;
}

.search-form input{
	
}

.category-button{
	display: block;
	background-color: color(display-p3 0.847 0.847 0.847);
	text-transform: uppercase;
	font-size: 18px;
	padding:10px 0 10px 0;
	text-align: center;
	cursor: pointer;
}

.category-button:hover{
	background-color: #453568;
	color: white;
}

.category-button.active{
	background-color: #F26F71;
	color: white;
}

.category-button.active:hover{
	background-color: #F26F71;
}

.triangle {
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 0 20px 20px 0;
   border-color: transparent #F26F71 transparent transparent;
   transform: rotate(0deg);
}

span.edit-link{
	display: block;
	margin-top:20px;
}

a.post-edit-link{
	
}

div#donation-form-container{
	padding:25px;
	background-color: #efefef;
	border-radius: 20px;
	margin-bottom:45px;
}

div#donation-form-container form{
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap;
}

div.section.donation, div.section.recurring, div.section.fund, div.section.comment, div.section.true-impact, div.section.captcha, div.btn-group{
	width:100%;
	margin-top:30px;
}

div.section.donation{
	margin-top:0px;
}

div.section.contact, div.section.billing-address, div.section.payment{
	width:33%;
	margin-top:30px;
}

div.comment span.label{
	color: #453568;
	font-family: "neulis-neue", sans-serif;
	font-size: 24px;
	margin-bottom:15px;
	font-weight: 500;
	display: block;
}

div.comment textarea{
	width:100% !important;
	max-width: 100% !important;
}

input.btn-submit-donation{
	display: inline-block;
	margin: 20px auto 0px auto;
	width: auto !important;
	padding:10px 25px !important;
	font-size: 18px;
	color: white !important;
	background-color: #453568 !important;
	border: 0px !important;
	text-transform: uppercase;
	border-radius: 30px !important;
}

input.btn-submit-donation:hover{
	background-color: #F26F71 !important;

}

.btn-group{
	display: block !important;
	width:100%;
	text-align: center;
}

.gtranslate_wrapper{
	background-color: #D8D8D8;
	color: #444;
	border-radius: 40px;
	padding: 0px 10px 3px 15px;
	margin-right:10px;
}
.gtranslate_wrapper a{
	color: #444;
	text-transform: uppercase;
	font-size: 14px !important;
	font-weight: 700;
	font-family: "neulis-sans", sans-serif !important;
}

.gt_container a.glink span{
	font-size: 14px !important;
	font-weight: 700;
	font-family: "neulis-sans", sans-serif !important;
}

a.glink img{
	margin-right:8px !important;
}

.donate-bar{
	position: fixed;
	bottom:0px;
	left:0px;
	width:100%;
	text-align: center;
	z-index: 300;
}

.mobile-translate{
	position: absolute;
	top:15px;
	left:15px;
}

.header-number{
	margin-top:-8px;
}

#email-registration-form-container h3,#email-registration-form-container label,#email-registration-form-container .consent{
	display: none;
}

#email-registration-form-container input[type='text'],#email-registration-form-container input[type='email']{
	width: 100% !important;
	max-width: 100% !important;
	border: 0px solid #fff !important;
	font-family: "neulis-sans", sans-serif !important;
	padding: 15px !important;
	border-radius: 30px !important;
}

#email-registration-form-container div.contact{
	width: 100% !important;
}

#email-registration-form-container div.first-name, #email-registration-form-container div.last-name{
	display: inline-block;
	width: 50%;
}
#email-registration-form-container div.first-name{
	padding-right: 3px;
}
#email-registration-form-container div.last-name{
	padding-left: 3px;
}

#email-registration-form-container .btn-submit-email{
	border: 0px solid #fff !important;
	font-family: "neulis-sans", sans-serif !important;
	padding: 10px 25px !important;
	border-radius: 30px !important;
	background-color: #f1cf89 !important;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 18px !important;
}

#email-registration-form-container .btn-submit-email:hover{
	color: white !important;
	background-color: #F26F71 !important;
}

i.search-close{
	position: absolute;
	top:50px;
	right:50px;
	font-size: 36px;
	color: white;
	cursor: pointer;
}

i.search-close:hover{
	opacity: 0.75;
}

div.carousel-indicators,button.carousel-control-prev,button.carousel-control-next{
	z-index: 199;
}

.hero-video{
	position: absolute;
	left: 50%;
	  top: 50%;
	  transform: translate(-50%, -50%);
	min-width: 100%; 
	min-height: 100%;
	z-index: 100;
}

.modal-header .btn-close {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important;
}

.modal-header{
	border-bottom:1px solid rgb(42, 27, 74) !important;
}

div#captcha244131840>div{
	margin:0 auto;
}

#donate_modal iframe{
	height: 80vh;
}

@media (max-width: 1399.99px) {
	
	.secondary-header h1{
		padding-left: calc((100vw - 1120px)/2);
	}
	
	.dual-column-content{
		padding-right: calc((100vw - 1120px)/2);
	}
	
	:root{
		--container-width: 1116px;
		--mask-menu-height: 856px;
	}
	
	.service-item-hover .button{
		padding:6px 20px;
		font-size: 16px;
	}
	
	.events-prev{
		left:-25px;
	}
	
	.events-next{
		right:-25px;
	}
	
}

@media (max-width: 1199.99px) {
	
	.secondary-header h1{
		padding-left: calc((100vw - 936px)/2);
	}
	
	.dual-column-content{
		padding-right: calc((100vw - 936px)/2);
	}
	
	.home-hero{
		aspect-ratio: 16/10;
	}
	
	.footer-nav{
		flex-wrap: wrap;
	}
	
	.footer-nav>div{
		width:33%;
		margin-bottom:20px;
	}
	
	:root{
		--container-width: 936px;
		--mask-menu-height: 718px;
	}
	
	.service-item{
		width:30%;
		border-radius: 15px;
		overflow: hidden;
		border: 1px solid #ccc;
		margin-bottom: 30px;
	}
	
	.events-prev{
		left:-15px;
		font-size: 24px;
	}
	
	.events-next{
		right:-15px;
		font-size: 24px;
	}
}

@media (max-width: 991.99px) {
	
	.hero-content h1{
		font-size: 40px;
	}
	
	.home-hero{
		aspect-ratio: 16/12;
	}
	
	.lab-container{
		background-color: white;
		aspect-ratio: auto;
		position: relative;
	}
	
	.lab-container>div{
		position: static;
	}
	
	.lab-1{
		width:100%;
		height: 200px;
	}
	.lab-2{
		width:100%;
		height: 200px;
	}
	.lab-3{
		width:100%;
		height: 200px;
	}
	.lab-4{
		width:100%;
		height: 200px;
	}
	.lab-5{
		width:100%;
		height: 200px;
	}
	
	.footer-logo{
		width:50%;
		height:auto;
		margin:0 auto;
		margin-top:20px;
	}
	
	.footer-nav{
		flex-direction: column;
	}
	
	.footer-nav>div{
		width:100%;
		margin-bottom:15px;
		text-align: center;
		background-image: none;
	}
	
	.footer-bottom{
		text-align: center !important;
	}
	
	.footer-bottom .text-end{
		text-align: center !important;
		padding-top:10px;
	}
	
	.certificate{
		position: absolute;
		width:75px;
		height:75px;
		right:15px;
		bottom:0px;
	}
	
	.header-logo{
		width:50%;
		height: auto;
		margin: 0 auto;
	}
	
	.top-buttons.text-end{
		text-align: center;
	}
	
	.button-container{
		width: 100%;
	}
	
	.button-container .small-button{
		padding:4px 15px;
		border-radius: 20px;
		text-transform: uppercase;
		display: inline-block;
		font-size: 14px;
	}
	
	.button-container .small-button.w-100{
		width: auto !important;
	}
	
	.mobile-positioning-selector{
		position: absolute;
		bottom:0px;
		left:0px;
		with:100%;
		height:auto;
	}

	li.mega-ps-5{
		display: none !important;
	}
	
	.secondary-header h1{
		padding-left: 50px;
	}
	
	.mask-menu{
		aspect-ratio: auto;
	}
	
	.mask-button{
		position: static;
		height:auto;
		width:100%;
		background-image:none;
		overflow: hidden;
		border-radius: 15px;
		margin-bottom:25px;
	}
	
	
	.mask-button .main-card{
		font-family: "neulis-cursive", sans-serif;
		color: black;
		font-weight: 500;
		font-size: 24px;
		padding-top: 20px;
		padding-bottom:20px;
		background-color: white;
	}
	
	.mask-button .hover-card{
		top:0px;
		left:0px;
		opacity: 1;
		font-family: "neulis-neue", sans-serif;
		color: white;
		font-weight: 500;
		font-size: 18px;
		transition: 0.1s opacity linear;
		position: static !important;
		padding-top: 20px;
		padding-bottom:20px;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
	}
	
	.quote{

		background-size: 50px 50px;
	}

	.service-item{
		width:100%;
		border-radius: 15px;
		overflow: hidden;
		border: 1px solid #ccc;
		margin-bottom: 30px;
	}
	
	.info-box{
		display: block !important;
		margin-bottom: 30px;
	}
	
	.link-boxes{
		flex-direction: column;
	}
	
	.link-box{
		background-color: white;
		padding:20px;
		width: 100% !important;
		text-align: center;
		color: black;
		position: relative;
		margin-bottom:20px;
	}

	.dual-column-content{
		padding-right: 1rem;
	}
	
	.photo-column{
		width:100%;
		aspect-ratio: 4/3;
		margin-bottom: 3rem;
	}
	
	.contact-header-details{
		right:25px;
		height: 100%;
		display: flex;
		width: 325px;
	}
	
	.contact-header-top{
		font-size: 16px;
	}
	
	.contact-header-bottom{
		font-size: 24px;
	}
	
	.news-item{
		width:100%;
		margin-bottom:35px;
	}
	
	.search-form form{
		width:80%;
	}
	
	.triangle {
	   display: none;
	}
	
	.category-button{
		margin-bottom:15px;
	}
	
	div.section.donation, div.section.recurring, div.section.fund, div.section.comment, div.section.true-impact, div.section.captcha, div.btn-group, div.section.contact, div.section.billing-address, div.section.payment{
		width:100%;
	}
	
	#email-registration-form-container div.first-name, #email-registration-form-container div.last-name{
		display: block;
		width: 100%;
		padding-right: 0px;
		padding-left:0px;
	}
	
	.gtranslate_wrapper{
		position: sticky;
		top:0px;
		left:0px;
		z-index: 1000;	
	}
	
	body{
		padding-bottom:73px;
	}
	
	a.exit-button{
		top:50%;
		font-size: 14px;
		padding:10px 10px 10px 20px;
		border-top-left-radius: 30px;
		border-bottom-left-radius: 30px;
		text-transform: uppercase;
	}
	
}

@media (max-width: 768.99px) {
	
	.home-hero{
		aspect-ratio: 16/16;
	}
	
	h1.fs-60, h2.fs-60{
		font-size: 40px;
	}
	
	article h2{
		font-size: 40px;
	}
	
	.call-blurb{
		font-size: 25px;
	}
	.call-phone{
		font-size: 50px;
	}
	
	.contact-header-details{
		display: none;
	}
	
	.events-prev{
		position: static;
		font-size: 36px;
		display: inline-block;
		margin-right:15px;
	}
	
	.events-next{
		position: static;
		font-size: 36px;
		display: inline-block;
		margin-left:15px;
	}
}