/*
Theme Name: Shine.io Custom Template
Version: 1.0
*/
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}
h1 {
	font-size:  40px;
}
h2 {
	font-size:  35px;
}
h3 {
	font-size:  30px;
	line-height: 1em;
}
h4 {
	font-size:  25px;
}
h5 {
	font-size:  20px;
}
h6 {
	font-size:  15px;
}

a {
	color:  #8ac43d;
	transition: color 100ms linear;
}
a:hover {
	color: #54732b;
}

@-webkit-keyframes slipRight {
	0% {
  	transform:  translateX(0);
  }
  100% {
  	transform:  translateX(200px);
  }
}
@keyframes slipRight {
  0% {
  	transform:  translateX(0);
  }
  100% {
  	transform:  translateX(200px);
  }
} 
@-webkit-keyframes slipLeft {
	0% {
  	transform:  translateX(0);
  }
  100% {
  	transform:  translateX(-200px);
  }
}
@keyframes slipLeft {
  0% {
  	transform:  translateX(0);
  }
  100% {
  	transform:  translateX(-200px);
  }
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
   scroll-behavior: auto;
  }
  
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* Shine.io */
/*
Green:  #88c53e;
Blue:  #1d8ccf;
 */
html, body {
	font-family: 'Oxygen', sans-serif;
	margin:  0;
	color:  #fff;
}
html {
	margin-top: 0 !important;
	background:  linear-gradient(157deg, rgba(2,0,36,1) 0%,rgba(2,0,36,1) 10%,rgba(29,140,207,1) 70%, rgba(136,197,62,1) 100%);
}
#top-banner .swiper-container-topper  .swiper-slide,#page-banner {
	background:  linear-gradient(157deg, rgba(2,0,36,1) 0%,rgba(2,0,36,1) 10%,rgba(29,140,207,1) 100%);
}
h1,h2,h3,h4,h5,h6 {
	/*font-family: 'Mynerve', cursive;*/
	font-family: 'Signika', sans-serif;
}
.site-title {
	position:  absolute;
	left:  -9999999px;
}
header {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
    background: linear-gradient(180deg, rgba(0,0,0,.5) 20%, transparent 75%, transparent 100%);
    transition: background 300ms linear;
}
header nav {
	display:  flex;
	width:  100%;
	padding: 0px 15px;
	/*#0e0d16*/
}
header .site-title-wrap {
	max-width: 250px;
	padding:  21px 0;
}
img {
	max-width:  100%;
}
header nav .menu-top-menu-container {
	flex: 1;
}
header nav .menu-top-menu-container ul,.menu-footer-menu-container ul,.menu-social-menu-container ul {
	display: flex;
	flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0;
    padding: 0 0 0 10px;
}
.menu-footer-menu-container ul,.menu-social-menu-container ul {
	align-items: center;
}
header nav .menu-top-menu-container ul li,.menu-footer-menu-container ul li,.menu-social-menu-container ul li {
	margin: 14px 5px;
    padding: 0;
    border-radius: 5px;
    font-size: 16px;
    list-style-type: none;
    position: relative;
}
header nav .menu-top-menu-container ul li a,.menu-footer-menu-container ul li a,.menu-social-menu-container ul li a {
	text-decoration: none;
	color: #fff;
	padding: 10px;
}

header nav .menu-top-menu-container ul li a,.menu-footer-menu-container ul li a,.menu-social-menu-container ul li a {
	display: block;
  position:relative;
  z-index: 1;
}
header nav .menu-top-menu-container ul li.menu-item:hover,.menu-footer-menu-container ul li.menu-item a:hover,.menu-social-menu-container ul li.menu-item a:hover {
  color: #fff;
}
header nav .menu-top-menu-container ul li.menu-item:after,.menu-footer-menu-container ul li.menu-item a:after,.menu-social-menu-container ul li.menu-item a:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  content: '.';
  color: transparent;
  border: solid 2px #88c43f;
  visibility: none;
  opacity: 0;
  z-index: -1;
  transition: all 200ms;
  border-radius:  2px;
}


header nav .menu-top-menu-container ul li.menu-item:hover:after,.menu-footer-menu-container ul li.menu-item a:hover:after,.menu-social-menu-container ul li.menu-item a:hover:after {
  opacity: 1;
  visibility: visible;
  height: 100%;
}

