/*
Theme Name: CollabPartners.org
Description: Custom theme - Center for Research and Collaborative Partnerships
Version: 1.0
*/
/*
Colors:

Blue: #3A8EBA
Red: #9A031E
DarkGray: #2E2E3A
Green: #6A8272
Salmon: var(--secondary)
Gray: #696973

 */
:root {
	--primary-dark: rgb(24,36,73);
	--primary: rgb(8,82,153);
	--secondary: #c4122e;
	--action: #3c208c;
}
/* 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;
	font-weight: 300;
}
h3 {
	font-size:  30px;
	line-height: 1em;
	font-weight: 300;
}
h4 {
	font-size:  28px;
	font-weight: 300;
}
h5 {
	font-size:  20px;
}
h6 {
	font-size:  15px;
}

a {
	color:  var(--primary);
	transition: color 100ms linear;
	text-decoration-color: var(--primary);
	text-decoration-thickness: 2px;
	transition: all 100ms linear;
}
a:hover {
	color: var(--action);
}



/* 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;
	height: auto;
}

/* 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;
	}
}

html, body {
	font-family: "Roboto", sans-serif;
	margin:  0;
	color:  #222;
}
html {
	margin-top: 0 !important;
	background: linear-gradient(135deg, #fff, #eee );
}
body {
	position: relative;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Montserrat", sans-serif;
	line-height: 1.1em;
}

img.alignleft, img.alignright {
	padding: 0 10px;
}
img.alignleft {
	padding-left: 0;
	float: left;
	padding-bottom: 10px;
}
img.alignright {
	padding-right: 0;
	float: right; 
	padding-bottom: 10px;
}
img.aligncenter,img.alignnone {
	display: block;
	margin: 0 auto;
}
@media screen and (max-width: 850px) {
	img.alignleft, img.alignright {
		width: 100%;
		padding: 10px 0;
		float: none;
	}
}

@-webkit-keyframes slipRight {
	0% {
		transform:  translateX(0);
	}
	100% {
		transform:  translateX(150px);
	}
}
@keyframes slipRight {
	0% {
		transform:  translateX(0);
	}
	100% {
		transform:  translateX(150px);
	}
} 
@-webkit-keyframes slipLeft {
	0% {
		transform:  translateX(0);
	}
	100% {
		transform:  translateX(-150px);
	}
}
@keyframes slipLeft {
	0% {
		transform:  translateX(0);
	}
	100% {
		transform:  translateX(-150px);
	}
}
.site-title {
	letter-spacing: 0.04em;
	font-size: 35px;
	font-weight: 600;
	color: #fff;
	position: absolute;
	left: -100000px;
}
.site-title .collab {
	background: #696973;
}
.site-title .partners {
	padding-left: 5px;
}
.site-title .collab,
.site-title .partners {
	position: relative;
	z-index: 1;
}
.site-title .collab::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	background: red;
	width: 100%;
	z-index: -1;
}
header#site-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 20;
	background: transparent;
	transition: background,top 150ms linear;
	background: #fff;
	border-bottom: solid 1px #ddd; 
}
header#site-header nav {
	display:  flex;
	align-items: flex-start;
	width:  100%;
	padding: 5px 15px 0 0;
	transition: padding 150ms linear;
}
header#site-header .site-title-wrap {
	z-index: 11;
	margin-top: 14px;
	position: relative;
	padding-right: 20px;
	overflow: hidden;
	width: 400px;
	max-width: 50%;
}
header#site-header .site-title-wrap svg,
header#site-header .site-title-wrap img {
	width: 100%;
}
header#site-header .site-title-wrap svg {
	padding: 5px 3px 3px 30px;
	margin: 0;
	transition: margin 150ms linear;
	position: relative;
	z-index: 2;
}
header#site-header .site-title-wrap:after {
	content: '';
	height: 100px;
	width: 100px;
	bottom: 0;
	right: 9px;
	position: absolute;
	transform: rotate(110deg);
	z-index: -1;
}
header#site-header .site-title-wrap a {
	font-size: 43px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	line-height: 1em;
	display: inline-block;
	font-weight: bold;
	padding: 0 5px 0 0;
	display: flex;
}

@keyframes moveToOriginCollab {
	0% {
		transform:  translate(-255px, -40px) scale(2.5);
	}
	100% {
		transform:  translate(0,0) scale(1);
	}
}
@keyframes moveToOriginPartners {
	0% {
		transform:  translate(-360px, -10px) scale(2.3);
	}
	100% {
		transform:  translate(0,0) scale(1);
	}
}
@keyframes moveToOriginLine {
	0% {
		transform: translateX(60px) scaleX(0);
	}
	100% {
		transform: translateX(0) scaleX(1);

	}
}
@keyframes moveToOriginLogo {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes moveToOriginText {
	0% {
		transform: translate(-100px,6px) scale(1.35);
	}
	100% {
		transform:  translate(0,0) scale(1);
	}
}
@keyframes moveToOriginAU {
	0% {
		opacity: 0;
		transform: translateX(-5px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes moveToOriginSPA {
	0% {
		opacity: 0;
		transform: translateY(5px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.site-title-wrap #SPA {
	opacity: 0;
	transform: translateY(5px);
	animation-name: moveToOriginSPA;
	animation-fill-mode: forwards;
	animation-duration: 700ms;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-delay: 1700ms;
}
.site-title-wrap #crcp-line {
	transform: translateX(60px) scaleX(0);
	animation-name: moveToOriginLine;
	animation-fill-mode: forwards;
	animation-duration: 700ms;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-delay: 1700ms;
}
.site-title-wrap #AU {
	opacity: 0;
	transform: translateX(-5px);
	animation-name: moveToOriginAU;
	animation-fill-mode: forwards;
	animation-duration: 700ms;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-delay: 1700ms;
}
.site-title-wrap #crcp-text {
	transform: translate(-100px,6px) scale(1.35);
	animation-name: moveToOriginText;
	animation-fill-mode: forwards;
	animation-duration: 1000ms;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-delay: 1000ms;
}

/*header#site-header.scrolled {
	background: linear-gradient(135deg, #333, #111 );
	border-bottom: solid 1px #222;
}
header#site-header.scrolled nav {
	padding-bottom: 0;
}*/

/*header#site-header.scrolled .site-title-wrap {
	margin: 16px 15px 0 0;
	padding-bottom: 0px;
	padding-top: 0px;
}*/

header#site-header .nav-menu-wrap {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding-right: 10px;
	transition: padding 150ms linear;
}
/*header#site-header.scrolled .nav-menu-wrap {
	padding-bottom: 0;
}*/

header#site-header nav .menu-main-menu-container {
	flex: 1;
}

body header#site-header nav .menu-main-menu-container ul {
	/*background: #382c41;*/
	transition: background 150ms linear;
}
/*header#site-header.scrolled nav .menu-main-menu-container > ul {
	background: transparent;
	padding-right: 0;
}*/

.menu-footer-menu-container ul,.menu-social-menu-container ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin: 0;
	padding: 0 15px;
}
header#site-header nav .menu-main-menu-container ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	padding: 0;
	margin: 0;
}
.menu-footer-menu-container ul,.menu-social-menu-container ul {
	align-items: center;
}
header#site-header nav .menu-main-menu-container ul li,.menu-footer-menu-container ul li,.menu-social-menu-container ul li {
	margin: 0 5px;
	padding: 0;
	font-size: 16px;
	list-style-type: none;
	position: relative;
}
header#site-header nav .menu-main-menu-container ul li a,.menu-footer-menu-container ul li a,.menu-social-menu-container ul li a {
	text-decoration: none;
	color: #111;
	padding: 10px;
}
header#site-header nav .menu-main-menu-container ul li {
	transition: padding 150ms linear;
	margin: 0 4px;
}
header#site-header nav .menu-main-menu-container ul li a {
	color: #414547;
	font-size: 18px;
	position: relative;
	padding: 10px 15px;
	background: transparent;
	transition: background 100ms linear, color 100ms linear;
	font-weight: 500;
	text-rendering: geometricPrecision;
}
header#site-header nav .menu-main-menu-container ul li a span,
footer .menu-footer-menu-container ul li a span {
	position: relative;
}
header#site-header nav .menu-main-menu-container ul li a span:after,
footer .menu-footer-menu-container ul li a span:after {
	content: '';
	width: 0;
	height: 2px;
	background: var(--primary);
	display: block;
	position: absolute;
	bottom: -1px;
	left: 50%;
	transition: all 100ms linear;
}
header#site-header nav .menu-main-menu-container > ul > li:hover > a > span:after,
header#site-header nav .menu-main-menu-container > ul > li > ul > li:hover a > span:after,
header#site-header nav .menu-main-menu-container > ul > li > a:focus > span:after,
header#site-header nav .menu-main-menu-container > ul > li > ul > li a:focus > span:after,
body.about-subnav-active header#site-header nav .menu-main-menu-container ul > li.about-subnav > a > span:after,
body.projects-subnav-active header#site-header nav .menu-main-menu-container ul > li.projects-subnav > a > span:after,
footer .menu-footer-menu-container ul li:hover a span:after,
footer .menu-footer-menu-container ul li a:focus span:after {
	opacity: 1;
	width: 100%;
	left: 0;
}

header#site-header nav .menu-main-menu-container > ul > li > a {
	padding-bottom: 10px;
}
/*header#site-header.scrolled nav .menu-main-menu-container ul li a {
	color: #fff;
}*/
header#site-header nav .menu-main-menu-container ul li ul li a {
	color: #414547;
	font-weight: 400;
}
footer .menu-main-menu-container ul li a {
	position: relative;
	z-index: 1;
	padding: 10px;
}
header#site-header nav .menu-main-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#site-header nav .menu-main-menu-container ul li.menu-item.menu-item-has-children > ul.sub-menu {
	position: absolute;
	right: 0;
	top: 100%;
	padding: 5px 3px 5px 3px;
	opacity: 0;
	background: #fff;
	transition: opacity 100ms linear;
	visibility: hidden;
	z-index: 2;
	border: solid 2px #eee;
}
header#site-header nav .menu-main-menu-container ul li.menu-item.menu-item-has-children:hover > ul.sub-menu {
	visibility: visible;
	opacity: 1;
}

header#site-header nav .menu-main-menu-container ul li.menu-item.menu-item-has-children.menu-item-8916:hover > ul.sub-menu li {
	white-space: unset;
}
header#site-header nav .menu-main-menu-container ul li.menu-item.menu-item-has-children.menu-item-8916:hover > ul.sub-menu li span {
	line-height: 1.2em;
	margin-bottom: 0;
	cursor: pointer;
}
header#site-header nav .menu-main-menu-container ul li.menu-item.menu-item-has-children > ul.sub-menu li {
	margin:  0 5px;  
	white-space: nowrap;
	width: 100%;
	/*background: #121212;*/
}
header#site-header nav .menu-main-menu-container ul li.menu-item.menu-item-has-children > ul.sub-menu li.divider {
	color: #fff;
	padding-left: 15px;
	font-size: 17px;
	padding: 5px 15px;
	background: rgba(240,240,240,.06);
}

/* CTAs */
#site-header .top-ctas {
	padding-right: 17px;
}
.cta {
	display: inline-block;
	text-decoration: none;
	border: none;
	background: #fff;
	cursor: pointer;
	outline: none;
	line-height: 1.1em;
	font-size: 18px;
	font-weight: 400;
	margin: 10px 0 3px 15px;
	position: relative;
	z-index: 1;
	color: #eee;
	transition: all 150ms linear;
	overflow: hidden;
}


.cta:hover span {
	color: #444;
}


.cta span {
	padding: 5px 15px;
	padding-right: 55px;
	display: inline-block;
	width: 100%;
	transition: border-color 100ms linear;
}
.cta:after,
#post-content.layouts .layout-text.load-more div button:after,
#site-search #site-load-more div button:after {
	content: '';
	position: absolute;
	width: 50px; 
	height: 75px;
	background: rgba(255,255,255,0.14);
	z-index: 1;
	right: -10px;
	top: -5px;
	margin: -5px 0 0 -5px;
	transform-origin: 50% 50%;
	transform: rotate(-20deg);
	transition: all 100ms linear;
}
.cta:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transition: all 100ms linear;
	z-index: -1;
}
.cta i {
	position: absolute !important;
	right: 16px;
	top: 8px;
	transition: right 100ms linear;
	z-index: 2;
}
.cta:hover i {
	right: 12px;
	color: #fff;
}
.cta:hover:after,
#post-content.layouts .layout-text.load-more div button:hover:after,
#site-search #site-load-more div button:hover:after {
	transform: rotate(45deg);
}
.cta.primary span {
	border: solid 2px var(--primary);
}
.cta.primary:before,
.cta.primary:hover:after {
	background: var(--primary);
}
.cta.content-cta:before,
.cta.content-cta:hover:after  {
	background: #fff;
}
.cta.content-cta span {
	border: solid 2px #fff;
	color: #111;
	transition: color 100ms linear;
}
.cta.content-cta:after {
	background: rgba(0,0,0,.1);
}
.cta.content-cta:hover span {
	color: #fff;
}
.cta.action span {
	border: solid 2px var(--action);
}
.cta.action:before,
.cta.action:hover:after {
	background: var(--action);
}
.cta.secondary span {
	border: solid 2px var(--secondary);
}
.cta.secondary:before,
.cta.secondary:hover:after {
	background: var(--secondary);
}
.cta.primary:hover,
.cta.secondary:hover,
.cta.action:hover,
.cta.content-cta:hover {
	color: #fff;
}
.cta.primary:hover:before,
.cta.secondary:hover:before,
.cta.action:hover:before,
.cta.content-cta:hover:before {
	/*background: #fff;*/
	left: 100%;
}

