/**
 * Styles for the Disaster Response Landing page
 *
 */

/* General */
.gnof-content-width {
	max-width: 1088px;
	width: 80%;
	margin: 0 auto;
}

#gnof-disaster-response button {
	outline: none !important;
}

/* Header Navigation */
#gnof-disaster-response-nav-wrap {
	background-color: #1D428A;
	padding: 13.5px 26px;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9;
}

.admin-bar #gnof-disaster-response-nav-wrap {
	margin-top: 32px;
}

#gnof-disaster-response-nav-wrap .gnof-disaster-response-nav {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

#gnof-disaster-response-nav-wrap .gnof-nav-wrap-menu {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

#gnof-disaster-response-nav-wrap .gnof-nav-wrap-menu a {
	margin-left: 42px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}

#gnof-disaster-response-nav-wrap .gnof-nav-wrap-menu a:first-child {
	margin-left: 0px;
}

@media screen and (max-width: 768px) {
	#gnof-disaster-response-nav-wrap .gnof-disaster-response-nav {
		flex-direction: column;
	}

	#gnof-disaster-response-nav-wrap .gnof-nav-wrap-logo {
		margin-bottom: 10px;
	}

	#gnof-disaster-response-nav-wrap .gnof-wrap-desktop-menu {
		display: flex;
	}
}

/* Typography */
#gnof-disaster-response h1 {
	font-size: 38px;
	font-weight: 400;
	line-height: 55px;
	letter-spacing: 0;
}

#gnof-disaster-response p {
	font-size: 18px;
	line-height: 1.44;
	letter-spacing: 0;
}

/* Sections */
#gnof-disaster-response .gnof-section-intro-stories {
	position: relative;
	z-index: 2;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

#gnof-disaster-response .gnof-section-intro-stories .gnof-text-centered {
	max-width: 669px;
	font-size: 32px;
	line-height: 44px;
	text-align: center;
	margin: 0 auto;
	color: #ffffff;
	font-weight: 500;
}

#gnof-disaster-response .gnof-section-stories {
	z-index: 3;
	position: relative;
}

#gnof-disaster-response .gnof-nonprofit-stories-copy {
	display: flex;
	justify-content: space-between;
}

#gnof-disaster-response .gnof-nonprofit-stories-copy h1 {
	font-size: 72px;
	line-height: 72px;
	font-weight: 500;
	color: #00A9E0;
	flex-basis: 28.86%;
}

#gnof-disaster-response .gnof-nonprofit-stories-copy p {
	flex-basis: 65.8%;
	color: #fff;
}

#gnof-disaster-response .gnof-section {
	padding: 150px 10px 9px;
}

#gnof-disaster-response .gnof-section-grantees-scroll {
	max-height: 30vh;
	overflow: hidden;
}

#gnof-disaster-response #gnof-grantees-scroll-container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

@media screen and (max-width: 425px) {
	#gnof-disaster-response #gnof-grantees-scroll-container {
		flex-direction: column;
	}
}

/* Hero Slides */
#gnof-disaster-response .gnof-hero-slides {
	background-color: rgba(0, 0, 0, 0.85);
	position: relative;
	z-index: 1;
}

#gnof-disaster-response .gnof-hero-slide {
	min-height: calc( 100vh + 50px );
	height: 100vh;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
}

#gnof-disaster-response .gnof-hero-slide .gnof-hero-slide-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.35);
}

#gnof-disaster-response .gnof-hero-slides-content .gnof-hero-slide {
	min-height: 100vh;
	margin-bottom: 20vh;
}

#gnof-disaster-response .gnof-hero-slides-backgrounds {
	position: relative;
	z-index: 1;
}

#gnof-disaster-response .gnof-hero-slides-content {
	position: relative;
	z-index: 2;
}

#gnof-disaster-response .gnof-hero-slides-backgrounds .gnof-hero-slide:first-child {
	opacity: 1;
}

#gnof-disaster-response .gnof-hero-slides-backgrounds .gnof-hero-slide {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #000000;
}

#gnof-disaster-response .gnof-hero-slide-video-bg {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#gnof-disaster-response .gnof-hero-slide-text {
	font-size: 32px;
	font-weight: 500;
	line-height: 1.375;
	color: #fff;
	max-width: 680px;
	margin: 0 auto;
	text-align: center;
}

