@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,700');

.editor-post-title__block .editor-post-title__input{
	font-family: 'Raleway', sans-serif; font-size: 30px; line-height: 40px;
}

.wp-block{
    max-width: 1080px;
}
.wp-block[data-align=wide] { /* it can be "data-align=full" and also "right", "left" and "center" */
    max-width: 1080px;
}

h1 { padding: 0px; margin: 0px 0px 30px 0px; font-family: 'Raleway', sans-serif; font-size: 56px; line-height: 72px; font-weight: 500; }
h2 { padding: 0px; margin: 0px 0px 30px 0px; font-family: 'Raleway', sans-serif; text-transform: uppercase; font-size: 21px; line-height: 30px; background-color: #252760; padding: 10px 10px; color: #FFFFFF; }
h3 { padding: 0px; margin: 0px 0px 30px 0px; font-family: 'Raleway', sans-serif; font-size: 21px; line-height: 30px; }
h4 { padding: 0px; margin: 0px 0px 30px 0px; font-family: 'Raleway', sans-serif; font-size: 21px; line-height: 30px; }
h5 { padding: 0px; margin: 0px 0px 30px 0px; font-family: 'Raleway', sans-serif; font-size: 21px; line-height: 30px; }
h6 { padding: 0px; margin: 0px 0px 30px 0px; font-family: 'Raleway', sans-serif; font-size: 21px; line-height: 30px; }
p {  padding: 0px; margin: 0px 0px 30px 0px; font-family: 'Raleway', sans-serif; font-size: 21px; line-height: 30px; }
p.slogan { color: #393B3B; font-weight: bold; font-size: 25px; line-height: 40px; max-width: 960px; margin: 0px auto 60px auto; text-align: center; }
p.grey { padding: 20px; background-color: #F0F0F0; }

ul li { font-family: 'Raleway', sans-serif; font-size: 21px; line-height: 30px; }

a { font-weight: bold; color: #393B3B; }
a:hover { font-weight: bold; color: #5D5A5A; }

div[data-type="core/shortcode"] { margin-bottom: 20px; }


div.impact { padding: 20px 20px 0px 20px; background-color: #F0F0F0; overflow: hidden; margin-bottom: 30px; }

@media (max-width: 991px) {
	
	div.impact img { width: 100%; margin-bottom: 30px; }
	
	.items { overflow: hidden; margin: 0px -15px; }
	.items .item { width: calc((100% / 1) - 30px); margin: 15px; float: left; }
	.items.items1 .item { width: calc((100% / 1) - 30px); }
	.items.items2 .item { width: calc((100% / 1) - 30px); }
	.items.items3 .item { width: calc((100% / 1) - 30px); }
	.items.items4 .item { width: calc((100% / 1) - 30px); }
	.items.items5 .item { width: calc((100% / 1) - 30px); }
	.items.items6 .item { width: calc((100% / 2) - 30px); }
	
	.goals .items { margin: 0px -7.5px; }
	.goals .items .item { margin: 7.5px; }
	.goals .items.items3 .item { width: calc((100% / 2) - 15px); }
	.clients .items.items4 .item { width: calc((100% / 2) - 30px); }
	
}

@media (min-width: 992px) {
	
	div.impact img { margin-left: 30px; float: right; }
	
}

@media (min-width: 992px) {

	.items { overflow: hidden; margin: 0px -15px; }
	.items .item { width: 100%; margin: 15px; float: left; }
	.items.items1 .item { width: calc((100% / 1) - 30px); }
	.items.items2 .item { width: calc((100% / 2) - 30px); }
	.items.items3 .item { width: calc((100% / 3) - 30px); }
	.items.items4 .item { width: calc((100% / 4) - 30px); }
	.items.items5 .item { width: calc((100% / 5) - 30px); }
	.items.items6 .item { width: calc((100% / 6) - 30px); }
	
	.items.items1 .item:nth-child(1n+1) { clear: both; }
	.items.items2 .item:nth-child(2n+1) { clear: both; }
	.items.items3 .item:nth-child(3n+1) { clear: both; }
	.items.items4 .item:nth-child(4n+1) { clear: both; }
	.items.items5 .item:nth-child(5n+1) { clear: both; }
	.items.items6 .item:nth-child(6n+1) { clear: both; }
	
	.theglobalgoals { overflow: hidden; }
	.theglobalgoals .theglobalgoals-text { float: left; width: calc(50% - 15px); margin-right: 15px; }
	.theglobalgoals .theglobalgoals-shortcode { float: left; width: calc(50% - 15px); margin-left: 15px; }
	
	.goals .items { margin: 0px -7.5px; }
	.goals .items .item { margin: 7.5px; }
	.goals .items.items3 .item { width: calc((100% / 3) - 15px); }
	
}

.theglobalgoals { padding-bottom: 30px; }

.services-frontpage .service {position: relative;padding-top: 50px;margin-bottom: 30px;}
.services-frontpage .service .service-image { position: absolute; top: 0px; left: calc(50% - 50px); }
.services-frontpage .service .service-image img { width: 100px; height: 100px; background-image: url('assets/png/service.png'); background-size: 100% 100%; }
.services-frontpage .service .service-name { padding: 70px 20px 20px 20px; background-color: #F0F0F0; font-size: 28px; line-height: 36px; font-weight: bold; text-align: center; }
.services-frontpage .service .service-description {padding: 20px 20px 0px 20px;background-color: #F0F0F0;color: #5D5A5A;overflow: hidden;min-height: 240px;}
.services-frontpage .service .service-description p {font-size: 18px;line-height: 30px;}
.services-frontpage .service .service-more a { font-weight: bold; background-color: #252760; padding: 5px 10px; color: #FFFFFF; font-size: 17px; line-height: 22px; text-decoration: none; }
.services-frontpage .service .service-more a:hover { background-color: #EE7D00; }

.services-page .service { position: relative; padding-top: 50px; margin-bottom: 30px; }
.services-page .service .service-image { position: absolute; top: 0px; left: calc(50% - 50px); }
.services-page .service .service-image img { width: 100px; height: 100px; background-image: url('assets/png/service.png'); background-size: 100% 100%; }
.services-page .service .service-name { padding: 50px 20px 20px 20px; background-color: #F0F0F0; font-size: 18px; line-height: 24px; display: table; width: 100%;  }
.services-page .service .service-name .name { display: table-cell; width: 100%; height: 96px; vertical-align: middle; text-align: center; font-weight: bold; color: #5d5a5a; }

.impacts-page .impactitem { position: relative; padding-top: 50px; margin-bottom: 30px; }
.impacts-page .impactitem .impactitem-image {position: absolute;top: 0px;left: calc(50% - 50px);width: 100px;height: 100px;background-image: url(assets/png/impact.png);}
.impacts-page .impactitem .impactitem-image img {max-width: 60px;width: auto;height: 90px;margin-left: 20px;}
.impacts-page .impactitem .impactitem-name { padding: 50px 20px 20px 20px; background-color: #F0F0F0; font-size: 18px; line-height: 24px; display: table; width: 100%;  }
.impacts-page .impactitem .impactitem-name .name { display: table-cell; width: 100%; height: 96px; vertical-align: middle; text-align: center; font-weight: bold; color: #5d5a5a; }

.clients {  }
.clients .client .client-image { overflow: hidden; margin-bottom: 30px; }
.clients .client .client-image img { width: 100%; height: auto; float: left; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.clients .client .client-image img:hover { -webkit-filter: none; filter: none;}

.posts {}
.posts .post { margin-bottom: 30px; }
.posts .post .post-title {}
.posts .post .post-title h3 { font-size: 28px; line-height: 36px; }
.posts .post .post-excerpt,
.posts .post .post-excerpt p { font-weight: bold; color: #5D5A5A; font-size: 17px; line-height: 22px; }
.posts .post .post-more {}
.posts .post .post-more a { font-weight: bold; background-color: #252760; padding: 5px 10px; color: #FFFFFF; font-size: 17px; line-height: 22px; text-decoration: none; }
.posts .post .post-more a:hover { background-color: #EE7D00; }

.news {}
.news .items .item .item-image { overflow: hidden; }
.news .items .item .item-image img { float: left; width: 100%; height: auto; } 
.news .items .item .item-title { padding: 30px 30px 0px 30px; }
.news .items .item .item-title h3 { padding: 0px; margin: 0px; font-size: 28px; line-height: 36px; }
.news .items .item .item-meta { padding: 15px 30px 0px 30px; font-weight: bold; color: #EE7D00; font-size: 18px; line-height: 24px; }
.news .items .item .item-content { padding: 15px 30px 0px 30px; }
.news .items .item .item-content p { font-size: 18px; line-height: 24px; color: #5D5A5A; } 
.news .items .item .item-content a { color: #5D5A5A; font-weight: bold; }
.news .items .item:nth-child(even) .item-image { margin-top: 30px; }
.news .items .item:nth-child(odd) {background-color: #F0F0F0; }

.teams { margin-bottom: 30px }
.teams .team {  }
.teams .team .team-image { overflow: hidden; }
.teams .team .team-image img { width: 100%; height: auto; float: left; }
.teams .team .team-name {padding: 10px 10px 0px 0px;}
.teams .team .team-function {padding: 0px 10px 10px 0px;font-style: unset;font-size: 16px;line-height: 22px;}

.goals .goal .goal-image { overflow: hidden; }
.goals .goal .goal-image img { width: 100%; height: auto; float: left; }


.casestudies {}
.casestudies .items {}
.casestudies .items .item{}
.casestudies .items .item .casestudy { margin-bottom: 30px; }
.casestudies .items .item .casestudy .casestudy-wrapper { background-color: #252760; color: #FFFFFF; }
.casestudies .items .item .casestudy .casestudy-wrapper .casestudy-image { overflow: hidden; }
.casestudies .items .item .casestudy .casestudy-wrapper .casestudy-image img { float: left; width: 100%; height: auto; }
.casestudies .items .item .casestudy .casestudy-wrapper .casestudy-content { padding: 30px 30px 30px 30px; }
.casestudies .items .item .casestudy .casestudy-wrapper .casestudy-content .casestudy-client { overflow: hidden; }
.casestudies .items .item .casestudy .casestudy-wrapper .casestudy-content .casestudy-client .casestudy-client-image {float: left;width: auto;background: white;padding: 20px;}
.casestudies .items .item .casestudy .casestudy-wrapper .casestudy-content .casestudy-client .casestudy-client-image img { width: 130px; height: auto; }
.casestudies .items .item .casestudy .casestudy-wrapper .casestudy-content .casestudy-client .casestudy-client-name { float: left; font-weight: bold; font-size: 18px; line-height: 24px; }
.casestudies .items .item .casestudy .casestudy-wrapper .casestudy-content .casestudy-excerpt { padding: 30px 0px 0px 0px; }
.casestudies .items .item .casestudy .casestudy-wrapper .casestudy-content .casestudy-excerpt p { font-size: 18px; line-height: 24px; }
.casestudies .items .item .casestudy .casestudy-links { overflow: hidden; }
.casestudies .items .item .casestudy .casestudy-links a { display: block; float: left; font-weight: bold; background-color: #EE7D00; padding: 5px 10px; margin-right: 10px; color: #FFFFFF; font-size: 17px; line-height: 22px; text-decoration: none; }
.casestudies .items .item .casestudy .casestudy-links a:hover { background-color: #252760; }

@media (max-width: 991px) {

	.casestudies .items .item .casestudy .casestudy-wrapper .casestudy-content .casestudy-client .casestudy-client-image img { width: 65px; height: auto; }
	.casestudies .items .item .casestudy .casestudy-wrapper .casestudy-content .casestudy-client .casestudy-client-name { padding: 15px 0px 0px 15px; }

}

@media (min-width: 992px) {

	.casestudies .items .item .casestudy .casestudy-wrapper { overflow: hidden; }
	.casestudies .items .item .casestudy .casestudy-wrapper .casestudy-image { float: right; width: 520px; }
	.casestudies .items .item .casestudy .casestudy-wrapper .casestudy-content {  float: left; width: calc(100% - 520px); }
	
	.casestudies .items .item .casestudy .casestudy-wrapper .casestudy-content .casestudy-client .casestudy-client-name { padding: 60px 0px 0px 30px; }

}

#mc_embed_signup { overflow: hidden; padding: 20px; background-color: #F0F0F0; margin-bottom: 30px; }
#mc_embed_signup form#mc-embedded-subscribe-form {}
#mc_embed_signup form#mc-embedded-subscribe-form #mc_embed_signup_scroll {}
#mc_embed_signup form#mc-embedded-subscribe-form #mc_embed_signup_scroll .mc-field-group {}
#mc_embed_signup form#mc-embedded-subscribe-form #mc_embed_signup_scroll .mc-field-group label { color: #393B3B; font-size: 18px; line-height: 24px; font-weight: bold; padding: 0px 20px 0px 0px; }
#mc_embed_signup form#mc-embedded-subscribe-form #mc_embed_signup_scroll .mc-field-group input { font-size: 18px; line-height: 24px; padding: 6px; border: 1px solid #707070; border-radius: 3px; }
#mc_embed_signup form#mc-embedded-subscribe-form #mc_embed_signup_scroll .mc-field-group input[type="email"] {}
#mc_embed_signup form#mc-embedded-subscribe-form #mc_embed_signup_scroll .mc-field-group input[type="submit"] { border: 1px solid #707070; background-color: #FFFFFF;  padding: 6px 30px; text-transform: uppercase; }
#mc_embed_signup form#mc-embedded-subscribe-form p { display: none; }

@media (max-width: 991px) {
	#mc_embed_signup form#mc-embedded-subscribe-form #mc_embed_signup_scroll .mc-field-group label { display: block; width: 100%; margin-bottom: 15px; }
	#mc_embed_signup form#mc-embedded-subscribe-form #mc_embed_signup_scroll .mc-field-group input[type="email"] { margin-bottom: 15px; }
	#mc_embed_signup form#mc-embedded-subscribe-form #mc_embed_signup_scroll .mc-field-group input { display: block; width: 100%; }
}