.cta.none span {
	border: solid 2px #aaa;
}
.cta.none:before {
	background: transparent;
}
.cta.none:after {
	background: #aaa;
}
.cta.none:hover span {
	border-color: #fff;
}
.cta.none:hover:after {
	background: #fff;
}
.cta.none:hover span {
	color: #fff;
}
.cta.none:hover span i {
	color: #111;
}




/* Mobile menu (desktop) */
.mobile-nav-icon,.mobile-back {
	display: none;
}
.mobile-back {
	opacity: 0;
	transition: opacity 300ms linear;
}
/* Mobile menu (mobile) */
@media screen and (max-width: 1110px) {
	header#site-header .top-ctas, 
	header#site-header.scrolls .top-ctas {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		display: flex;
		padding: 0;
		margin: 0;
		z-index: 11;
	}
	footer .top-ctas.footer-ctas {
		display: none;
	}
	header#site-header .cta,
	header#site-header.scrolled .cta {
		width: 33.333%;
		margin: 0;
		text-align: center;
		/*background: linear-gradient(135deg, #333, #111 );*/
	}
	header#site-header .cta span,
	header#site-header.scrolled .cta span {
		padding: 15px 55px 15px 15px;
	}
	header#site-header .cta:after {
		height: 95px;
		right: -14px;
	}

/*	header#site-header .cta:after,
	header#site-header .cta i {
		display: none;
	}*/
	header#site-header .cta.top-cta i,header#site-header.scrolled .cta.top-cta i {
		position: absolute;
		right: 15px;
		top: 18px;
	}
	header#site-header.scrolled .cta:hover i {
		right: 11px;
	}
	header#site-header .site-title-wrap {
		margin: 0;
		padding-top: 0;
		max-width: 75%;
		
		margin-bottom: 0px;
		padding-bottom: 0;
	}
	header#site-header.scrolled .site-title-wrap {
		margin: 0;
	}
	header#site-header .site-title-wrap svg {
		padding-left: 15px;
	}
	#post-content.layouts .layout-blocks .post-blocks .post-block-wrap,
	#site-search-results .post-blocks .post-block-wrap {
		width: 50% !important;
		min-width: 50% !important;
	}
	#post-content.layouts .layout-blocks .post-blocks.blocks-1 .post-block-wrap,
	#site-search-results .post-blocks.blocks-1 .post-block-wrap {
		width: 75% !important;
		min-width: 75% !important;
	}
	header#site-header nav .menu-main-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: #414547;
		font-size: 35px;
		position: absolute;
		top: 14px;
		right: 20px;
		z-index: 11;
	}
	.mobile-nav-icon.toggle-search {
		right: 80px;
		font-size: 29px;
		top: 17px;
	}
	/* Former scroll behavior  */
	header#site-header .mobile-nav-icon {
		top: 7px;
	}
	header#site-header .mobile-nav-icon.toggle-search {
		top: 10px;
	}
	header#site-header .mobile-nav-icon.close {
		top: 12px;
	}

	.mobile-back,.mobile-nav-icon.close {
		font-size: 30px;
		top: 16px;
	}
	body.about-subnav-active .mobile-back,
	body.projects-subnav-active .mobile-back {
		display: block;
		opacity: 1;
    position: absolute;
    z-index: 100;
    color: #414547;
    right: 85px;
	}
	header#site-header .mobile-back {
		top: 14px;
		font-size: 28px;
	}
	header#site-header .nav-menu-wrap {
		padding-right: 0;
	}
/*	header#site-header.scrolled .mobile-nav-icon,
	body.mobile-active .mobile-nav-icon.close,
	body.mobile-inactive .mobile-nav-icon.close {
		color: #fff;
	}*/
	.mobile-nav-icon.close {
		right: -120px;
	}
	body.mobile-active header#site-header nav .menu-main-menu-container {
		opacity:  1;
		visibility: visible;
		left: 0;
		bottom: 0;
		right: 0;
		display: block;
		width: 100%;
		height: 100%;
		z-index: 10;
		background: #fff;
		justify-content: center;
		overflow: scroll;
	}
	body.mobile-active header#site-header nav .menu-main-menu-container ul {
		display:  flex;
		flex-wrap: nowrap;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 30px 0;
		min-height: 100%;
		transition: background 100ms linear;
	}
	body.mobile-active header#site-header nav .menu-main-menu-container > ul,
	body.mobile-active header#site-header.scrolled nav .menu-main-menu-container > ul {
		background: transparent;
		position: relative;
	}
	body.mobile-active header#site-header nav .menu-main-menu-container:before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		opacity: .11;
		background-size: 10px;
	}
	body.mobile-active header#site-header nav .menu-main-menu-container ul li {
		font-size: 30px;
		margin: 0;
		color: #414547;
	}
	body.mobile-active header#site-header.scrolled nav .menu-main-menu-container > ul > li {
		padding: 0;
	}
	body.mobile-active header#site-header nav .menu-main-menu-container ul li .cta {
		display: block;
		margin-top: 10px;
	}
	body.mobile-inactive .mobile-nav-icon {
		animation-direction: reverse;
		transition: top 150ms linear;
	}
	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;
		animation-fill-mode: forwards;
	}
	body.mobile-inactive .mobile-nav-icon.close {
		animation-direction: reverse;
	}
	/* Mobile menu */
	body.mobile-active header#site-header nav .menu-main-menu-container {
		overflow: hidden;
		width: 100vw;
	}
	body.mobile-active header#site-header nav .menu-main-menu-container > ul, 
	body.mobile-active header#site-header.scrolled nav .menu-main-menu-container > ul {
		position: static;
	}
	body.mobile-active header#site-header nav .menu-main-menu-container > ul, 
	body.mobile-active header#site-header.scrolled nav .menu-main-menu-container > ul {
		padding-top: 80px;
		overflow-y: scroll;
    overflow-x: hidden;
    padding-bottom: 80px;
	}
	body header#site-header nav .menu-main-menu-container ul.sub-menu,
	body header#site-header nav .menu-main-menu-container ul.sub-menu,
	body header#site-header.scrolled nav .menu-main-menu-container ul.sub-menu,
	body header#site-header.scrolled nav .menu-main-menu-container ul.sub-menu {
		display: block;
    min-height: unset;
    overflow: hidden;
    border: none;
    max-height: 0;
    display: none;
	}
	header#site-header nav .menu-main-menu-container ul li.top-search {
		display: none;
	}
	header#site-header nav .menu-main-menu-container ul li.menu-item.menu-item-has-children > ul.sub-menu li {
		background: transparent;
		margin: 0;
	}
	header#site-header nav .menu-main-menu-container ul li.menu-item.menu-item-has-children > ul.sub-menu {
		visibility: visible;
		position: static;
		opacity: 1;
		background: transparent;
	}
	header#site-header nav .menu-main-menu-container ul li.menu-item.menu-item-has-children > ul.sub-menu li.has-description a span {
		align-self: center;
	}
	header#site-header nav .menu-main-menu-container ul li.menu-item.menu-item-has-children > ul.sub-menu li.has-description a span.menu-item-description {
		font-size: 16px;
		line-height: 17px;
	}

	body.mobile-active header#site-header nav .menu-main-menu-container ul.sub-menu {
		display: none;
		align-items: flex-end;
		padding: 0;
		width: 100%;
		border: none;
		text-align: center;
	}
	body.mobile-active header#site-header nav .menu-main-menu-container > ul > li > a,
	body.mobile-active header#site-header nav .menu-main-menu-container ul.sub-menu li a {
	    font-size: 30px;
	    /*background: #382c41;*/
	    padding: 15px 35px;
	    margin-bottom: 5px;
	}
	body.mobile-active header#site-header nav .menu-main-menu-container ul.sub-menu li {
		background: transparent;
		margin: 0;
	}
	body.mobile-active header#site-header nav .menu-main-menu-container ul.sub-menu li a {
		font-size: 20px;
		padding: 5px 0;
		width: 100%;
		color: #333;
	}

	

	body header#site-header nav .menu-main-menu-container > ul > li {
		max-height: 200px;
		height: auto;
		transform: scale(1);
		transition: max-height,transform 300ms linear;
		overflow: hidden;
	}

	body header#site-header nav .menu-main-menu-container > ul > li > a span {
		position: relative;
	}

	body.about-subnav-active header#site-header nav .menu-main-menu-container > ul > li,
	body.projects-subnav-active header#site-header nav .menu-main-menu-container > ul > li {
		max-height: 0;
		display: none;
		transform: scale(0);
		overflow: unset;
	}
	body.about-subnav-active header#site-header nav .menu-main-menu-container > ul > li:before,
	body.about-subnav-active header#site-header nav .menu-main-menu-container > ul > li:after,
	body.projects-subnav-active header#site-header nav .menu-main-menu-container > ul > li:before,
	body.projects-subnav-active header#site-header nav .menu-main-menu-container > ul > li:after {
		display: none;
	}
	body.about-subnav-active header#site-header nav .menu-main-menu-container > ul > li.about-subnav,
	body.projects-subnav-active header#site-header nav .menu-main-menu-container > ul > li.projects-subnav {
		max-height: 1000px;
		display: block;
		transform: scale(1);
	}
	body.about-subnav-active header#site-header nav .menu-main-menu-container > ul > li.about-subnav ul.sub-menu,
	body.projects-subnav-active header#site-header nav .menu-main-menu-container > ul > li.projects-subnav ul.sub-menu {
		max-height: 1000px;
		display: block;
		transform: scale(1);
		max-width: 100%;
		visibility: visible;
		opacity: 1;
		border: none;
	}
	body header#site-header nav .menu-main-menu-container > ul > li.about-subnav ul.sub-menu li,
	body header#site-header nav .menu-main-menu-container > ul > li.projects-subnav ul.sub-menu li {
		background: transparent;
	}
	body header#site-header nav .menu-main-menu-container > ul > li.about-subnav ul.sub-menu li a,
	body header#site-header nav .menu-main-menu-container > ul > li.projects-subnav ul.sub-menu li a {
		transform: translateY(50px);
		opacity: 0;
		transition: transform,opacity 300ms linear;
		transition-delay: 100ms;
	}

	body.about-subnav-active header#site-header nav .menu-main-menu-container > ul > li.about-subnav ul.sub-menu li a,
	body.projects-subnav-active header#site-header nav .menu-main-menu-container > ul > li.projects-subnav ul.sub-menu li a {
		transform: translateY(0);
		opacity: 1;
	}	
}

/* Homepage */
#home-top {
	width: 100%;
	min-height: 90vh;
	display: flex;
	align-items: center;
	position: relative;
	justify-content: center;
	z-index: 2;
	padding-top: 17vh;
}
#home-top:after {
	opacity: .97;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: linear-gradient(to bottom right, rgba(50, 53, 55, .4), rgba(109, 170, 201, 0.4));*/
}

#home-top .cta.primary.home {
	align-self: flex-start;
	margin-left: 0;
	font-family: "Caveat", cursive;
	font-size: 27px;
	margin-top: 20px;
	color: #414547;
}
#home-top .cta.primary.home span {
	padding-right: 60px;
	color: #414547;
}
#home-top .cta.primary.home:before {
	background: transparent;
}
#home-top .cta.primary.home:after {
	background: var(--primary);
	height: 83px;
	right: -8px;
}
#home-top .cta.primary.home span i {
	color: #fff;
}

#home-top .cta.primary.home:hover span {
	border-color: var(--action);
}
#home-top .cta.primary.home:hover:after {
	background: var(--action);
}


#home-top .left, #home-top .right {
	width: 50%;
	padding: 30px;
	text-align: left;
	justify-content: center;
	max-width: 700px;
}
#home-top .right .top-video-embed {
	width: 100%;
}
#home-top .left {
	width: 50%;
	padding: 30px 21px 30px 42px;
	flex-direction: column;
}
#home-top .right {
	width: 50%;
}
@-webkit-keyframes fadeFromBottom {
	0% {
  	top: 10px;
  	opacity: 0;
  }
 	100% {
  	top: -2px;
  	opacity: 1;
  }
}
@keyframes fadeFromBottom {
  0% {
  	top: 10px;
  	opacity: 0;
  }
	100% {
  	top: -2px;
  	opacity: 1;
  }
}
@-webkit-keyframes fadeToBottom {
	0% {
  	top: -2px;
  	opacity: 1;
  }
 	100% {
  	top: 10px;
  	opacity: 0;
  }
}
@keyframes fadeToBottom {
  0% {
  	top: -2px;
  	opacity: 1;
  }
	100% {
  	top: 10px;
  	opacity: 0;
  }
}




#home-top .left h2 {
  font-size: 45px;
  line-height: 60px;
  font-weight: bolder;
  
  margin-bottom: 20px;
  letter-spacing: -0.03em;
  color: #333;
  font-weight: 500;
  letter-spacing: 0.02em;
}
#home-top .left h2 #partner-1,
#home-top .left h2 #partner-2,
#home-top .left h2 #outcome {
	font-family: "Caveat", cursive;
	position: relative;
	font-weight: 300;
	font-size: 50px;

}
#home-top .left h2 #p1-underline,
#home-top .left h2 #p2-underline,
#home-top .left h2 #outcome-underline {
	position: absolute;
	display: block;
	width: 0px;
	height: 2px;
	border-radius: 4px;
	bottom: 13px;
	left: 3px;
	background: rgba(0,0,0,.5);
	transition: width 300ms linear;
	z-index: -1;
}
#home-top .left h2 span.text {
	position: relative;
	top: -2px;
	opacity: 1;
	transition-property: top, opacity;
	transition-duration: 300ms;
	transition-timing-function: ease-in;
	/*animation-name: fadeFromBottom;
	animation-duration: 500ms;
	animation-timing-function: ease-in;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-direction: normal;*/
}
#home-top .left h2 span.text.rotate {
	opacity: 0;
	top: 10px;
}