#gnof-disaster-response .gnof-hero-slides a.gnof-modal-open {
	background-color: rgba(0, 169, 224, 0.65);
	text-decoration: underline;
	color: #fff;
}

#gnof-disaster-response .gnof-hero-slides a.gnof-modal-open:hover,
#gnof-disaster-response .gnof-hero-slides a.gnof-modal-open:focus,
#gnof-disaster-response .gnof-hero-slides a.gnof-modal-open:active {
	color: #fff;
	background-color: rgba(0, 169, 224, 0.65);
	text-decoration: underline;
}

@media screen and (max-width: 1024px) {
	#gnof-disaster-response .gnof-hero-slide {
		height: 100vh;
	}
}

/* Hero Slides Toolbar */
#gnof-hero-slides-toolbar {
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 169, 224, 0.65);
	z-index: 3;
}

#gnof-hero-slides-toolbar.collapsed .gnof-hero-slides-toolbar-inner {
	padding: 24px 0px;
}

#gnof-hero-slides-toolbar.expanded .gnof-hero-slides-toolbar-inner {
	padding: 41.5px 84px;
}

#gnof-hero-slides-toolbar.expanded .gnof-toolbar-wrap-collapsed {
	display: none;
}

#gnof-hero-slides-toolbar.collapsed .gnof-hero-slides-toolbar-inner-expanded {
	display: none;
}

.gnof-toolbar-wrap-collapsed {
	display: flex;
}

#gnof-hero-slides-toolbar .gnof-hero-slides-toolbar-expand {
	width: 16px;
	border: 0px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 6.3px 0 4.9px;
	background-color: rgba(244, 244, 244, 0.16);
}

#gnof-hero-slides-toolbar .gnof-hero-slides-toolbar-expand img {
	width: 100%;
	height: auto;
}

#gnof-hero-slides-toolbar .gnof-hero-slides-toolbar-inner {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

#gnof-hero-slides-toolbar .gnof-hero-slides-toolbar-inner-collapsed .gnof-hero-slides-toolbar-cta {
	width: 123px;
}

#gnof-hero-slides-toolbar .gnof-hero-slides-toolbar-inner-collapsed .gnof-hero-slides-toolbar-cta button {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: center;
	padding: 0px;
	background-color: transparent;
	border: 0px;
	letter-spacing: 0px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	text-transform: uppercase;
	color: #fff;
}

#gnof-hero-slides-toolbar .gnof-hero-slides-toolbar-inner-collapsed .gnof-hero-slides-toolbar-cta button img {
	margin-bottom: 10px;
	width: auto;
	height: 37px;
}

#gnof-hero-slides-toolbar .gnof-hero-slides-toolbar-inner .gnof-hero-slides-toolbar-copy {
	flex-basis: 41.49%;
	font-size: 15px;
	font-weight: 500;
	line-height: 18px;
	color: #fff;
	margin-right: 44px;
}

#gnof-hero-slides-toolbar .gnof-hero-slides-toolbar-inner .gnof-hero-slides-toolbar-video-thumb {
	flex-basis: 14.27%;
	margin-right: 40px;
	display: flex;
	flex-direction: column;
	text-align: center;
}

#gnof-hero-slides-toolbar .gnof-hero-slides-toolbar-inner .gnof-hero-slides-toolbar-video-thumb img {
	width: 100%;
	height: auto;
}

#gnof-hero-slides-toolbar .gnof-hero-slides-toolbar-inner .gnof-hero-slides-toolbar-video-thumb-copy {
	margin-top: 12px;
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	font-weight: 500;
}

.gnof-hero-slides-toolbar-collapse {
	position: absolute;
	right: 26.2px;
	top: 23.5px;
}

.gnof-hero-slides-toolbar-collapse button {
	background-color: transparent !important;
	border: 0px !important;
	width: auto;
	padding: 0;
}

.gnof-hero-slides-toolbar-collapse img {
	height: 12px;
	width: auto;
}

