/******/
/*** GLOBAL ***/
/******/

nav a, li {
	text-decoration: none;
  	font-optical-sizing: auto;
}

nav ul, footer ul {
	padding-inline-start: 0;
	list-style-type: none;
	float: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
}

nav ul li {
	padding: 0 .5rem;
}

.navigation__logo a img {
	max-width: 12rem;
}

footer ul {
	padding-inline-start: 0!important;
}

footer ul li {
	padding-right: 0;
	margin-block-start: .0625rem;
}

footer .grid-55 {
	display: inline-block;
}

/* BUTTONS */

.button-container {
	padding: 2.25rem 0 .875rem 0;
	width: 100%;
}

.button-container-small {
	padding: .75rem 0;
	width: 100%;
}

a, a.button, .background-black .gform_footer input.gform_button, .gform_footer input.gform_button, input[type=password], form.post-password-form input[type=submit], #donation-form .btn-group input.btn {
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out, border .2s ease-in-out;
	-moz-transition: all .2s ease-in-out, border .2s ease-in-out;
	-o-transition: all .2s ease-in-out, border .2s ease-in-out;
	transition: all .2s ease-in-out, border .2s ease-in-out;
}

a.button, #donation-form .btn-group input.btn {
	padding: .75rem 1.125rem .75rem 1.125rem;
}

a.button, a.text-link, p.text-link {
	text-decoration: none;
}

a.button:hover, nav a:hover, input[type=password]:hover, form.post-password-form input[type=submit]:hover, .gform_footer input.gform_button:hover, form.post-password-form input[type=submit]:hover, body .gform_wrapper .gform_footer input[type=submit]:hover {
	opacity: .6!important;
}

a.button.tertiary:after, a.text-link:after, p.text-link:after {
	content: '›';
	margin-left: .5rem;
}

a.button.tertiary:after:hover {
	margin-left: .75rem;
}

/* FORMS */

.section.donation, .donation-form .field.radio label, .donation-form .field.checkbox label {
	display: -webkit-box!important;
  	display: -webkit-flex!important;
  	display: -ms-flexbox!important;
  	display: flex!important;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
}

.donation-form .field.radio label, .donation-form .field.checkbox label {
	align-items: center;
	justify-content: flex-start;
}

.section.donation h3 {
	display: inline-block;
	width: 100%;
}

.section.donation .field.radio {
	width: calc(50% - 2rem);
	background-color: var(--white);
	margin-right: .25rem;
	margin-bottom: .25rem;
	padding: .875rem;
	color: var(--black)!important;
	font-weight: bold;
}

.donation-form .field.other-amount {
	padding-left: 0!important;
	padding-top: 0!important;
	padding-bottom: 0!important;
	width: calc(50% - 1.5rem);
}

.donation-form #other-amount {
	width: 100%!important;
	height: calc(100% - 1.5rem);
}

#donation-form .btn-group input.btn {
	font-size: 1.25rem!important;
	border-radius: .25rem!important;
	padding: .75rem!important;
}

.video-container {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 0;
	margin-bottom: 0;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* FOOTER */

.footer-menu ul, .socials-menu ul {
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
  	align-items: flex-start;
  	justify-content: flex-start;
	flex-wrap: wrap;
}

.footer-menu li, .socials-menu li {
	width: calc(50% - .75rem);
	margin-bottom: .75rem;
}

.socials-menu li {
	width: calc(100% - .75rem);
	margin-bottom: .75rem;
}

/* SECTIONS */

/* INTRO */

.intro .grid-100 {
	height: 100vh;
}

/* TEXT FORM */

.donation-form .field input, .donation-form .field select, .donation-form .field textarea, .donation-form #card-element, .donation-form #paypal-button-container {
	max-width: 100%!important;
	padding: .5rem!important;
	font-size: 1rem!important;
	min-height: 2rem!important;
}

@media screen and (min-width: 48rem) {
	
}

@media screen and (min-width: 87.5rem) {
	
}

@media screen and (min-width: 64rem) {
	
}

@media screen and (max-width: 63.9375rem) {
	
	.navigation__logo a img {
		max-width: 8rem;
	}

}

@media screen and (max-width: 47.9375rem) {
	
	.navigation__logo a img {
		max-width: 6rem;
	}

}