#home-top .left h2 #outcome {
	color: rgb(231, 135, 98);
	color: rgb(214,132,48);
	color: var(--secondary);
}


/*#home-top .left h2 span:before,
#post-content.layouts .layout-spotlight_box .spotlight-box-inner h2 span:before {
	content: '';
  width: 0;
  height: 5px;
  position: absolute;
  background: #4b97a9;
  z-index: -1;
  bottom: 0px;
  left: 1px; 
  opacity: 1;
  animation: highlightSlide 500ms ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 800ms;
}*/
#home-top .left p {
    font-size: 25px;
  line-height: 1.2em;
  margin-top: 10px;
}

#home-top .right {
	margin: 0;
	padding: 30px 42px;
	display: flex;
	flex-direction: row;
  align-items: center;
  flex: 1;
  /*opacity: 0;
  transform: translateX(-5px);
  animation-name: topTextRight;
	animation-duration: 500ms;
	animation-timing-function: ease-in;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay: 1800ms;*/
}
#home-top {
  padding: 120px 25px 10px 25px;
  background-size: cover; 
  background-attachment: fixed;
  background-position: right top;
  /*border-bottom: solid 2px rgb(79,79,79);
  background: linear-gradient(135deg, #333, #111 );*/
}
#home-top .left {
	flex: 1;
  display: flex;
}

.right .featured,
.swiper-container-topper  .swiper-slide {
  color: #fff;
}





.right .featured {
	display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: stretch;
  align-items: stretch;
  position: relative;
  margin-right: 20px;
  left: -20px;
  padding: 0;
}



.slideshow-controls {
	position: absolute;
	bottom: 45px;
	width: 50%;
	max-width: 100%;
	z-index: 1;
	left: 50%;
	margin-left: -25%;
}

.slide-inner .quote-wrap {
	padding-bottom: 30px;
}
.slide-inner.slide-full .slideshow-controls {
	width: 85px;
	left: 0px;
	margin-left: 0;
	bottom: 0;
	background: rgba(0,0,0,.7);
	width: auto;
	display: flex;
	justify-content: space-between;
}

.slideshow-controls .next {
	position: absolute;
	right: 15px;
	text-align: right;

}
.slideshow-controls .previous {
	position: absolute;
	left: 15px;
	text-align: left;
}
.slideshow-controls .previous,
.slideshow-controls .next {
	z-index: 1;
	outline: none;
	border: none;
	background: none;
	color: #414547;
	font-size: 20px;
	transition: color	100ms linear;
	padding: 5px;
	width: auto;
}
.slide-inner.slide-full .slideshow-controls .previous,
.slide-inner.slide-full .slideshow-controls .next,
.slide-inner.slide-image .slideshow-controls .previous,
.slide-inner.slide-image .slideshow-controls .next {
	color: #fff;

}
.slideshow-controls .previous:hover,
.slideshow-controls .next:hover {
	color: var(--secondary);
	cursor: pointer;
}
	.slideshow-controls .previous {

	}

.slide-inner.slide-image .slideshow-controls {
	left: 0;
	margin-left: 0;
	background: rgba(0,0,0,.7);
	display: flex;
	justify-content: space-between;
	bottom: 0;
	padding: 0;
	width: auto;
}

.slide-inner.slide-full .slideshow-controls .previous,
.slide-inner.slide-full .slideshow-controls .next,
.slide-inner.slide-image .slideshow-controls .previous,
.slide-inner.slide-image .slideshow-controls .next {
	position: static;
	padding: 0 15px;
}

.swiper-slide {
  height: auto;
}

#home-top .swiper-container-topper {
	width: 100%;
	height: 100%;
}

#home-top .swiper-container-topper .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: stretch;
	overflow-y: hidden;
	align-self: stretch;
}


.swiper-slide:not(.swiper-slide-active) {
  opacity: 0!important;
}
/* News featured */
.swiper-container-topper  .swiper-slide .slide-inner {
	display: flex;
	padding: 20px 20px 50px 20px;
	color: #fff;
	margin: 0 auto;
	
	min-height: 400px;
	background: var(--secondary);
	overflow: hidden;
	position: relative;
	background: rgba(50,133,110,.35);

}
.swiper-container-topper .swiper-slide .slide-inner.slide-full .text-inner {
	height: 100%;
	display: flex;
	flex-direction: column;
}
.swiper-container-topper .swiper-slide .slide-inner.slide-full .text-inner .actions {
	flex: 1;
	margin-bottom: 10px;
}
.swiper-container-topper  .swiper-slide .slide-inner.slide-full,
.swiper-container-topper  .swiper-slide .slide-inner.slide-image {
	padding: 0;
}
.swiper-container-topper .swiper-slide .slide-inner.slide-image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	padding-bottom: 50px;
}

.swiper-container-topper .swiper-slide .slide-inner.slide-quote {
	background: var(--secondary);
	padding-left: 50px;
	padding-right: 50px;
	z-index: 1;
	background: transparent;
	position: relative;
}

/*.swiper-container-topper .swiper-slide .slide-inner.slide-quote:after {
	content: '';
	width: 100%;
	height: 50px;
	backdrop-filter: brightness(1.4);
	position: absolute;
	top: 0;
	left: -50%;
	display: block;
	z-index: -1;

}*/

/*
.swiper-container-topper .swiper-slide .slide-inner.slide-quote:after {
	content: '';
	position: absolute;
	top: 0;
	left:	0;
	width: 100%;
	height: 100%;
	display: block;
	background-image: url(/wp-content/themes/crcp/images/partner-bg.svg?t);
	background-position: center 0;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
	opacity: .1;
}*/

.swiper-container-topper .swiper-slide .slide-inner .quote,
.swiper-container-topper .swiper-slide .slide-inner .source {
	color: #fff;
	text-align: right;
	position: relative;
}
.swiper-container-topper .swiper-slide .slide-inner.slide-image .quote,
.swiper-container-topper .swiper-slide .slide-inner.slide-quote .quote {
	margin-bottom: 20px;
}
.swiper-container-topper .swiper-slide .slide-inner.slide-image .quote {
	margin-left: 20px;
	position: relative;
}
.swiper-container-topper .swiper-slide .slide-inner .quote span,
.swiper-container-topper .swiper-slide .slide-inner .source span {
	padding: 5px 20px 5px 10px;
	background: var(--secondary);
	-webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.swiper-container-topper .swiper-slide .slide-inner .quote span {
	font-size: 33px;
	font-weight: 200;
	line-height: 60px;
	
}
.swiper-container-topper .swiper-slide .slide-inner .source span {
	font-style: italic;
	font-size: 19px;
	line-height: 42px;
	font-weight: 300;
	background: var(--primary);
}

.swiper-container-topper .swiper-slide .slide-inner.slide-quote .source,
.swiper-container-topper .swiper-slide .slide-inner.slide-quote .quote {
	color: #fff;
	text-align: center;
}

.swiper-container-topper .swiper-slide .slide-inner.slide-quote .quote span,
.swiper-container-topper .swiper-slide .slide-inner.slide-quote .source span {
	background: var(--secondary);
	padding: 5px 10px;
}
.swiper-container-topper .swiper-slide .slide-inner.slide-quote .source span {
	background: var(--primary);
}
.swiper-container-topper .swiper-slide .slide-inner .source span a {
	color: #fff;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
	text-decoration-color: #fff;
	transition: text-decoration-color 100ms linear;
}
.swiper-container-topper .swiper-slide .slide-inner .source span a:hover {
	text-decoration-color: var(--primary);
}
.swiper-container-topper .swiper-slide .slide-inner.slide-image .source span a:hover {
	text-decoration-color: var(--action);
}


.swiper-container-topper  .swiper-slide .slide-inner {
	display: flex;
  justify-content: center;
  width: 100%;
  flex-direction: column;
}
.swiper-container-topper  .swiper-slide .slide-inner .cta.content-cta {
	color: #161616;
	margin-top: 20px;
	margin-bottom: 15px;
	align-self: flex-end;
}
.swiper-container-topper  .swiper-slide .slide-inner .content-cta:hover i {
	color: #111;
}


.swiper-container-topper  .swiper-slide .slide-inner h2 {
	margin-bottom: 10px;
	font-weight: 300;
	font-size: 24px;
	line-height: 29px;
	margin-bottom: 20px;
}
.swiper-container-topper  .swiper-slide .slide-inner p {
	font-size: 16px;
	/*font-weight: 26;*/
}
.swiper-container-topper  .swiper-slide img {
	width: 100%;
	max-height: 200px;
	object-fit: cover;
	object-position: center;
}
.swiper-container-topper .swiper-slide img.slide-img-tag {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: unset;
	z-index: 0;
}
.swiper-container-topper  .swiper-slide .slide-image.focus-top img {
	object-position: top;
}
.swiper-container-topper  .swiper-slide .slide-image.focus-bottom img {
	object-position: bottom;
}
.swiper-container-topper  .swiper-slide .slide-image {
	width: 100%;
}
.swiper-container-topper  .swiper-slide .slide-text {
	flex: 1;
	padding: 15px 30px 30px 30px;
	position: relative;
	z-index: 1;
}

.swiper-container-topper  .swiper-slide .slide-text:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg,rgba(0,0,0,0),rgba(0,0,0,.1));
	background: linear-gradient(135deg,#333,#111);
	z-index: -1;
}





.text-inner .actions,#crcp-popup .actions,.post-block .actions {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	align-self: flex-end;
	justify-self: flex-end;
	padding-bottom: 15px;
	padding-top: 15px;
}
.post-block .actions {
	padding-right: 15px;
}

.swiper-slide .text-inner .actions {
/*	justify-content: flex-start;
	align-items: flex-start;*/
	padding-bottom: 0;
}
.swiper-slide .text-inner .actions .cta {
	margin: 10px 0px 10px 0;
	/*align-self: flex-start;*/
}

.cta.content-cta {
    font-size: 20px;
    font-weight: 300;
    align-self: flex-end;
    margin-right: 0px;
    position: relative;
    
    margin-top: 6px;
    margin-bottom: 6px;
    color: #111;
    transition: color 100ms linear;
}
.cta.content-cta:hover {
	color: #fff;
}

@media screen and (max-width: 1110px) {
	#home-top {
		flex-direction: column;
		padding-top: 150px;
		padding-bottom: 5px;
	}
	#home-top .left {
		width: 100%;
		flex:  0;
		text-align: center;
		padding: 30px;
	}
	#home-top .cta.primary.home {
		align-self: center;
		margin-bottom: 30px;
	}
	#home-top .left h2 {
		font-size: 40px;
	}
	#home-top .right {
		max-width: 100%;
		width: 100%;
    margin: 0;
    margin-bottom: 25px;
    align-self: center;
    padding: 15px;
	}
	.swiper-container-topper .swiper-slide .slide-inner.slide-quote {
		padding: 15px;
	} 
	#home-top .swiper-container-topper .swiper-wrapper {
		align-items: flex-start;
	}
	#home-top .swiper-container-topper .swiper-slide {
		justify-content: flex-start;
	}
	.swiper-container-topper .swiper-slide .slide-inner.slide-full  img {
		max-height: 300px;
	}
/*	.slideshow-controls {
		width: 50vw;
		z-index: 1;
		left: 50%;
		margin-left: -25%;
		display: block;
	}*/

}

@media screen and (max-width:	660px) {
	#home-top .right  {
		flex-direction: column;
	}
	.swiper-container-topper .swiper-slide .slide-inner {
		flex-direction: column;
    justify-content: center;
	}
}

@media screen and (max-width: 605px) {
	#home-top {
		padding-top: 125px;
		padding-left: 0;
		padding-right: 0;
	}
	#home-top .left,#home-top .right {
		padding: 30px;
	}
	#home-top .right {
		/*padding: 30px 15px 100px 15px;*/
		padding: 30px 15px 0px 15px;
		width: 100%;
	}
	#home-top .left {
		max-width: 100%;
		width: 100%;
		padding-bottom: 60px;
	}
	#home-top .left h2 {
		font-size: 30px;
		line-height: 46px;
		text-align: center;
	}
	#home-top .left h2 span {
		font-size: 40px;
	}

}
#about-crcp {
	padding: 25px 50px;
}
#about-crcp-inner {
	color: #111;
	padding: 25px;
	display: flex;
	max-width: 1350px;
	margin: 0px auto;
	margin-bottom: 75px;
	justify-content: space-between;
	margin-bottom: 60px;
	margin-bottom: 0;
}
#about-crcp svg,
#about-crcp img {
	width: 200px;
	height: 150px;
	padding: 15px;
	padding-top: 0;
}
#about-crcp h2,
#about-crcp p {
	margin-bottom: 20px;
}
#about-crcp h2 {
	margin-top: 0;
	font-size: 32px;
	line-height: 38px;
}
#about-crcp .cta {
	margin-left: 0;
}
#about-crcp #about-heading p {
	font-size: 19px;
	line-height: 27px;
	font-weight: 300 !important;
}
#about-crcp #about-heading p span {
	font-weight: 300 !important;
}
#about-crcp #about-heading {
max-width: 600px;
width: 45%;

position: relative;
}