@media screen and (max-width: 425px) {
	#gnof-hero-slides-toolbar .gnof-hero-slides-toolbar-inner.gnof-hero-slides-toolbar-inner-expanded {
		flex-direction: column;
		padding: 30px 50px 30px;
	}

	#gnof-hero-slides-toolbar .gnof-hero-slides-toolbar-inner .gnof-hero-slides-toolbar-copy {
		margin-right: 0px;
		text-align: center;
		margin-bottom: 10px;
	}

	#gnof-hero-slides-toolbar .gnof-hero-slides-toolbar-inner .gnof-hero-slides-toolbar-video-thumb {
		margin-right: 0px;
		margin-bottom: 10px;
		align-items: center;
	}

	#gnof-hero-slides-toolbar .gnof-hero-slides-toolbar-inner .gnof-hero-slides-toolbar-video-thumb img {
		height: auto;
		width: 230px;
	}
}

/* Stories */
#gnof-disaster-response .gnof-stories-row {
	max-height: 1650px;
	margin-top: 72px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-content: space-between;
}

#gnof-disaster-response .gnof-stories-row .gnof-stories-col {
	margin-bottom: 150px;
	width: 45.95%;
}

#gnof-disaster-response .gnof-stories-row .gnof-stories-col:nth-child(3) {
	margin-top: 200px;
}

#gnof-disaster-response .gnof-stories-row .gnof-story-buttons {
	margin-top: 8px;
	max-width: 414px;
	display: flex;
	justify-content: space-between;
}

#gnof-disaster-response .gnof-stories-row .gnof-story-button button,
#gnof-disaster-response .gnof-stories-row .gnof-story-button a {
	width: auto;
	height: auto;
	padding: 0;
	border: 0;
	font-size: 13px;
	line-height: 16px;
	text-transform: uppercase;
	vertical-align: middle;
	font-weight: 500;
	color: #fff;
	letter-spacing: 0px;
}

#gnof-disaster-response .gnof-stories-row .gnof-story-button button img,
#gnof-disaster-response .gnof-stories-row .gnof-story-button a img {
	margin-right: 7px;
}

#gnof-disaster-response .gnof-stories-row .gnof-story-button button:hover {
	background: none;
}

#gnof-disaster-response .gnof-stories-row h2 {
	color: #fff;
	margin-top: 30px;
	margin-bottom: 10px;
}

#gnof-disaster-response .gnof-stories-row h3 {
	margin-top: 0;
	color: #00A9E0;
}

@media screen and (max-width: 1024px) {
	#gnof-disaster-response .gnof-nonprofit-stories-copy {
		flex-direction: column;
	}

	#gnof-disaster-response .gnof-nonprofit-stories-copy h1,
	#gnof-disaster-response .gnof-nonprofit-stories-copy p {
		flex-basis: 100%;
	}

	#gnof-disaster-response .gnof-stories-row {
		max-height: unset;
		align-content: center;
	}

	#gnof-disaster-response .gnof-stories-row .gnof-stories-col {
		width: auto;
		margin-bottom: 50px;
	}

	#gnof-disaster-response .gnof-stories-row .gnof-stories-col:first-child {
		order: 1;
	}

	#gnof-disaster-response .gnof-stories-row .gnof-stories-col:nth-child(3) {
		margin-top: 0;
		order: 2;
	}

	#gnof-disaster-response .gnof-stories-row .gnof-stories-col:nth-child(2) {
		order: 3;
	}

	#gnof-disaster-response .gnof-stories-row .gnof-stories-col:nth-child(4) {
		order: 4;
	}

	#gnof-disaster-response .gnof-stories-row .gnof-story-buttons {
		flex-direction: column;
	}

	#gnof-disaster-response .gnof-stories-row .gnof-story-buttons .gnof-story-button {
		margin-bottom: 10px;
	}
}

/* Grantees */
#gnof-disaster-response .gnof-section-grantees {
	z-index: 4;
	position: relative;
	padding-top: 106px;
	padding-bottom: 1200px;
	min-height: 100vh;
}

#gnof-disaster-response .gnof-section-grantees-scroll {
	margin-bottom: 95px;
}

#gnof-disaster-response .gnof-section-grantees .gnof-grantees-scroll-col {
	flex-basis: 29%;
}