header nav .menu-top-menu-container ul > li.menu-item.menu-item-has-children > a:after {
	/*border-bottom: none;*/
}
header nav .menu-top-menu-container ul li.menu-item.menu-item-has-children > ul.sub-menu {
	position: absolute;
	right: 0;
	top: 100%;
	padding: 0;
	background: linear-gradient(45deg, #0f0d1f, #110f21);
	opacity: 0;
	transition: opacity 100ms linear;
	visibility: hidden;
	z-index: 2;
/*	border: solid 2px #88c43f;
	border-top: none;*/
}
header nav .menu-top-menu-container ul li.menu-item.menu-item-has-children:hover > ul.sub-menu {
	visibility: visible;
	opacity: 1;
}
header nav .menu-top-menu-container ul li.menu-item.menu-item-has-children > ul.sub-menu li {
	margin:  0;  
	white-space: nowrap;
	width: 100%;
}



.cta,
form#form_watershed button.frm_button_submit {
/*	background: linear-gradient(45deg, #1d8ccf, #1d8ccf);
    padding: 10px 15px;*/
    display: inline-block;
    margin-bottom: 20px;
    background:  #8ac43d;
    padding: 10px 15px;
    border-radius: 2px;
    color: #010024;
    text-decoration: none;
}
form#form_watershed button.frm_button_submit {
	font-size: 16px;
	font-weight: bold;
	border: none;
}
header nav .menu-top-menu-container ul li a.cta,.menu-footer-menu-container ul li a.cta {
	/*background: linear-gradient(45deg, #1d8ccf, #1d8ccf);*/
	background:  #8ac43d;
    padding: 10px 15px;
    border-radius: 2px;
    margin-bottom:  0;
}
header nav .menu-top-menu-container ul li a.cta, .menu-footer-menu-container ul li a.cta {
	color:  #010024;
}
.mobile-nav-icon {
    display: none;
}
.right-menu {
	display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 1090px) {
	#post-content.layouts .layout-blocks .post-blocks .post-block-wrap {
		width: 50% !important;
		min-width: 50% !important;
	}
	header nav .menu-top-menu-container {
		visibility: hidden;
		opacity: 0;
		position: fixed;
	    top: 0;
	    left: -99999px;
		bottom: auto;
    right: auto;
		transition: transform,opacity 100ms linear;
	}
	.mobile-nav-icon {
	    display: block;
	    color: #fff;
	    font-size: 40px;
	    position: absolute;
	    top: 7px;
	    right: 30px;
	    z-index: 11;
	}
	.mobile-nav-icon.close {
		right: -170px;
	}
	body.mobile-active header nav .menu-top-menu-container {
		opacity:  1;
		visibility: visible;
		left: 0;
		bottom: 0;
		right: 0;
	    display: block;
	    width: 100%;
	    height: 100%;
	    background:  linear-gradient(157deg, rgba(2,0,36,1) 0%,rgba(2,0,36,1) 10%,rgba(29,140,207,1) 100%);
	    z-index: 10;
	    justify-content: center;
	    overflow: scroll;
	}
	body.mobile-active header nav .menu-top-menu-container ul {
		display:  flex;
		flex-wrap: nowrap;
		flex-direction: column;
		align-items: center;
    justify-content: center;
    padding: 30px 0;
    min-height: 100%;
	}

	body.mobile-active header nav .menu-top-menu-container ul li {
		font-size: 30px;
		margin: 0;
	}
	body.mobile-active header nav .menu-top-menu-container ul li .cta {
		display: block;
		margin-top: 10px;
	}
	body.mobile-inactive .mobile-nav-icon {
		animation-direction: reverse;
	}
	body.mobile-active .mobile-nav-icon {
		animation-direction: forwards;
	}
	body.mobile-active .mobile-nav-icon {
		-webkit-animation-name: slipRight;
	  animation-name: slipRight;
	  -webkit-animation-duration: 300ms;
	  animation-duration: 300ms;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
	}
	body.mobile-active .mobile-nav-icon.close {
		-webkit-animation-name: slipLeft;
	  animation-name: slipLeft;
	}
	body.mobile-inactive .mobile-nav-icon.close {
		animation-direction: reverse;
	}
	header nav .menu-top-menu-container ul li.menu-item.menu-item-has-children {
		text-align: center;
		padding-bottom: 10px;
	}
	header nav .menu-top-menu-container ul > li.menu-item.menu-item-has-children:hover:after {
		border-color:  transparent;
		display: none;
	}
	header nav .menu-top-menu-container ul li.menu-item.menu-item-has-children > a {
		padding-bottom: 0;
	}
	header nav .menu-top-menu-container ul li.menu-item.menu-item-has-children > ul.sub-menu {
		visibility: visible;
		position: static;
		opacity: 1;
		background: transparent;
	}
	header nav .menu-top-menu-container ul li.menu-item.menu-item-has-children > ul.sub-menu li {
		font-size: 20px;
	}
	header nav .menu-top-menu-container ul li.menu-item.menu-item-has-children > ul.sub-menu li a {
		padding: 0 15px;
		text-align: center;
	}
	body #mission {
		flex-direction: column;
	}
	body #mission .report-main, body #mission .focus-areas {
		width: 100%; 
	}
}

.slideshow-controls {
	position: absolute;
	bottom: 40px;
	width: 100%;
	z-index: 1;
}

.slideshow-controls .next {
	position: absolute;
	right: 10px;
}
.slideshow-controls .previous {
	position: absolute;
	left: 10px;
}
.slideshow-controls .previous,
.slideshow-controls .next {
	z-index: 1;
	outline: none;
	border: none;
	background: none;
	color: #fff;
	font-size: 20px;
	transition: color	100ms linear;
}
.slideshow-controls .previous:hover,
.slideshow-controls .next:hover {
	color: #8ac43d;
	cursor: pointer;
}




#top-banner,
#top-banner .swiper-container-topper  .swiper-slide .top-banner-image {
	position: relative;
}
#top-banner .swiper-container-topper  .swiper-slide .top-banner-image a.img {
	width: 100%;
}
#top-banner .swiper-container-topper  .swiper-slide .top-banner-image img {
	position: relative;
	z-index: 2;
	width: 100%;
	max-height: 400px;
    object-fit: contain;
}
#top-banner h2 {
	line-height: 1em;
	margin-bottom: 10px;
}

#top-banner .swiper-container-topper  .swiper-slide {
	
    width: 100vw;
    padding: 30px 50px;
    padding-top: 90px;
    position: relative;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y:  hidden;
    flex-wrap: wrap;
}
#top-banner .swiper-container-topper  .swiper-slide .slide-inner {
	min-height: 65vh;
	display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

#top-banner .swiper-container-topper  .swiper-slide p {
	font-size:  20px;
}

#top-banner .swiper-container-topper  .swiper-slide .background {
	background-size: cover;
    position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
	transform: scale(1.2);
	z-index: -1;
    overflow: hidden;
    background-image:  url('/wp-content/themes/shine-io/images/circles.png');
    background-position: 50% 50%;
    opacity: .7;
}
#top-banner .swiper-container-topper  .swiper-slide .top-banner-text {
	padding: 50px;
	display: flex;
    flex-direction: column;
    align-items: center;
}

/*#top-banner .swiper-container-topper  .swiper-slide .top-banner-text .button {
	color: #000;
    padding: 12px 25px;
    background: #89c53e;
    border: solid 2px #68992b;
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
    border-radius: 3px;	
}
#top-banner .swiper-container-topper  .swiper-slide .top-banner-text .button i {
	font-size: 20px;
    line-height: 30px;
    transform: translateY(2px);
    opacity: .7;
    padding-left: 6px;
}*/


/* About Credit */
.about-divide {
	height: 3px;
	margin: 0;
  border: none;
  background: transparent;
  width: 100%;
  /*background: #eee;*/
}
#about-credit {
	background: #fff;
  padding: 35px 30px;
  color: #222;
}
#about-credit.bg-alt {
	background: #eee;
  border-top: solid 2px #ccc;
}
#about-credit p {
	font-size: 16px;
    line-height: 28px;
}
#about-credit .about-credit-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 1000px;
	margin: 0 auto;
}
#about-credit img {
	max-width: 250px;
}
#about-credit .credit-right {
	padding-left: 20px;
}