#about-crcp .blocks {
	display: flex;
	width: 50%;
	flex-direction: column;
	justify-content: center;
}
#about-crcp .blocks .block {
	width: 100%;
	margin-bottom: 25px;
}
#about-crcp .blocks .block .block-inner {
	padding: 20px 15px 5px 15px;
	display: flex;
	align-items: center;
}
#about-crcp h3 {
	font-size: 25px;
	padding: 5px 10px;
	display: inline-block;
	margin-left: 15px;
	margin-bottom: 20px;
	color: #fff;
	transition: font-weight,background 100ms linear;
}
#about-crcp .primary h3 {
	background: var(--primary);
}
#about-crcp .primary h3 a,
#about-crcp .secondary h3 a,
#about-crcp .action h3 a {
	color: #fff;
	text-decoration-thickness: 2px;
	text-decoration-color: rgba(0,0,0,0);
	position: relative;
	transition: color,text-decoration-color,position 100ms linear;
}
#about-crcp .secondary h3 {
	background: var(--secondary);
}
#about-crcp .action h3 {
	background: var(--action);
}

#about-crcp h3:hover {
	background: transparent;
	font-weight: 600;
}
#about-crcp .primary h3:hover a {
	color: var(--primary);
	text-decoration-color: var(--primary);
	left: -10px;
}
#about-crcp .secondary h3:hover a {
	color: var(--secondary);
	text-decoration-color: var(--secondary);
	left: -10px;
}
#about-crcp .action h3:hover a {
	color: var(--action);
	text-decoration-color: var(--action);
	left: -10px;
}


#about-crcp .blocks .block .block-inner p {
	padding: 0 15px;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
}
#about-crcp .blocks .block .block-inner h4 {
	padding: 0 15px;
}

@media screen and (max-width: 1110px) {
	#about-crcp-inner {
		flex-direction: column;
		padding: 25px 40px;
	}
	#about-crcp #about-heading {
		width: 100%;
		max-width: unset;
		margin-bottom: 50px;
	}
	#about-crcp .blocks {
		flex-direction: column;
		width: 100%;
	}
	#about-crcp .blocks .block {
		width: 100%;
	}
}
@media screen and (max-width: 605px) {
	#about-crcp {
		padding: 15px 30px;
		text-align: center;
	}
	#about-crcp-inner {
		padding: 15px;
	}
	#about-crcp .blocks .block-inner {
		flex-direction: column;
	}
	#about-crcp h3 {
		margin-left: 0;
	}
}

/* Home Featured Cotent */
#featured-content {
	padding: 25px 50px;
	overflow: hidden;
}
#featured-content h4 {
	margin-bottom: 20px;
}
#featured-content p {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 23px;
	font-weight: 300;
}
#featured-content p strong {
	font-weight: bold;
}
#featured-content-inner {
	display: flex;
	max-width: 1350px;
	margin: 0 auto;
	color: #111;
	/*background: var(--primary-dark);*/
}
#fc-image {
	width: 40%;
	margin-right: -8px;
position: relative;
z-index: 2;

}
#fc-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	clip-path: polygon(0 0, 100% 0, 87.1% 100%, 0 100%);
}
#featured-content.featured-text-blocks-1 #fc-image img {
	clip-path: polygon(0 0, 100% 0, 88.1% 100%, 0 100%);
}
#fc-text {
	width: 60%;
	padding: 30px;
	/*background: linear-gradient(135deg,#333,#111);*/
	
	color: #111;
	position: relative;
	padding-left: 65px;
}
#fc-image:after{
content: '';
width: 30px;
height: calc(50% + 43px);
position: absolute;
top: -29px;
right: 12px;
background: var(--primary);
z-index: 2;
height: calc( 100% + 80px );
transform: rotate(6deg);
}
/*#fc-image:before {
	content: '';
	position: absolute;
	bottom: 0px;
	width: 30px;
	height: 50%;
	background: var(--primary-dark);
	right: 0;
}*/

#fc-text a {
	/*color: #fff;*/
}

#featured-content .featured-text-blocks {
	display: flex;
}

#featured-content .featured-text-block {
	padding: 15px 15px 15px 0;
	
	width: 50%;
	height: 100%;
}
#featured-content.featured-text-blocks-1 .featured-text-blocks .featured-text-block {
	width: 100%;
}
#featured-content .featured-text-block-inner {
	padding: 15px 15px 15px 0;
/*	background: var(--primary-dark);
	color: #fff;*/
}
#featured-content .featured-text-block-inner .cta {
	margin: 10px 15px 3px 0;
}
#featured-content .featured-text-block h5 {
	margin: 0;
	margin-bottom: 15px;
}

@media screen and (max-width: 1110px) {
	#featured-content {
		padding: 25px 15px;
		overflow: hidden;
		margin: 0;
		/*margin: 0 15px;*/
		overflow: hidden;
	}
	#featured-content-inner {
		flex-direction: column;
	}
	#bg-gap.home-bg-gap {
		display: none;
	}
	#featured-content-inner #fc-image,
	#featured-content-inner #fc-text {
		width: 100%;
	}
	#featured-content-inner #fc-text {
		padding-left: 30px;
	}
	#featured-content-inner #fc-image {
		width: auto;
		display: block;
		margin: 0 auto;
		/*margin: 0 auto 0 30px;*/
	}
	#featured-content-inner #fc-image img {
		object-position: center top;
		max-height: 300px;
		width: auto;
		clip-path: unset !important;

	}
	#fc-image:after {
transform: rotate(0deg);
top: unset;
left: -7px;
bottom: -4px;
height: 30px;
width: calc(100% + 14px);
	}
/*	#fc-image:before {
content: '';
position: absolute;
bottom: 0px;
width: 27%;
height: 6px;
background: var(--primary-dark);
left: 0;
	}*/
}

@media screen and (max-width: 650px) {
	#featured-content .featured-text-blocks {
		flex-direction: column;
	}
	#featured-content .featured-text-blocks .featured-text-block {
		width: 100%;
	}
}


#home-events {
	padding: 75px 50px 50px 50px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding-bottom: 120px;
	position: relative;
	border-top: none;
	width: 100%;
	padding-bottom: 0;
}
#home-events-inner {
	width: 100%;
}
#home-events #post-content.layouts .layout-blocks {
	padding-top: 0;
}
#home-events h2 {
	font-weight: normal;
	text-align: center;
}
body.page #home-events #post-content {
	min-height: unset;
	background: transparent;
}
body.page #home-events #post-content.layouts .layout-blocks .post-blocks .post-block-wrap {
	width: 50%;
}
#home-events .more-link-box {
	width: 100%;
	text-align: center;
}

body.page #home-events #post-content.layouts .layout-blocks .post-blocks .post-block .image {
	max-height: 225px;
}
body.page #home-events #post-content.layouts .layout-blocks .post-blocks .post-block .image img {
	height: 225px;
	max-height: 225px;
}

body.page #home-events #post-content.layouts .layout-blocks .post-blocks .post-block.show-complete-image img {
	max-height: 225px;
	object-fit: contain;
	z-index: 2;
}
body.page #home-events #post-content.layouts .layout-blocks .post-blocks .post-block.show-complete-image .image {
	position: relative;
	overflow: hidden;
}
body.page #home-events #post-content.layouts .layout-blocks .post-blocks .post-block.show-complete-image .image-bg {
	position: absolute;
	top: -5px;
	left: -5px;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	background-size: cover;
	background-position: center center;
	opacity: .2;
	z-index: -1;
	filter: blur(5px);
}




/* Inner */
#next-block .frame,#about .about-right .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;
}
#next-block .frame {
	max-width: 100%;
}
#next-block .frame p {
	max-width: unset;
	color: #ccc;
}

#next-block .frame p.small {
	margin-top: 0;
}

#next-block {
	padding: 30px 15px 50px 30px;
    text-align: center;
    display: block;
    text-decoration: none;
    cursor:  pointer;
    position: relative;
        background-size: cover;
    z-index: 0;
    background-position: 50% 50%;
    color: #333;
	transition: color 100ms linear, background 100ms linear;
	background: var(--primary-dark);
}
#next-block.bottom {
	padding-bottom: 90px;
}


#next-block h3 {
	margin: 0;
	font-size: 25px;
	font-weight: normal;
	line-height: 1.2em;
	margin-bottom: 50px;
	color: #fff;
}

#next-block .more {
	color: #fff;
}



#about .about-right {
	cursor: unset;
}

/*#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 {
    font-size: 40px;
}
#next-block p {
	margin-bottom: 10px;
	max-width:  800px;
	margin: 10px auto;
}

#next-block .small {
	font-size: 17px;
	font-weight: bold;
}
#next-block h3 i {
	padding-left:  0;
	transition:  padding 100ms linear;
}
#next-block:hover h3 i {
	padding-left:  5px;
}
#next-block:hover {
	/*color: rgb(98, 238, 255);*/
	background: var(--primary);
}
body.single-crcpteam #next-block:hover p.position {
	color: #eee;
}
#next-block:hover:after {
	background: #fff;
}

#page-banner {
	padding: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 65vh;
	z-index: 2;
	position: relative;
	padding-top: 22vh;
	background: rgba(24, 37, 73, .1);
	background: var(--primary-dark);
}
body:after {
	content: '';
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	display: block;
	background-image: url(/wp-content/themes/crcp/images/partner-bg-reverse.svg?t=3);
	background-position: center 0;
	background-size: cover;
	z-index: -1;
	opacity: .1;
	background-size: cover; 
  background-attachment: fixed;
  background-position: right-top;
  transition: opacity 300ms linear;
/*
  background-color: #fff;
opacity: 0.8;
background-size: 6px 6px;
background-image: repeating-linear-gradient(135deg, #444cf7 0, #444cf7 0.6000000000000001px, #e5e5f7 0, #e5e5f7 50%);*/
}
body.page-scrolled:after {
	opacity: .05;
}
@media screen and (max-width: 1110px) {
	body:after {
		opacity: .05;
	}
}

#page-banner:before,#next-block:before {
	content: '';
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	display: block;
	/*background: linear-gradient(135deg, rgba(51,51,51,1), rgba(17,17,17,0) );*/
	z-index: 0;
	background-image: url(/wp-content/themes/crcp/images/partner-bg-reverse-inner.svg?t=3);
	background-position: center 0;
	background-size: cover;
	z-index: -1;
	opacity: .075;
	opacity: .05;
}
#page-banner .text-outer, #page-banner .image-outer {
	max-width: 700px;
}
body.page #page-banner,
body.archive #page-banner,
body.single #page-banner,
body.blog #page-banner {
	min-height: 35vh;
	padding-bottom: 30px;
	align-items: flex-end;
	justify-content: flex-start;
}
body.page #page-banner .text-outer,
body.archive #page-banner .text-outer,
body.single #page-banner .text-outer,
body.blog #page-banner .text-outer {
	text-align:  left;
	width:  100%;
	max-width: 1300px;
	margin: 0 auto;
	padding-left: 0;
	position: relative;
}
body.page #page-banner .text-outer h1,
body.archive #page-banner .text-outer h1,
body.single #page-banner .text-outer h1,
body.blog #page-banner .text-outer h1 {
	margin-bottom: 0;
  position: relative;
  z-index: 1;
  max-width: 100%;
  color: #fff;
  font-weight: normal;
}

body.page #page-banner .text-outer svg {
	position: absolute;
  width: 120px;
  bottom: -30px;
  right: -5px;
  opacity: .5;
  z-index: 0;
}


#page-banner h1,.post-block h2,#next-block h3 {
	line-height: 1.2em;
  margin-bottom: 20px;

}
#page-banner h1 {
	margin-top: 10px;
}


body.single-crcpteam #next-block h3 {
	font-size: 35px;
	margin-bottom: 0;
}
body.single-crcpteam #next-block p.position {
	margin-bottom: 25px;
}



#page-banner p {
	margin-bottom: 20px;
}
#page-banner .tagline p {
	margin-top: 10px;
	margin-bottom:  10px;
	font-size: 20px;
	color: #ccc;
}
#page-banner .tagline p span.subheading-highlight {
  padding: 0 5px 4px 5px;
  display: inline-block;
  line-height: 1.2em;
}
#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 {
	margin-top:  20px;
}
#page-banner .button-list a {
	display: inline-block;
	margin-right: 20px;
	/*color: #010024;
	transition: color,box-shadow 200ms linear;*/
}

@media screen and (max-width: 1110px) {
	#page-banner {
		padding-top: 125px;
	}
	.image-outer {
		padding-top: 10px;
    padding-bottom: 10px;
	}
	.text-outer {
		padding: 10px 15px 10px 15px;
	}
}

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

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

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

#post-content.layouts blockquote,#about blockquote,#home-testimonial blockquote {
	text-align: center;
  padding: 40px 20px;
  margin: 25px auto;
  position: relative;
  z-index: 2;
  max-width: 800px;
  font-style: italic;
	font-weight: bold;
}
#about blockquote {
	text-align: left;
	padding: 0;
	margin: 10px auto;
	margin-bottom: 30px;
}
#post-content.layouts blockquote p,
#post-content.layouts .layout-mega_list .list-item .content blockquote p,
#home-testimonial blockquote p,
#post-content.layouts .layout-quote blockquote p {
	font-size: 25px !important;
  line-height: 32px !important;
}
#post-content.layouts blockquote p:first-of-type,#about blockquote p:first-of-type,
#home-testimonial blockquote p:first-of-type,
#post-content.layouts .layout-quote blockquote p:first-of-type {
	margin-bottom: 0;
}
#post-content.layouts blockquote:before,
#post-content.layouts blockquote:after,
#home-testimonial blockquote:before,
#home-testimonial blockquote:after,
#post-content.layouts .layout-quote blockquote:before,
#post-content.layouts .layout-quote blockquote:after {
	content: '';
  position: absolute;
  width: 100px;
  height: 100px;
  display: block;
  transition: border 100ms linear;
  z-index: -1;
}