#gnof-disaster-response .gnof-section-grantees h2 {
	font-size: 72px;
	line-height: 55px;
	color: #1D428A;
	font-weight: 500;
	letter-spacing: 0;
	margin-bottom: 95px;
}

#gnof-disaster-response .gnof-section-grantees .gnof-grantee {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	margin-bottom: 14px;
}
#gnof-disaster-response .gnof-section-grantees .gnof-grantees-cta {
	text-align: center;
}

#gnof-disaster-response .gnof-section-grantees .gnof-grantees-btn {
	color: #1D428A;
	background-color: transparent;
	border: 2px solid #00A1D7;
	font-size: 15px;
	line-height: 18px;
	text-transform: uppercase;
	padding: 16px 29px;
	width: auto;
	margin: 0 auto;
	transition: all 0.3s;
}

#gnof-disaster-response .gnof-section-grantees .gnof-grantees-btn:hover,
#gnof-disaster-response .gnof-section-grantees .gnof-grantees-btn:active,
#gnof-disaster-response .gnof-section-grantees .gnof-grantees-btn:focus {
	background-color: #00A1D7;
	color: #fff;
}

/* Donors */
#gnof-disaster-response .gnof-section-donors {
	position: relative;
	z-index: 5;
	padding: 124px 0;
	min-height: 100vh;
	overflow: hidden;
}

#gnof-disaster-response .gnof-section-donors > .gnof-content-width {
	margin-bottom: 30px;
}

#gnof-disaster-response .gnof-section-donors h2 {
	font-size: 72px;
	font-weight: 500;
	color: #00A9E0;
	line-height: 55px;
	margin: 0;
}

#gnof-disaster-response .gnof-donors-slider-wrap {
	position: relative;
	height: 100%;
}


#gnof-disaster-response .gnof-section-donors .gnof-donors-scroll #gnof-donors-scroll-container {
	display: flex;
	align-items: center;
	min-height: 250px;
}

#gnof-disaster-response .gnof-section-donors .gnof-donors-scroll .gnof-donor {
	font-size: 40px;
	line-height: 50px;
	font-weight: 500;
	color: #fff;
	width: 510px;
	padding: 0 41px;
	text-align: center;
}

#gnof-disaster-response .gnof-section-donors .gnof-donors-scroll .gnof-donors-slider-nav {
	margin-top: 45px;
	width: 660px;
	display: flex;
	justify-content: space-between;
}

#gnof-disaster-response .gnof-section-donors .gnof-donors-scroll .gnof-donors-slider-nav .gnof-donors-slider-nav-btn {
	outline: none !important;
	border: 0px;
	border-top: 4px solid #fff;
	border-radius: 2px;
	padding: 11px 0;
	margin: 0 8px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	text-transform: uppercase;
	color: #fff;
	background-color: transparent;
	width: auto;
}

#gnof-disaster-response .gnof-section-donors .gnof-donors-cta {
	margin-top: 69px;
	width: 660px;
	display: flex;
}

#gnof-disaster-response .gnof-section-donors .gnof-donors-btn {
	color: #fff;
	background-color: transparent;
	border: 2px solid #00A1D7;
	font-size: 15px;
	line-height: 18px;
	text-transform: uppercase;
	padding: 16px 29px;
	width: auto;
	margin: 0 auto;
	transition: all 0.3s;
}

#gnof-disaster-response .gnof-section-donors .gnof-donors-btn:hover,
#gnof-disaster-response .gnof-section-donors .gnof-donors-btn:active,
#gnof-disaster-response .gnof-section-donors .gnof-donors-btn:focus {
	background-color: #00A1D7;
}

#gnof-disaster-response .gnof-section-donors .gnof-donor-section-marker {
	width: 0px;
}

#gnof-disaster-response .gnof-donors-header {
	display: flex;
	flex-direction: row;
}

#gnof-disaster-response .gnof-donors-header .gnof-donors-header-col:first-child {
	flex-basis: 35%;
}

#gnof-disaster-response .gnof-donors-header .gnof-donors-header-col:last-child {
	flex-basis: 65%;
	font-size: 18px;
	color: #ffffff;
	line-height: 1.44;
}