@media (max-width: 700px) {
	#about-credit .about-credit-inner {
		flex-direction: column;
	}
	#about-credit .about-credit-inner .credit-right {
		padding: 20px 0;
	}
}
    
    
#top-banner .swiper-container-topper .swiper-slide .background:before,
#top-banner .swiper-container-topper .swiper-slide .background:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgb(2,0,36);
	background: linear-gradient(157deg, rgba(2,0,36,.3) 0%, rgba(29,140,207,.3) 50%, rgba(136,197,62,.2) 100%);
	background:  linear-gradient(157deg, rgba(2,0,36,.8) 0%,rgba(2,0,36,.8) 10%,rgba(29,140,207,.8) 70%, rgba(136,197,62,.8) 100%);
	background: linear-gradient(157deg, rgba(2,0,36,.3) 0%,rgba(2,0,36,.3) 10%,rgba(29,140,207,.3) 70%, rgba(136,197,62,.3) 100%);
	display: block;
	top: 0;
	left: 0;
	z-index: 1;
}
#top-banner .swiper-container-topper .swiper-slide .background:after {
	background: rgba(0,0,0,.3);
	z-index: 2;
}

#index-banner {
	width: 100vw;
    padding: 30px 50px;
    padding-top: 90px;
}
#index-banner h1 {
	color: #fff;
	text-align: center;
	font-size: 50px;
	margin-top: 30px;
	line-height: 52px;
    margin-bottom: 20px;
} 
#index-banner p {
	font-size: 20px;
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
}

#index,#post-content.resources {
	position: relative;
}

#index:before,.video-outer:before,.image-outer:before,.top-banner-image:before,#post-content.resources:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
	z-index: 0;
	background: url(/wp-content/themes/shine-io/images/circles.png) no-repeat transparent;
    background-position: 50% 50%;
    opacity: .5;
    background-size: contain;
}

#index .blocks-inner {
	display: flex;
    flex-wrap: wrap;
    padding: 0 15px 100px 15px;
}
#index .blocks-inner .block {
	width: 33.33%;
    padding: 25px;
    position: relative;
    padding-bottom: 20px;
}
#index.case-studies .blocks-inner .block {
	width: 25%;
}
#index.case-studies .blocks-inner .block h4,#index.impact-conversations .blocks-inner .block h4 {
	font-size: 20px;
	line-height: 1em;
	padding: 2px;
}

#index.impact-conversations .blocks-inner .block h4 {
	font-size: 25px;
	line-height: 1.1em;
}

@media screen and (max-width: 899px) {
	#index.case-studies .blocks-inner .block {
		width: 50%;
	}
}


#index .blocks-inner .block .block-meta {
	text-align: center;
    background: #222;
    padding: 5px 10px;
    position: absolute;
    line-height: 30px;
    bottom: 0;
    right: 15px;
    max-width: 75%;
}
#index .blocks-inner .block .block-meta p {
	font-size: 15px;
    line-height: 19px;
    margin-top: 1px;
    color: #888;
    transition: color 100ms linear;
}
#index .blocks-inner .block img {
	width:  100%;
	height: 100%;
  object-fit: cover;
}
#index .blocks-inner .block a {
	color:  #fff;
	text-decoration: none;
	transition: color 100ms linear;
}
#index .blocks-inner .block a:hover {
	color: #88c53e;
}
#index .blocks-inner .block a:hover .block-meta p {
	color:  #fff;
}


#index .blocks-inner .block:nth-child(3n+1) {  /* or 4n+1 */
    transform: translateY(30px);
}
#index .blocks-inner .block:nth-child(3n+3) {  /* or 4n+1 */
    transform: translateY(30px); 
}
#index.case-studies .blocks-inner .block:nth-child(4n+2) {  /* or 4n+1 */
    transform: translateY(30px);
}
#index.case-studies .blocks-inner .block:nth-child(4n+4) {  /* or 4n+1 */
    transform: translateY(30px); 
}
#index.case-studies .blocks-inner .block:nth-child(4n+1),
#index.case-studies .blocks-inner .block:nth-child(4n+3) {
	transform:  none;
}
@media screen and (max-width: 1035px) {
	#index .blocks-inner .block {
		width:  50%;
	}
}
@media screen and (max-width: 678px) {
	#index.impact-conversations .blocks-inner .block h4 {
		font-size: 20px;
		line-height: 1em;
	}
	#index .blocks-inner .block,
	#index.case-studies .blocks-inner .block {
		width:  100%;
	}
	#index .blocks-inner .block:nth-child(3n+1),
	#index .blocks-inner .block:nth-child(3n+3),
	#index.case-studies .blocks-inner .block:nth-child(4n+1),
	#index.case-studies .blocks-inner .block:nth-child(4n+2),
	#index.case-studies .blocks-inner .block:nth-child(4n+3),
	#index.case-studies .blocks-inner .block:nth-child(4n+4) {
		transform:  none;
	}
	#index-banner {
		padding-left:  30px;
		padding-right:  30px;
	}
}

#next-block .frame,#about .about-right .frame,#mission .report-main .frame {
	position: relative;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 800px;
  padding: 40px 50px 50px 50px;
}
#mission .report-main .frame {
	padding: 50px 50px 40px 50px;
}
#next-block .frame p {
	max-width: unset;
}
#next-block .frame:before,#next-block .frame:after,#about .about-right .frame:before,#about .about-right .frame:after,#mission .report-main .frame:before,#mission .report-main .frame:after {
	content: '';
	position: absolute;
	width:  100px;
	height:  100px;
	display: block;
	transition: border 100ms linear;
}
#next-block .frame:before,#about .about-right .frame:before,#mission .report-main .frame:before {
	top:  0;
	left:  0;
	border-top: solid 3px #fff;
	border-left: solid 3px #fff;
}
#next-block .frame:after,#about .about-right .frame:after,#mission .report-main .frame:after {
	border-bottom: solid 3px #fff;
	border-right: solid 3px #fff;
	bottom: 0;
	right: 0;
}
#next-block .frame:before,
#next-block .frame:after,#about .about-right .frame:before,#about .about-right .frame:after,#mission .report-main .frame:before,,#mission .report-main .frame:after {
	border-color: #208ccb;
}
#next-block .frame p.small {
	margin-top: 0;
}

