@font-face {
	font-family: 'SourceSansPro-Regular';
	src: url('/fonts/SourceSansPro-Regular.otf');
}
@font-face {
	font-family: 'SourceSansPro-SemiBold';
	src: url('/fonts/SourceSansPro-Semibold.otf');
}
@font-face {
	font-family: 'SourceSansPro-SemiBoldItalic';
	src: url('/fonts/SourceSansPro-SemiboldIt.otf');
}
@font-face {
	font-family: 'SourceSansPro-Bold';
	src: url('/fonts/SourceSansPro-Bold.otf');
}
@font-face {
	font-family: 'SourceSansPro-Black';
	src: url('/fonts/SourceSansPro-Black.otf');
}
body {
	font-size: 22px !important;
	font-family: 'SourceSansPro-SemiBold';
	color: #fff;
	/* background-color: #f4f4f7; */
	background-color: #000103;
	color: #fff;
}
#message {padding: 1em; background-color: #fff; color: #000103; position: fixed; width: 100%; z-index: 100;}
#message p {margin: 0; text-align: center; font-weight: bold; letter-spacing: 5px; text-transform: uppercase;}
.top-header {
	font-family: 'SourceSansPro-Regular';
	color: #000;
	background-color: #F4F4F7 ;
	padding-top: 1em;
	padding-bottom: 1em;
	z-index: 1;
}
a {color: #5babd7;}
.top-header a {color: #000; font-weight: bold;}
a:hover {color: #e3548b;}
.top-bar {
	background-color: #000103;
	min-height: 60px;
	padding: 0.5em;
	z-index: 1;
}
.changeColor {
	background: black;
	position: fixed !important;
	height: 64px !important;
}
.top-bar-top-left {
	float: left;
}
.top-bar-top-right {
	float: right;
	position: relative;
	top: 21%;
}
.top-bar ul {
	display: inline-block;
	background-color: #000;
}
.dropdown.menu > li.is-active > a {
	color: #fff;
}
.dropdown.menu > li.is-active > a:hover {
	color: #c63ca7;
}
.menu .is-active > a {
	background-color: #000;
}
.dropdown.menu > li.is-dropdown-submenu-item > a::after {
	border-color: transparent transparent transparent #fff;
}
.is-dropdown-submenu {
	display: none !important;
}
.is-dropdown-submenu.js-dropdown-active {
	display: block !important;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
	border-color: #fff transparent transparent
}
.dropdown.menu > li.is-dropdown-submenu-parent > a:hover::after {
	border-color: #c63ca7 transparent transparent
}
.top-bar a {font-size: 0.727em; color: #fff;}
.top-bar a:active, .top-bar a:hover, .top-bar a:focus {text-decoration: underline; color: #c63ca7;}
.top-bar-top-right a, .separetor {
	margin-right: 2.5rem;
}
.top-bar-top-right a.last {
	margin-right: 0;
}
.orbit {position: relative;}
.content {
	padding-top: 8rem;
	padding-bottom: 8rem;
}
.about {
	background: url('/images/home-bricks-texture.jpg') no-repeat;
	background-size: cover;
}
.about p {
	text-align: justify;
	text-justify: inter-word;
}
#projectGrants p {
	text-align: justify;
	text-justify: inter-word;
}
.public-health {
	background-color: #fff;
	color: #000;
	font-family: 'SourceSansPro-Regular';
	padding: 5em 0;
}
.public-health .p-bold {font-family: 'SourceSansPro-Black';}
.programs p {margin: 6rem 0;}
.page-button {
	font-family: 'SourceSansPro-Black';
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 1.5rem 4rem;
	background-color: #000103;
	color: #fff;
	border: 5px solid #fff;
	border-radius: 45px;
	display: inline-block;
}
.page-button:hover, .page-button:active, .page-button:focus {
	color: #000103;
	background-color: #fff;
}
.organizations {
	background-color: #f4f4f7;
	padding: 8rem 0;
}
.organizations-title {
	margin-bottom: 6rem;
}
.organizations h1 {color: #000103;}
h1 {
	font-family: 'Comfortaa', cursive;
	font-weight: 700;
	font-size: 1.6em;
	line-height: 1.5;
}
.mar-top-3 {margin-top: 3rem;}
.mar-top-5 {margin-top: 5rem;}
.mar-bot-0 {margin-bottom: 0rem;}
.mar-bot-1 {margin-bottom: 1rem;}
.mar-bot-2 {margin-bottom: 2rem;}
.mar-bot-3 {margin-bottom: 3rem;}
.mar-bot-4 {margin-bottom: 4rem;}
.mar-bot-5 {margin-bottom: 5rem;}
.mar-bot-10 {margin-bottom: 10rem;}
.mar-rig-4 {margin-right: 4rem;}
.s-mar-bot {margin-bottom: 5rem;}
.bold-text{font-family: 'SourceSansPro-Bold';}
.underline-text{text-decoration: underline;}
.italic-text{font-family: 'SourceSansPro-SemiBoldItalic'}
.more-help {
	margin: 4em auto 5em;
	color: #2c2c2c;
	font-family: 'SourceSansPro-Bold';
}
.map-title {
	padding: 3em 0;
	background-color: #000103;
}
.map-markers {
	padding: 3rem 0;
	background-color: #000103;
	color: #fff;
	font-family: 'SourceSansPro-Black';
}
.organizations-container {
	color: #000;
}
.organizations-content {
	padding: 6em 6em 4em;
	position: relative;
	overflow: auto;
	height: 31.25em;
}
.organization {
	margin-bottom: 2em;
}
.c-pink:hover .organization-name {
	color: #c63ca7 !important;
}
.c-blue:hover .organization-name {
	color: #3ca6c6 !important;
}
.c-pink-blue:hover .organization-name {
	background: -webkit-linear-gradient(45deg, #c63ca7, #3ca6c6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pin {
	float: left;
	margin-top: 0.5em;
	margin-right: 2em;
}
.pin img {width: 23px;}
.organization-details {
	overflow: auto;
}
.organization-name {
	color: #000;
	font-family: 'SourceSansPro-Black';
	letter-spacing: normal;
	float: left;
	margin-bottom: 0.4rem;
	line-height: 1.2;
}
.organization-location {
	color: #000;
	font-size: 0.8em;
	font-style: italic;
	font-weight: bold;
	letter-spacing: normal;
	clear: left;
	float: left;
}
.infoWindow {
	color: #000;
}
.infoWindow .title {
	font-weight: bold;
	font-family: 'SourceSansPro-Black';
	margin-bottom: 0.5em;
}
.infoWindow .link {
	margin-bottom: 0;
	font-weight: bold;
	font-family: 'SourceSansPro-Regular';
}
.infoWindow .link a.pink:hover {
	color: #c63ca7;
}
.alter_a {
	color: #fff;
	font-family: 'SourceSansPro-Black';
}
.alter_a:active, .alter_a:focus, .alter_a:hover {
	color: #c63ca7;
}
.faq {
	background-color: #f4f4f7;
	color: #000103;
}
.faq h3 {font-family: 'SourceSansPro-Black';}
.faq a {
	color: #000103;
	font-family: 'SourceSansPro-Black';
}
.faq a:active, #faq a:focus, #faq a:hover {
	color: #c63ca7;
}
.faq p {margin-bottom: 1.5rem;}
.faq ul {margin-bottom: 1.5rem; padding-left: 1.5rem;}
.faq ol {margin-bottom: 1.5rem; padding-left: 1.5rem;}
.accordion {padding: 0 !important;}
.accordion-title {
	font-size: 1em !important;
	color: #fff !important;
	background-color: #000103 !important;
}
.accordion-title::before {
	content: url(/images/faqs-down-arrow.svg);
}
.is-active>.accordion-title::before {
	content: url(/images/faqs-up-arrow.svg);
	top: 40%;
}
.accordion-content {padding: 6rem 4rem;}
/* COVID-19 Response Page */
.content-message {
	background-color: #fff;
	color: #000;
	padding-top: 8rem;
	padding-bottom: 8rem;
}
.content-message a {color: #000; font-family: 'SourceSansPro-Bold';}
.content-message a:hover {color: #C63CA7 ;}
.content-body {
	background-image: url(../images/extended_brick_background.png);
	padding: 5em 0;
}
.content-body img {max-height: 300px; max-width: 200px;}
.content-body p {font-family: 'SourceSansPro-Regular';}
.content-body .p-bold {font-family: 'SourceSansPro-Black';}
.content-body a {color: #fff; font-family: 'SourceSansPro-Bold'; text-decoration: underline;}
.content-body a:hover {color: #C63CA7 ;}
/* Footer */
.contact-us-title {text-decoration: none;}
.inquiry input[type='text'], .inquiry input[type='email'] {margin-bottom: 1.5rem;}
.copy {font-size: 0.85rem; font-family: 'SourceSansPro-Regular';}
@media screen and (min-width: 75em) {
	.programs p { min-height: 210px; }
}
@media screen and (max-width: 74em) and (min-width: 65em) {
	.programs p { min-height: 245px; }
}
@media screen and (max-width: 65em) and (min-width: 58em) {
	.programs p { min-height: 280px; }
}
@media screen and (max-width: 58em) and (min-width: 54em) {
	.programs p { min-height: 315px; }
}
@media screen and (max-width: 54em) and (min-width: 41em) {
	.programs p { min-height: 350px; }
}
@media screen and (max-width: 40em) {
	.top-bar-top-left {margin-bottom: 1rem;}
	.organizations-content {padding: 4em 2em;}
	.accordion-content {padding: 3rem 2rem;}
}