#home-testimonial {
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
}
/*#home-testimonial i {
	font-size: 50px;
	opacity: .9;
	z-index: -1;
	position: absolute;
	left: 55px;
	top: -15px;
}*/
/*#home-testimonial blockquote p:first-of-type {
	text-indent: 55px;
}*/
#home-testimonial i,
#post-content.layouts .layout-quote blockquote i {
	font-size: 30px;
	line-height: 30px;
	position: relative;
}
#home-testimonial .quote-open,
#post-content.layouts .layout-quote blockquote .quote-open {
	top: -5px;
	left: -5px;
}
#home-testimonial .quote-close,
#post-content.layouts .layout-quote blockquote .quote-close {
	right: -5px;
	top: -3px;
}
#home-testimonial blockquote,
#post-content.layouts .layout-quote blockquote {
	font-size: 24px;
	max-width: 1400px;
	padding: 0px 30px;
	margin: 0 auto;
	max-with: unset;
	margin-bottom: 80px;
}
#post-content.layouts .layout-quote blockquote {
	margin-bottom: 10px;
}
#home-testimonial blockquote p.source,
#post-content.layouts .layout-quote blockquote p.source {
	margin-top: 10px;
	font-size: 18px;
	font-weight: 400;
}
/*#post-content.layouts blockquote:before {
	top: 0;
  right: 0;
  border-top: solid 3px rgb(228,223,218);
  border-right: solid 3px rgb(228,223,218);
}
#post-content.layouts blockquote:after {
	bottom: 0;
  left: 0;
  border-bottom: solid 3px rgb(228,223,218);
  border-left: solid 3px rgb(228,223,218);
}*/

#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: 1.1em;
/*	margin-top: 10px;
  margin-bottom: 5px;*/
    margin-top: 25px;
    margin-bottom: 15px;
}
#post-content.layouts h1 {
    font-size: 50px;
    font-weight: normal;
}
/*#post-content.layouts h5,
#post-content.layouts h6 {
	margin-top: 20px;
}*/

#post-content.layouts .layout-text,
#post-content.layouts .layout-embed,
#post-content.layouts .layout-outline_box,
#post-content.layouts .layout-spotlight_box,
#post-content.layouts .layout-color_blocks,
#post-content.layouts .layout-side_callout,
#post-content.layouts .layout-sticky_nav {
	max-width: 1400px;
	padding:  15px 50px;
	color:  #333;
	margin: 0 auto;
}
#post-content.layouts .layout-outline_box {
	margin: 50px auto;
}
#post-content.layouts .layout-spotlight_box {
	margin: 20px auto;
}

#post-content.layouts .layout-sticky_nav {
	padding: 30px;
}




/*#post-content.layouts .layout-text {
	padding-bottom: 0;
}*/
#post-content.layouts .layout-buttons {
	padding: 30px;
  text-align: center;
}
#post-content.layouts .layout-buttons .cta.content-cta {
	margin: 10px 25px;

}
#post-content.layouts .layout-buttons .cta.content-cta:hover {
	color: #222;
}



#post-content.layouts h2,
body.page-template-template-team #resource-content h2 {
	font-size: 35px;
	padding-bottom: 8px;
  /*border-bottom: solid 2px rgb(117,72,94);*/
	margin-bottom: 15px;
	display: inline-block;
	margin-top: 20px;
}

#post-content.layouts .layout-text h2 {
	display: block;
	margin-top: 45px;
}

/*#post-content.layouts h3 {
	font-size: 30px;
}*/

#post-content.layouts .layout-mega_list h2 {
	margin-bottom: 25px;
}
#post-content.layouts .layout-text a,
#post-content.layouts .layout-outline_box a,
#post-content.layouts .layout-spotlight_box a,
#post-content.layouts .layout-two_column a {
	color: var(--primary);
}
#post-content.layouts .layout-text a:hover,
#post-content.layouts .layout-outline_box a:hover,
#post-content.layouts .layout-spotlight_box a:hover,
#post-content.layouts .layout-two_column a:hover {
	color: var(--action);
}
#post-content.layouts .layout-outline_box {
	padding: 5px 25px 30px 25px;
}
#post-content.layouts .layout-spotlight_box {
	padding: 15px 25px 5px 25px;
}
#post-content.layouts .layout-text ul,
#post-content.layouts .layout-two_column ul,
#post-content.layouts .layout-outline_box ul,
#post-content.layouts .layout-spotlight_box ul,
#post-content.layouts .layout-text ol,
#post-content.layouts .layout-two_column ol,
#post-content.layouts .layout-outline_box ol,
#post-content.layouts .layout-spotlight_box ol {
    margin: 0 0 20px 0;
}
#post-content.layouts .layout-text ul li,
#post-content.layouts .layout-two_column ul li,
#post-content.layouts .layout-outline_box ul li,
#post-content.layouts .layout-spotlight_box ul li,
#post-content.layouts .layout-text ol li,
#post-content.layouts .layout-two_column ol li,
#post-content.layouts .layout-outline_box ol li,
#post-content.layouts .layout-spotlight_box ol li {
    margin-bottom: 10px;
    font-size: 16px;
}
#post-content.layouts .layout-text ul li ul,
#post-content.layouts .layout-two_column ul li ul,
#post-content.layouts .layout-outline_box ul li ul,
#post-content.layouts .layout-spotlight_box ul li ul,
#post-content.layouts .layout-text ol li ul,
#post-content.layouts .layout-two_column ol li ul,
#post-content.layouts .layout-outline_box ol li ul,
#post-content.layouts .layout-spotlight_box ol li ul,
#post-content.layouts .layout-text ol li ol,
#post-content.layouts .layout-two_column ol li ol,
#post-content.layouts .layout-outline_box ol li ol,
#post-content.layouts .layout-spotlight_box ol li ol {
    margin: 10px 0;
}
#post-content.layouts .layout-two_column h4.highlight-title {
	padding: 5px 10px 8px 10px;
  display: inline-block;
}
    


#post-content.layouts .layout-two_column .cta.content-cta {
	font-size: 21px;
}

#post-content.layouts .layout-outline_box .outline-box-inner
 {
	border: solid 5px #111;
  padding: 5px 25px;
}
#post-content.layouts .layout-spotlight_box .spotlight-box-inner {
	border: solid 5px #5d4d6a;
  padding: 5px 25px;
}
#post-content.layouts .layout-outline_box .outline-box-inner h2 {
	margin-top: 15px;
}
#post-content.layouts .layout-spotlight_box .spotlight-box-inner h2 {
	border-bottom: none;
	line-height: 1.3em;
}
#post-content.layouts .layout-spotlight_box .spotlight-box-inner h2 span {
	position: relative;
	z-index: 1;
	display: inline-block;
}
#post-content.layouts .layout-spotlight_box .spotlight-box-inner h2 span.spotlight-label {
	margin-right: 10px;
}
@media screen and (max-width: 700px) {
	#post-content.layouts .layout-spotlight_box .spotlight-box-inner h2 {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	#post-content.layouts .layout-spotlight_box {
		padding-top: 5px;
		margin-top: 0;
	}
	#post-content.layouts .layout-two_column .text-left,
	#post-content.layouts .layout-two_column .text-right {
		margin-bottom: 35px;
	}
}
body #post-content.layouts .layout-spotlight_box .spotlight-box-inner h2 span:before {
	height: 3px;
	bottom: 1px;
}

/* Spotlight */


#post-content.layouts .layout-callout_box {
	display: flex;
	flex-direction:  row-reverse;
	margin: 20px 0 0 0;
	border: none;
	background: var(--primary-dark);
	color: #fff;
} 
#post-content.layouts .layout-callout_box .text {
	padding: 30px;
}
#post-content.layouts .layout-callout_box .text h3 {
	margin-bottom: 20px;
	margin-top: 10px;
	color: rgb(228,223,218);
  font-weight: normal;
}
#post-content.layouts .layout-callout_box .text {
	max-width: 1400px;
	padding:  30px 15px 30px 15px;
	margin: 0 auto;
}
#post-content.layouts .layout-callout_box .text.no-media {
	padding: 30px 45px;
}
#post-content.layouts .layout-callout_box .text.has-media {
	padding: 0;
	display: flex;
	align-items: flex-start;
	flex-direction: row-reverse;
	width: 100%;
}
#post-content.layouts .layout-callout_box .text-inner a,
#post-content.layouts .layout-blocks .post-blocks a,
#site-search-results .post-blocks a,
#post-content.layouts .layout-sticky_nav .sticky-nav-left a {
	color: #fff;
  text-decoration-color: var(--primary);
  text-decoration-thickness: 2px;
  transition: all 100ms linear;
}
#post-content.layouts .layout-blocks .post-blocks.theme-citations a {
	color: #333;
}
#post-content.layouts .layout-blocks .post-blocks.theme-citations p {
	line-break: loose;
}
#post-content.layouts .layout-blocks .post-blocks.theme-citations a:hover {
	color: var(--primary);
}
#post-content.layouts .layout-sticky_nav .sticky-nav-left a {
	text-decoration-color: transparent;
}
#post-content.layouts .layout-callout_box .text-inner a:hover,
#post-content.layouts .layout-blocks .post-blocks a:hover,
#site-search-results .post-blocks a:hover,
#post-content.layouts .layout-sticky_nav .sticky-nav-left a:hover {
  text-decoration-color: rgb(34,116,165);
}
#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: 50px;
}*/

#post-content.layouts .layout-two_column,
#post-content.layouts .layout-side_callout {
	display: flex;
	width: 100%;
	padding: 30px 50px;
	background: #fff;
	justify-content: center;
	flex-wrap: wrap;
	max-width: 1400px;
	margin: 0 auto;
}
#post-content.layouts .layout-two_column p:last-of-type {
	margin-bottom: 0;
}
#post-content.layouts .layout-two_column h4 {
	margin-bottom: 10px;
}
#post-content.layouts .layout-two_column .text-left,
#post-content.layouts .layout-two_column .text-right,
#post-content.layouts .layout-side_callout .text-main,
#post-content.layouts .layout-side_callout .text-callout-outer,
#post-content.layouts .layout-sticky_nav .sticky-nav-left {
	padding: 0 30px;
	width: 50%;
	display: flex;
}
#post-content.layouts .layout-sticky_nav .sticky-nav-left {
	padding: 3px 30px;
}
#post-content.layouts .layout-side_callout .text-main {
	width: 70%;
	flex: 1;
}
#post-content.layouts .layout-side_callout .text-callout-outer {
	width: 30%;
	min-width: 200px;
	position: relative;
}

#post-content.layouts .layout-sticky_nav {
	display: flex;
}
#post-content.layouts .layout-sticky_nav .sticky-nav-left {
	top: 140px;
	min-height: 50px;
	height: 100%;
	overflow: auto;
  position: -webkit-sticky;
  position: sticky;
  width: 25%;
  padding-left: 5px;
}
#post-content.layouts .layout-sticky_nav .sticky-nav-right {
	width: 75%;
}

#post-content.layouts .layout-two_column .text-left,
#post-content.layouts .layout-side_callout .text-main {
	justify-content: flex-end;
	padding: 0 45px 0 0;
}
#post-content.layouts .layout-two_column .text-right {
	justify-content: flex-start;
	padding: 0 0 0 45px;
}
#post-content.layouts .layout-two_column .text-left .text,
#post-content.layouts .layout-side_callout .text-main .text {
	text-align: left;
	max-width: 655px;
  width: 100%;
  padding-right: 15px;
}
#post-content.layouts .layout-side_callout .text-main .text {
	max-width: unset;
}
#post-content.layouts .layout-side_callout .text-main .text h4 {
	margin-top: 0;
  font-size: 35px;
}
#post-content.layouts .layout-two_column .text-right .text,
#post-content.layouts .layout-side_callout .text-callout .text {
	text-align: left;
	max-width: 655px;
	width: 100%;
}
#post-content.layouts .layout-two_column .section-title-wrap,
#post-content.layouts .layout-side_callout .section-title-wrap,
body.single-resource .section-title-wrap.section-title {
	width: 100%;
	padding: 0;
}
#post-content.layouts .layout-two_column .section-title-wrap h2,
#post-content.layouts .layout-side_callout .section-title-wrap h2
body.single-resource .section-title-wrap.section-title h2 {
	margin-bottom: 20px;
	margin-top: 0;
}

#post-content.layouts .layout-two_column .column-title,
#post-content.layouts .layout-callout_box .text h3.column-title {
	font-size:  35px;
	font-weight: 300;
	margin-bottom: 20px;
	margin-top: 15px;
}


@media screen and (max-width: 850px) {
	#post-content.layouts .layout-two_column .section-title-wrap,
	#post-content.layouts .layout-side_callout .section-title-wrap {
		padding: 0;
	}
	#post-content.layouts .layout-two_column,
	#post-content.layouts .layout-side_callout {
		flex-direction: column;
		padding: 15px 30px;
	}
	#post-content.layouts .layout-two_column.right-top-mobile {
		flex-direction: column-reverse;
	}
	#post-content.layouts .layout-two_column.right-top-mobile .section-title-wrap {
		order: 2;
	}
	#post-content.layouts .layout-side_callout .text-callout-outer {
		margin-top: 20px;
	}

	#post-content.layouts .layout-two_column .text-left, 
	#post-content.layouts .layout-two_column .text-right,
	#post-content.layouts .layout-side_callout .text-main, 
	#post-content.layouts .layout-side_callout .text-callout {
		width: 100%;
		padding: 0;
	}
	#post-content.layouts .layout-two_column .text-left, #post-content.layouts .layout-two_column .text-right .text,
	#post-content.layouts .layout-two_column .text-left, #post-content.layouts .layout-two_column .text-left .text,
	#post-content.layouts .layout-side_callout .text-main, #post-content.layouts .layout-side_callout .text-main .text,
	#post-content.layouts .layout-side_callout .text-callout, #post-content.layouts .layout-side_callout .text-callout .text {
		max-width: 100%;
	}
	#post-content.layouts .layout-two_column .text-left .text {
		padding-right: 0;
	}

}