#next-block,#about .about-right {
	padding: 70px 15px;
    text-align: center;
    display: block;
    color: #fff;
    text-decoration: none;
    cursor:  pointer;
    position: relative;
        background-size: cover;
    z-index: 0;
    background-position: 50% 50%;
}
#about .about-right {
	cursor: unset;
}
body.single-case_study #next-block,body.single-conversation #next-block {
	padding: 100px 35px;
}
#next-block:before,#next-block:after,#about .about-right:before,#about .about-right:after {
	content: '';
	position: absolute;
	top:  0;
	left:  0;
	width:  100%;
	height:  100%;
	display: block;
	background-color: #111419;
	background:  linear-gradient(157deg, rgba(2,0,36,1) 0%,rgba(2,0,36,1) 10%,rgba(29,140,207,1) 70%, rgba(136,197,62,1) 100%);
	opacity: 0.7;
	z-index: -1;
}
#next-block:after,#about .about-right:after {
	background: #111419;
	opacity: 0.8;
	z-index: -1;
}

#next-block h3 {
	color: #88c43f;
    -webkit-text-stroke-width: 0.02pt;
    -webkit-text-stroke-color: #3c3c3c;
    font-size: 40px;
}
#next-block p {
	margin-bottom: 10px;
	max-width:  800px;
	margin: 10px auto;
}

#next-block .small {
	font-size: 14px;
	text-transform: uppercase;
}
#next-block .small i {
	padding-left:  0;
	transition:  padding 100ms linear;
}
#next-block:hover .small i {
	padding-left:  5px;
}

#page-banner {
	padding: 50px;
	padding-top: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 65vh;
	/*max-width: 1400px;
	margin:  0 auto;*/
}
#page-banner .text-outer, #page-banner .image-outer {
	max-width: 700px;
}
body.page #page-banner.no-media {
	min-height: 30vh;
	padding-bottom: 30px;
	align-items: flex-end;
	justify-content: flex-start;
}
body.page #page-banner.no-media .text-outer {
	text-align:  left;
	width:  100%;
	max-width: 1400px;
	margin: 0 auto;
}
body.page #page-banner.no-media .text-outer h1 {
	margin-bottom: 0;
}
#page-banner h1,.post-block h2,#next-block h3 {
	line-height: 1em;
  margin-bottom: 20px;
}
#page-banner h1 .year {
	font-size: 14px;
	font-weight: normal;
	padding-left: 10px;
}
#page-banner p {
	margin-bottom: 20px;
}
#page-banner .tagline p {
	font-weight: bold;
  font-style: italic;
}
#page-banner .tagline p {
	margin-top: 10px;
	margin-bottom:  10px;
}
#page-banner .award {
	font-size: 20px;
}
#page-banner .text-outer .small {
	font-size: 13px;
	text-transform: uppercase;
  padding-left: 2px;
  margin-bottom: 2px;
}
#page-banner .button-list, #top-banner .actions, #mission a.cta {
	margin-top:  20px;
}
#page-banner .button-list a, #top-banner .actions a, #mission a.cta,
form#form_watershed button.frm_button_submit {
	display: inline-block;
	margin-right: 20px;
	color: #010024;
	transition: color,box-shadow 200ms linear;
}
#mission a.cta {
	margin-right: 0;
	margin-top: 0;
}
li.cta-wrap a {
	color: #010024;
	transition: color,box-shadow 200ms linear;
}
a.cta,
form#form_watershed button.frm_button_submit {
	transition: color,box-shadow 200ms linear;
}
#page-banner .button-list a:hover,#top-banner .actions a.cta:hover, li:hover .cta, #mission a.cta:hover,
form#form_watershed button.frm_button_submit:hover {
	color: #fff;
	box-shadow: inset 0 -3.25em 0 0 #208ccb;
}
header nav .menu-top-menu-container ul li:hover a.cta,.menu-footer-menu-container ul li:hover a.cta {
	color:  #fff;
}

a.social {
	font-size: 20px;
}
.menu-social-menu-container ul li.menu-item a.social.facebook:after {
	border-color:  #3b5998;
}
.menu-social-menu-container ul li.menu-item a.social.twitter:after {
	border-color:  #1da1f2;
}
.menu-social-menu-container ul li.menu-item a.social.instagram:after {
	border-color:  #C13584;
}



#post-content {
	padding:  30px;
	background: #fff;
}
body.page #post-content {
	min-height: 55vh;
}

body.page #post-content.has-next {
	min-height: 20vh;
}

#post-content.layouts {
	padding: 0;
}
#post-content.layouts p {
	margin-bottom: 20px;
	font-size: 16px;
  line-height: 28px;
}

#post-content.layouts blockquote,#about blockquote {
	text-align: center;
  padding: 40px;
  margin: 25px auto;
  position: relative;
  max-width: 600px;
}
#about blockquote {
	text-align: left;
	padding: 0;
	margin: 10px auto;
	margin-bottom: 30px;
}
#post-content.layouts blockquote p,#about blockquote p {
	font-size: 20px;
}
#post-content.layouts blockquote p:first-of-type,#about blockquote p:first-of-type {
	font-style: italic;
	font-weight: bold;
}
#post-content.layouts blockquote:before,
#post-content.layouts blockquote:after {
	content: '';
  position: absolute;
  width: 100px;
  height: 100px;
  display: block;
  transition: border 100ms linear;
}
#post-content.layouts blockquote:before {
	top: 0;
  left: 0;
  border-top: solid 3px #8ac43d;
  border-left: solid 3px #8ac43d;
}
#post-content.layouts blockquote:after {
	bottom: 0;
  right: 0;
  border-bottom: solid 3px #8ac43d;
  border-right: solid 3px #8ac43d;
}

#post-content.layouts h1,
#post-content.layouts h2,
#post-content.layouts h3,
#post-content.layouts h4,
#post-content.layouts h5,
#post-content.layouts h6 {
	line-height: 1em;
	margin-top: 10px;
  margin-bottom: 5px;
}