@media screen and (max-width: 768px) {
	#gnof-disaster-response .gnof-donors-header .gnof-donors-header-col:last-child {
		font-size: 16px;
		line-height: 20px;
	}
}

#gnof-disaster-response .gnof-donors-nav {
	position: relative;
	max-width: 710px;
	margin: 105px auto 50px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
	#gnof-disaster-response .gnof-donors-nav {
		margin: 30px auto;
	}
}

#gnof-disaster-response .gnof-donors-nav .gnof-donors-nav-marker {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 25%;
}

#gnof-disaster-response .gnof-donors-nav .gnof-donors-nav-bg {
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 7px;
	margin-bottom: 22px;
}

#gnof-disaster-response .gnof-donors-nav .gnof-donors-nav-items {
	max-width: 710px;
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: no-wrap;
	flex-basis: 100%;
	padding-left: 0px;
}

#gnof-disaster-response .gnof-donors-nav .gnof-donors-nav-items .gnof-donors-nav-item {
	text-align: center;
	flex-basis: 25%;
	color: #fff;
	cursor: pointer;
	opacity: 0.42;
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
}

#gnof-disaster-response .gnof-donors-nav .gnof-donors-nav-items .gnof-donors-nav-item.active {
	opacity: 1;
}

#gnof-disaster-response .gnof-donors-vp-cta {
	max-width: 580px;
	width: 100%;
	margin: 0 auto 77px;
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative;
}
#gnof-disaster-response .gnof-donors-vp-cta img {
	position: absolute;
	left: 0;
	top: auto;
	cursor: pointer;
}

#gnof-disaster-response .gnof-donors-vp-cta .gnof-donors-vp-cta-btn {
	width: auto;
	border: 2px solid #00A1D7;
	padding: 17px 25px;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	color: #ffffff;
	letter-spacing: 0;
	margin-left: 83px;
	transition: all .3s;
}

#gnof-disaster-response .gnof-donors-vp-cta .gnof-donors-vp-cta-btn:hover,
#gnof-disaster-response .gnof-donors-vp-cta .gnof-donors-vp-cta-btn:focus,
#gnof-disaster-response .gnof-donors-vp-cta .gnof-donors-vp-cta-btn:active,
#gnof-disaster-response .gnof-donors-vp-cta img:hover+.gnof-donors-vp-cta-btn {
	background-color: #00A1D7;
}

@media screen and (max-width: 768px) {
	#gnof-disaster-response .gnof-donors-vp-cta {
		flex-direction: column;
	}

	#gnof-disaster-response .gnof-donors-vp-cta img {
		position: static;
		margin-bottom: 15px;
	}

	#gnof-disaster-response .gnof-donors-vp-cta .gnof-donors-vp-cta-btn {
		margin-left: 0px;
	}
}

#gnof-disaster-response .gnof-donors-list {
	margin-bottom: 77px;
	padding-top: 50px;
	max-height: 258px;
	overflow: hidden;
}

#gnof-disaster-response .gnof-donors-list .gnof-donors-list-divider {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 45px;
}

#gnof-disaster-response .gnof-donors-list .gnof-donors-list-divider .gnof-donors-list-divider-border {
	height: 2px;
	margin: 0;
	border-top: 1.5px solid #ffffff;
	width: 100%;
}

#gnof-disaster-response .gnof-donors-list .gnof-donors-list-divider .gnof-donors-list-divider-heading {
	text-align: center;
	font-size: 35px;
	font-weight: 500;
	color: #00A9E0;
	margin: 0 20px;
	flex-basis: 238px;
	flex-shrink: 0;
}

#gnof-disaster-response .gnof-donors-list #gnof-donors-list-t1 {
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
}

#gnof-disaster-response .gnof-donors-list #gnof-donors-list-t2,
#gnof-disaster-response .gnof-donors-list #gnof-donors-list-t3,
#gnof-disaster-response .gnof-donors-list #gnof-donors-list-t4 {
	max-width: 922px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
}

#gnof-disaster-response .gnof-donors-list .gnof-donors-list-donor {
	margin: 0;
}

#gnof-disaster-response .gnof-donors-list .gnof-donors-list-donor {
	font-weight: 500;
	color: #ffffff;
	text-transform: none;
	letter-spacing: 0.04em;
}