#post-content.layouts .layout-blocks,
#site-search-results {
	padding: 50px 30px;
}

#post-content.layouts .layout-blocks {
	max-width: 1400px;
	margin: 0 auto;
}

#post-content.layouts .layout-blocks .post-blocks,
#site-search-results .post-blocks {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
#post-content.layouts .layout-blocks .post-blocks .post-block-wrap,
#site-search-results .post-blocks .post-block-wrap
#post-content.layouts .layout-side_callout .text-callout-outer {
	width: 33.33%;
	min-width: 33.33%;
	padding: 15px;
}
#post-content.layouts .layout-blocks .post-blocks.blocks-1 .post-block-wrap,
#site-search-results .post-blocks.blocks-1 .post-block-wrap {
	width: 50%;
	min-width: 50%;
}
#post-content.layouts .layout-blocks .post-blocks .post-block,
#site-search-results .post-blocks .post-block,
#post-content.layouts .layout-side_callout .text-callout .text {
	flex-direction: column;
	height: 100%;
	color: #fff;
}

#post-content.layouts .layout-blocks .post-blocks .post-block .text,
#site-search-results .post-blocks .post-block .text,
#post-content.layouts .layout-side_callout .text-callout .text {
	padding: 30px 30px 10px 30px;
	flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
#post-content.layouts .layout-blocks .post-blocks .post-block.no-image .text,
#site-search-results .post-blocks .post-block.no-image .text {
	padding: 0 30px 0 30px;
}

#post-content.layouts .layout-side_callout .text-callout .text {
	padding-top: 0;
}
#post-content.layouts .layout-blocks .post-blocks .post-block .text h4,
#post-content.layouts .layout-side_callout .text-callout .text h4 {
	font-weight: normal;
	line-height: 1.2em;
	margin-top: 5px;
}
#post-content.layouts .layout-blocks .post-blocks.theme-default .post-block.no-image .text h4 {
	margin-top: 20px;
}
#post-content.layouts .layout-blocks .block-section-title {
	padding: 0 20px;
	margin-top: 0;
	text-align: center;
}
#post-content.layouts .layout-blocks .post-blocks .post-block img {
	height: 250px;
	width: 100%;
  object-fit: cover;
  object-position: center;
}
#post-content.layouts .layout-blocks .post-blocks .post-block.focus-top img {
	object-position: top center;
}
#post-content.layouts .layout-blocks .post-blocks .post-block.focus-bottom img {
	object-position: bottom center;
}
#post-content.layouts .layout-blocks .post-blocks .post-block .text a.cta.content-cta,
#site-search-results .post-blocks .post-block .text a.cta.content-cta {
	align-self: flex-end;
	justify-self: flex-end;
	margin-right: 0;
}
#post-content.layouts .layout-blocks .subheading,
#site-search-results .subheading {
	margin-bottom: 0;
}
#post-content.layouts .layout-blocks .block-text,
#site-search-results .block-text {
	padding-top: 20px;
}


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;
}



.more-link-box {
	width: 100%;
text-align: center;
margin: 20px 0;
}
.more-link-box a.cta.content-cta {
	background: rgb(34,116,165);
	margin: 0;
}
.more-link-box a.cta.content-cta:hover {
	color: #fff !important;
}

.post-blocks {
	display: flex;
	flex-direction: column;
}
.post-block-wrap {
	padding: 15px;
	flex: 1;
}
#post-content.layouts .layout-blocks .post-blocks .post-block,
#site-search-results .post-blocks .post-block {
	background: linear-gradient(135deg, #333,#111);
	max-width: 1275px;
	margin:  0 auto;
	display: flex;
	width: 100%; 
	position: relative;
  z-index: 2;
}
#site-search-results .post-blocks .post-block  {
	max-width: unset;
}
#post-content.layouts .layout-blocks .post-blocks.theme-citations .post-block {
	background: transparent;
	color: #333;
}
/*#post-content.layouts .layout-blocks .post-blocks .post-block.no-image {
	padding: 0 15px;
}*/
#post-content.layouts .layout-side_callout .text-callout,
#post-content.layouts .layout-sticky_nav .sticky-nav-left .sticky-nav-toc {
	background: linear-gradient(135deg, rgb(34,116,165), rgb(4,86,135));
	display: flex;
	position: relative;
  z-index: 2;
  width: 100%;
  padding: 15px;
}
#post-content.layouts .layout-side_callout .text-callout .cta.content-cta {
	margin-right: 15px;
}
#post-content.layouts .layout-sticky_nav .sticky-nav-left .sticky-nav-toc h5 {
	font-weight: normal;
	margin: 0 0 10px 0;
}
#post-content.layouts .layout-sticky_nav .sticky-nav-left .sticky-nav-toc ul {
	padding-left: 25px;
}
#post-content.layouts .layout-sticky_nav .sticky-nav-left .sticky-nav-toc ul li {
	margin-bottom: 10px;
	list-style-type: none;
}
#post-content.layouts .layout-sticky_nav .sticky-nav-left .sticky-nav-toc ul li:before {    
    font-family: "Font Awesome 5 Free";
    content: '\f178';
    margin:0 5px 0 -15px;
    color: rgb(228,223,218);
    font-weight: bold;
    position: relative;
    left: 0;
    transition: color,left 100ms linear;
}
#post-content.layouts .layout-sticky_nav .sticky-nav-left .sticky-nav-toc ul li:hover:before {
	color: rgb(117,72,94);
	left: -5px;
}
#post-content.layouts .layout-sticky_nav .sticky-nav-left .sticky-nav-toc {
	color: #fff;
	flex-direction: column;
}
.post-block-outer,
#post-content.layouts .layout-side_callout .text-callout-outer,
#post-content.layouts .layout-sticky_nav .sticky-nav-left .sticky-nav-outer {
    position: relative;
    padding: 3px;
    margin-bottom: 30px;
    height: 100%;
    min-width: 200px;
}
#post-content.layouts .layout-sticky_nav .sticky-nav-left .sticky-nav-outer {
	min-width: 100%;
}
.post-block .post-block-meta {
	    color: #ccc;
}
.post-block .text {
	padding:  30px 50px 15px 50px;
}
.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 .cta.content-cta {
	align-self: flex-end;
  margin-right: 15px;
  margin-bottom: 15px;
  margin-top: 10px;
}

/* Search filter */
form.searchandfilter ul {
  padding: 0;
  display: flex;
  width: 60%;
  min-width: 300px;
}
body.archive .searchandfilter ul,
body.blog .searchandfilter ul {
	width: 100%;
}
body.archive .searchandfilter ul li,
body.blog .searchandfilter ul li {
	padding: 10px 15px 10px 0;
}
body.archive .searchandfilter ul li:last-of-type,
body.blog .searchandfilter ul li:last-of-type {
	padding-right: 0;
}
body.archive .searchandfilter ul select,
body.blog .searchandfilter ul select {
    width: 100%;
    min-height: 51px;
    padding: 10px 5px;
    font-size: 16px;
    border: solid 2px #777;
}
#search-results {
	width: 100%;
  min-height: 300px;
}

.post-block.media-block.media-right {
	flex-direction: row-reverse;
}

/*.post-blocks {
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1275px;
    margin: 0 auto;
}
.post-blocks .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 .post-block {
	    width: 50%;
	}*/
	.post-blocks .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 .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;
	}
}



.social-share {
	padding-top:  20px;
	padding-bottom:  20px;
	background: #fff;
}
.social-share h5 {
	margin: 0 0 13px 0;
    color: #111;
    font-size: 21px;
    text-align: center;
    font-weight: normal;
}
.social-share {
	text-align: center;
}
.social-share div {
	display: inline-block;
}
.social-share a i {
    opacity: 1;
    transition: opacity 100ms linear;
    background: #007bb5;
    border-radius: 75px;
    color: #fff;
		font-size: 32px;
    padding: 10px 12px;
    margin: 0 10px;
    width: 56px;
    text-align: center;
    height: 56px;
    line-height: 39px;
}
.social-share .share-facebook a i {
	background: #3b5998;
}
.social-share .share-twitter a i {
	background: #000;
}
.social-share .share-linkedin a i {
	background: #007bb5;
}
.social-share .share-bluesky a i {
	background: rgb(1, 170, 255);
}
.social-share a:hover {
	opacity: 0.8;
}
body .social-share {
	background: #fff;
	margin: 0;
	padding: 20px;
	padding-bottom: 150px;
}

body .social-share.has-next-block {
	padding-bottom: 50px;
}

.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 {
	padding: 0;
	max-height: 300px;
}
#page-banner .image-outer {
	padding: 0;
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
}
#page-banner .page-banner-inner {
	display: flex;
  align-items: flex-end;
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
}

body.page #page-banner.has-background,
body.archive #page-banner.has-background,
body.single #page-banner.has-background,
body.blog #page-banner.has-background {
	background-size: cover;
	background-position: center;
}
body.page #page-banner.has-background:after,
body.archive #page-banner.has-background:after,
body.single #page-banner.has-background:after,
body.blog #page-banner.has-background:after {
	background: linear-gradient(180deg, rgba(0,63,95,.8), rgba(0,63,95,1));
	opacity: .97;
}

/* Resource */
body.single-resource #page-banner.has-media {
	align-items: center;
}
body.single-resource #page-banner.has-media .text-outer {
	max-width: 700px;
}
body.single-resource .image-outer {
	padding: 20px 0;
}
body.single-resource .image-outer img {
	max-width: 300px;
  max-height: 400px;
  object-fit: contain;
}
@media screen and (max-width: 725px) {
	#post-content.layouts .layout-blocks .post-blocks .post-block-wrap,
	#post-content.layouts .layout-blocks .post-blocks.blocks-1 .post-block-wrap,
	#site-search-results .post-blocks .post-block-wrap,
	#site-search-results .post-blocks.blocks-1 .post-block-wrap {
		width: 100% !important;
		padding: 0;
	}
	#post-content.layouts .layout-blocks .post-blocks,
	#site-search-results .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;
	}
	#page-banner {
		flex-direction: column-reverse;
		padding-left: 30px;
		padding-right: 30px;
	}
	#page-banner .page-banner-inner {
		flex-direction: column-reverse;
	}
	#post-content.layouts .layout-text,
	#post-content.layouts .layout-outline_box,
	#post-content.layouts .layout-callout_box .text {
		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.archive #page-banner .text-outer,
	body.page #page-banner .text-outer,
	body.archive #page-banner .text-outer,
	body.single #page-banner .text-outer,
	body.single #page-banner .text-outer {
		padding-left: 0;
	}
	body.page #page-banner .text-outer h1, 
	body.archive #page-banner .text-outer h1, 
	body.single #page-banner .text-outer h1, 
	body.blog #page-banner .text-outer h1 {
		font-size: 28px;
	}

	.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% !important;
  height: 100% !important;
}

.layout-embed .video-wrapper {
	position: static;
	height: auto !important;
	padding-bottom: 15px;
}

.layout-embed .video-wrapper iframe {
	position: static;
	width: 100% !important;
	height: auto !important;
}


/* Footer */
.bottom-ctas {
	display: flex;
	padding-top: 45px;
	background: var(--primary-dark);
	background: linear-gradient(135deg,#333,#111);
	text-align: left;
	justify-content: space-between;
	padding: 30px;
	margin: 0 30px;
	z-index: 2;
	position: relative;
	color: #fff;
}
.bottom-ctas h3 {
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 10px;
}
.bottom-ctas p {
	color: #fff;
}
.bottom-ctas .right {
	display: flex;
	align-items: center;
}
.bottom-ctas input {
	background: transparent;
	color: #fff;
	outline: none;
	box-shadow: none;
	border: none;
	border-bottom: solid 2px #aaa;
	font-size: 19px;
padding: 0 5px;
}
.bottom-ctas .cta {
	margin-top: 0;
}

#footer-cta-block {
	position: relative;
	margin-bottom: -80px;
	background: rgb(34,34,34);
	background: #fff;
}

#footer-cta-block > div {
	position: relative;
	top: -80px;
}

#footer-cta-block .cta {
	transform: scale(1.5);
	transform-origin: 100%;
}

@media screen and (max-width: 1110px) {
	.bottom-ctas {
		flex-direction: column;
		align-items: center;
	}
	.bottom-ctas .right {
		margin-top: 20px;
	}
}

footer {
	background: rgb(34,34,34);
	background: #fff;
	width:  100%;
	padding:  20px 30px 80px 30px;
	display: flex;
  justify-content: space-between;
  position: relative;
  align-items: flex-start;
}
footer .privacy-link {
	padding-right: 5px;
	font-size: 15px;
	padding-bottom: 6px;
	margin-top: 10px;
}
footer .privacy-link a {
	color: #333;
	
}
footer .privacy-link a:first-of-type {
	padding-right: 10px;
}
footer img {
	max-width:  330px;
}

footer .left-col {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding-top: 10px;
	flex-direction: column;
	max-width: 48%;
}
footer .left-col .menu-footer-menu-container ul {
	padding-left: 0;
	margin-left: -10px;
}
footer .left-col .menu-social-menu-container ul {
	padding-left: 0;
	margin-top: 9px;
}
footer .left-col .menu-footer-menu-container .hide-footer {
	display: none;
}
#menu-social-menu li a {
	padding: 10px 13px 10px 10px;
	font-size: 25px;
	color: #aaa;
}
footer .right-col {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
  padding-top: 10px;
}
footer .right-col .top-ctas .cta {
	color: #fff;
	font-weight: normal;

}
.copyright {
	color: #333;
	line-height: 1.1em;
	padding-bottom: 6px;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
	font-size: 15px;
	line-height: 18px;
}