#post-content.layouts .layout-text {
	max-width: 1400px;
	padding:  30px 65px 30px 65px;
	color:  #333;
	margin: 0 auto;
}
#post-content.layouts .layout-callout_box {
	display: flex;
	flex-direction:  row;
	margin: 0;
	border: none;
}
#post-content.layouts .layout-callout_box .text {
	padding: 30px;
}
#post-content.layouts .layout-callout_box .text h3 {
	margin-bottom: 20px;
}
#post-content.layouts .layout-callout_box .text.no-media {
	max-width: 1400px;
	padding:  30px 65px 30px 65px;
	margin: 0 auto;
}
#post-content.layouts .layout-callout_box .text.has-media {
	padding: 0;
	display: flex;
	align-items: flex-start;
	width: 100%;
}
#post-content.layouts .layout-callout_box .text.has-media .img-container {
  width: 50%;
  background-size: cover;
  height: 100%;
  background-position: center center;
}
#post-content.layouts .layout-callout_box .text.has-media .text-inner {
	width: 100%;
	padding: 30px 50px;
	flex: 1;
	max-width: 700px;
}
#post-content.layouts .layout-callout_box:nth-of-type(2n+1) .text.has-media {
	flex-direction: row;
}
#post-content.layouts .layout-callout_box:nth-of-type(2n+1) .text.has-media .text-inner {
	padding-right: 65px;
}
#post-content.layouts .layout-callout_box:nth-of-type(2n+2) .text.has-media {
	flex-direction: row-reverse;
}
#post-content.layouts .layout-callout_box:nth-of-type(2n+2) .text.has-media .text-inner {
	padding-left: 65px;
}

#post-content.layouts .layout-two_column {
	display: flex;
	width: 100%;
	padding-bottom: 20px;
	background: #fff;
	justify-content: center;
}
#post-content.layouts .layout-two_column .text-left,
#post-content.layouts .layout-two_column .text-right {
	padding: 30px;
	width: 50%;
	display: flex;
}
#post-content.layouts .layout-two_column .text-left {
	justify-content: flex-end;
}
#post-content.layouts .layout-two_column .text-right {
	justify-content: flex-start;
}
#post-content.layouts .layout-two_column .text-left .text {
	text-align: right;
	max-width: 640px;
}
#post-content.layouts .layout-two_column .text-right .text {
	text-align: left;
	max-width: 640px;
}


#post-content.layouts .layout-blocks {
	padding: 30px;
}
#post-content.layouts .layout-blocks .post-blocks {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
#post-content.layouts .layout-blocks .post-blocks .post-block-wrap {
	width: 33.33%;
	min-width: 33.33%;
	padding: 15px;
	flex: 1;
}
#post-content.layouts .layout-blocks .post-blocks .post-block {
	flex-direction: column;
	height: 100%;
}
#post-content.layouts .layout-blocks .post-blocks .post-block .text {
	padding: 15px;
}

#post-content.layouts .layout-blocks .post-blocks .post-block img {
	height: 250px;
	width: 100%;
  object-fit: cover;
}
#post-content.layouts .layout-blocks .post-blocks .post-block .text a {
	display: block;
	text-decoration: none;
}
#post-content.layouts .layout-blocks .post-blocks .post-block .text a i {
	font-size: 15px;
	padding-left: 5px;
	position: relative;
	top: 1px;
	transition: padding 100ms linear;
}
#post-content.layouts .layout-blocks .post-blocks .post-block .text a:hover i {
	padding-left: 10px;
}
#post-content.layouts .layout-blocks .subheading {
	margin-bottom: 0;
}
#post-content.layouts .layout-blocks .block-text {
	padding-top: 20px;
}

/* Report */
#post-content.layouts .layout-blocks .post-blocks .post-block.report-download .text a {
	display: inline-block;
	width: 50%;
}


body.page #post-content.resources {
	background:  transparent;
	min-height: 0;
	margin: 0 auto 30px auto;
}
#post-content.resources .post-blocks {
	flex-direction:  row;
	flex-wrap:  wrap;
	margin-bottom: 10px;
	margin-top: 10px;
	position: relative;
}
#post-content.resources .post-blocks .post-block {
	width: 33.33%;
	margin-bottom: 15px;
	margin-top: 15px;
}
#post-content.resources h2 {
	font-size: 25px;
	margin-bottom: 20px;
}

.wpforms-container-full {
	max-width:  500px;
}
.wpforms-container-full input {
	max-width:  100% !important;
}
div.wpforms-container-full .wpforms-form button[type=submit] {
	display: block;
	margin: 0 auto;
}

.social-share {
	padding-top:  20px;
	padding-bottom:  20px;
	background: #fff;
}
.social-share h5 {
	margin: 0;
    color: #111;
    letter-spacing: -0.05em;
    font-size: 18px;
    text-align: center;
}
.social-share {
	text-align: center;
}
.social-share div {
	display: inline-block;
}
.social-share a i {
	font-size: 40px;
    color: #1d8cce;
    padding: 10px 20px;
    -webkit-text-stroke-width: 0.5pt;
    -webkit-text-stroke-color: #3c3c3c;
    opacity: 1;
    transition: opacity 100ms linear;
}
.social-share .facebook a i {
	color: #3b5998;
}
.social-share .twitter a i {
	color: #1da1f2;
}
.social-share .linkedin a i {
	color: #007bb5;

}
.social-share a:hover {
	opacity: 0.8;
}
body.page-template-template-resources .social-share,
body.page-template-default .social-share {
	background: #fff;
	margin: 0;
	padding: 20px;
}

.text-outer {
	padding: 10px 30px 10px 15px;
}
#page-banner .text-outer .type {
	margin-bottom:  5px;
}
.video-outer,.text-outer,.image-outer {
	width:  50%;
}
.top-banner-image,.image-outer {
	padding:  65px 0;
	position: relative;
	display: flex;
  justify-content: center;
  align-items: center;
}
.video-outer {
	padding:  65px 0;
	position: relative;
}
.image-outer img {
	z-index: 1;
  position: relative;
  padding: 30px;
}
#page-banner .image-outer img {
	max-height: 500px;
  object-fit: contain;
}
#top-banner .swiper-container-topper  .swiper-slide .top-banner-text {
	width:  38%;
	padding: 20px;
	max-width: 650px;
}
#top-banner .swiper-container-topper  .swiper-slide .top-banner-image {
	width: 62%;
	max-width: 750px;
}
@media screen and ( min-width: 1400px ) {

}
@media screen and ( max-width: 900px ) {
	#top-banner .swiper-container-topper  .swiper-slide .slide-inner {
		min-height: 80vh;
		flex-direction: column;
	}
	#top-banner .swiper-container-topper  .swiper-slide .slide-inner .top-banner-text,
	#top-banner .swiper-container-topper  .swiper-slide .slide-inner .top-banner-image {
		width: 100%;
	}
}
@media screen and (max-width: 725px) {
	#post-content.layouts .layout-blocks .post-blocks .post-block-wrap {
		width: 100% !important;
		padding: 0;
	}
	#post-content.layouts .layout-blocks .post-blocks {
		flex-direction: column;
	}
}
@media screen and ( max-width: 650px ) {
	
	#top-banner .swiper-container-topper  .swiper-slide .slide-inner .top-banner-text {
		display: block;
	}
	#post-content.layouts .layout-two_column .text-left,