#gnof-disaster-response .gnof-donors-list #gnof-donors-list-t1 .gnof-donors-list-donor {
	font-size: 35px;
	line-height: 45px;
	font-weight: 500;
	color: #ffffff;
	text-transform: none;
	letter-spacing: 0.04em;
	margin-bottom: 70px;
}

#gnof-disaster-response .gnof-donors-list #gnof-donors-list-t2 .gnof-donors-list-donor,
#gnof-disaster-response .gnof-donors-list #gnof-donors-list-t3 .gnof-donors-list-donor,
#gnof-disaster-response .gnof-donors-list #gnof-donors-list-t4 .gnof-donors-list-donor {
	font-size: 22px;
	line-height: 22px;
	letter-spacing: 0;
	margin-bottom: 20px;
}

#gnof-disaster-response .gnof-donors-list .gnof-donors-list-half-col {
	flex-basis: 50%;
}

@media screen and (max-width: 768px) {

	#gnof-disaster-response .gnof-donors-list .gnof-donors-list-half-col {
		flex-basis: 100%;
	}

	#gnof-disaster-response .gnof-donors-list #gnof-donors-list-t2,
	#gnof-disaster-response .gnof-donors-list #gnof-donors-list-t3,
	#gnof-disaster-response .gnof-donors-list #gnof-donors-list-t4 {
		flex-wrap: wrap;
	}
}

#gnof-disaster-response .gnof-donors-list #gnof-donors-list-t2 .gnof-donors-list-half-col,
#gnof-disaster-response .gnof-donors-list #gnof-donors-list-t3 .gnof-donors-list-half-col,
#gnof-disaster-response .gnof-donors-list #gnof-donors-list-t4 .gnof-donors-list-half-col {
	text-align: center;
	padding: 0 30px;
}

#gnof-disaster-response .gnof-donors-list #gnof-donors-list-t2,
#gnof-disaster-response .gnof-donors-list #gnof-donors-list-t3,
#gnof-disaster-response .gnof-donors-list #gnof-donors-list-t4 {
	margin-bottom: 35px;
}

@media screen and (max-width: 1024px) {
	#gnof-disaster-response .gnof-donors-header {
		flex-direction: column;
		flex-wrap: wrap;
	}

	#gnof-disaster-response .gnof-donors-header .gnof-donors-header-col {
		flex-basis: 100%;
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 425px) {
	#gnof-disaster-response .gnof-section-donors .gnof-donors-scroll .gnof-donor {
		width: 350px;
		font-size: 28px;
		line-height: 36px;
	}

	#gnof-disaster-response .gnof-section-donors .gnof-donors-scroll .gnof-donors-slider-nav {
		margin-top: 20px;
		width: calc(100vw - 40px);
		flex-direction: column;
		align-items: center;
	}

	#gnof-disaster-response .gnof-section-donors .gnof-donors-scroll .gnof-donors-slider-nav .gnof-donors-slider-nav-btn {
		margin-bottom: 20px;
	}

	#gnof-disaster-response .gnof-section-donors .gnof-donors-cta {
		margin-top: 20px;
		width: calc(100vw - 20px);
	}

	#gnof-disaster-response .gnof-section-donors > .gnof-content-width {
		margin-bottom: 20px;
	}
}

/* About */
#gnof-disaster-response .gnof-section-about {
	position: relative;
	z-index: 6;
	padding: 110px 10px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

#gnof-disaster-response .gnof-section-about h2 {
	font-size: 42px;
	line-height: 55px;
	color: #1D428A;
	font-weight: 500;
	margin-top: 0px;
}

#gnof-disaster-response .gnof-section-about p {
	font-size: 16px;
	line-height: 26px;
}

#gnof-disaster-response .gnof-about-row {
	display: flex;
	justify-content: space-between;
	padding-right: 8.92%;
}

#gnof-disaster-response .gnof-about-left {
	flex-basis: 58.18%;
}

#gnof-disaster-response .gnof-about-right {
	flex-basis: 347px;
}

#gnof-disaster-response .gnof-about-buttons-row {
	margin-top: 57px;
	display: flex;
	justify-content: space-between;
}