footer .menu-footer-menu-container ul {
	display: block;
	margin: 0;
}
footer .menu-footer-menu-container ul li {
	list-style-type: none;
	margin: 0 12px 0 0;
	display: inline-block;
	margin-bottom: 3px;
	margin-top: 3px;
}
footer .menu-footer-menu-container ul li:first-of-type {
	margin-left: 0px;
}
footer .menu-footer-menu-container ul li a {
	font-size: 18px;
	color: #333;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
}

footer .menu-footer-menu-container ul {
	padding-bottom: 5px;
	display: block;
}
footer .menu-footer-menu-container ul li {
	display: inline-block;
}
/*footer .menu-footer-menu-container ul li.menu-item a:hover {
	color: var(--action);
}
footer .menu-footer-menu-container ul li.menu-item a:hover:after {
	border-bottom-color: #fff;
}*/

#bg-gap {
	height: 120px;
}

@media screen and (max-width: 950px) {
	footer {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding-top: 20px;
	}
	.copyright {
		border-right: none;
		padding: 0;
		margin-bottom: 10px;
		margin-top: 30px;
		text-align: center;
	}
	footer .privacy-link {
		padding-right: 0;
	}
	.right-menu {
		flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	}
	.menu-footer-menu-container ul li a {
    text-decoration: underline;
    font-size: 15px;
	}
	footer .menu-footer-menu-container ul li {
		margin-left: 0;
	}
	.menu-footer-menu-container {
		width: 100%;
	}
	footer .right-menu .menu-footer-menu-container ul {
		text-align: center;
	}
	.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;
		padding: 0;
	}
	.bottom-ctas {
		flex-direction: column;
		text-align: center;
	}
	#footer-cta-block .cta {
		transform-origin: 50%;
	}
	.bottom-ctas p {
		margin-bottom: 20px;
	}
	.bottom-ctas .right {
		flex-direction: column;
		align-items: center;
	}
	.bottom-ctas .right input {
		margin-bottom: 20px;
	}
	.bottom-ctas .right .cta {
		margin-left: 0;
	}
	footer .left-col {
		align-items: center;
		max-width: 100%;
	}
	footer .menu-footer-menu-container ul {
		display: block;
		text-align:  center;
	}
	footer .menu-footer-menu-container ul li {
		display: inline-block;
		width: 45%;
	}
	body #menu-social-menu {
		padding-right: 0;
	}
	body #menu-social-menu li a {
		padding: 10px;
	}
}

















/* Popup */
#page-banner .button-list .cta {
	margin-right: 30px;
	margin-bottom: 5px;
	margin-left: 0;
}

#crcp-popup {
	display: none;
}
#crcp-popup.show-popup {
	display: flex;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.8);
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  z-index: 20;
}
#crcp-popup .crcp-popup-inner {
	display: flex;
	max-width: 550px;
	width: 90vw;
	position: relative;
	padding: 0;
	color: #fff;
	z-index: 2;
}
#crcp-popup .crcp-popup-inner.popup-image-landscape {
	flex-direction: column;
}
#crcp-popup .crcp-popup-inner:before {
	content:  '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
  z-index: -2;
}
#crcp-popup .crcp-popup-inner:after {
	content:  '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
  z-index: -1;
  opacity: .05;
  background-size: 275px;
}
.close-popup {
	position: absolute;
	top: 5px;
	right: 10px;
}
#crcp-popup .crcp-popup-inner.popup-image-landscape .close-popup {
	top: -40px;
  font-size: 27px;
  right: 5px;
}
#crcp-popup .crcp-popup-inner img {
	    width: 100%;
    height: 100%;
    object-fit: contain;
}
#crcp-popup .crcp-popup-inner .crcp-popup-image {
	    flex: 1;
    min-width: 40%;
}
#crcp-popup .crcp-popup-text {
	padding: 15px 30px;
	background: rgb(23, 30, 34);
}
#crcp-popup .crcp-popup-text h2 {
	font-weight: 300;
	font-size: 25px;
	line-height: 29px;
	margin-bottom: 20px;
	margin-top: 10px;
}
#crcp-popup .crcp-popup-text p {
	font-size: 18px;
	line-height: 21px;
}
#crcp-popup .crcp-popup-text .crcp-popup-description p {
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 10;
}
/*#crcp-popup .crcp-popup-inner .cta.content-cta {
	color: #fff;
}
#crcp-popup .crcp-popup-inner .cta.content-cta:hover {
	color: #eee;
}*/
@media screen and (max-width:  530px) {
	#crcp-popup .crcp-popup-inner.popup-image-portrait {
		flex-direction: column;
	}
	#crcp-popup .crcp-popup-inner.popup-image-portrait .crcp-popup-image {
		padding: 20px 25px;
    max-width: 90%;
	}
	#crcp-popup .crcp-popup-inner.popup-image-portrait .crcp-popup-text {
		padding-top: 0;
	}
	#crcp-popup .crcp-popup-inner.popup-image-portrait .crcp-popup-text h2 {
		margin-top: 0;
	}
}


@media screen and (max-width: 990px) {
	#post-content.layouts .layout-color_blocks .blocks .grid-item {
		width: 33.33%;
	}
}
@media screen and (max-width: 750px) {
	#post-content.layouts .layout-color_blocks .blocks .grid-item {
		width: 50%;
	}
}

@media screen and (max-width: 600px) {
	#post-content.layouts .layout-color_blocks .blocks .grid-item {
		width: 100%;
	}
}

/* Team */

#post-content.layouts .layout-back {
	padding: 0 30px;
	text-align: center;
	width: 100%;
}
#post-content.layouts .layout-back a {
	display: inline-block;
  margin-bottom: 20px;
  padding: 10px 15px;
  color: #010024;
  text-decoration: none;
  line-height: 1.1em;
  font-size: 22px;
  font-weight: bold;
  margin: 10px 15px 15px 35px;
  background: transparent;
  padding-bottom: 5px;
  padding-left: 0;
  position: relative;
  z-index: 1;
  padding-right: 0;
  transition: all 100ms linear;
}
#post-content.layouts .layout-back a i {
  position: absolute;
  top: 33%;
  left: -30px;
  transition: left 100ms linear;
}
#post-content.layouts .layout-back a:hover i {
	left:  -35px;
}

#post-content.layouts .layout-back a:hover {
	color:  var(--primary);
}

/* Team  */
.image-grid,
.block-grid {
	display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}
.image-grid .section-title-wrap,
.block-grid .section-title-wrap  {
	width: 100%;
	text-align: center;
}

.section-title-wrap p.section-description {
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.image-grid img {
	width: 300px;
	height: 300px;
	object-fit: contain;
	object-position: center;
	display: block;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	padding: 5px;
}
body.page-template-template-team .image-grid .img-wrap img,
body .layout-image_grid.fill-space .image-grid img {
	object-fit: cover;
	object-position: top center;
}
body .layout-image_grid.fill-space.match-height .image-grid img {
	height: 275px;
	object-position: center center;
}
body .image-grid a .img-wrap {
	position: relative;
}
body #post-content.layouts .image-grid a .img-wrap h4 {
	position: absolute;
	bottom: 5px;
	left: 5px;
	min-height: 50px;
	width: calc(100% - 10px);
	padding: 10px 15px;
	margin: 0;
	
	color: #fff;
	line-height: 1.2em;
	font-weight: normal;
	text-align: center;
	z-index: 1;
	opacity: 1;
	vertical-align: middle;
	transition: min-height 100ms linear;
	z-index: 1;
}
body #post-content.layouts .image-grid a .img-wrap h4:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	background: rgb(34,116,165);
	z-index: -1;
	transition: opacity 100ms linear;
}

body.page-template-default .layout-image_grid,
body.page-template-default .layout-text_image_grid {
	max-width: 1400px;
	margin: 0 auto;
}

body.page-template-default .grid-item {
    padding: 15px;
}
body.page-template-default .grid-item a {
	display: block;
	transform: scale(1);
	transition: transform 100ms linear;
}
body.page-template-default .grid-item a:hover {
	transform: scale(1.02);
	transition: transform 100ms linear;
}


.image-grid .grid-item a {
	color: #222;
	text-decoration: none;
}
.image-grid .grid-item h3 {
	text-align: center;
	font-size: 25px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0 10px;

}
.image-grid .grid-item h5 {
	text-align: center;
	color: #555;
	font-size: 18px;
	margin: 5px 0 10px 0;
	padding: 0 10px;
}
body.page-template-template-team #resource-content h2 {
	display: inline-block;
	margin-bottom: 30px;
}
body.page-template-template-team #resource-content h2.has-subheading {
	margin-bottom: 5px;
}
body.page-template-template-team #resource-content .section-title-wrap h3 {
	margin-bottom: 30px;
	color: #444;
	font-size: 24px;
}

body.page-template-template-team .image-grid .grid-item {
	width: 25%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 50px;
}
body.page-template-template-team .image-grid .grid-item.no-image {
	justify-content: center;
	min-height: 200px;
}
body.page-template-template-team #post-content.layouts .image-grid a h3 {
	transition: color 100ms linear;
	margin-bottom: 0;
	margin-top: 20px;
}
body.page-template-template-team #post-content.layouts .image-grid h5 {
	margin-top: 5px;
	font-size: 16px;
	padding: 0 15px;
}
body.page-template-template-team .image-grid a:hover h3 {
	color: var(--primary);
}
body.page-template-template-team .image-grid a .img-wrap {
	width: 275px;
	/*filter: grayscale(0);*/
	/**/
	transition: filter 100ms linear;
	cursor: pointer;
	position: relative;
	z-index: 1;
	margin: 0 auto;
}

body.page-template-template-team #post-content .resource-right {
	padding-left: 0;
	padding-top: 50px; 
	max-width: 1400px;
  margin: 0 auto;
}
body.page-template-template-team .image-grid a .img-wrap img {
	width: 100%;
	/*border: solid 3px #eee;*/
}
/*body.page-template-template-team .image-grid a .img-wrap:before,
body.single-crcpteam .text-outer .team-image:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: -1;
	background: rgba(50,50,50,.97);
	transition: background 100ms linear;
}*/
body.single-crcpteam .text-outer .team-image img {
	min-width: 275px;
	width: 275px;
}
/*body.page-template-template-team .image-grid a .img-wrap:before {
	height: 40px; 
}*/
/*body.page-template-template-team .image-grid a:hover .img-wrap:before {
	background: rgba(76,152,169,.94);
}*/

body.page-template-template-team .image-grid a:hover .img-wrap img {
	/*filter: grayscale(0);*/
	/*filter: grayscale(1);*/
}


/* Design Outline */
body.single-crcpteam .text-outer .team-image img {
	background: #efefef;
}
body.single-crcpteam .text-outer .team-image,
body.page-template-template-team .image-grid .grid-item .img-wrap {
	position: relative;
	margin-bottom: 10px;
	padding: 5px;
}
body.single-crcpteam .text-outer .team-image {
	padding: 0;
}
body.single-crcpteam .text-outer .team-image img,
body.page-template-template-team .image-grid .grid-item .img-wrap img {
	/*border: solid 2px #eee;*/
	padding: 0;
}
body.single-crcpteam .text-outer .team-image:after {
	bottom: -1px;
	left: -1px;
}
body.single-crcpteam .text-outer .team-image:before,
body.single-crcpteam .text-outer .team-image:after {
	opacity: 1;
	border-color: #74776b;
}

body.single-crcpteam .text-outer {
	display: flex;
  flex-direction: row;
  align-items: flex-end;
}
body.single-crcpteam #page-banner .text-outer h1 {
	margin-bottom: 2px;
	max-width: 100%;
	margin-top: 5px;
}
body.single-crcpteam .text-outer .team-text {
	flex: 1;
}
body.single-crcpteam .text-outer .team-text small,
body.single-crcpteam #next-block p.position,
body.single #page-banner .single-meta,
body.page #page-banner .single-meta {
  /*font-weight: bold;*/
  color: #ddd;
  font-size: 18px;
  letter-spacing: 0.01em;

}


/* Photo mode */
#post-content.layouts .layout-image_grid .image-grid,
#post-content.layouts .layout-text_image_grid .image-grid {
	padding-top: 50px;
	padding-bottom: 50px;
}
#post-content.layouts .layout-image_grid .image-grid.image-grid-photos,
#post-content.layouts .layout-text_image_grid .image-grid.image-grid-photos {
	padding: 15px;
	max-width: 1400px;
	margin: 0 auto;
}

#post-content.layouts .layout-text_image_grid .grid-item h5 {
	font-weight: 600;
	margin: 5px 0;
}

.image-grid.image-grid-photos .grid-item,
#post-content.layouts .layout-text_image_grid .grid-item {
	width: 33.33%;
}

#post-content.layouts .layout-text_image_grid h2 {
	font-size: 25px;
	margin-bottom: 0;
	margin-top: 0;
}
#post-content.layouts .layout-text_image_grid .image-grid {
	padding-top: 30px;
	padding-bottom: 20px;
}
#post-content.layouts .layout-text_image_grid .grid-item {
	text-align: center;
}
#post-content.layouts .layout-text_image_grid .grid-item.text-grid-item {
	padding: 15px 50px;
	min-height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.image-grid.image-grid-photos img,