#post-content.layouts .layout-two_column .text-right {
	width: auto;
	overflow: hidden;
}
	#mission .report-main .frame {
		padding: 40px 30px 30px 30px;
	}
	
	
	#top-banner .swiper-container-topper  .swiper-slide .top-banner-text,
	#top-banner .swiper-container-topper  .swiper-slide .top-banner-image {
		width:  100%;
	}
	#page-banner {
		flex-direction: column-reverse;
		padding-left: 30px;
		padding-right: 30px;
	}
	#post-content.layouts .layout-text,#post-content.layouts .layout-callout_box .text.no-media {
		padding-left: 30px;
		padding-right: 30px;
	}
	#post-content.layouts .layout-callout_box .text.has-media,#post-content.layouts .layout-callout_box:nth-of-type(2n+1) .text.has-media,#post-content.layouts .layout-callout_box:nth-of-type(2n+2) .text.has-media {
		flex-direction: column;
	}

	#post-content.layouts .layout-callout_box .text.has-media .img-container {
		width: 100%;
		min-height: 300px;
	}
	body.page #page-banner .text-outer,body.page #page-banner.no-media .text-outer {
		padding-left: 0;
	}
/*	body.page #page-banner.no-media .text-outer {
		padding-left: 15px;
	}*/
	.video-outer,.text-outer,.image-outer {
		width:  100%;
	}
	.image-outer {
		padding-top: 10px;
    padding-bottom: 10px;
	}
	.text-outer {
		padding: 10px 15px 10px 15px;
	}

}
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

footer {
	background: #2c6ca3;
	width:  100%;
	padding:  15px 30px 30px 30px;
	display: flex;
  justify-content: space-between;
  background: linear-gradient(45deg, #0f0d1f, #110f21);
}
footer img {
	max-width:  330px;
}

footer .left-col {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
footer .right-col {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
}
.copyright {
	font-size: 12px;
  margin-bottom: 10px;
}

@media screen and (max-width: 950px) {
	footer {
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;
	}
	.right-menu {
		flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	}
	.menu-footer-menu-container {
		width: 100%;
	}
	.menu-footer-menu-container.donate-menu {
		width: auto;
	}
	.menu-footer-menu-container ul li, .menu-social-menu-container ul li {
		margin: 5px;
	}
	.menu-footer-menu-container ul,.menu-social-menu-container ul {
		justify-content: center;
		padding-left:  0;
	}
}

#report-modal {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	align-items: center;
	justify-content: center;
	background: rgba(0,0,0,.6);
	display: none;
}
body.modal-active #report-modal {
	display: flex;
	z-index: 5;
}
.modal-inner {
	background: #eee;
	padding: 50px;
	color: #333;
	text-align: center;
}

/* New Top */
#home-top {
	width: 100%;
	min-height: 100vh;
	display: flex;
	align-items: flex-start;
	position: relative;
	justify-content: flex-start;
	flex-direction: column;
	z-index: 2;
	padding-top: 17vh;
	background-size: cover; 
	background-image:  url('/wp-content/uploads/2023/04/landscape-scaled.jpeg');
	background-position: center 60%;
}
#home-top:before,
#home-top:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	
	z-index: -2;
	opacity: .9;
}
#home-top:before {
	z-index: -1;
	background: linear-gradient(170deg, rgba(2,0,36,.9) 0%,rgba(2,0,36,.9),45%,rgba(2,0,36,.1) 10%,rgba(29,140,207,.2) 100%);
	/*-webkit-mask: -webkit-gradient(linear,left 75%,left 0%,from(rgba(0, 0, 0, 1)),to(rgba(0, 0, 0, 0)));*/
	/*-webkit-mask-image: -webkit-gradient(linear, left 90%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)))*/

	/*mask: -webkit-gradient(linear,left 75%,left 0%,from(rgba(0, 0, 0, 1)),to(rgba(0, 0, 0, 0)));*/
}
#home-top:after {
	background: rgba(0,0,0,.1);
	opacity: 1;
	z-index: -2;
}
#home-top .left, #home-top .right {
	width: 50%;
	padding: 50px;
	text-align: left;
}
#home-top .left {
	width: 75%;
	max-width: 1000px;
}
#home-top .right {
	width: 25%;
}
#home-top .left {
}
#home-top .left p {
	font-size: 43px;
	line-height: 1.1em;
	font-weight: bold;
  font-family: 'Signika', sans-serif;
}

#home-top .right {
	margin: 0;
	right: 30px;
	bottom: 65px;
	display: flex;
	margin-bottom: 65px;
	margin-right: 30px;
	flex-direction: column;
  padding: 0;
  align-items: stretch;
  justify-content: flex-end;
  flex-wrap: wrap;
  width: auto;
  align-self: flex-end;
    justify-self: flex-end;
    flex: 1;
}
#home-top .right ul {
	display: flex;
	margin: 0;
	align-items: stretch;
  justify-content: stretch;
}
#home-top .right ul li {
    padding: 5px;
    background: transparent;
    width: auto;
    flex: 1;
}

#home-top .right ul li a {
    background: #132640;
    display: block;
    padding: 15px 25px;
    font-size: 25px;
    white-space: nowrap;
    text-decoration: none;
    color: #eee;
    border: solid 2px #777;
    border-radius: 2px;
    width: 100%;
    font-family: 'Oxygen', sans-serif;
    font-weight: bold;
    letter-spacing: -0.01em;
    transition: background,border 100ms linear;
}
#home-top .right ul li a i {
    padding-right: 5px;
    font-size: 21px;
    color: #1d8ccf;
    color: #8ac43d;
    position: relative;
    top: -1px;
    transition: color 100ms linear;
}
#home-top .right ul li a:hover {
	background: #eee;
	color: #222;
	border-color: #eee;
}
#home-top .right ul li a:hover i {
	color: #1d8ccf;
}
#home-top {
		padding-top: 0;
	}
	#home-top .left {
		flex: 1;
    align-items: center;
    display: flex;
	}