#gnof-disaster-response .gnof-about-buttons-row .gnof-about-btn {
	width: auto;
	flex-basis: 47.74%;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 500;
	color: #1D428A;
	border: 2px solid #00A1D7;
	padding: 16px 0;
	letter-spacing: 0px;
	transition: all 0.3s;
	text-align: center;
	cursor: pointer;
}

#gnof-disaster-response .gnof-about-buttons-row .gnof-about-btn:hover,
#gnof-disaster-response .gnof-about-buttons-row .gnof-about-btn:focus,
#gnof-disaster-response .gnof-about-buttons-row .gnof-about-btn:active {
	background-color: #00A1D7;
	color: #fff;
}

#gnof-disaster-response .gnof-about-right .gnof-about-video-thumb {
	cursor: pointer;
}

#gnof-disaster-response .gnof-about-right .gnof-about-video-thumb:first-child {
	margin-bottom: 48px;
}

@media screen and (max-width: 1024px) {
	#gnof-disaster-response .gnof-about-left {
		flex-basis: 100%;
		margin-bottom: 50px;
	}

	#gnof-disaster-response .gnof-about-row {
		flex-direction: column;
	}

	#gnof-disaster-response .gnof-about-right {
		flex-basis: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

@media screen and (max-width: 425px) {
	#gnof-disaster-response .gnof-about-buttons-row {
		flex-direction: column;
	}

	#gnof-disaster-response .gnof-about-buttons-row .gnof-about-btn {
		margin-bottom: 10px;
	}

	#gnof-disaster-response .gnof-about-row {
		padding-right: 0;
	}
}

#wrapper-footer {
	position: relative;
	z-index: 7;
}

/* Modals */
.gnof-wrap-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: calc( 100vw - 15px );
	height: 100%;
	overflow-y: scroll;
	z-index: 10;
	background-color: rgba(0, 0, 0, 0.55);
}

@media screen and (max-width: 1024px) {
	.gnof-wrap-modal {
		width: 100vw;
	}
}

/* Text Content Modals */
#text-modal {
	visibility: hidden;
	opacity: 0;
}

.gnof-text-content-modal {
	position: relative;
	padding: 57px 85px;
	top: 12%;
	background-color: #fff;
	display: flex;
}

.gnof-modal-col-half {
	width: 46.84%;
}

.gnof-modal-col-half:first-child {
	margin-right: 7.298%;
}

.gnof-text-content-modal h2 {
	margin: 0 0 23px;
	font-size: 26px;
	line-height: 1;
	color: #1D428A;
	font-weight: 500;
	letter-spacing: 0;
}

.gnof-text-content-modal h3 {
	margin: 0 0 29px;
	font-size: 44px;
	line-height: 50px;
	font-weight: 500;
	color: #00A9E0;
	letter-spacing: 0;
}

.gnof-text-content-modal h4 {
	margin: 0 0 24px;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0;
	font-weight: 500;
	color: #00A9E0;
	letter-spacing: 0px;
}

.gnof-text-content-modal p {
	font-size: 16px;
	line-height: 22px;
	color: #000;
	letter-spacing: 0;
}

.gnof-text-content-modal .gnof-modal-col-half > p {
	margin-bottom: 27px;
}

.gnof-text-content-modal .gnof-modal-col-half > p:last-child {
	margin-bottom: 0px;
}

.gnof-text-content-modal .gnof-img-caption {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: 55px;
}

.gnof-text-content-modal .gnof-img-caption p {
	max-width: 213px;
	font-weight: 500;
	color: #1D428A;
}

.gnof-text-content-modal .gnof-img-caption img {
	width: 186px;
	height: auto;
}

.gnof-text-content-modal .text-modal-close {
	position: absolute;
	top: 20px;
	right: 23px;
	border: 0px;
	background-color: transparent !important;
	width: auto;
	padding: 0;
}

.gnof-text-content-modal .text-modal-close img {
	width: 10px;
	height: auto;
}

#andy-kopplin-signature {
	width: 61%;
}

@media screen and (min-width: 1440px) {
	.gnof-text-content-modal {
		top: 0;
	}
}

@media screen and (max-width: 1280px) {
	.gnof-text-content-modal {
		position: absolute;
		top: 0;
		left: 10%;
	}
}

