@font-face {
    font-family: 'Myriad';
    src: url('../fonts/MYRIADPRO-REGULAR.eot');
    src: url('../fonts/MYRIADPRO-REGULAR.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MYRIADPRO-REGULAR.woff2') format('woff2'),
         url('../fonts/MYRIADPRO-REGULAR.woff') format('woff'),
         url('../fonts/MYRIADPRO-REGULAR.ttf')  format('truetype'),
         url('../fonts/MYRIADPRO-REGULAR.svg#Myriad') format('svg');
}
@font-face {
    font-family: 'Myriad Extended';
    src: url('../fonts/Myriad-Pro-Bold-SemiExtended.eot');
    src: url('../fonts/Myriad-Pro-Bold-SemiExtended.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Myriad-Pro-Bold-SemiExtended.woff2') format('woff2'),
         url('../fonts/Myriad-Pro-Bold-SemiExtended.woff') format('woff'),
         url('../fonts/Myriad-Pro-Bold-SemiExtended.ttf')  format('truetype'),
         url('../fonts/Myriad-Pro-Bold-SemiExtended.svg#MyriadExtended') format('svg');
}
@font-face {
    font-family: 'Myriad Bold';
    src: url('../fonts/MYRIADPRO-BOLD.eot');
    src: url('../fonts/MYRIADPRO-BOLD.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MYRIADPRO-BOLD.woff2') format('woff2'),
         url('../fonts/MYRIADPRO-BOLD.woff') format('woff'),
         url('../fonts/MYRIADPRO-BOLD.ttf')  format('truetype'),
         url('../fonts/MYRIADPRO-BOLD.svg#MyriadBold') format('svg');
}
:root {
	--blue-dark: #1A496B;
	--blue: #03699D;
	--blue-light: #28BDE2;
	--green-dark: #427F44;
	--green: #4B9F45;
	--green-light: #5FBB46;
	--red-dark: #A21C44;
	--red: #C5212F;
	--red-light: #DD1768;
	--yellow-dark: #F36A2C;
	--yellow: #F99F27;
	--yellow-light: #F9C416;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Myriad', sans-serif !important;
}
#main-title-text {
	font-family: 'Myriad', sans-serif !important;
	color: #efefef;
}
#main-title-text em,
#main-title-text strong {
	font-family: 'Myriad Bold', sans-serif !important;
	color: #fff;
}
#main-title-text em {
	font-size: 120%;
}
#main-title-text strong {
	font-size: 140%;
}
.navbar-header .logo img {
	background: none !important;
	box-shadow: none !important;
}
.purple_gradient {
	background: #312096; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #312096 0%, #5a39ff 100%);
	background: -webkit-linear-gradient(-45deg,  #312096 0%,#5a39ff 100%);
	background: linear-gradient(135deg,  #312096 0%,#5a39ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#312096', endColorstr='#5a39ff',GradientType=1 );
}
.translatex-negative {
	transform: translateX(-15%);
	box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2);
	border-radius: 4px;
}
a.button,
.main-color a.button,
button.button,
.button {
	background: #002862;
	color: #fff;
	padding: 14px 60px;
	font-size: 16px;
}
article.goal {
	display: flex;
}
article.goal:nth-child(even) {
	flex-direction: row-reverse;
}
article.goal div.goal-content {
	flex: 1;
	background-size: cover;
	background-position: center right;
	position: relative;
	padding: 5% 10%;
}
article.goal div.goal-content, article.goal div.goal-content h3 {
	color: #fff;
	font-size: 120%;
}
article.goal div.goal-content h3,
article.goal div.goal-content p {
	z-index: 1;
	position: relative;
}
.partners {
	justify-content: center;
}
.simplifire .vc-hoverbox-block {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
article.goal div.goal-content::before {
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.75);
	position: absolute;
	top: 0;
	left: 0;
}
article.goal img {
	width: 30%;
}
div.acf-fields {
	display: flex;
	flex-wrap: wrap;
}
div.acf-fields > div {
	padding:  15px;
}
div.acf-fields input {
	width: 100%;
}
div.wpb_gallery_slides.flexslider {
	border:  none;
}
div.global_goals {
	display: flex;
	flex-wrap: wrap;
}
div.global_goals .global-goal-link {
	min-width: 118px;
	max-width: 16.666666%;
	transition: all 0.3s ease-in-out;
}
div.global_goals .global-goal-link:hover {
	transform: scale(1.1);
	z-index: 1;
}
ul.slides li {
	display:  flex;
	flex-wrap: wrap;
	float: none;
}
.slides .link_image {
	position: relative;
	display: block;
	width: 70%;
}
.slides img.global-goal-image {
	position: absolute;
	bottom: 15px;
	right: 15px;
	width: 10% !important;
	height: auto;
}
.wpb_posts_slider .slides .flex-caption {
	position: relative;
	width: 30%;
	height: 100%;
	display: flex;
	flex-direction: column;
	top: 0;
	left: 0;
	padding-top: 10%;
	background-color: #F99F27;
	color: rgba(0, 0, 0, 0.70);
	font-weight: bold;
	font-size: 110%;
	padding-left: 5%;
	padding-right: 3%;
}
.wpb_posts_slider .slides .category-no-poverty .flex-caption,
.wpb_posts_slider .slides .category-no-poverty span.sneak_preview  {
	background-color: var(--red);
}
.wpb_posts_slider .slides .category-quality-education .flex-caption,
.wpb_posts_slider .slides .category-quality-education span.sneak_preview  {
	background-color: var(--red-dark);
}
.wpb_posts_slider .slides .category-clean-water-sanitation .flex-caption,
.wpb_posts_slider .slides .category-clean-water-sanitation span.sneak_preview  {
	background-color: var(--blue-light);
}
.wpb_posts_slider .slides .category-gender-equality .flex-caption,
.wpb_posts_slider .slides .category-gender-equality span.sneak_preview  {
	background-color: var(--yellow-dark);
}
.wpb_posts_slider .slides .category-good-health-and-well-being .flex-caption,
.wpb_posts_slider .slides .category-good-health-and-well-being span.sneak_preview  {
	background-color: var(--green);
}
.wpb_posts_slider .slides .category-zero-hunger .flex-caption,
.wpb_posts_slider .slides .category-zero-hunger span.sneak_preview  {
	background-color: var(--yellow);
}
.wpb_posts_slider .slides .flex-caption h2 {
	margin-bottom: 1em;
}
.wpb_posts_slider .slides .flex-caption h2,
.wpb_posts_slider .slides .flex-caption h2 a {
	color: #fff;
	font-size: 150%;
}
div.acf-fields > .acf-field.acf-field-group {
	width: 100%;
	margin: 0 auto;
	padding-left: 0;
	padding-right: 0;
}
form.acf-form div.acf-form-submit {
	text-align: right;
}
form.acf-form div.acf-form-submit input {
	border: none;
}

.wpb_gallery .wpb_flexslider div.flex-control-nav {
	top: auto;
	bottom: 0;
	margin-bottom: 15px;
}
.flexslider {
	margin-bottom: 0;
}
span.sneak_preview {
	position: absolute;
	top: 0;
	right: 0;
	padding: 7px 12px;
	font-weight: bold;
	color: #fff;
	z-index: 10001;
	font-size: 130%;
}