/*@media screen and ( max-width: 1500px ) {
	#home-top {
		padding-top: 110px;
	}
}
@media screen and ( max-width: 1090px ) {
	#home-top {
		padding-top: 0;
	}
}*/
@media screen and ( max-width: 1040px ) {
	#home-top .left p {
		font-size: 40px;
	}
	
}
@media screen and ( max-width: 810px ) {
	#home-top .left p {
		font-size: 35px;
	}
	#home-top .left {
		width: 100%;
	}
	#home-top .right {
		max-width: 100%;
    margin: 0;
    margin-bottom: 25px;
    align-self: center;
	}
	#home-top .right ul {
		padding: 0 15px;
    width: 100%;
	}

}
@media screen and ( max-width: 810px ) {
	#home-top .right ul {
		flex-direction: column;
	}
	#home-top .left {
		min-height: 60vh;
	}
}
@media screen and ( max-width: 600px ) {

	#home-top:before {
		background: linear-gradient(170deg, rgba(2,0,36,.9) 0%,rgba(2,0,36,.9),45%,rgba(2,0,36,.1) 10%,rgba(29,140,207,.2) 100%);
	}
	#home-top .left p {
		font-size: 32px;
	}
	
}
@media screen and ( max-width: 450px ) {
	#home-top:before {
		background: linear-gradient(170deg, rgba(2,0,36,.9) 0%,rgba(2,0,36,.9),47%,rgba(2,0,36,.1) 10%,rgba(29,140,207,.2) 100%);
	}
}

@media (max-width: 450px) and (max-height:  650px) {
	#home-top .left {
		align-items: flex-end;
	}
}




#home-list ul {
	padding: 0;
	margin: 0;
	display: flex;
	width:  100%;
}
#home-list ul li {
	list-style-type: none;
	flex:  1;
	text-align: center;
	margin:  0;
	padding:  0;
}
#home-list ul li a,#home-top .right ul li {
	list-style-type: none;
	flex:  1;
	text-align: center;
	/*font-family: 'Mynerve', cursive;*/
	font-family: 'Signika', sans-serif;

	background: #1a2012;
    border-top:  solid 2px #3c4928; 
    border-bottom:  solid 2px #3c4928;
    border-left:  solid 1px #3c4928; 
    border-right:  solid 1px #3c4928; 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: transparent;
    border-color: #aaa;
    border-width: 0;
}
#home-list ul li a {

	text-decoration: none;
	color: #88c43f;
    font-size: 30px;
    line-height: 32px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 50px 30px;
    transition: color,background 100ms linear;
    background: #eee;
    color: #222;
}
#home-list ul li a i {
	font-size: 50px;
    margin-bottom: 20px;
    color: #cccccc;
    transition: color 100ms linear;
    color: #1d8ccf;
}

#home-list ul li a:hover i {
	color: #1d8ccf;
	color: #fff;
}
#home-list ul li a:hover {
	background: #222a17;
	color: #88c43f;
	background: #1d8ccf;
	color: #222;
}

#overview {
	    background: linear-gradient(135deg, rgba(0,0,0,.5), rgba(136,197,62,.2));
    padding: 40px 30px;
    text-align: center;
   background: rgba(30,30,30,.75);
}
#overview p {
	font-size: 24px;
	line-height: 1.2em;
	color: #1d8ccf;
	color: #eee;
	font-weight: bold;
	letter-spacing: -0.05em;
/*	max-width: 600px;
	margin: 0 auto;*/
}

#mission {
	display: flex;
	position: relative;
	z-index: 2;
	overflow: hidden;
	border-top: solid 2px #111;
	border-bottom: solid 2px #111;
}
#mission:before,#mission:after {
	content: '';
	position: absolute;
	top: -7px;
  left: -7px;
  display: block;
  width: calc(100% + 15px);
  height: calc(100% + 15px);
	background-image:  url('/wp-content/uploads/2023/04/3a434b_10ccd6eff1414b3caf66e80d6c04cec2_mv2.jpeg');
	background-size: cover;
  background-position: 50% 50%;
  opacity: .2;
  z-index: -1;
  filter: blur(15px);
}
#mission:after {
	background: rgba(0,0,0,.65);
  opacity: 1;
}
#mission .report-main {
	padding: 50px;
	width: 40%;
	display: flex;
  justify-content: center;
  align-items: center;
}
#mission .report-main h3 {
	font-size: 30px;
	margin-bottom: 20px;
}
#mission .report-main a.h3 {
	transition: none;
}
#mission .report-main a:hover h3 {
	color: #8ac43d;
}
#mission .report-main a {
	text-decoration: none;
}
#mission .report-main p {
	font-size: 20px;
	margin-bottom: 40px;
}
#mission .report-main a {
	font-size: 20px;
}
#mission .focus-areas {
	width: 60%;
	padding: 30px;
}
#mission .focus-area {
	display: flex;
	margin: 20px 0;
	text-decoration: none;
	color: #fff;
	position: relative;
	transition: border-color 100ms linear;
}
#mission .focus-area:hover {
	border-color: #eee !important;
}
#mission .focus-area img {
	max-width: 300px;
	height: 200px;
	object-fit: cover;
	/*transition: max-width 100ms linear;*/
}
/*#mission .focus-area:hover img {
	max-width: 325px;
}*/
#mission .focus-area .focus-meta {
	padding: 10px 30px 10px 30px;
	display: flex;
	flex-direction: column;
	
	flex: 1;
}
#mission .focus-area .focus-meta h4 {
	font-size: 28px;
}
#mission .focus-area .focus-meta p {
	font-size: 18px;
}
#mission .focus-area .focus-meta button {
	background: rgba(255,255,255,0);
	color: #fff;
	outline: none;
	position: absolute;
	bottom: -5px;
	right: 10px;
	font-size: 20px;
	border: none;
	margin: 0;
	padding: 10px;
	transition: color 100ms linear;
}
#mission .focus-area:hover .focus-meta button {
	color: #1d8ccf;
}

#research {
	position: relative;
	top: -100px;
}