@media screen and (max-width: 1024px) {
	.gnof-text-content-modal .gnof-img-caption {
		flex-direction: column;
		align-items: flex-start;
	}

	.gnof-text-content-modal .gnof-img-caption img {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 768px) {
	.gnof-text-content-modal {
		flex-direction: column;
	}

	.gnof-modal-col-half {
		width: 100%;
	}

	.gnof-modal-col-half:first-child {
		margin-right: 0px;
	}

	.gnof-text-content-modal .gnof-img-caption {
		align-items: center;
		margin-bottom: 10px;
	}

	.gnof-text-content-modal .gnof-img-caption p {
		max-width: 100%;
	}

	.gnof-text-content-modal {
		padding: 50px;
	}

	#andy-kopplin-signature {
		width: 100%;
	}
}

/* Video Content Modals */
.gnof-video-modal {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.gnof-wrap-modal {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	display: flex;
	overflow: auto;
	flex-direction: column;
	justify-content: center;
}

.gnof-video-modal video {
	width: 100%;
}

.gnof-video-modal #video-modal-close {
	position: absolute;
	top: 20px;
	right: 23px;
	border: 0px;
	background-color: transparent !important;
	width: auto;
	padding: 0;
}

.gnof-video-modal #video-modal-close img {
	width: 10px;
	height: auto;
}

/* Modal Open */
@media screen and (min-width: 1025px) {
	body.gnof-modal-open {
		height: 100vh;
		overflow-y: hidden;
		padding-right: 15px;
	}

	body.gnof-modal-open {
		height: 100vh;
		overflow-y: hidden;
		padding-right: 15px;
	}

	body.gnof-modal-open #gnof-disaster-response-nav-wrap {
		width: calc(100% - 15px);
	}

	body.gnof-modal-open #gnof-hero-slides-toolbar.expanded {
		width: calc(100% - 15px);
	}

	body.gnof-modal-open #gnof-disaster-response .gnof-hero-slides-backgrounds .gnof-hero-slide {
		width: calc(100% - 15px);
	}
}

/* Donors Quote Slider */
#gnof-disaster-response .gnof-donors-slider .gnof-donors-slide {
	background-color: #1d5ca7;
}

#gnof-disaster-response .gnof-donors-slider .gnof-donors-slide-inner {
	padding: 68px 64px 45px;
}

#gnof-disaster-response .gnof-donors-slider .gnof-donors-slide .gnof-donors-slide-quote {
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	font-weight: 500;
	line-height: 26px;
	margin-bottom: 22px;
}

#gnof-disaster-response .gnof-donors-slider .gnof-donors-slide .gnof-author-byline {
	color: #ffffff;
	font-size: 18px;
	line-height: 27px;
	font-weight: 400;
	text-align: center;
}

#gnof-disaster-response .gnof-donors-slider .gnof-donors-slide-author {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 768px) {
	#gnof-disaster-response .gnof-donors-slider .gnof-donors-slide-author {
		flex-direction: column;
	}
}

#gnof-disaster-response .gnof-donors-slider .gnof-donors-slide-author .gnof-donors-slide-author-photo {
	margin-right: 14px;
	flex-shrink: 0;
}

@media screen and (max-width: 768px) {
	#gnof-disaster-response .gnof-donors-slider .gnof-donors-slide-author .gnof-donors-slide-author-photo {
		margin-right: 0;
		margin-bottom: 15px;
	}
}

.gnof-donors-slider .lSSlideOuter .lSPager.lSpg > li.active a {
	background-color: #ffffff;
	opacity: 1;
}

.gnof-donors-slider .lSSlideOuter .lSPager.lSpg > li a {
	background-color: #ffffff;
	opacity: 0.38;
	height: 13px;
	width: 13px;
}

@media screen and (max-width: 768px) {
	#gnof-disaster-response .gnof-donors-nav .gnof-donors-nav-marker {
		top: 2px;
	}

	.gnof-donors-slider {
		min-height: 2000px;
	}
}

.lSSlideOuter .lSPager.lSpg {
	margin-top: 20px!important;
}

#kenneth-st-charles {
	justify-content: flex-start;
}

#kenneth-st-charles {
	justify-content: flex-start;
}