#post-content.layouts .layout-text_image_grid .grid-item img {
	height: auto;
	width: 100%;
}
@media screen and (max-width: 1110px) {
	body.page-template-template-team .image-grid .grid-item,
	#post-content.layouts .layout-text_image_grid .grid-item {
		width: 33.33%;
	}
}
@media screen and (max-width: 800px) {
	.image-grid.image-grid-photos .grid-item,
	body.page-template-template-team .image-grid .grid-item,
	#post-content.layouts .layout-text_image_grid .grid-item {
		width: 50%;
	}
	
}
@media screen and (max-width:	660px) {
	.image-grid.image-grid-photos .grid-item,
	body.page-template-template-team .image-grid .grid-item,
	#post-content.layouts .layout-text_image_grid .grid-item {
		width: 100%;
	}
	#post-content.layouts .layout-text_image_grid .grid-item.text-grid-item {
		min-height: unset;
	}
}

body.single #page-banner .single-meta,
body.page #page-banner .single-meta {
	/*margin-left: 2px;*/
}
body.single #page-banner .single-meta,
body.page #page-banner .single-meta {
	font-size: 17px;
	letter-spacing: 0.02em;
	font-weight: normal;
}
body.single.single-crcpteam #page-banner {
	padding-bottom: 5px;
}
a.team-social {
	color: #d4d4d4;
	font-size: 17px;
	display: inline-block;
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 2px;
	transition: color 100ms linear;
	cursor: pointer;
	text-decoration: none;
	font-weight: 500;
	letter-spacing: 0.01em;
	font-size: 15px;
}
a.team-social span {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 2px;
	text-decoration-thickness: 1px;
	text-decoration-color: rgb(20,130,236);
}
a.team-social:hover {
	color: var(--primary);
}
a.team-social i {
	font-size: 18px;
	padding-right: 5px;
	color: #fff;
	transform: translateY(2px);
}
a.team-social i:before {
	color: rgb(215,215,215);
}
a.team-social i:after {
	opacity: .6;
}
body.single-crcpteam .text-outer .team-image {
	margin-bottom: -15vh;
  max-width: 300px;
  margin-right: 30px;
  /*background: #414e4a;*/
  /*border: solid 3px #ddd;
  background: rgba(50,50,50,.97);*/
	position: relative;
	z-index: 1;
}
body.single-crcpteam .text-outer .team-image:before {
	/*opacity: .055;
	background-size: 175px;*/
}
body.single-crcpteam #post-content .layout-team-main .layout-text {
	/*padding-left: 385px;*/
	padding-top: 0;
	margin-bottom: 50px;
	flex: 1;
	padding: 0 0 15px 30px;
}

body.single-crcpteam #post-content .layout-team-main {
	display: flex;
	padding: 0 50px;
	max-width: 1400px;
margin: 0 auto;
}
body.single-crcpteam #post-content .layout-team-main .layout-team-meta {
	width: 275px;
	max-width: 100%;
	padding-top: 15vh;
}
body.single-crcpteam #post-content .layout-team-main .layout-team-meta h4 {
	margin-top: 40px;
}
body.single-crcpteam #post-content .layout-team-main .layout-team-meta h4:first-of-type {
	margin-top: 0;
}
body.single-crcpteam #post-content .layout-team-main .layout-team-meta p {
	font-size: 15px;
	line-height: 19px;
}

@media screen and (max-width: 850px) {
	body.single-crcpteam .text-outer {
		flex-direction: column;
		align-items:  center;
		padding-right: 0;
	}
	body.single-crcpteam #post-content .layout-text,
	body.single-crcpteam #post-content .layout-text:first-child {
		padding-left: 30px;
	}
	body.single-crcpteam .text-outer .team-image {
		max-width: 250px;
		margin: 0 auto 10px auto;
	}
	body.single-crcpteam .text-outer .team-image img {
		min-width: 0;
	}
	body.single-crcpteam .text-outer .team-text {
		text-align: center;
		margin-top: 15px;
	}
	body.single-crcpteam #page-banner .text-outer h1 {
		font-size: 28px;
	}
	body.single-crcpteam .text-outer .team-image:after {
		bottom: -2px;
		left: -2px;
	}

	body.single-crcpteam #post-content .layout-team-main {
		flex-direction: column-reverse;
		align-items: center;
	}
	body.single-crcpteam #post-content .layout-team-main .layout-team-meta {
		text-align: center;
		padding-top: 0;
	}
	body.single-crcpteam #post-content .layout-team-main .layout-text {
		padding: 0;
	}

	#post-content.layouts .layout-back {
		padding-top: 25px;
	}
}

/* Video patch */
#resource-content .resource-entry-block.resources-1 .resource-entry.entry-video {
	width: 100%;
}
body #resource-content .resource-entry-block.resource-count-odd .resource-entry.entry-report {
	width: 50%;
}
#resource-content .resource-entry-block.resource-count-odd .resource-entry:last-child {
	width: 100%;
}

body.home #resource-content {
	padding: 50px 30px 0 30px;
}

/* Resources  */
.resource-entry-block .resource-entry a {
	display: flex;
	padding: 0;
	align-items: flex-start;
	margin-bottom: 30px;
	transition: transform 100ms linear;
}

.resource-entry-block .resource-entry a.brief {
	width: 100%;
  text-decoration: none;
  text-align: center;
  height: 100%;
  color: #333;
  align-items: center;

}
.resource-entry-block .resource-entry a.brief .link-inner {
	height: 100%;
	width: 100%;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: stretch;
}
.resource-entry-block .resource-entry a img {
	border: solid 1px #eee;
	padding: 2px;
}
.resource-entry-block .resource-entry h3 {
	font-size: 35px;
	margin-top: 10px;
}
.resource-entry-block .resource-entry a.brief svg {
	width: 200px;
  fill: #555;
  margin-bottom: 15px;
  transition: fill 100ms linear;
}
.resource-entry-block .resource-entry a.brief:hover svg {
	fill:  #3382c5;
}
.resource-entry-block .resource-entry a.brief .svg-wrap {
    height: 60%;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.resource-entry-block .resource-entry a.brief .title-wrap {
    height: 40%;
    width: 100%;
}
.resource-entry-block .resource-entry a.brief .title-wrap p {
	margin-top: 5px;
}

.resource-entry-block .resource-entry.press-entry .date,
#resource-content .resource-entry-block .resource-entry.press-entry p.date {
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 4px;
}





/* Search form */
#post-content.layouts .layout-text.load-more,
#site-search #site-load-more {
	padding: 0;
}
#site-search #site-load-more {
	padding-bottom: 50px;
}

#post-content.layouts .layout-text.load-more div button,
#site-search #site-load-more div button {
	margin: 0 auto;
	background: var(--primary);
	color: #fff;
	border-radius: 0;
	position: relative;
	padding: 8px 15px;
	text-decoration: none;
	border: none;
	cursor: pointer;
	outline: none;
	line-height: 1.1em;
	font-size: 18px;
	font-weight: 400;
	position: relative;
	z-index: 1;
	transition: all 150ms linear;
	overflow: hidden;
	padding-right: 55px;
	transition: border-color 100ms linear;
	font-family: "Roboto", sans-serif;
}
#post-content.layouts .layout-text.load-more div button:before,
#site-search #site-load-more div button:before {
	font-family: "Font Awesome 6 Duotone";
    content: '\f054';
    color: #fff;
    position: absolute !important;
	right: 16px;
	top: 9px;
	transition: right 100ms linear;
	z-index: 2;
}
#post-content.layouts .layout-text.load-more div button:hover:before,
#site-search #site-load-more div button:hover:before {
	right: 12px;
}
#post-content.layouts .layout-text.load-more div button .search-filter-icon,
#site-search #site-load-more div button .search-filter-icon {
	height: 15px;
	position: relative;
	top: -5px;
}
#post-content.layouts .layout-text.search-form {
	padding: 0 50px;
}
#post-content.layouts .layout-text.search-form #resource-search-form-inner {
	display: flex;
}
#post-content.layouts .layout-text.search-form #resource-search-form-inner > div {
	padding: 0 15px;
	width: 20%;
}
#post-content.layouts .layout-text.search-form #resource-search-form-inner > div:first-of-type {
	flex: 1;
	padding-left: 0;
	width: auto;
}
#post-content.layouts .layout-text.search-form #resource-search-form-inner > div:last-of-type {
	padding-right: 0;
}
#post-content.layouts .layout-text.search-form .filter-toggle {
	display: none;
}
#post-content.layouts .layout-text.search-form .filter-toggle i {
	font-size: 20px;
}
#post-content.layouts .layout-text.search-form .filter-toggle h5 {
	margin: 0;
	line-height: 1em;
}
body #post-content.layouts .layout-text.search-form .search-filter-input-text,
body #post-content.layouts .layout-text.search-form .search-filter-component-combobox-base,
#site-search .search-filter-input-text {
	border-radius: 0;
}
@media screen and (max-width: 988px) {
	#post-content.layouts .layout-text.search-form .filter-toggle {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	body #post-content.layouts .layout-text.search-form .filter-toggle .filter-close {
		display: none;
	}
	body.display-filter #post-content.layouts .layout-text.search-form .filter-toggle .filter-open {
		display: none;
	}
	body.display-filter #post-content.layouts .layout-text.search-form .filter-toggle .filter-close {
		display: block;
	}
	#post-content.layouts .layout-text.search-form #resource-search-form-inner {
		flex-direction: column;
	}
	#post-content.layouts .layout-text.search-form #resource-search-form-inner > div {
		width: 100%;
		padding: 0 !important;
		margin-bottom: 15px;

	}
	body #post-content.layouts .layout-text.search-form #resource-search-form-inner {
		display: none;
	}
	body.display-filter #post-content.layouts .layout-text.search-form #resource-search-form-inner {
		display: block;
		padding-top: 15px;
	}
	body.page-scrolled #post-content.layouts .layout-text.search-form {
		padding: 20px 15px 15px 15px;
		position: fixed;
		left: 0;
		top: 76px;
		z-index: 5;
		background: var(--primary);
		color: #fff;
		border-bottom: solid 2px var(--primary-dark);
		width: 100%;
	}
}
#post-content.layouts .layout-blocks#search-results,
#site-search-results {
	padding: 25px 30px 30px 30px;
	max-width: 1400px;
	margin: 0 auto;
}
#post-content.layouts .layout-blocks#search-results .post-blocks a.post-block,
#site-search-results .post-blocks a.post-block {
	padding: 15px;
	background: #222;
	flex-direction: row !important;
	text-decoration: none;
	overflow: hidden;
	transition: background 100ms linear;
}
#post-content.layouts .layout-blocks#search-results .post-blocks .post-block h3,
#site-search-results .post-blocks .post-block h3 {
	font-size: 25px;
	line-height: 28px;
	margin: 0;
	padding-right: 80px;
}
#post-content.layouts .layout-blocks#search-results .post-blocks .post-block h4,
#site-search-results .post-blocks .post-block h4 {
	margin: 0;
	font-size: 18px;
	margin-top: 15px;
	line-height: 22px;
	padding-right: 40px;
}
#post-content.layouts .layout-blocks#search-results .post-blocks .post-block:after,
#site-search-results .post-blocks .post-block:after {
	content: '';
	background: var(--primary);
	transition: background 100ms linear;
	width: 150px;
	height: 150px;
	transform: rotate(45deg);
	position: absolute;
	top: -75px;
	right: -75px;
}
#post-content.layouts .layout-blocks#search-results .post-blocks .post-block:hover,
#site-search-results .post-blocks .post-block:hover  {
	background: var(--primary-dark);
}
#post-content.layouts .layout-blocks#search-results .post-blocks .post-block:hover:after,
#site-search-results .post-blocks .post-block:hover:after {
	background: var(--secondary);
}
#post-content.layouts .layout-blocks#search-results .post-blocks .post-block .resource-text,
#site-search-results .post-blocks .post-block .resource-text {
	position: relative;
	z-index: 2;

}
#post-content.layouts .layout-blocks#search-results .post-blocks .post-block .resource-icon-wrap,
#site-search-results .post-blocks .post-block .resource-icon-wrap {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 2;
}
#post-content.layouts .layout-blocks#search-results .post-blocks .post-block .resource-icon-wrap i,
#site-search-results .post-blocks .post-block .resource-icon-wrap i {
	font-size: 30px;
}

#site-search {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 1000;
	overflow-y: scroll;
	opacity: 0;
	display: none;
	padding-top: 90px;
}
#site-search .search-filter-input-text {
	position: fixed;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 1001;
	padding: 8px 6px;
	border-top: none;
	text-align: center;
	border-bottom-color: #aaa;
}
#site-search .search-filter-input-text  input {
	
}
body.site-search #site-search {
	display: block;
	opacity: 1;
}
#close-search {
	position: fixed;
	height: 40px;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1001;
	display: flex;
align-items: center;
justify-content: flex-end;
background: #fff;
padding: 0 25px;
}
#close-search p {
	font-size: 17px;
	font-weight: 300;
letter-spacing: 0.01em;
color: var(--primary);
}
#close-search i {
	transform: translateY(2px);
	font-size: 20px;
	color: var(--primary);
}

#site-search .fa-user:after {
	opacity: 1;
}
#site-search .fa-align-left:before,
#site-search .fa-calendar-days:before {
	opacity: .8;
}



#cmplz-datarequest-form input {
	border: solid 1px #eee;
	padding: 5px 10px;
	margin-bottom: 10px;
}

/* Skip link */
.crcp-skip-link {
	position: fixed;
	top: -40px;
	left: 50%;
	background: #111;
	color: #fff;
	padding: 8px;
	z-index: 100;
	transition: top 0.3s, color 0.3s;
	margin-left: -75px;
	width: 150px;
	text-align: center;
}
.crcp-skip-link:focus {
  	top: 0;
}
.crcp-skip-link:hover {
	color: #ddd;
}
/* After accepted or not, dismiss */
button.cmplz-show {
	display: none !important;
}