@media screen and (max-width:  640px) {
	#mission .focus-areas .focus-area {
		flex-direction: column;
    padding-bottom: 30px;
	}
	#mission .focus-areas .focus-area img {
	  max-width: 100%;
    height: auto;
  }
}



#about {
	background: #fff;
	padding: 50px;
	width: 100%;
	color: #333;
	padding-bottom: 20px;
}
#about .about-inner {
	max-width:  1400px;
	margin:  0 auto;
}
#about p {
	margin-bottom: 20px;
	font-size: 16px;
  line-height: 28px;
}
#about h3 {
	line-height: 1em;
	margin-bottom:  10px;
}
#about .about-inner .about-split {
	display: flex;
	align-items: flex-start;
}

#about .about-inner .about-split .about-left {
	padding-right: 50px;
	flex: 1;
}
.about-left a,.layout-text a,#about-credit a {
	color: #54732b;
}
.about-left a:hover,.layout-text a:hover,#about-credit a:hover {
	color: #8ac43d;
}

#about .about-inner .about-split .about-right {
	padding: 30px;
	margin-top: 5px;
	width: 50%;

}
#about .about-inner .about-split .about-right h4 {
	color: #8ac43d;
}
#about .about-inner .about-split .about-right .frame {
	padding-bottom:  30px;
}

@media screen and (max-width: 650px) {
	#top-banner .swiper-container-topper .swiper-slide {
		padding: 30px;
		padding-top: 70px;
	}
	#top-banner .swiper-container-topper .swiper-slide .top-banner-text {
		padding: 10px;
	}
	#home-list ul {
		flex-wrap:  wrap;
		flex-direction: column;
	}
	#home-list ul li {
		width: 100%;
	}
	#home-list ul li a {
		border-bottom: solid 2px #ddd;
	}
	#home-list ul li:last-of-type a {
		border-bottom:  none;
	}
	#about .about-inner .about-split {
		flex-direction: column-reverse;
		flex-wrap: wrap;
	}
	#about {
		padding: 30px 0;
	}
	#about .about-main, #about .about-left {
		padding: 15px 30px;
	}
	#about .about-inner .about-split .about-right {
		width: 100%;
		margin-bottom: 20px;
	}
	#about .about-inner .about-split .about-left {
		padding-right: 30px;
		max-width: 100%;
	}
}



.post-blocks {
	display: flex;
	flex-direction: column;
}
.post-block {
	border:  solid 5px #142640;  
	background: #142640;
	max-width: 1275px;
	margin:  0 auto;
	margin-bottom:  30px;
	display: flex;
	width: 100%;
}
.post-block .text {
	padding:  30px 50px 15px 50px;
}
.post-block .text.no-image {
	width: 100%;
}
.post-block .text p {
	margin-bottom:  20px;
	font-size: 17px;
    line-height: 30px;
}
.post-block.media-block .text {
	width:  75%;
}
.post-block .media {
	width: 50%;
}
.post-block .media.portrait {
	flex: 1;
	
}
.post-block .media.portrait img {
	max-height: 350px;
  object-position: top;
}
.post-block .media img {
	width: 100%;
  height: 100%;
  object-fit: cover;
}

.post-block h2 {
	margin-top: 0;
}



.post-block:nth-of-type(4n+4),.layout-callout_box:nth-of-type(4n+4),.layout-blocks .post-block-wrap:nth-of-type(4n+3) .post-block,
#mission .focus-area:nth-of-type(3n+1),
.layout-two_column:nth-of-type(4n+2) .text-left {
	border: solid 5px #142640;
  background: #142640;
}
.post-block:nth-of-type(4n+1),.layout-callout_box:nth-of-type(4n+1),.layout-blocks .post-block-wrap:nth-of-type(4n+4) .post-block {
	border: solid 5px #22283b;
  background: #22283b;
	
}
.post-block:nth-of-type(4n+3),.layout-callout_box:nth-of-type(4n+3),.layout-blocks .post-block-wrap:nth-of-type(4n+1) .post-block,
#mission .focus-area:nth-of-type(3n+3),
.layout-two_column:nth-of-type(4n+2) .text-right {
	border: solid 5px #010024;
  background: #010024;
}
.post-block:nth-of-type(4n+2),.layout-callout_box:nth-of-type(4n+2),.layout-blocks .post-block-wrap:nth-of-type(4n+2) .post-block,#mission .focus-area:nth-of-type(3n+2) {
	border: solid 5px #1d2b29;
  background: #1d2b29;
}
.post-block.media-block.media-right {
	flex-direction: row-reverse;
}

/*.post-blocks.no-media {
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1275px;
    margin: 0 auto;
}
.post-blocks.no-media .post-block {
    width: 33.33%;
    margin-bottom: 0;
}*/
#post-content.resources .post-blocks .post-block .link-block {
	margin-bottom: 10px;
}
#post-content.resources .post-blocks .post-block .link-block a {
	text-decoration: none;
	font-size: 18px;
	margin-bottom: 20px;
	display: block;
}
#post-content.resources .post-blocks .post-block .link-block a:hover {
	color:  #1d8ccf;
}

@media screen and ( max-width: 900px ) {
/*	.post-blocks.no-media .post-block {
	    width: 50%;
	}*/
	.post-blocks.no-media .post-block:last-of-type {
		margin-bottom:  20px;
	}
}
@media screen and (max-width: 767px) {
	.post-block {
		flex-direction: column !important;
	}
	#post-content.resources .post-blocks .post-block {
		width: 100%;
	}
	.post-block .media, .post-block .text {
		width: 100% !important;
	}
	.post-block .text {
		padding: 30px;
	}
}
@media screen and ( max-width: 650px ) {
/*	.post-blocks.no-media .post-block {
	    width: 100%;
	    margin-bottom: 20px;
	}*/
	#post-content.resources .post-blocks .post-block {
		width: 100%;
	}

	.post-blocks {
		margin-left: -15px;
    margin-right: -15px;
	}
	#next-block .frame {
		padding: 40px 30px 50px 30px;
	}
}

/*
#1d2b29
 */

header#site-header.scrolled {
	background:  #090812;
}

/*body.logged-in #site-header {
	top: 32px;
}
body.logged-in #top-banner .swiper-container-topper  .swiper-slide,
body.logged-in #index-banner,
body.logged-in #page-banner {
	padding-top: 122px;
}*/

form#form_watershed br {
	display: none !important;
}