/*
Theme Name: Resilience Shift 2019
Theme URI: http://underscores.me/
Author: Dave Hall
Author URI: http://roktopus.net
Description: All new theme for Resilience Shift
Version: 1.0005
License: Standard copyright
Text Domain: resilience

resilience3 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

@import url("//hello.myfonts.net/count/3bd8a1");
  
@font-face {
  font-family: 'din-demi';
  src: url('webFonts/URWDIN-Demi/font.woff2') format('woff2'), url('webFonts/URWDIN-Demi/font.woff') format('woff');
}
@font-face {
  font-family: 'din-regular';
  src: url('webFonts/URWDIN-Regular/font.woff2') format('woff2'), url('webFonts/URWDIN-Regular/font.woff') format('woff');
}
@font-face {
  font-family: 'din-bold';
  src: url('webFonts/URWDIN-Bold/font.woff2') format('woff2'), url('webFonts/URWDIN-Bold/font.woff') format('woff');
}

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
	text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea,
a.button {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}
.ur-frontend-form .ur-form-row .ur-form-grid select {
	min-height: unset;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"],
a.button {
	-webkit-appearance: button;
	display: inline-block;
	text-align: center;
}


/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
	margin: 0 0.6em -2px 0;
}
[type="checkbox"] + ,
[type="radio"] {

}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	line-height: 1.5;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
	max-width: 766px;
}
li {
	max-width: 766px;
}
form li, header li, .sow-slider-base ul.sow-slider-images li.sow-slider-image {
	max-width: none;
}
.page .entry-content > *:not(.panel-layout) {
	max-width: 766px;
	margin-left: auto;
	margin-right: auto;
}
.single .entry-content > p:first-of-type,
.single .entry-contentblockquote p:only-child  {
	font-size: 1.2em;
}

dfn, cite, em, i {
	font-style: italic;
}
blockquote cite {
	font-weight: 600;
	font-style: normal;
	float: right;
}

blockquote {
	margin: 0 1.5em;
	font-size: 17px;
	font-weight: 300;
	font-style: italic;
}


.bigquote blockquote:before {
	content: '\f10d';
	font-family: "Font Awesome 5 Free";
	color: #B2DFDB;
	font-size: 30px;
	display: block;
	margin: 1em auto 0;
	text-align: center;
}
.bigquote p {
	text-align: center;
	max-width: 100%;
	font-size: 11px !important;
	color: #606060;

}
.bigquote blockquote {
	font-weight: 700;
	font-style: normal;
}
.bigquote blockquote p {
	font-size: 30px !important
}
.bigquote.less blockquote p {
	font-size: 20px !important;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #F8F8F8;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

a[href="#"] {
	cursor: normal;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 1em;
	padding-left: 1.5em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}
figure.gallery-item {
	padding: 5px;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
a.button {
	border-radius: 0.5em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-decoration: none !important;
	padding: 1em 2em;
	color: #fff;
	background: #005E60;
	border: 1px solid #005E60;
	cursor: pointer;
	font-size: 0.75em;
}

.project .bluerow button,
.project .bluerow input[type="button"],
.project .bluerow input[type="reset"],
.project .bluerow input[type="submit"],
.project .bluerow a.button {
	background: #333;
	border: 2px solid #333;
}

h3 a.button {
	border: 3px solid;
}
a.button {
	color: #fff !important;;
}
button.blue,
input[type="button"].blue,
input[type="reset"].blue,
input[type="submit"].blue,
a.button {
	background: #0277BD;
	border: 1px solid #0277BD;
}
.bluerow a.button {
	border: 2px solid #fff;
}


button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover {
	background: #fff;
	color: #005E60;
}
a.button:hover {
	color: #005E60 !important;
}

.project .bluerow button:hover,
.project .bluerow input[type="button"]:hover,
.project .bluerow input[type="reset"]:hover,
.project .bluerow input[type="submit"]:hover,
.project .bluerow a.button:hover {
	color: #333;
}


button.blue:hover,
input[type="button"].blue:hover,
input[type="reset"].blue:hover,
input[type="submit"].blue:hover,
a.button.blue:hover {
	color: #0277BD;
}
a.button.blue:hover {
	color: #0277BD !important;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus,
a.button:active, a.button:focus {
	background: #005E60;
	color: #fff;
}
a.button:active, a.button:focus {
	color: #fff !important;
}
button.blue:active, button.blue:focus,
input[type="button"].blue:active,
input[type="button"].blue:focus,
input[type="reset"].blue:active,
input[type="reset"].blue:focus,
input[type="submit"].blue:active,
input[type="submit"].blue:focus,
a.button.blue:active,
a.button.blue:focus {
	background: #0277BD;
	color: #fff;
}
a.button.blue:active,
a.button.blue:focus {
	color: #fff !important;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #999;
	border-radius: 3px;
	padding: 3px 6px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a, .javalink {
	color: #005E60;
	cursor: pointer;
}

a:visited {
	color: #00897B;
}

a:hover, a:focus, a:active,
.javalink:hover {
	color: #000;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.menu-grantees-only-container, 
.menu-top-navigation-container,
.menu-top-naivigation-2020-container,
.menu-top-navigation-2020-container,
.main-navigation > *:nth-child(2) /* fix this so it's generic*/
 {
	display: inline-block; 
}

.site-branding, .main-navigation {
	display: inline-block;
	width: auto;
}

.main-navigation {
	float: right;
}

.main-navigation ul, ul.blog-menu {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.top-navigation ul ul {
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.top-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.top-navigation ul ul li:hover > ul,
.top-navigation ul ul li.focus > ul {
	left: 100%;
}


.top-navigation ul ul a {
	width: auto;
}

.top-navigation ul li:hover > ul,
.top-navigation ul li.focus > ul {
	left: auto;
}

.top-navigation ul ul li:last-child:hover > ul,
.top-navigation ul ul li:last-child.focus > ul {
/*	right: 0;
	left: auto;*/
}

.top-navigation li {
	float: left;
	position: relative;
}

.blog-menu {
	display: inline-block;
}
.blog-menu li {
	display: inline-block;
}

/* mega menu custom classes */

.large .mega-menu-link {
	font-size: 1.15em !important;
}

.autowidth li.mega-menu-column {
	width: auto !important;
	padding-right: 2em !important;
}

.main-navigation a, .blog-menu a, .blog-menu select {
	display: block;
	text-decoration: none;
	width: auto;
	margin: 0;
	padding: 16px 0;
	font-size: 11px;
	line-height: 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color: #5C5C5C;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
}
.mega-menu a {
	letter-spacing: 0;
}
.mega-menu-horizontal > li > a {
	letter-spacing: 1px;
}
.blog-menu li {
	padding: 0 30px 0 0;
}
.blog-menu a, .blog-menu select {
	padding: 0;
	line-height: 34px;
	max-width: 150px;
}
.blog-menu select {
	border: none;
}

.menu-toggle {
	display: none;
	height: 20px;
	width: 20px;
	color: #00363A;
	position: relative;
	/*right: calc(10px + 1vw);*/
	left: 1em;
	top: 16px;
	z-index: 99999;
	cursor: pointer;
	transform: scale(1.3);
}

ul#footer-links {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}
#footer-links li {
	display: inline;
}





.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	width: 50%;
}

.nav-links > div {
	padding: 0 0.5em 2em;
}

.posts-navigation .nav-previous {
	text-align: right;
}
.posts-navigation a {
	font-size: 40px;
	color: #b8b8b8;
}

.posts-navigation a:hover {
	color: #5C5C5C;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
/*.page-template-page-landing .entry-content, .tax-topic .entry-content,*/
.landing-header + .entry-content {
	margin-top: 10vh;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin: 0 -4px 1.5em;
	width: calc(100% + 10px);
	clear: both;
	text-align: left;
}

.gallery-item {
	float: none;
	text-align: center;
	vertical-align: middle;
	width: auto;
	display: inline-block;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: calc(16.66% - 0.25em);
}

.gallery-columns-7 .gallery-item {
	max-width: calc(14.28% - 0.25em);
}

.gallery-columns-8 .gallery-item {
	max-width: calc(12.5% - 0.25em);
}

.gallery-columns-9 .gallery-item {
	max-width: calc(11.11% - 0.25em);
}

.gallery-caption {
	display: block;
}

:root {
	--teal1:    #003638;
	--teal2:    #005e60;
	--teal3:    #0B8C7e;
	--teal4:    #4DB6A6;
	--teal5:    #B0E1DE;
	--teal6:    #EDF6F6;
	--grey1:    #000000;
	--grey2:    #343434;
	--grey3:    #606060;
	--grey4:    #B2B2B2;
	--grey5:    #E9E9E9;
	--grey6:    #FAFAFA;
	--negative: #E3695F;
	--positive: #389E65;
	--blue1:    #004E7E;
	--blue2:    #0578BE;
	--blue3:    #2699D6;
	--blue4:    #4CB4E7;
	--blue5:    #A1DAF8;
	--blue6:    #DDEEF8;
	--neutral1: #263239;
	--neutral2: #455A64;
	--neutral3: #556F7B;
	--neutral4: #788F9B;
	--neutral5: #AFBEC5;
	--neutral6: #EBECF0;
	--yellow1:  #A55A1D;
	--yellow2:  #F07E2D;
	--yellow3:  #FAB600;
	--yellow4:  #FFCD1C;
	--yellow5:  #FFEB91;
	--yellow6:  #FFFAE5;

}

/***********************************************/
body.staging:before {
	content: "STAGING";
	display: block;
	position: fixed;
	font-size: 15vw;
	color: #eff;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	line-height: 80vh;
	transform: rotate(-3deg);
	opacity: 0.3;
	text-shadow: rgba(0,0,0,0.2) 0 0 1.5vw;
	font-weight: 700;
	z-index: 999;
	pointer-events: none;
}

textarea {
	width: calc(100% - 2em);
	font-size: 0.85em;
}
textarea.h200 {
	height: 300px;
}
input {
	background: #fcfcfc;
	max-width: calc(100% - 2em);
}
input, textarea {
	border: 1px solid #999;
	border-radius: 4px;
	padding: 5px 8px;
	margin: 0.5em 0;
}
label {
	font-weight: 400 !important;
	margin-bottom: 0.5em;
}

.single-post:not(.seth-says) .entry-content p a:not(.button):not(.media-types a), .single-post:not(.seth-says) .entry-content li a:not(.button), .list-item a, .wpgmza_table td a {
	color: #333;
	font-weight: 600;
	text-decoration: underline; /* why did this suddenly start to override the homepage and everything? */
}
.project .bluerow p a, .project .bluerow li a, .project .bluerow .list-item a {
	color: #B0E1DE;
}

.single-post .entry-content p a:hover, .single-post .entry-content li a:hover {
	color: #005E60
}
.project .entry-content p a:hover {
	color: #29B6F6; /* maybe this is the main link colour? */
}


.bluerow,
.filter-area {
	background: #EDF6F6;
	padding: 60px 4vw;
	margin: 0 -4vw 60px !important;
	box-shadow: -500px 0 #EDF6F6, 500px 0 #EDF6F6;
}
.bluerow {
	padding: 60px 4vw !important;
}
.project .bluerow {
	font-weight: 600;
	background: #0277BD;
	color: #fff;
	box-shadow: -500px 0 #0277BD, 500px 0 #0277BD;
}
.project .bluerow a {
	color: ;
}
.project .bluerow ul {
	list-style: disclosure-closed;
	padding: 0 4em 0 2em;
}
.project .bluerow ul li {
	margin-top: 0.5em;
}

.bluerow span.wpcf7-not-valid-tip {
    background: #fff;
    float: right;
    padding: 1px 1em;
    margin: 7px 1em;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
	border-radius: 5px;
	display: inline-block;
}

.chunkyrow h3.widget-title {
	font-weight: 700 !important;
	font-size: calc(2vw + 2vh);
}
.chunkyrow, .page .entry-content .chunkyrow p {
	font-size: 16px;
}

.filter-area {
	padding: 30px 4vw;
}

.contact-us .mc4wp-form-fields input[type="submit"] {
	float: right;
}

.wpcf7-list-item-label {
	margin-bottom: 0.5em;
	float: left !important;
	clear: right;
	width: calc(100% - 100px) !important;
}
input[type="checkbox"] {
	-webkit-appearance: checkbox;
}

input[type="checkbox"] + label {
	vertical-align: top;
	line-height: 1.3;
}
.wpcf7-form input[type="checkbox"] {
	float: left;
	margin: 0.7em 1.6em 1em;

	}

img {
	max-width: 100%;
	height: auto;
}
.wp-caption {
	max-width: 100%;
}

img.footerimage {
	width: 110px !important;
	vertical-align: baseline;
}


.blog-tools {
	padding: 40px 0;
	margin: 0 0 40px;
	border-bottom: 2px solid #B2B2B2;
}

.sd-content ul li {
	width: auto !important;
	padding-left: 2px !important;
}

dt {
	display: inline-block;
	float: left;
	margin-right: 1em;
}

.widget.after-sticky {
	padding: 2rem 5%;
	background: #e1f5fe;
	box-shadow: -500px 0 0 #e1f5fe, 500px 0 0 #e1f5fe, -100px 0 0 #e1f5fe, 100px 0 0 #e1f5fe;
	margin: 34px 0 73px ;

}
.widget.after-standard {
	margin: 0 0 -13px !important;
}
.aa-sidebar {
	background: #e1f5fe;
	box-shadow: -500px 0 0 #e1f5fe, 500px 0 0 #e1f5fe, -100px 0 0 #e1f5fe, 100px 0 0 #e1f5fe;
	margin: 34px 0 73px ;

}
.widget.after-after-sticky {
	margin: 0;
	box-shadow: none;
}
.widget_media_image.after-after-sticky {
	padding: calc(4vw - 13px) 0;
	margin: 34px 0 0;
}
.after-after-sticky img {
	display: block;
	width: 100%;
	margin: 0;
}

.site-header, .top-navigation ul ul {
	background: #fff;
	box-shadow: 0 2px 5px -2px rgba(0,0,0,0.6);
	z-index: 1000;
	position: relative;
}
.top-navigation ul ul {
	/*background: #E0F2F1; */
	background: #fff;
	box-shadow: 0 3px 5px -3px rgba(0,0,0,0.6);
}
.mobile-navigation ul ul {
	font-size: 0.8em;
	padding-left: 2em;
}

.site-title, .site-description, .page.home h1.entry-title, .page-template-page-homepage h1.entry-title {
	clip: rect(0,1px,1px,0px);
	position: absolute;
}

.header-content, .site-content, #footer {
	max-width: 1162px;
	margin: 0 auto;
}
.site-content {
	padding: 13px 4vw;
}

* {
	/*outline: 1px dotted red;*/
}

.beforeyougo {
	background: #fff;
	padding: 3em 2em;
	position: fixed;
	top: 10%;
	left: 10%;
	right: 10%;
	max-height: 80%;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
	z-index: 1009;
	box-shadow: 0 0 0 4000px rgba(0,0,0,0.1), 0 10px 60px -30px #000;
	border: 8px solid #0277BD;
	text-align: center;

	pointer-events: none;
	opacity: 0;
	transition: all 0.3s;
	transform: translateY(50px);
	filter: blur(10px);
	overflow: auto;

}
.beforeyougo.lit {
	opacity: 1;
	pointer-events: auto;
	transform: none;
	filter: none;
}
.beforeyougo .close {
	display: block;
	cursor: pointer;
	/*background: #EDF6F6;*/
	display: inline-block;
	padding: 0.6em 1em;
	border-radius: 0.5em;
	margin: 1em 0 0;

	border: 3px solid #0277bd;
	font-weight: 700;
	color: #0277bd;
	text-transform: uppercase;
}

.beforeyougo p {
	margin: 2em 0;
	font-size: 16px;
}

.beforeyougo .close:hover {
	background: #0277BD;
	color: #fff;
}

.loginorregister .excerpt:before {
	content: 'Log in or register';
	font-size: 1.2em;
	font-weight: 700;
}

/* SLIDERS */

section #slider .flexslider.contact .slides > li .slider {
    padding-bottom: 0;
    display: block;
    height: 60vh;
    margin-bottom: 0;
}

section #slider .flexslider.contact .slides > li .slider.home {
    height: 60vh;
    background-size: cover;
}

p.ministrap {
	font-size: 1rem !important;
	letter-spacing: 0.05em;
	margin-top: 0.8em !important;
}
@media all and (max-width: 800px) {
	.ministrap {display: none !important;}
}

footer.site-footer {
	background: #00363A;
	color: #fff;
	padding: 3em 13px 1em;
	box-shadow: 0 500px 0 500px #00363A;
	position: relative;
	z-index: 3;
}
.feedback-page .site-footer.feedback {
	display: none;
}
.site-footer.feedback {
	width:100%;
	position: relative;
	background: #222; color: #fff;
	text-align: center; padding: 0.5em;
	/*font-weight: 700;*/
	font-size: 20px;
	z-index: 3;
}
.single-learning-resource .site-footer.feedback {
	background: #0277BD;
}



.site-footer a {
	color: #E9E9E9;
	text-decoration: underline;
}
.site-footer.feedback a i {
	letter-spacing: -1em;
	opacity: 0;
	transition: all 0.3s;
	display: inline-block;
	transform: rotate(315deg);
}
.site-footer.feedback a:hover i {
	letter-spacing: 0;
	opacity: 1;
	margin-right: 1em;
	transform: none;
}

.site-footer.feedback a {
	text-decoration: none;
}

.site-footer a:visited {
	color: #E9E9E9;
}
.site-footer a:hover {
	color: #F8F8F8;
}
.single-learning-resource .site-footer.feedback a {
	color: #fff !important;
}
a.notext {
	text-decoration: none !important;
}
img.footerimage {
	display: inline-block;
	margin-right: 1em;
}
.site-footer .social a {
	font-size: 2em;
	margin-right: 0.5em;
}


/** Homepage **/

p.socicons {
	text-align: center;
}
.socicons img {
	margin: 0 0.5em 1em;
	width: 80px;
	display: inline-block;
}

.load-more span {

}
.load-more .next {
	float: right;
}

/** LANDING PAGE **/

.page .landing-header h1.entry-title {
	position: static;
	clip: none;
	text-align: center;
}


.error-404 .landing-header h1.page-title:after,
.archive .landing-header h1.entry-title:after,
.page .landing-header h1.entry-title:after,
.single-learning-resource .landing-header h1.entry-title:after,
.tribe-events-single-event-title:after, .tribe-events-page-title:after {
	content: '';
	width: 73px;
	height: 4px;
	background: #4DB6AC;
	margin: 4vh auto;
	display: block;
}
.landing-header, .tribe-events-single-event-title {
	text-align: center;
	padding-top: 26px;
	position: relative;
}
.error404 {background: url('images/stripes.png')}




/** STANDARD/SUB PAGE **/

.standard-header {
	box-shadow: none;
}

.standard-header .excerpt {
	text-align: center;
	margin: 0 auto 2em;
	max-width: 766px;
}

/** PROJECT PAGE **/
.warning {
	background: yellow;
	color: red;
	font-weight: 700;
	padding: 0 1em;
}

.project-number {
	color: #29B6F6;
	font-weight: 700;
	font-size: 14px;
	margin:  0 0 5px;
	text-transform: uppercase;
}
.project-number a {
	color: #29B6F6;
	
}

.project-header {
	margin: 5vh 0 5vh;
	padding-bottom: 5vh;
	border-bottom: 1px solid #B2B2B2;
}

.project2-header {
	border-bottom: none;
	padding-bottom: 0 !important;
}
h1.project-title {
	max-width: 865px;
	font-weight: 700;
}

.project-excerpt {
	max-width: 766px;
	font-size: 16px;
	font-weight: 600;
}

.project-sidebar h2.widget-title,
.project-sidebar .textwidget h4 {
	font-size: 13px !important;
	font-weight: 700;
	letter-spacing: 0.05em;
}
.project-sidebar .textwidget h4 {
	text-transform: uppercase;
	margin-bottom: 1.5em
}

.project-sidebar .textwidget p + h4 {
	margin-top: 3em;
}
.project-sidebar .textwidget {
	background: #F8F8F8;
	margin: 2em 0 0 0;
	padding: 3em 3em 2.5em;
	/*display: inline-block;*/
}

.project-sidebar .textwidget {
	/*font-weight: 600;*/
	background: #0277BD;
	color: #fff;
}
.project-sidebar .textwidget p {
	margin-bottom: 0.5em;
} 
.project-sidebar .textwidget p a {
	background: #fff;
	padding: .2em 0.8em;
	display: inline-block;
	text-decoration: none;
}

.partner-info {
	margin: 1em auto 1em;
	max-width: 75%;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
}
.partner-info img {
	margin: 0.5em auto;
	display: block;
}
.partner-info p {
	font-size: 13px !important;
	font-weight: 400;
	text-align: center;
}
.project-excerpt div + a {
	color: inherit;
}
.project-excerpt div + a:focus {
	outline: none;
}
h3.partner-name {
	text-align: center;
	font-style: 20px;
}

@media all and (min-width: 700px) {
	.project-excerpt.haspartner {
		display: flex;
		align-items: center;
		max-width: none;
	}
	.partner-info {
		width: 25%;
		/*float: right;*/
		min-width: 170px;
		margin: 0 0 0 99px;
	}

}

/* ACCORDIO */

.accordio h3:not(.widget-title) {
	cursor: pointer;
	border-bottom: 1px solid #aaa;
	padding: 0 1em 0.25em 0;
	margin: 1em 0;
	position: relative;
}

.accordio h3:not(.widget-title):after {
	content: '\f107';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 0.5em;
	position: absolute;
	top: 5px;
	right: 0;
}
.accordio h3.open:not(.widget-title):after {
	content: '\f106';
}

.accordio .so-panel, .accordio .panel-layout > * {
	margin-bottom: 0 !important;
}


/* PODSELECTOR */



.podselector {
	display: none; /* small screens only */
}

.podsource {
	overflow: hidden;
}
.podsource .so-panel.hot,
.podsource .so-panel.widget_siteorigin-panels-builder .so-panel,
.resilience-more.hot {
	position: static;
	opacity: 1;
	pointer-events: auto;
	transition: all 0.5s;
	transform: none;
	height:  auto;
	overflow:  visible;
}
.podselector li:after {
	content: "\f138";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 1em;
	opacity: 0;
	/*transition: all 0.5s;*/
	transform: translateX(-0.5em);
	display: inline-block;
}
.podselector li.hot:after {
	opacity: 1;
	transform: none;
	transition: all 0.5s;
}

button.get-more {
	cursor: pointer;
}
button.get-more.hot, .insight-excerpt.hot {
	display: none;
}
.resilience-more {
	position: absolute;
	opacity: 0;
	pointer-events: none;
	transition: all 0.5s, opacity 0s;
	/*transform: translateY(-1em);*/
}
.resilience-more p + p {
	transition: all 0.5s, opacity 0s;
	opacity: 0;
}
.resilience-more p + p + p {
	transform: translateY(-1em);
}
.resilience-more.hot {
	transition: all 0s;
}
.resilience-more.hot > * {
	transition: all 0.5s;
}
.resilience-more.hot p:first-child {
	transition: all 0.5s, opacity 0s;
}
.resilience-more.hot p + p {
	transform: none;
	transition: all 0.5s;
	opacity: 1
}
.noimages img {
	display: none;
}

p.insight-excerpt {
	position: relative;
	margin-bottom: 0;
}

p.insight-excerpt:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
}


/* headings */



h3.widget-title, h2.widgettitle {
    font-weight: 600 !important;
    /*color: #005E60 !important;*/
	/*padding: 0.2em 0.6em !important;*/
	/*margin: 0 auto 0.5em !important;*/
	/*display: inline-block !important;*/
	/*float: none !important;*/
	/*font-size: 18px !important;*/
	/*text-transform: uppercase;*/
	/*box-shadow: 0 0 0 3px #fff;*/
}
h2.widgettitle {
	/*text-align: center;*/
	/*margin-top: 2em !important;*/
}
.bigtitles h3.widget-title  {
	font-size: 40px;
	font-weight: 700 !important;
	box-shadow: inset 0 -0.5em #EDF6F6;
	max-width: 450px;
}
.bigtitles .darkrow h3.widget-title  {
	box-shadow: inset 0 -0.5em rgba(0,0,0,0.6);
}
.bigtitles .bluerowow h3.widget-title  {
	box-shadow: inset 0 -0.5em #fff;
}

.bigtitles .notitleshadow h3.widget-title {
	box-shadow: none;
}
.bigtitles .notitlelimit h3.widget-title {
		max-width: none;
	}

.bigtitles .textwidget > h2 {
	font-weight: 700;
	font-size: 50px;
	box-shadow: inset 0 -0.5em #E9E9E9;
	max-width: 550px;

}
.bigtitles .darkrow .textwidget > h2,
.bigtitles .darkrow.textwidget > h2  {
	box-shadow: inset 0 -0.5em #333;
}

.bigtitles .bluerow .textwidget > h2,
.bigtitles .bluerow.textwidget > h2  {
	box-shadow: inset 0 -0.5em #fff;
}
.biggertitle h3.widget-title {
	box-shadow: none !important	;
	font-size: 45px;
	margin-bottom: 0;
}
.noshadowtitle h3.widget-title, .noshadowtitle h2 {
	box-shadow: none !important	;
	max-width: none !important;
}

.insighttile {
	background-repeat: no-repeat !important;
	background-position: 13px 13px;
	background-size: 99px;
	min-height: 125px;
	padding: 1em 1em 1px 138px;
}
.insighttile h3.widget-title {
	box-shadow: none !important;
	font-size: 24px;
}

/* case study section on homepage */

a.hp-proj-box {
	min-height: 50vh;
	padding: 0 2em;
	color: #fff;
	background-size: cover;
	background-position: center;
	transition: all 0.6s;
	flex-grow: 1;
	display: flex;
	align-items: flex-end;
	box-shadow: inset 0 -350px 200px -200px #000;
	text-shadow: 0 0 20px #000;
}
a.hp-proj-box:hover {
	/*flex-grow: 3;*/
	box-shadow: inset 0 -450px 200px -200px #000;
}
.hp-proj-box article {
	max-width: 370px;
}
.cycle-slide .hp-proj-box {
	background-color: #ccc;
	background-blend-mode: multiply;
}

.cycle-slide a.hp-proj-box:hover {
	background-color: #F07E2D;
}


@media all and (min-width: 1100px) {

	a.hp-proj-box h2 {
		font-size: 40px;
		transition: all 0.6s;
		transform-origin: 0 100%;

		transform: scale(0.75);
	}
	a.hp-proj-box:hover h2 {
		transform: none;
	}	
	.cycle-slide a.hp-proj-box h2 {
		transform: none;
		font-size: 30px;
	}
}



@media all and (min-width: 1000px) { .biggertitle h3.widget-title { font-size: 65px; }}


.content.blank:not(.home) h3.widget-title, .right h2.widgettitle {
	font-size: 24px !important;
	color: #005e60 !important;
	background: none;
}

.content.blank:not(.home) h3.widget-title:after, .right h2.widgettitle:after {
	content: '';
	background: #005E60;
	width: 3em;
	height: 2px;
	margin: 0.5em auto;
	display: block;
}

.mc4wp-form-fields .subscribe {
	margin-top: 0.5em !important;

}

section .content .blog .blog-inner .subscribe input[type="text"], section .content .blog .blog-inner .subscribe input[type="email"], .subscribe input[type="text"], .subscribe input[type="email"] {
	border-radius: 5px;
	margin-top: 5px;
}


th {
	text-align: left;
	background: #E0F2F1;
}

table {
}
td, th {
	padding: 3px 6px;
}
td {
	background: #F8F8F8;
}

h1 > strong,
h2 > strong,
h3 > strong,
h4 > strong,
h5 > strong,
h6 > strong {
	font-weight: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	width:auto;
	display: block;
	margin: 0 0 0.4em;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	line-height:1.2;
}
h1 {
	font-size: 40px;
	color: #343434;
	font-weight: 600;
}
h2 {
	font-size: 30px
}
h3 {
	font-weight: 600;
	font-size: 23px;
}
h4 {
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
}
h5 {
	font-size: 17px;
	color: #005E60;
	font-weight: 600;
}
h6 {
	font-weight: 600;
	color: #005E60;
	font-size: 14px;
}

/***NEW FONTS!!!*/

/*h1, h2 {
	font-family: din-bold;
	font-weight: 400 !important;
}
h3, h4 {
	font-family: din-demi;
	font-weight: 400 !important;
	text-transform: none;
}
h5, h6 {
	font-family: din-regular;
	font-weight: 400 !important;
}*/

/****/

@media all and (max-width: 500px) {
	h1 { font-size: calc(3vw + 14px);}
	h2 { font-size: calc(2.6vw + 12px);}
	h3 { font-size: calc(2.3vw + 10px);}
	h4 { font-size: calc(1.9vw + 9px);}
	h5 { font-size: calc(1.9vw + 9px);}
	h6 { font-size: calc(1.7vw + 7px);}
	h2.box-title { font-size: calc(1.7vw + 7px) !important; font-weight: 700;}
	h1.project-title { margin: 1em 0; }
}

@media all and (max-width: 600px) {
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item {
		max-width: calc(25% - 0.25em);
	}
}

hr {
	margin: 2em 0;
	clear: both;
}



h2.list-item {
	font-size: 16px;
	float: left;
	background: #fff;
	line-height: 20px;
	width: 65%;
	border-bottom: 1px dotted #999;
	line-height: 1.2;
	margin-bottom: 0.5em
}

h2.list-item a {
	text-decoration: none;
	font-weight: 400;
	background: #fff;
	padding-right: 1em;
}
h2.list-item a:hover {
	color: #005E60;
}
h2.list-item + .entry-meta {
	float: right;
	background: #fff;
	vertical-align: bottom;
	line-height: 20px;
	width: 35%;
	padding-left: 1em;
}
h2.list-item + .entry-meta a {
	text-decoration: none;
	font-weight: 400;
}



/* Events take 2 */

/*li.event:before {
	content: none !important;
}
li.event .event-date > div {
	padding: 0.4em;
	margin-left: -0.8em;
}
*/
/* homepage */

.twitter-timeline {
	/*width: 90% !important;*/
	border: 1px solid #ccc !important;
	box-sizing: border-box;
	background: #f7f7f6;
}

#ctf {
	background: #f7f7f6;
	border: 1px solid #928f8f;
}

#ctf .ctf-header {
	background: #005f60;
	padding: 10px;
}
#ctf .ctf-header-text {
	color: #fff;
}

#ctf .ctf-item {
	padding: 20px;
}
#ctf .ctf-header .ctf-header-follow {
	background: none;
	border: 1px solid #fff;
}
#ctf .ctf-header a:hover .ctf-header-follow {
	background: #fff;
	color: #005f60;
}


#ctf .ctf-author-name,
#ctf .ctf-author-box,
#ctf .ctf-context {
	text-align: left;
	float: none;
}
#ctf p.ctf-tweet-text, #ctf p.ctf-media-link {
	font-size: 13px;
	text-align: left;
	font-weight: 400;
}

.toolbox-header #ctf {
	margin-bottom: 2.5em;
}

.sow-slider-base ul.sow-slider-images {
	padding: 0 !important;
}

div.newsfeed ul li::before {
	content: none;
}
 div.newsfeed ul li {
	padding: 1em;
	background: #f4f4f4;
	line-height: 1.4;
	overflow: visible;
}

div.newsfeed ul li .rpwwt-post-excerpt {
	font-weight: 300;
	font-size: 0.9em;
	margin-top: 1.2em;
}

a.custom-logo-link img {
	height: 100%;
	width: auto;
}

.rpwwt-widget ul {
	padding: 1em 0 !important;
}
.rpwwt-widget li a:first-child {
	display: block;
	min-height: 90px;
}
.rpwwt-widget > ul > li img {
	width: 75px;
	height: auto;
	border-radius: 100%;
	border: 1px solid #ccc;
	box-sizing: border-box;
	margin: 1.5em 1.5em 1.5em 0 !important;
	float: left;
}

.rpwwt-post-author {
	font-size: 0.8em;
	margin-top: 42px !important;
	font-weight: 700;
}
.rpwwt-post-date {
	font-size: 0.8em;
}
.rpwwt-post-excerpt {
	clear: left;
}

section .content .blog .blog-inner .blog-detail p {
	float: none;
}

section .content .blog .blog-inner .blog-detail img,
section .content .blog .blog-inner .blog-detail p img {
	margin-bottom: 1em;
}


.wp-caption-text {
	top: -1em;
	font-weight: 400 !important;
}

section .content .blog .blog-inner .blog-detail h1 {
	float: none;
}

/* ATR/Tools submission form */

.toggle-submit-form {
	cursor: pointer;
}

.submit-form, .resilience-modal-content {
	display: none;
	background: #fcfcfc;
	padding: 1em 2em;
	margin: 1em 0 2em;
	text-align: left;
}

.submit-form input[type="url"],
.submit-form input[type="email"] {
	min-width: 50%;
}
input#atr_title {
	width: 100%;
}

.show-submit-form .submit-form,
.show-modal-content .resilience-modal-content {
	display: block
}

.close-submit-form, .close-modal-content {
	display: none;
}



@media all and (min-width: 600px) { /* move all this to an exiting media block */
	.submit-form, .resilience-modal-content {
		position: fixed;
		top: 10%;
		left: calc(50% - 300px);
		right: calc(50% - 300px);
		box-shadow: 0 0 0 4000px rgba(0,0,0,0.1), 0 10px 60px -30px #000;
		z-index: 100;
		padding: 2em;
		max-height: 85%;
		overflow-y: auto;
	}
	.resilience-modal-content {
		padding: 0.5em 2em 1.5em;
	}

	.close-submit-form, .close-modal-content {
		display: block;
		float: right;
		text-decoration: underline;
		cursor: pointer;
		padding-top: 1.8em;
	}
}





@media all and (min-width: 600px) {
	section .content .blog .blog-inner .blog-detail img,
	section .content .blog .blog-inner .blog-detail p img {
		width: auto;
	}
	img.alignleft,
	.wp-caption.alignleft,
	section .content .blog .blog-inner .blog-detail img.alignleft {
		float: left;
		margin-right: 1.5em;
	}

	img.alignright,
	.wp-caption.alignright,
	section .content .blog .blog-inner .blog-detail img.alignright{
		float: right;
		margin-left: 1.5em;
	}
	section .content .blog .blog-inner .blog-detail .comment-area {
		margin-top: -30px;
		padding-top: 100px;
	}
}

/*.main-navigation:not(.toggled) > div > ul > li:last-child > a, section .content .blog .blog-inner .load-more a {
	color: #fff;
	font-weight: 600;
	background-color: #005E60;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 1em;
	padding-right: 1em;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}*/

.top-navigation {
	padding-right: 2em;
}
.top-navigation ul.menu li > ul {
	display: none; 
}

.top-navigation ul.menu li:hover > ul {
	display: block;
	position: absolute;
	width: auto;
	min-width: 220px;
}

.top-navigation ul.menu > li:last-child:hover > ul  {
	right: 0;
	left: auto;
}

.top-navigation ul.menu > li.current-menu-item {
	box-shadow: inset 0 -13px #fff, inset 0 -15px #4DB6AC;
}
 .top-navigation .menu-resilient-leadership-report-container ul.menu > li.current-menu-item, 
 .top-navigation .menu-securing-our-future-through-resilient-infrastructure-container ul.menu > li.current-menu-item {
	box-shadow: inherit;
}

.top-navigation ul.menu > li:hover, 
.top-navigation ul.menu > li.current-menu-ancestor, 
 .top-navigation .menu-securing-our-future-through-resilient-infrastructure-container ul.menu > li.current-menu-item:hover,
 .top-navigation .menu-resilient-leadership-report-container ul.menu > li.current-menu-item:hover {
	box-shadow: inset 0 -13px #fff, inset 0 -15px #E0F2F1;
}

a.backup {
	font-weight: 700;
	line-height: 53px;
	padding: 0 1em;
}


.top-navigation ul.sub-menu > li.current-menu-item {
	border-left: 3px solid #E0F2F1;
	background: #F8F8F8;
}
.top-navigation ul.sub-menu > li.current-menu-ancestor {
	background: #FaFaFa;
}

.top-navigation ul.sub-menu > li:hover {
	background: #E0F2F1;
}

.top-navigation ul.menu li > ul li {
	margin: 0;
	float: none;
	padding: 0 1em;
	/*box-shadow: inset -100px 75px 100px -50px #fff9*/
}

.top-navigation ul.menu li:hover > ul li {
	display: block;
}

.top-navigation ul.menu li > ul li a {
	text-transform: none;
	font-weight: 700;
}


.top-navigation ul li.current-menu-item a { font-weight: 700; }
.top-navigation ul li.current-menu-item a:hover { text-decoration: none; }

.small-menu {
	display: none;
}

section .content .blog .blog-inner .blog-box .info-box h1 {
	text-align: left;
}

.wp-caption:not(.aligncenter) {
	max-width: 65%;
}
img.size-medium {
	max-width: 62%;
	margin-bottom: 0.5em;
}
.wp-caption > img.size-medium, .gallery-item img.size-medium, .tribe-events-event-image img.size-medium {
	max-width: 100%;
}

.archive-description {
	max-width: 667px;
	margin: 0 0 3em;
}
.archive-description img.avatar {
	margin-bottom: 1em
}


@media all and (max-width: 340px) {
	img.size-medium, .wp-caption {
		width: 100%;
		max-width: 100%;
		margin-bottom: 1em
	}
}

#mobile-menu, #mobile-navigation .search-form {
	display: none;
}

#mobile-menu .expander {
	float: right;
	color: #4DB6AC;
	cursor: pointer;
	padding: 0.4em;
	margin-right: -0.4em;
	transition: transform 0.5s;
}
.mobile-navigation ul ul {
	/*display: none;*/
	transition: all 0s;
	position: absolute;
	pointer-events: none;

}
.mobile-navigation ul li.expanded > ul {
	/*display: block;*/
	position: static;
	pointer-events: auto;
}
.mobile-navigation ul ul li {
	opacity: 0;
	transform: scale(0.8) translateX(-25%) scaleX(0.7);
	transform-origin: 0 50%;
}

.mobile-navigation ul li.expanded > ul > li {
	opacity: 1;
	transform: none;
	transition: transform 0.3s, opacity 0.5s;
}
.expanded > .expander {
	transform: rotate(-135deg);
}
.top-navigation ul ul li.menu-item-has-children > a:after {
	content:' \00BB';
}



@media all and (max-width: 750px) {
/* Small menu. */


	.hidewhensmall {display: none;}

	.top-navigation *, #mega-menu-wrap-menu-1 {
		display: none
	}


/*	.main-navigation li {
		box-shadow: none !important;
		background: none !important;
	}*/

	ul#mobile-menu  {
		position: absolute;
		width: 100%;
		top: 5vh;
		background: #fff;
		left: 0;
		min-height: 100%;
		z-index: 999;
		padding: 50px 20%;
		box-shadow: 0 0 100px 100px #fff;
		opacity: 0;
		pointer-events: none;
		transition: all 0.6s 0.4s;
		display: block;
	}
	#mobile-navigation .search-form {
		display: block;
		position: absolute;
		z-index: 1000;
		left: 20%;
		right: 20%;
		bottom: 0;
		pointer-events: none;
		opacity: 0;
		transition: all 0.6s;
	}
	#mobile-navigation .search-form input {
		display: block;
		width: 100%;
		max-width: 100%;
		transition: all 0.6s 0.4s;
		position: relative;
		/*top: 1.5em;*/
	}
	#mobile-navigation .search-form input.search-field {
		font-size: calc(2vh + 2vw);
		border-radius: 10px;
		padding: 5px 10px;
		/*transition: all 0.6s;*/
		/*top: 0;*/
	}

	.menu-toggle {
		display: block;
		z-index: 1000;
	}

	.main-navigation.show ul#mobile-menu,
	#mobile-navigation.main-navigation.show .search-form  {
		opacity: 1;
		pointer-events: auto;
		transition: all 0.3s;
	}

	#mobile-navigation.main-navigation.show .search-form {
		bottom: 10%;
		transition: all 0.6s;
	}
	#mobile-navigation.main-navigation.show .search-form input.search-submit {
		/*top: 0;*/
	}

	#mobile-menu > li {
		float: none;
		box-shadow: none !important;
		transition: all 0.3s;
		transform: scale(0.8) translateX(-25%) scaleX(0.5);
		transform-origin: 0 50%;
		opacity: 0;
	}
	.show #mobile-menu > li {
		transform: none;
		opacity: 1;
	}
	.mobile-navigation li a, .expander {
		font-size: calc(2.5vh + 2.5vw);
		padding: 0.4em 0;
		text-transform: none;
		font-weight: 300;
		letter-spacing: 0.05em;
		line-height: 1;
	}

	.mobile-navigation ul ul li a,
	.mobile-navigation ul ul .expander {
		font-size: calc(2vh + 2vw);
	}
	#mobile-menu > li:nth-child(2), 
	.mobile-navigation ul li.expanded > ul > li:nth-child(2) { transition-delay: 0.07s;}
	#mobile-menu > li:nth-child(3), 
	.mobile-navigation ul li.expanded > ul > li:nth-child(3) { transition-delay: 0.14s;}
	#mobile-menu > li:nth-child(4), 
	.mobile-navigation ul li.expanded > ul > li:nth-child(4) { transition-delay: 0.21s;}
	#mobile-menu > li:nth-child(5), 
	.mobile-navigation ul li.expanded > ul > li:nth-child(5) { transition-delay: 0.28s;}
	#mobile-menu > li:nth-child(6), 
	.mobile-navigation ul li.expanded > ul > li:nth-child(6) { transition-delay: 0.35s;}
	#mobile-menu > li:nth-child(7), 
	.mobile-navigation ul li.expanded > ul > li:nth-child(7) { transition-delay: 0.42s;}
	#mobile-menu > li:nth-child(8), 
	.mobile-navigation ul li.expanded > ul > li:nth-child(8) { transition-delay: 0.49s;}
	#mobile-menu > li:nth-child(9), 
	.mobile-navigation ul li.expanded > ul > li:nth-child(9) { transition-delay: 0.56s;}


}

@media screen and (orientation: landscape) {

	#mobile-navigation .search-form {
		bottom: auto !important;
		top: calc(32vh + 25vw + 80px);
		background: #fff;
		border-radius: 5px;
		box-shadow: 0 0 20px 20px #fff;
	}
}


/* BOXES */

.related {
	padding: 50px 0 100px;
}

h1.related-title {
	text-align: center;
	font-size: 20px;
	margin: 2em 0;
}
h2.box-title {
	font-size: 18px;
}
.fourths .box.pub h2.box-title {
	font-size: 15px;
}
.box-page {
	height: 360px;
	position: relative;
	overflow: hidden;
}
h2.box-page-title {
	font-weight: 700;
	text-align: center;
	font-size: 16px;
	margin: 1.4em 1em 1em;
}
h2.box-title-type {
	text-transform: uppercase;
	font-weight: 900;
	font-size: 16px;
	letter-spacing: 0.05em;
	position: absolute;
	z-index: 2;
	background: rgba(255,255,255,0.8);
	padding: 0 0.5em 2px;
}
.box-page .box-content {
	font-style: italic;
	text-align: center;
	padding: 0 1em 1em;
}

.box-page:after {
	content: '';
	position: absolute;
	z-index: 2;
	left:0;
	bottom:0;
	right: 0;
	height: 4em;
	box-shadow: inset 0 -3em 2em #f3f3f3;
}

.box-page .box-content p {
	padding-bottom: 1em;
	margin-bottom: 0;
	max-height: 140px;
	overflow: visible;

}

.box.box-tool {
	background: #f8f8ff;
	box-shadow: 0 2px 5px -2px rgba(0,0,0,0.6);
	padding: 0 1em;
}
.box-tool img {
	float: none;
	padding: 0.5em 12.5% 1.5em;
}
.box-tool-title {
	padding-top: 1em;
	font-weight: 700;
}

.boxes.thirds {
	max-width: 964px;
	margin: 0 auto;
}
.box {
	padding: 0;
	vertical-align: top;
	margin: 0 13px 39px;
	display: inline-block;
	font-size: 14px;
	position: relative;
}
.box .topper {
	height: 56vw;
	max-height: none;
	margin: 0 -13px 13px
}
.box img.toppa {
	margin: -1em -1em 1em;
	max-width: calc(100% + 2em);
	min-height: 201px;
}
.box.pick img.toppa {
	margin: 0 -1em 1.1em;
}
.so-panel .box {
	margin: 0 0 26px;
}

.single-showcase .publication-loop {
	background: #eee;
	box-shadow: -500px 0 0 #eee, 500px 0 0 #eee;
	margin-bottom: -1em;
}

.single-showcase .publication-loop .boxes {
	text-align: left;
}

.t4r-header-content {
	position: absolute;
	bottom: 1em;
	width: 100%;
}

.t4r-header .topper {
	text-transform: uppercase;
	box-shadow: inset 0 -40vh 20vh -20vh var(--teal2);
	min-height: 60vh;
	display: flex;
	flex-direction: column;	
}

.t4r-header-content h1.entry-title,
.t4r-header-content a {
	color: #fff;
}

.t4r-header-content a:before {
	content: '\00AB';
	margin-right: 0.25em;
	font-weight: 700;
	transition: all 0.3s;
	display: inline-block;
}
.t4r-header-content a:hover {
	color: var(--blue6);
}

.t4r-header-content a:hover:before {
	transform: translateX(-0.25em);

}

.t4r-header-content h1.entry-title {
	margin-bottom: 5px;
	text-align: center;
}
.t4r-header-content h2 {
	font-family: din-regular;
	text-align: center;
	font-size: 1.8em;
}

a.t4r-topic-link {
	color: #fff;
	text-align: center;
	display: block;
	min-height: 231px;
	box-shadow: inset 0 -150px 75px -75px #000;
	padding: 1em 2em;
	transition: all 0.4s;
	background-size: cover;
	background-position: center;
	width: 100%;
	display: flex;
	align-items: center;
	position: relative;
}

a.t4r-topic-link:hover {
	box-shadow: inset 0 -250px 75px -75px rgba(0,0,0,0.9);
	/*color: var(--teal5) !important;*/
}

a.t4r-topic-link > * {
	pointer-events: none;
	transition: all 0.4s;
}

.t4r-box-title {
	position: absolute;
	font-family: din-demi;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 1.2;
	bottom: 2em;
	left: 0.5em;
	right: 0.5em;
}

.t4r-box-excerpt {
	opacity: 0;
	text-shadow: 0 0 10px #000;
	/*line-height: 2;*/
	text-align: left;
	color: var(--blue6);
}

.t4r-box-excerpt  p {
	margin-bottom: 10px;
}
.t4r-box-excerpt:before {
	content: '';
	width: 0%;
	height: 3px;
	background: rgba(255,255,255,0.9);
	transition: width 0.4s;
	display: block;
}
.t4r-box-excerpt:after {
	content: 'Read more \00BB';
	display: block;
	color: var(--teal5);
	font-weight: 700;
	transform: translateX(-10px);
	transition: all 0.4s;
}

a.t4r-topic-link:hover .t4r-box-title {
	opacity: 0;
}

a.t4r-topic-link:hover .t4r-box-excerpt {
	opacity: 1;
	color: #fff;
}

a.t4r-topic-link:hover .t4r-box-excerpt:after {
	transform: none;
}
a.t4r-topic-link:hover .t4r-box-excerpt:before {
	width: 100%;
}


@media all and (min-width: 550px) {
	.so-panel .box {
		width: calc(50% - 15px);
	}
	.so-panel .box:nth-child(odd):not(.atr-box) {
		margin-right: 13px;
	}
	.so-panel .box:only-child {
		width: auto;
		margin-right: 0;
	}
	.so-panel .box.atr-box {
		margin: 0 13px 26px;
	}

	a.t4r-topic-link {
		/*width: calc(25% - 26px );*/
		/*margin: 0 13px 26px;*/
	}
}

h2.box-title {

}
h2.box-title a {
	color: #000000;
}
h2.box-title a:hover {
	color: #005E60;
}
.single-campaign .pub h2.box-title a:hover {
	color: #29B6F6;
}

.feature-meta {
	font-size: 0.85em;
	display: none;
}
.readmore {
	display: none;
}
.box-meta {
	font-size: 0.7em;
	margin-top: -0.4em;
}

.box-meta .box-hide,
.box-meta .tags-links,
.box-meta .edit-link,
.box-meta i {
	display: none;
}
.box-meta .cat-links {
	float: right;
}
.box-meta a {
	color: #8D8D8D;
	font-weight: 600;
}

.box-meta .cat-links a, .box-meta a:hover {
	color: #005E60;
}
.box-meta .cat-links a:hover {
	color: #000;
}

h1.inblog, .archive h1.page-title, h1.archive-title, .aboutrow h1, .greyrow h1, .home .greyrow h2, .aboutrow h2 {
	margin: 0 0 1em;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 20px;
}
h1.inblog {
	display: none;
	margin: 0 13px 1em;
}
p.pretitle {
	font-weight: 700;
	text-transform: uppercase;
	font-style: 0.9em;
}
p.pretitle + h2 {
	font-weight: 600;
	font-size: 40px;
}

.box.pub {
	width: 100%;
	max-width: 100%;
	margin: 0 0 26px;
	position: relative;
	vertical-align: top;
}
.search-results .box.pub {
	padding-left: 13px;
}

.box-pub a.pub-cover {
	float: left;
}

.box-pub-left {
	float: left;
	margin-bottom: 0;
	width: 50%;
	height: auto;
	position: relative;
	overflow: visible;
}
.pub-header,
.pub-content {
	width: 50%;
	display: block;
	float: right;
}
.pub-header  {
	padding: 26px 26px 0;
}
.fourths .pub-header {
	padding: 10px 0 0 15px;
}
.pub-content {
	padding: 1em 26px 26px;
	font-size: 14px
}
.fourths .pub-content {
	padding-left: 15px;
}
.pub-content p:last-child {
	margin-bottom: 0
}

.nop *, .listen p * {perspective: none;}

.single-case-study .footnotes p,
.single-case-study .footnotes small {
	color: #666;
	font-size: 12px !important;
	line-height: 1.2;
}

.single-case-study .listen {
padding: 2em 2em 1em;
margin: 0 2em;
font-size: 13px;
background: #111;
color: #fff;
background-image: url('images/backstripes.svg'); ;
}

.single-case-study .listen h3 {
	font-size: 1.4em !important;
}

.mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
	border-radius: 100px !important;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-time-rail span{
	border-radius: 10px !important;
}

.box-pub-left img,
.pub-image,
.cs-download img {
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
.pub-image {
	display: inline-block;
}
.imageisblock img {
	display: block;
}
.cs-download {
	position: relative;
	text-align: center;
	display: block;
	margin: 2em 1em;
}
.box-pub-left i,
.cs-download i {
	position: absolute;
	bottom: -4px;
	right: 13px;
	font-size: 39px;
	transform-origin: 50% 100%;
	transition: all 0.2s;
}
.single-campaign .box-pub-left a i {
	color: #29B6F6
}
.box-pub-left a:hover i.fa-file-download ,
.cs-download:hover i.fa-file-download {
	color: #333;
	bottom: -7px;
}
.box-pub-left a:hover i {
	color: #333;
	filter: drop-shadow(0 0 5px #fff);
}
.box-pub-left a:hover i.fa-file-download {
	bottom: -7px;
}

.box-pub-left a:hover i.fa-external-link-alt {
	right: 9px;
}

.pub-image img {
	display: block;
}


.pub-loop-blurb {
	margin: 2em auto 3em;
	text-align: center;
}

h2.pub-title {
	margin: 0;
}

.pub-content p {
	font-size: 13px !important;
}
.publication-header {
	margin: 2em 0;
}

/* ATR */

.box.atr-box {
	/*border-top: 2px solid #666;*/
}

.box.atr.pick {
	background: #fff;
	border: 4px solid #E0F2F1;
	border-radius: 10px 10px 0 0;
	padding: 1em;
}

.atr-box header {
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid #ccc;
/*	margin: -2em -2em 2em;
	padding: 2em;
	background: #E0F2F1;*/
}
.atr-meta, .page .entry-content p.atr-meta {
	margin: 0.4em 0 0;
	font-size: 0.8em;
}

.atr-tags > * {
	margin-right: 0.6em
}
.iconised a {
	margin-right: 1.2em
}

/*.atr-content {
	display: none;
}

.post-type-archive-atr .atr-content {
	display: block;
}*/


.tools-content label:before,
.iconised a:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 0.5em;
}

.tools-content input[value="cities"] + label:before,
.iconised a[href*="/cities/"]:before {
	content: "\f64f";
}
.tools-content input[value="itc"] + label:before,
.iconised a[href*="/itc/"]:before {
	content: "\f1eb";
}

.iconised a[href*="/academia/"]:before {
	content: "\f19c";
}
.tools-content input[value="cross-sector"] + label:before,
.iconised a[href*="/cross-sector/"]:before {
	content: "\f00d";
}
.iconised a[href*="/digital/"]:before {
	content: "\f2db";
}
.tools-content input[value="energy"] + label:before,
.iconised a[href*="/energy/"]:before {
	content: "\f0e7";
}
.iconised a[href*="/engineering/"]:before {
	content: "\f0ad";
}
.iconised a[href*="/food/"]:before {
	content: "\f2e7";
}
.iconised a[href*="/technology/"]:before {
	content: "\f109";
}

.tools-content input[value="transport"] + label:before,
.iconised a[href*="/transport/"]:before {
	content: "\f239";
}

.iconised a[href*="/waste/"]:before {
	content: "\f2ed";
}
.tools-content input[value="water"] + label:before,
.iconised a[href*="/water/"]:before {
	content: "\f043";
}
.iconised a[href*="/finance/"]:before {
	content: "\f53a";
}
.iconised a[href*="/telecommunications/"]:before {
	content: "\f095";
}
.iconised a[href*="/approach-or-guidelines/"]:before {
	content: "\f02d";
}
.iconised a[href*="/open-source-freemium/"]:before {
	content: "\f3c1";
}
.iconised a[href*="/commercial/"]:before {
	content: "\f09d";
}

.iconised a[href*="/covid-19/"]:before {
	content: "\f974";
}
.iconised a[href*="/policy/"]:before {
	content: "\f5eb";
}

.iconised a[href*="/government/"]:before,
.tools-content input[value="government"] + label:before {
	content: "\f024";
}

.iconised a[href*="/owners-operators/"]:before,
.tools-content input[value="owners-operators"] + label:before {
	content: "\f018";
}

.iconised a[href*="/investors/"]:before,
.tools-content input[value="investors"] + label:before {
	content: "\f53a";
}

.iconised a[href*="/supply-chain/"]:before,
.tools-content input[value="supply-chain"] + label:before {
	content: "\f0c1";
}

.iconised a[href*="/others/"]:before,
.tools-content input[value="others"] + label:before {
	content: "\f500";
}

.iconised a[href*="/end-users/"]:before,
.tools-content input[value="end-users"] + label:before {
	content: "\f500";
}

.iconised a[href*="/engineers-planners-surveyors/"]:before,
.tools-content input[value="engineers-planners-surveyors"] + label:before {
	content: "\f545";
}






.rs-approved {
	display: block;
	background: #E0F2F1;
	margin: -28px -14px -21px;
	padding: 8px 13px;
	font-weight: 700;
	text-transform: uppercase;
}
.rs-approved .fas {
	transform: scale(1.7) rotate(-10deg) translateX(-2px);
	margin-right: 6px;
}

.atr-tags a, .entry-content p .atr-tags a {
	color: #005E60;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
}


.lc .atr-tags a {
	text-transform: none;
	margin-right: 0;
}

.atr-box-title i {
	font-size: 0.7rem;
	vertical-align: top;
	margin: 0.2em 0 0 0.5em
}

.atr-meta + .post-ratings {
	margin-top: 5px;
}

.page .entry-content p.media-types, .media-types {
	font-size: 0.8em;
	margin: -1em 0 5px;
}

.tools-content form {
	max-width: 1214px;
	margin: 0 auto;
}

li[data-sf-field-input-type="radio"] input,
.tools-content li[data-sf-field-input-type="checkbox"] input { /* hides box */
	display: none;
}

.searchandfilter ul li[data-sf-field-input-type="radio"] li,
.tools-content .searchandfilter ul li[data-sf-field-input-type="checkbox"] li,
.filterlinks span {
	display: inline-block;
	background: #888;
	padding: 3px 10px 4px;
	border-radius: 5px;
	margin: 3px !important;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
}
.filterlinks span {
	/*display: inline;*/
}

.searchandfilter ul li[data-sf-field-input-type="radio"] li.sf-option-active,
.tools-content .searchandfilter ul li[data-sf-field-input-type="checkbox"] li.sf-option-active {
	background: #4DB6AC;
	color: #fff;
}

.tools-content li.sf-field-reset input {
	background: #4DB6AC;
	border: 1px solid #4DB6AC;
	font-size: 1em;
	box-sizing: content-box;
}
.tools-content li.sf-field-reset input:hover {
	color: #4DB6AC;
	background: #fff;
}
.tools-content li.sf-field-reset input:active {
	background: #4DB6AC;
	color: #fff;
}
.show-tool-filters .tools-content .searchandfilter > ul > li.sf-field-taxonomy-tool-stage {
	display: none;
}

.searchandfilter ul li[data-sf-field-input-type="radio"] li label,
.tools-content .searchandfilter ul li[data-sf-field-input-type="checkbox"] li label {
	padding-left: 0 !important;
	cursor: pointer;
	display: block;
	font-size: 12px
}
.filterlinks span {
	font-size: 12px;
}

.tools-content .searchandfilter ul li[data-sf-field-input-type="radio"] li.sf-item-0 {
	display: block;
	text-align: center;
	max-width: none;
	font-size: 14px;
}

.tools-content .searchandfilter ul li[data-sf-field-input-type="radio"] li.sf-item-0 label {
	font-weight: 700 !important;
	font-size: 14px;
} 

.tools-content .searchandfilter ul li[data-sf-field-input-type="radio"],
.tools-content .searchandfilter ul li[data-sf-field-input-type="checkbox"],
.filterlinks span {
	transition: all 0.2s;
}

.tools-content .searchandfilter ul li[data-sf-field-input-type="radio"] li:hover,
.tools-content .searchandfilter ul li[data-sf-field-input-type="checkbox"] li:hover,
.filterlinks span:hover {
	background: #4DB6AC;
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	color: #fff;
	transform: scale(1.01);
}

.tools-content .searchandfilter ul li[data-sf-field-input-type="radio"] li:active,
.tools-content .searchandfilter ul li[data-sf-field-input-type="checkbox"] li:active,
.filterlinks span:hover {
	box-shadow: none;
	transform: none;
}

.tools-content .searchandfilter ul li[data-sf-field-input-type="radio"] li.sf-option-active
.tools-content .searchandfilter ul li[data-sf-field-input-type="checkbox"] li.sf-option-active {
	background: #4DB6AC;
	color: #fff;
	box-shadow: none !important
}

.tool-box dl > * {
	display: inline-block;
	float: none;
	margin-bottom: 0.5em;
	font-size: 13px;
} 
.tool-box .dt {
	font-weight: 700;
	margin-right: 1em;
	font-size: 12px;
	text-transform: uppercase;
}
.tool-box .developer p {
	margin-bottom: 0.5em;
	display: inline-block;
}
.tool-box .developer p.dt:after {
	content: ':';
}
p.dev-name {
	margin-top: 0.5em;
	font-size: 13px;
}
.tool-box .developer img {
	padding: 10px;
	border: 1px solid #ccc;
	display: none;
	background: #fff;
}

.showas {
	display: none;
}


.vct {
	background: #fff;
	text-align: center;
	display: none;
	padding: 3px;
	box-shadow: 0 5px 5px -2px #0000004d;
}
.vct td,
.vcbt tr:nth-child(1) td,
.vcbt tr:nth-child(2) td  {
	background: #ccc;
	color: #999;
	position: relative;
	min-height: 1.5em;
	margin: 0;
	padding-left: 1em;
	font-size: 13px;
	box-shadow: inset 0.75em 0 2em -2em #000;
	/*pointer-events: none;*/
}
.vct td a,
.vcbt tr:nth-child(1) td a,
.vcbt tr:nth-child(2) td a  {
	color: #999;
}
.vct tr:nth-child(1) td,
.vcbt tr:nth-child(1) td  {
	box-shadow: inset 0.75em -10px 2em -2.2em #000;	
}

.vct td:nth-child(1),
.vcbt tr:nth-child(1) td:nth-child(1),
.vcbt tr:nth-child(2) td:nth-child(1), {
	box-shadow: none ;
}
.vct tr td:nth-child(1),
.vcbt tr:nth-child(1) td:nth-child(1),
.vcbt tr:nth-child(2) td:nth-child(1) {
	box-shadow: inset 0 -10px 2em -2.2em #000 !important;	
}

.vct td:nth-child(3n+2) {
	background: #ddd;
}
.vct td:nth-child(3n+1) {
	background: #eee;
}
.vct td.lit,
.vcbt tr:nth-child(1) td,
.vcbt tr:nth-child(2) td {
	/*pointer-events: auto;*/
	background: #4DB6AC;
	color: #fff;
	font-weight: 700;
	box-shadow: inset 2em 0 2em -2.5em #000;
}
.vct td.lit a,
.vcbt tr:nth-child(1) td a,
.vcbt tr:nth-child(2) td a {
	color: #fff;
}
.vct tr:nth-child(1) td.lit,
.vcbt tr:nth-child(1) td {
	box-shadow: inset 2em -10px 2em -2.5em #000;	
}

.vct td + td:before,
.vcbt tr:nth-child(1) td + td:before,
.vcbt tr:nth-child(2) td + td:before {
	content: '';
	width: 0; 
	height: 0; 
	position: absolute;
	left: 0;
	top: 0;
	border-top: 1em solid transparent;
	border-bottom: 1em solid transparent;
	border-left: 0.75em solid #ddd;
}

.vct td:nth-child(3n+1):before {
	border-left-color: #ccc;
}
.vct td:nth-child(3n+2):before {
	border-left-color: #eee;
}

.vct td.lit + td:before,
.vcbt tr:nth-child(1) td + td:before,
.vcbt tr:nth-child(2) td + td:before {
	border-left-color: #4DB6AC;
}


.tools-content .searchandfilter .sf-input-text {
	border-color: #ccc;
	margin: 0;
}


.tools-list, .tools-list .box {
	margin-left: 0;
	margin-right: 0;
}

/* BIG table */

.vcbt {
	text-align: center;
	box-shadow: 0 2px 5px -2px rgba(0,0,0,0.6);
	background: #f8f8ff;
	display: none;
}
.vcbt td.divider {
	height: 10px;
}

.vcbt tr:nth-child(3) td.divider {
	box-shadow: inset 0 3px 2px -2px rgba(0,0,0,0.6);
}
/*.vcbt tr:nth-child(1) td,
.vcbt tr:nth-child(2) td {
	background: #666;
	color: #fff;
	font-weight: 700;
}*/
.vcbt tr td a,
.vcbt tr td a {
	color: #fff;
}

.vcbt .nonempty span, .linkov-key > span, .resetbutton  {
	background: #4DB6AC;
	color: #fff;
	cursor: pointer;
	border-radius: 5px;
	transition: all 0.1s;
	box-shadow: 0 1px 1px rgba(0,0,0,0.4);
	font-size: 18px;
}

.vcbt .nonempty span, .resetbutton {
	margin: 2px;
	display: block;
	padding: 3px;
}

.vcbt .nonempty ~ .nonempty > span {
	/*background: green !important;*/
}

p.full-width {
	max-width: none;
}
.linkov-key {
	float: right;
	display: none;
}

.linkov-key > span, .resetbutton {
	font-size: inherit;
	margin-left: 0.5em;
	padding: 4px 10px;
	cursor: inherit;
}
.resetbutton {
	float: right;
	cursor: pointer;
	margin-top: -5px;
}

.vcbt .nonempty.tier-1 span, .linkov-key .tier-1 {
	/*background: #5BC6F7;*/
}
.vcbt .nonempty.tier-2 span, .linkov-key .tier-2 {
	/*background: #26A4DE;*/
}
.vcbt .nonempty.tier-3 span, .linkov-key .tier-3 {
	/*background: #0872A2;*/
}


.vcbt .nonempty > span:hover, .resetbutton:hover {
	box-shadow: 0 1px 1px rgba(0,0,0,0.4), 0 0 3px #fff;
	color: #999;
	background: #fff;
	/*transform: translateY(-1px);*/
}

.vcbt .nonempty > span:hover a {
	color: #333;
}

.vcbt .nonempty > span:active {
	box-shadow: 0 1px 1px rgba(0,0,0,0.4);
	transform: none;
}

.tool-modal {
	position: fixed;
	z-index: 10000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	padding: 5% 15% 1%;
	overflow-y: auto;
}
.tool-mask {
	z-index: -1;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	color: #999;
	text-shadow: 0 1px 3px rgba(0,0,0,0.2);
	text-align: right;
	padding: 0.5em 1em;
	font-size: 2em;
}
.tool-mask i, .tool-modal > i {
	cursor: pointer;
	/*position: fixed;*/
	/*right: 2em;*/
}
.tool-modal > i {
	z-index: 1;
	position: fixed;
	color: rgba(238,238,238,0.53);
	font-size: 20vh;
	top: 40vh;
	line-height: 1;
	transition: all 0.3s;
}
.tool-modal > i.back {
	left: 40px;
}
.tool-modal > i.forward {
	right: 40px;
}
.tool-modal > i.back:hover {
	left: 35px;
}
.tool-modal > i.forward:hover {
	right: 35px;
}
.tool-mask i:hover, .tool-modal > i:hover {
	color: #4DB6AC;
}

.tool-modal .box.atr-box {
	box-shadow: 0 5px 10px rgba(0,0,0,0.6);
	margin: 0 auto 10vh;
	/*display: block;*/
	max-width: 1100px;
	background: #fff;

}

h2.tool-title + p {
	margin: -12px 0 3px;
	font-size: 1.2em;
}

h2.tool-title {
	font-weight: 700;
	font-size: 50px;
	margin-bottom: 0.2em;
}

/* Tools table - Roman's colour scheme */

.tricolour td {
	/*width: 11.11111111% ;*/
	background: none;
	position: relative;
	overflow: hidden;

}

.tricolour {
	background: none;
	position: relative;
}

.tricolour:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.tricolour tr:nth-child(1) td:nth-child(1),
.tricolour tr:nth-child(2) td:nth-child(1),
.tricolour tr:nth-child(2) td:nth-child(2),
.tricolour tr:nth-child(2) td:nth-child(3) {
	background: #b5ddda;
	color: #333;
	pointer-events: auto;
	font-weight: 600;
}
.tricolour tr:nth-child(2) td:nth-child(1) a,
.tricolour tr:nth-child(2) td:nth-child(2) a,
.tricolour tr:nth-child(2) td:nth-child(3) a {
	color: #333;
	/*font-weight: 600*/
}

.tricolour tr:nth-child(1) td:nth-child(2):before,
.tricolour tr:nth-child(2) td:nth-child(2):before,
.tricolour tr:nth-child(2) td:nth-child(3):before,
.tricolour tr:nth-child(2) td:nth-child(4):before {
	border-left-color: #b5ddda; 
}

.tricolour tr:nth-child(1) td:nth-child(2),
.tricolour tr:nth-child(2) td:nth-child(4),
.tricolour tr:nth-child(2) td:nth-child(5),
.tricolour tr:nth-child(2) td:nth-child(6) {
	background: #0b8b7d
}

.tricolour tr:nth-child(1) td:nth-child(3):before,
.tricolour tr:nth-child(2) td:nth-child(5):before,
.tricolour tr:nth-child(2) td:nth-child(6):before,
.tricolour tr:nth-child(2) td:nth-child(7):before {
	border-left-color: #0b8b7d
}
.tricolour tr:nth-child(1) td:nth-child(3),
.tricolour tr:nth-child(2) td:nth-child(7),
.tricolour tr:nth-child(2) td:nth-child(8),
.tricolour tr:nth-child(2) td:nth-child(9) {
	background: #003637;
}
.tricolour tr:nth-child(2) td:nth-child(8):before,
.tricolour tr:nth-child(2) td:nth-child(9):before {
	border-left-color: #003637
}

.tricolour tr:nth-child(2) td {
	cursor: pointer;
}
.tricolour tr:nth-child(2) td:hover,
.tricolour tr:nth-child(2) td.current {
	background: #fff;
	transition: all 0.1s;
}
.tricolour tr:nth-child(2) td:hover + td:before,
.tricolour tr:nth-child(2) td.current + td:before {
	border-left-color: #fff;
	transition: all 0.1s;
}
.tricolour tr:nth-child(2) td:hover a,
.tricolour tr:nth-child(2) td.current a  {
	color: #333;
	transition: all 0.1s;
}

.tricolour tr:nth-child(2) td.current a {
	pointer-events: none;
}

.tricolour tr:nth-child(2) td:after {
	content: '';
}

.ghost {
	position: absolute;
	display: none;
	background: #fff
}
.ghost td {
}

.ghost td:nth-child(1) { background: #eef7f7; }
.ghost td:nth-child(2) { background: #eef7f7; }
.ghost td:nth-child(3) { background: #eef7f7; }
.ghost td:nth-child(4) { background: #dceeed; }
.ghost td:nth-child(5) { background: #dceeed; }
.ghost td:nth-child(6) { background: #dceeed; }
.ghost td:nth-child(7) { background: #cae6e4; }
.ghost td:nth-child(8) { background: #cae6e4; }
.ghost td:nth-child(9) { background: #cae6e4; }



.vcbt .nonempty span {
	background: #556e7b;
	animation: shtum 0.6s 0.78s ease-out normal forwards;
	
	transform: scale(1.1);
	/*margin: 2px -10px;*/
	opacity: 0;
	filter: blur(1px);
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}

.tools-list .box {
	animation: shim 0.3s 0s ease-out normal forwards;
}

.vcbt tr:nth-child(4) .nonempty span {  animation-delay: 0.00s; }
.vcbt tr:nth-child(5) .nonempty span {  animation-delay: 0.06s; }
.vcbt tr:nth-child(6) .nonempty span {  animation-delay: 0.12s; }
.vcbt tr:nth-child(7) .nonempty span {  animation-delay: 0.18s; }
.vcbt tr:nth-child(8) .nonempty span {  animation-delay: 0.24s; }
.vcbt tr:nth-child(9) .nonempty span {  animation-delay: 0.30s; }
.vcbt tr:nth-child(10) .nonempty span { animation-delay: 0.36s; }
.vcbt tr:nth-child(11) .nonempty span { animation-delay: 0.42s; }
.vcbt tr:nth-child(12) .nonempty span { animation-delay: 0.48s; }
.vcbt tr:nth-child(13) .nonempty span { animation-delay: 0.54s; }
.vcbt tr:nth-child(14) .nonempty span { animation-delay: 0.60s; }
.vcbt tr:nth-child(15) .nonempty span { animation-delay: 0.66s; }
.vcbt tr:nth-child(16) .nonempty span { animation-delay: 0.72s; }

/* sticky version */


.vcsticky {
	position: absolute;
	opacity: 0;
	pointer-events: none;
	top: 100%;
	padding: 0;
	border-radius: 3px;
	transition: all 0.5s;
	max-width: 100%;
}

body:not(.toolsaslist) .stuck.doublestuck .vcsticky {
	opacity: 1;
	pointer-events: auto;
	margin-top: 10px;
}

.vcsticky td:nth-child(1) {
	border-radius: 2px 0 0 2px;
}
.vcsticky td:nth-child(9) {
	border-radius: 0 2px 2px 0;
}


@keyframes shtum {
	0% {
		transform: scale(1.1);
		/*margin: 2px -10px;*/
		opacity: 0;
		filter: blur(1px);
		box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	}
	100% {
		/*margin: 2px;*/
		transform: none;
		opacity: 1;
		filter: none;
		box-shadow: 0 1px 1px rgba(0,0,0,0.4);

	}
}


@keyframes shim {
	0% {
		transform: translate(0,10px);
		opacity: 0;
		filter: blur(1px);
	}
	100% {
		transform: none;
		opacity: 1;
		filter: none;

	}
}



/* PAGENAVI */


.wp-pagenavi {
	text-align: center;
	margin: 60px 0;
	font-size: 17px;
}
.wp-pagenavi > * {
	background: rgba(238,238,238,0.8);
	border-radius: 2px;
	padding: 8px 15px;
	margin: 5px;
	display: inline-block;
}
.wp-pagenavi .larger {
	font-weight: 700;
}

/* tool-slider */

.tool-slider {
	overflow-y: scroll;
	overflow-x: hidden;
	background: #eee;
	float: right;
	width: 370px;
	margin-left: 99px;
	height: 200px;
	margin-bottom: 60px;
	padding: 1em 0;
}


/* POP UP FILTERS */

.tools-content .searchandfilter ul li[data-sf-field-input-type="radio"] {
	/*max-width: 45%;*/
	margin-right: 3%;
	display: none;
	vertical-align: top;
}


.tools-content .searchandfilter > ul > li  {
	display: none;
}
.show-tool-filters .tools-content .searchandfilter > ul > li  {
	display: inline-block;
}
.show-tool-filters .tools-content .searchandfilter > ul > li[data-sf-field-input-type="radio"]  {
	display: inline-block;
}

.tools-content .searchandfilter > ul > li:nth-child(1),
.tools-content .searchandfilter > ul > li:nth-child(2)/*,
.tools-content .searchandfilter > ul > li:nth-child(3)*/ {
	display: inline-block;
}
.hidefilters,
.show-tool-filters .showfilters {
	display:none !important;
}
.show-tool-filters .hidefilters {
	display: inline-block !important;
}
p#results-header {
	font-size: 20px;
	text-align: center;
	border: 2px dashed #ccc;
	padding: 10px;
}


/*****************/

@media all and (min-width: 500px) {
	.thirds .box, .fourths .box, .fourths .box.pub {
		width: calc(50% - 28px);
	}
	.box .topper {
		height: 27vw;
		margin: 0 0 13px !important;
	}
	h2.box-title {
		min-height: 4em;
	}
	h2.box-page-title, h2.pub-title, h2.atr-box-title, h2.box-tool-title {
		min-height: 0;
	}
	.box-t4r {
		width: 48%;
	}
	.box-t4r:last-child:nth-child(odd) {
		width: 100%;
	}
}

@media all and (min-width: 750px) {
	.thirds .box, .fourths .box, .fourths .box.pub {
		width: calc(33% - 26px);
	}
	.box .topper { height: 18vw; }

	.related .box:nth-child(4) {
		display: none;
	}
	.tool-box .developer p,
	.tool-box .developer img { display: block; }
	.tool-box .developer p.dt:after { content: none; }

	.box-page {
		background: #f3f3f3;
	}


	.box-t4r:nth-last-child(1):nth-child(2n+1),
	.box-t4r:nth-last-child(2):nth-child(2n),
	.box-t4r:nth-last-child(3):nth-child(2n+1) {
		width: 31.5%;
	}


}
@media all and (min-width: 1000px) {

	.fourths .box, .fourths .box.pub {
		width: calc(25% - 29px);
	}
	.fourths .box.pick {
		/*width: calc(50% - 29px);*/
	}
	.box .topper { height: 13vw; }

	.related .box:nth-child(4) {
		display: inline-block;
	}
}

.bigslider h4.iw-so-person-name {
	text-transform: none;
	color:#000 !important;
	line-height: 1.6;
	text-align: center;
}
.bigslider img {
	/*margin: 0 auto 1em;*/
	/*display: block;*/
	/*max-width: 200px;*/
}
.bigslider h6 ~ * {
	display: none;
}
.bigslider h6 ~ p.more-person, .bigslider h6 + p {
	display: block;
}

.bigslider h6 + p em {
	font-style: normal;
	text-transform: uppercase;
	font-size: 0.8em;
}
.bigslider h6 + p {
	margin-top: -10px;
}
@media all and (min-width: 700px) {
	.bigslider h6 ~ p.more-person {
		position: absolute;
		bottom: 0;
	}
	.bigslider .textwidget {
		padding-bottom: 1px;
	}
}
.stretchslider .sow-slider-base .sow-slider-pagination,
.bigslider .sow-slider-base .sow-slider-pagination {
	text-align: center;
	bottom: -50px;
}

.person-info p.more-person {
	display: none;
}
.person-info {
	border: 3px solid #E0F2F1;
	border-radius: 1em;
	position: absolute;;
	background: rgba(255,255,255,0.95);
	width: 70%;
	/*top: 10%;*/
	/*max-height: 80%;*/
	overflow-y: auto;
	/*overflow-x:	;*/
	padding: 2em;
	left: 15%;
	right: 15%;
	box-shadow: 0 20px 40px rgba(0,0,0,0.2);
	z-index: 10000;
}
.person-info button.close-person:after {
	content:'';
}
.person-info p {
	margin-top: 0;
}
@media all and (min-width: 1000px) {
	.person-info {
		column-count: 2;
	}

}
@media all and (min-width: 1300px) {
	.person-info {
		column-count: 3;
	}
	.box-t4r {
 		width: 23%;
	}
	.box-t4r:nth-last-child(1):nth-child(4n+2),
	.box-t4r:nth-last-child(2):nth-child(4n+1),
	.box-t4r:nth-last-child(3):nth-child(4n),
	.box-t4r:nth-last-child(4):nth-child(4n+3),
	.box-t4r:nth-last-child(5):nth-child(4n+2),
	.box-t4r:nth-last-child(6):nth-child(4n+1),
	.box-t4r:nth-last-child(1):nth-child(4n+3),
	.box-t4r:nth-last-child(2):nth-child(4n+2),
	.box-t4r:nth-last-child(3):nth-child(4n+1) {
		width: 31.5%;
	}
	.box-t4r:nth-last-child(1):nth-child(4n+1),
	.box-t4r:nth-last-child(2):nth-child(4n),
	.box-t4r:nth-last-child(3):nth-child(4n+3),
	.box-t4r:nth-last-child(4):nth-child(4n+2),
	.box-t4r:nth-last-child(5):nth-child(4n+1) {
		width: 18%;
	}
}

@media all and (min-width: 1214px) {
	.thirds .box {
		margin: 0 36.5px 26px;
		width: calc(33% - 73px);
	}
	.thirds .box .topper,
	.fourths .box .topper {
		height: 150.75px;
	}
	.filterlinks {
		float: right;
		position: absolute;
		padding-right: 1.5em;
	}
}

@media all and (min-width: 1320px) {

	.bigslider .sow-slider-base,
	.stretchslider .sow-slider-base {overflow:visible;}
	.bigslider .sow-slide-nav-next,
	.stretchslider .sow-slide-nav-next {
		margin-right: -100px;
	}
	.bigslider .sow-slide-nav-prev,
	.stretchslider .sow-slide-nav-prev {
		margin-left: -100px;
	}

}

.boxes {
	margin-left: -13px;
	margin-right: -13px;
}

@media all and (max-width: 600px) {
	.publication-loop .boxes {
		margin-left: 0;
	}
}

h2.pub-year-header {
	background: #005E60;
	padding: 4px 0;
	max-width: 73px;
	margin: 1em auto;
	color: #fff;
	font-weight: 300;
	font-size: 16px;
}

.box a.readmore {
	font-weight: 600;
	color: #000;
	text-decoration: underline
}
.tax-p-archive-category .boxes,
.post-type-archive-publication .boxes,
.publication-loop .boxes {
	text-align: center;
}

.tax-p-archive-category .box,
.post-type-archive-publication .box,
.publication-loop .box {
	text-align: left;
}

/* Events Calendar */

.hp-right .tribe-list-widget li.type-tribe_events {
	background: #f7f7f6;
}

#tribe-events {
	max-width: 950px;
	margin: 0 auto 99px;
}
.tribe-events-loop {
	margin: 0 auto !important;
	max-width: 650px;
}
.tribe-clearfix {
	clear: both;
}
h2.tribe-events-list-separator-month {
	display: inline-block;
}
@media all and ( min-width: 700px) { h2.tribe-events-list-separator-month {margin-left: -3vw; }}
.tribe-events-tooltip h3 {
	padding: 10px 6px 0;
}
.tribe-events-notices {
    background: #E0F2F1;
    border-radius: 0px;
    border: none;
    color: #333;
    margin: 10px 0 18px;
    padding: 8px 35px 8px 14px;
    text-shadow: none;
}

.single-tribe_events .tribe-events-single-event-title, .tribe-events-page-title {
	margin-top: 7vh;
	font-weight: 600;
	font-size: 30px;
}
.tribe-events-schedule {
	margin-bottom: 7vh;	
}
.tribe-events-schedule h2 {
	display: block;
	text-align: center;
	font-weight: 300;
}

#tribe-events .tribe-events-single .tribe-events-content p,
#tribe-events .tribe-events-single .tribe-events-content h1,
#tribe-events .tribe-events-single .tribe-events-content h2,
#tribe-events .tribe-events-single .tribe-events-content h3,
#tribe-events .tribe-events-single .tribe-events-content h4,
#tribe-events .tribe-events-single .tribe-events-content h5,
#tribe-events .tribe-events-single .tribe-events-content h6 {
	margin: 0 auto 1em;
	text-align: center;
}

#tribe-events .tribe-events-single .tribe-events-content ol,
#tribe-events .tribe-events-single .tribe-events-content ul {
	display: block;
	text-align: left;
	margin: 0 auto 1.5em;
	max-width: 500px;
}
.single-tribe_events .tribe-events-cal-links {
	text-align: center;
}

.tribe-events-nav-pagination {
	background: #f8f8f8;
	padding: 6px 1em;
	margin-top: 1em;
	border-radius: 3px;
}
.tribe-events-nav-pagination a {
	font-size: 11px ;
	letter-spacing: 0.05em;
	font-weight: 300 !important;
}

#tribe-events .tribe-events-content p,
.tribe-events-after-html p,
.tribe-events-before-html p {
	line-height: inherit;
}

#tribe-events .tribe-events-button, .tribe-events-button {
	background-color: #4DB6AC
}
#tribe-events-header {
	display: none;
}
.tribe-events-single-section.primary {
	margin-top: 7vh;
}
#tribe-events nav li a {
	background: none !important;
	color: #333;
}

.tribe-events-single .tribe-events-event-image img {
	box-shadow: 0 5px 5px -3px rgba(0,0,0,0.6);
}

h4.tribe-event-title {
	text-transform: none;
	font-weight: 600;
	font-size: 14px;
}

h4.tribe-event-title a {
	text-decoration: none;
}
.main-navigation h4.tribe-event-title a {
	padding: 2px 0 5px;
}
ol.tribe-list-widget {
	padding: 1em 0 0;
}
li.type-tribe_events {
	background: #fff;
	padding: 1em !important;
	margin-bottom: 10px !important;
	width: 100%;

}


/*#tribe-events-content li::before,
ul li.tribe-bar-views-option::before {
	content: none;
}

.tribe-events-content {
	width: 100% !important;
	padding: 1em 0 !important;
}
#tribe-events .tribe-events-content p {
	display: block;
	margin: 0 auto 1em;
	line-height: 1.4;
}

#tribe-events-content li {
	float: none;
	line-height: 1.4
}
#tribe-events-content ul {
	padding: 0.5em 0.75em;
}

.tribe-events-meta-group {
	width: 100% !important;
	display: inline-block !important;
}

.tribe-events-list-separator-month {
	margin: -18px auto 0;
	max-width: 160px;
}

dd.tribe-organizer {
	margin: 0;
}

.tribe-events-cal-links {
	display: inline-block;
	width: 100% !important;
	text-align: center;
	margin-bottom: 3em;
}
.tribe-events-button {
	float: none !important;
}

.tribe-bar-filters-inner > div {
	padding: 15px !important;
}
.tribe-bar-views-inner {
	padding: 15px 0 45px !important;
}

*/

/* Contact page */

.mugshots h2 {
	font-size: calc(15px + 0.8vw);
	line-height: 1;
	margin: 10px 0 0;
}
 .mugshots h3 {
	font-size: calc(12px + 0.6vw);
	line-height: 1;
	margin: 4px 0 1rem;
}
.mugshots .textwidget p {
	font-size: 14px;
}

@media all and (min-width: 800px) {
	.cols .subscribe {
		column-count: 3;
	}
	.widget_links {
		display: inline-block;
		padding: 0 1em 1em;
	}
}


.tribe-bar-filters, .caption-white {
	display: none;
}

.tribe-events-list .tribe-events-loop .tribe-events-content {
	float: none;
	margin-bottom: 2em;
}
.tribe-events-single-section {
	margin-bottom: 2em;
}

dl dd {
	margin-left: 0;
}
ul.blogroll {
	padding-left: 5px;
}
ul.blogroll li {
	margin-bottom: 1em
}
ul.blogroll a {
	display: block;
	text-decoration: none;
}

.content {
	margin-top: 13vw;
}

.so-widget-sow-layout-slider * {
	/*visibility: visible !important;*/
}
div.so-widget-sow-layout-slider ul li {
	width: 100%;
}

.rpwwt-widget > ul > li,
.ctarow .panel-grid-cell  {
	box-shadow: 0 2px 5px -2px #666;
	padding: 2em !important;
	border: none !important;
	background: none !important;
}
.ctarow .sow-cta-base {
	border: none !important;
	background: none !important;
	padding: 0;
}

.ctarow {
	margin-bottom: 2em;
}
.workstreams p {
	max-width: 271px;
}

.goals .textwidget p {
	text-align: center;
}
.goals .textwidget p a, .slider-cta > span, .case-study-cta {
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin: 1em auto;
	border: 1px solid;
	border-radius: 0.5em;
	font-size: 12px;
	padding: 1em;
	width: auto;
	display: inline-block;
	font-weight: 700;
	text-decoration: none;
}
.case-study-cta {
	margin: 1em 1em 0 0;
}

.slider-cta > span {
	border-radius: 0;
	font-weight: 400;
}
.goals .textwidget p a:hover, 
.slider-cta > span:hover,
.case-study-cta:hover {
	background: #005F60 ;
	color: #fff;
}

.goals .widget-title:after {
	content: none !important;
}

.topborder {
	position: relative;
}
.topborder:before, .workstreams h3:before {
	position: absolute;
	top: 0;
	left: 0;
	height: 2px;
	background: #005f60;
	content: '';
	width: 100%;
	max-width: 1162px;
}
.workstreams h3 {
	position: relative;
	padding-top: 2em;
	text-align: left !important;
	font-weight: 300 !important;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.workstreams h3:before {
	width: 50%;
}
.workstreams h4 {
	font-weight: 700;
	font-size: 14px;
}
.workstreams a {
	text-decoration: none !important;
}
.workstreams a:after {
	content: '\f061';
	font-family: "Font Awesome 5 Free";
	text-decoration: none;
	margin-left: 1em;
	color: #005E60;
	font-weight: 900;
}


.goals .widget_media_image {
	margin: -26px -26px 26px;
}

.goals .widget-title {
	text-align: center !important;
}

/* Posts */

.topper {
	background-size: cover;
	background-position: 50% 50%;
	width: 100%;
	height: 50vh;
	max-height: 40vw;
	overflow: hidden;
	position: relative;
}
.topper.green {
	background: var(--teal3);
}
a .topper.green p {
	color: #fff;
	margin: 0;
	position:
	absolute;;
	top: 5%;
	left: 5%; right: 35%;
	height: 90%;
	overflow: hidden;
	box-shadow: inset 0 -100px 50px -50px var(--teal3);
	font-style: italic
}
.home a .topper.green p {
	font-size: 16px;
	right: 50%;
}

.single-case-study .topper {
	height: 40vh;
}
.single-showcase .topper {
	height: calc(100vh - 50px);
	max-height: none;
}
.single-showcase header .excerpt a {
	color: inherit;
	text-decoration: underline
}
.topper img {
	opacity: 0;
	width: 1px;
	height: 1px;
}
.topper.green img.headshot {
	opacity: 1;
	height: 90%;
	width: auto;
	position: absolute;
	right: 0;
	bottom: 0;
	max-width: none;
	max-height: 60vh;
}
.topper-bg {
	transition: all 0.3s ;
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: cover;
	background-position: 50% 50%;
}
.topper:not(.green):hover .topper-bg {
	transform: scale(1.2) rotate(1deg);
	filter: blur(1px);
}
.topper-overlay {
	background: rgba(0,0,0,0.47);
	opacity: 0;
	background-image: url('images/white-waves.png') ;
	background-repeat: no-repeat;
	background-position: 50% 60%;
	background-size: 30px;
	transition: all 0.3s ;
	width: 100%;
	height: 100%;
	position: absolute;
}
.topper:hover .topper-overlay {
	opacity: 0.9;
	background-size: 40px;
	background-position: 50% 50%;
}

.site-content > .topper {
	display: none;
}

.landing-header {
	width: 766px;
	max-width: 90%;
	margin: -2em auto 0;
	background: #fff;
	box-shadow: 0 2px 5px -2px rgba(0,0,0,0.6);
	padding: 2rem;
}
.landing-header:first-child { /* if there's no featured image */
	margin-top: 0 !important;
}
.greentop .landing-header {
	margin-top: 0 !important;
	background: #4DB6AC;
	padding: 20px;
	max-width: none;
	width: 100%;
	box-shadow: -500px -40px 0 50px	#4DB6AC, 500px -40px 0 50px #4DB6AC, 0 -50px 0 60px #4DB6AC, 0 -100px 0 100px #4DB6AC;
	z-index: -1;
}
.greentop .landing-header h1 {
	font-weight: 700;
	color: #fff;
}
.greentop .landing-header h1:after {
	content: none !important;
}
.greentop .excerpt {
	font-weight: 400;
	color: #fff;
	margin-bottom: 0 !important;
	font-style: italic;
	letter-spacing: 0.1em;
	font-size: 15px;
}

.landing-header img {
	display: inline-block;
	border-radius: 100%;
	float: left;
}
.error-404 .landing-header {
	width: 450px;
}

.standard-header {
	box-shadow: none;
}

.post .entry-meta {
	font-size: 0.8em;
	display: block;
}
.post .entry-title {
	margin-bottom: 1em;
	line-height: 1.1;
}
.single:not(.single-learning-resource) .topper + .entry-header {
	margin-top: 1em;
}
img.avatar {
	border-radius: 100%;
	float: right;
	margin-left: 1em;
}

.single-related {
	/*border-top: 3px solid #B2B2B2;*/
	clear: both;
}

.entry-content {
	clear: both;
}

.entry-taxonomies  {
	line-height: 15px;
}
.entry-taxonomies > span {
	display: block;
	color: #5C5C5C;
}

a.post-edit-link {
	color: red;
	position: absolute;
	font-size: 0.8em;
	color: #fff;
	background: #e22;
	border-radius: 5px;
	font-weight: 700;
	padding: 0 1em;
	text-transform: uppercase;
}
a.post-edit-link:hover {
	color: #e22;
	background: #fff;
	box-shadow: 0 0 10px rgba(238,34,34,0.6);
}
.download-area 
a.post-edit-link {
	position: static;
}

.back-to-all {
	display: none;
}



h4.sow-cta-title {
	color: #005E60;
	font-weight: 700;
}

div.homeslider .textwidget h1,
div.homeslider .textwidget p { /* maybe make this the h1 style if more copy is to go below */
	text-align: center;
	font-weight: 600 !important;
	max-width: 90%;
	margin: 0 auto !important;
	display: block;
	font-size: calc(1.5em + 1.5vw) !important;
	line-height: 1.1 !important;
}

div.homeslider .textwidget p {
	font-weight: 400;
	margin: 0 auto 1em !important;
}
div.homeslider2 .textwidget h1,
div.homeslider2 .textwidget p  {
	font-size: calc(1em + 1vw + 1vh) !important;
	text-shadow: 0 2px 6px #000 !important;
	max-width: 70%

}
.homeslider2 h3.widget-title {
	font-size: calc(2.1vw + 2.1vh) !important;
	text-shadow: 0 2px 6px #000 !important;
	color: #fff !important;
	text-align: center;
	font-weight: 300 !important;
	margin-bottom: 0.65em !important
}
.homeslider2 .darkslide h3.widget-title, 
div.homeslider2 .darkslide .textwidget p:not(.slider-cta)  {
	text-shadow: 0 0 5px #fff !important;
	color: #333 !important;
}
.homeslider2 h3, .homeslider2 p {
	opacity: 0;
	transform: translateY(20px)
}
.homeslider2 .cycle-slide-active h3.widget-title {
	transition: all 1s 0.5s;
	opacity: 1;
	transform: none;
}
.homeslider2 .cycle-slide-active p {
	transition: all 1s 1s;
	opacity: 1;
	transform: none;
}
.homeslider2 .cycle-slide-active p.slider-cta {
	transition: all 1s 1.5s;
}

.homeslider2 .sow-slider-image .haslogo h3.widget-title:before {
	content:'';
	display: inline-block;
	margin: 0.22em;
	width: 0.85em;
	height: 0.85em;
	vertical-align: bottom;
	background-size: contain;
	background-image: url('images/white-waves.png');
	background-repeat: no-repeat;
	filter: drop-shadow( 0 2px 6px rgba(0,0,0,0.6) );
}
.homeslider2 .sow-slider-image .haslogo.darkslide h3.widget-title:before {
	filter: invert();
}
.homeslider2 .sow-slider-image-overlay { /* Ken Burns */
/* 	background-size: auto 100% !important; */
/* 	background-repeat: no-repeat !important; */
/* 	background-position: 100% 100%; */
/* 	background-color: #fff; */
/* 	transition: background-size 0s 2s; */
}
.homeslider2 .cycle-slide-active .sow-slider-image-overlay {
/* 	background-size: auto 120% !important; */
/* 	transition: background-size 10s linear; */
}

.greyrow {
	background: #f7f7f6;
	position: relative;
	z-index: 0;
}
.greyrow.blue {
	background: #E0F2F1;
}

.single .dlist p {
	margin: 0;
}
.single .dlist .defined p {
	font-size: 24px;
	font-weight: 700;
	color: #036062;
}
.dlist .panel-grid +.panel-grid {
	border-top: 1px solid;
	padding-top: 1.6em;

}

.aboutrow, .greyrow {
	padding: 20px 0;
}


.aboutrow blockquote {
	padding: 0;
	float: none;
}
.aboutrow p {
	margin: 0 auto 1.5em;
	max-width: 667px;
	font-size: 16px;
}
.aboutrow * {
	text-align: center;
}
.aboutrow blockquote p {
	/*border-top: 2px solid #005F60;*/
	/*border-bottom: 2px solid #005f60 ;*/
	font-size: 20px;
	font-style: normal;
	/*padding: 1em 0;*/
	line-height: 1.4;
	font-weight: 500;
	color: #333;
	margin: 1.5em auto;
	max-width: 750px;
	width: auto;
	/*text-align: center;*/
}
.aboutrow.darkrow blockquote p {
	color: #fff;
}
.aboutrow h5, .leaders h5 {
	font-weight: 700;
	text-align: center
}
.aboutrow h6, .leaders h6 {
	font-weight: 300;
	font-style: italic;
	font-size: 14px;
	margin-bottom: 1.5rem;
	text-align: center;
}
.leaders h5, .leaders h6 {
	color: #000;
	text-align: left;
}
.darkrow * {
	color: #fff;
}
.darkrow a {
	color: #ddd !important;
}
.darkrow a:hover {
	color: #fff !important;
}

.pbox p {
	padding: 0.5em;
	background: rgba(255,255,255,0.8);
}
.darkrow.pbox p {
	padding: 0.5em;
	background: rgba(0,0,0,0.8);
}
.outsize, .gradient1, .gradient2 {
	margin: -1em;
	padding: 1em;
}
.gradient1, .gradient3 {
	position: relative;
}
.gradient1 p {
	text-shadow: 0 0 3px #000;
}
.gradient1:before, .gradient3:before {
	content:'';
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.8) 75%);
	z-index: 1;
	top: 0;
	left: 0;
}
.gradient1 > *,  .gradient3 > *  {
	position: relative;
	z-index: 2;
}
.gradient2 {
	background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%, rgba(240,240,240,0.7) 100%);
	padding: 1em 1em 1px;
	margin: 0 -1em;
}
.gradient3:before {
	background: url('images/stripes.png'); ;
	background-size: 15px;
	mix-blend-mode: multiply;
}


img.size-thumbnail {
	border-radius: 100%;
	max-width: 150px;
}
.darkrow img {
	/*border: 1px solid #fff;*/
}
.page .entry-content p.count {
	font-size: 40px;
	font-weight: 600;
	margin: 0;
	text-align: center;
}
.page .entry-content p.count-icon {
	margin-bottom: 0;
	font-size: 28px;
	text-align: center;
	display: none;
}

.ws h3.widget-title {
	font-weight: 300 !important;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 1.6rem !important;
	text-align: center;
	padding: 1em;
	margin: 1em;
	border-bottom: 3px solid #E0F2F1;
}



.post .entry-content img {
	margin-bottom: 1em
}

.featurerow {
	/*margin-top: -46px;*/
}
.featurerow .panel-grid-cell:nth-child(2) p {
	max-width: 400px;
}


div.rpwwt-widget ul:not(.hlist) li::before {
	content: none;
}

.sow-headline-container .decoration {
	display: none;
}
h1.sow-headline, .sow-slider-image-container h1 {
	font-weight: 700 !important;
	text-align: left;
}
p.slider-cta {
	font-weight: 400;
	color: #005F60 !important;
	text-shadow: none !important;
	text-align: center;

}
p.slider-cta span {
	display: inline-block;
	background: #fff;
	background: rgba(255,255,255,0.93);
	padding: 0.5em 1em;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
	border: none;
	font-size: 20px;
	text-shadow: none;
	/*animation: rise 0.6s 0.4s;*/
}
@keyframes rise {
	0% { opacity: 0; transform: translateY(16px);}
	100% { opacity: 1; trnasform: none;}
}

p.slider-cta span:hover {
}


.so-panel .widget-title {
	/*text-align: left;*/
}

.project .so-panel .widget-title { /* some of this might more into general .so-panel .widget-title */
	font-size: 2rem;
	margin-bottom: 0.8em;
}
.project .smallh3 .widget-title {
	font-size: 2em;
}
.project h2.subtitle {
	font-weight: 700;
	font-size: 1.8em;
	/*font-style: italic;*/
	margin-top: -10px;
}




.shadowed img, img.shadowed {
	box-shadow: 0 5px 5px -2px rgba(0,0,0,0.6)
}
.mega-menu .shadowed img {
	transition: all 0.2s;
}
.mega-menu .shadowed img:hover {
	box-shadow: 0 9px 7px -4px rgba(0,0,0,0.6);
	transform: translate(0,-2px);
}





 .sow-cta-base .so-widget-sow-button {

 }
 h5.sow-cta-subtitle {
 	font-size: 14px;
 }

.sow-cta-base .so-widget-sow-button {
	float: none;
	margin: 0 auto;
}

.ow-button-base.ow-button-align-center {
	float: none;
}

.ow-button-base a.ow-button-hover {
	background: #fff !important;
	float: none;
	color: #005f60;
	border: 1px solid #005f60;

}
.single-campaign .ow-button-base a.ow-button-hover,
.page-template-page-project .ow-button-base a.ow-button-hover {
	background: #29B6F6 !important;
	color: #fff;
	border: none;
	font-size: 1.5em;
}



.dashbox1 {
	background: #fff;
	padding: 1em 2em;
	position: relative;
	margin: 0 2em 3em 0;
}
.dashbox1:before {
	content:'';
	background: url('images/backstripes2.svg'); 
	position: absolute;
width: 100%;
height: 100%;
top: 2em;
left: 2em;
z-index: -1;
}


.plustitle {
	cursor: pointer;
	font-size: 1.2rem !important;
	line-height: 1.4;
}

.plustitle:before {
	content: '\f055';
	margin-right: 1em;
	font-family: "Font Awesome 5 Free";
	font-size: 2rem;
	vertical-align: middle;
	font-weight: 900;
}

.plusplus .textwidget {
	overflow: hidden;
}
.plustitle.open:before {
	content: '\f056';
}



/* MailChimp widget */

.widget_mc4wp_form_widget {
	padding: 2rem 5%;
	background: #e1f5fe;
	text-align: center;
}

.mcwhite .widget_mc4wp_form_widget {
	/*background: rgba(255,255,255,0.6);*/
	padding: 0;
	background: none;
}
.mc-preamble {
	text-align: center;
	font-weight: 700;
	padding: 0 5%;
}

.widget_mc4wp_form_widget input[type="text"],
.widget_mc4wp_form_widget input[type="email"] {
	width: 45%;
}

.subscribe1 input[type="text"], 
.subscribe1 input[type="email"] {
	border: none;
	background: rgba(253,253,253,0.9);
	box-shadow: 0 2px 2px -1px rgba(0,0,0,0.3);
}
.mc-preamble a {
	display: block;
	font-weight: 400;
	font-size: 11px;
	margin: 1em 0;
}

.subscribe1 input[type="text"]:focus, 
.subscribe1 input[type="email"]:focus {
	background: #fff;
	box-shadow: 0 2px 2px -1px rgba(0,0,0,0.3), 0 0 10px rgba(255,255,255,0.5);
}

.archive-page-widgets .after-sticky {
	margin: 34px auto 0;
}

/* Sharer NOT SURE ABOUT THIS - FUDGED - TEST OR FIND A PROPER WAY */

li.share-facebook {

}

.sharing {
	margin: -10px 3px 10px;
	font-size: 20px;
}
.insight-sharing {
	font-size: 20px;
}
.sharing i.fa-share-alt {
	margin: 0 1em 0 0;
	vertical-align: text-top;
}

.sharing a,
.insight-sharing a,
.insight-sharing i.fa-share-alt  {
	margin-right: 1em;
}


.post .entry-posted-info {
	padding: 9px 0;
}

.filter-area .toggle-close {
	cursor: pointer;
}
.filter-area .fas.toggle-close {
	margin-right: 4vw;
}

.filter-area form {
	opacity: 0;
	transition: opacity 1s;
}
.filter-area.show form {
	opacity: 1;
	transition: opacity 0.4s;
}

.filter-area .fas.toggle-close {
	display: none;
}

.toggle-remote {
	cursor: pointer;
}

.searchandfilter ul {
	margin: 0;
	padding: 0;
}

.searchandfilter ul li {
	display: none;
}

.filter-area h3 {
	text-align: center;
	margin: 0;
}
.filter-area.show h3 {
	display: none;
}


.show .searchandfilter ul li {
	display: inline-block;
	margin: 0 4vw;
	vertical-align: top;
}

.show .searchandfilter ul li.sf-field-submit,
.show .searchandfilter ul li.sf-field-reset {
	display: block;
}
.show .searchandfilter ul li.sf-field-reset {
	/*float: left;*/
}
.searchandfilter .sf-date-prefix {
	min-width: 75px;
}
.searchandfilter ul > li > ul:not(.children) {
	padding: 0 1em 0 0;
}
.tools-content .searchandfilter ul > li > ul:not(.children) {
	padding: 0;
}
.tools-content .searchandfilter ul li {
	margin: 0 2em 0 0;
}
.show .searchandfilter ul li li {
	margin: 0 2em 0 0;
}


.filter-area.show .toggle-close.fa-times {
	display: block;
	float: right;
}


/* search in header */

.show-search-icon, .hide-search-icon {
	padding: 17px 0;
	font-size: 20px;
	cursor: pointer;
	color: #4DB6AC;
	float: right;
	width: 20px;
}
.headersearch {
	margin: 0 0 0 2vw;
	float: right;
	position: relative;
}

.fas.hide-search-icon, .show-search .show-search-icon {
	display: none;
}
.show-search .fas.hide-search-icon {
	display: inline;
}

.top-navigation ul.menu, #mega-menu-wrap-menu-1 {
	transition: opacity 0.6s;
}
.show-search .top-navigation ul.menu, .show-search #mega-menu-wrap-menu-1 {
	opacity: 0;
	pointer-events: none;
}
.show-search .blog-tools .asl_w {
	opacity: 0.5;
}


.headersearch .asl_w {
	display: inline-block;
	width: 0px;
	margin: 11px 2em 0 0 !important;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	right: 2em;
	float: left;

	transition:	width: 0s 0.2s, opacity 0.2s;
}

.show-search .headersearch .asl_w {
	width: 500px;
	opacity: 1;
	transition:	width 0.5s cubic-bezier(0,0.5,0.5,1), opacity 0.2s;
	pointer-events: auto;
}


/* curated archives and search pages */

h2.type-label + .fourths {
	margin-top: 2em;
}

.boxes + h2.type-label {
	border-top: 1px solid #ccc;
	padding-top: 1em;
}

.more-type {
	text-align: center;
	max-width: 40%;
	background: #f8f8f8;
	margin: 0 auto 2em;
	padding: 1em;
	font-weight: bold;
}

.more-type ~ * {
	display: none;
	/*position: absolute;*/
	/*opacity: 0;*/
	/*pointer-events: none;*/
}


/** TIMELINE on CASE-STUDY PAGES **/


h2.pre-cs {
	text-align: center;
}
.cs-timeline-header {
	display: none;
	margin: 1em 0 99px;
	padding-bottom: 2em;
	border-bottom: 2px dashed #999;
	justify-content: space-around;
	/*justify-content: start;*/
	align-items: center;
}
.mtt, .mt-buffer {
	display: none !important;
}
.cs-timeline-header img {
	padding: 1em;
	cursor: pointer;
	margin: 0;
	/*max-width: none;*/
	width: 100%;
	/*box-sizing:	content-box;*/
}
.cs-timeline-header img.insight-a {
	width: 90%;
}
.cth-element {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 13%;
    transition: all 0.6s;
}

.page .entry-content p.cth-title,
.single .entry-content p.cth-title, .cth-title {
    text-align: center;
    font-size: 13px;
    max-width: 150px;
    transition: all 0.6s;
    padding: 0 3px;
    font-weight: 700;
    color: #777;
    margin: 0 -15px;
    position: relative;
}
.page .entry-content .cth-element:hover p.cth-title,
.single .entry-content .cth-element:hover p.cth-title, .cth-element:hover .cth-title {
	color: #444;
}
.page .entry-content .hot p.cth-title,
.single .entry-content .hot p.cth-title, .hot .cth-title {
	color: #111 !important;
}
.cth-title:nth-of-type(2):before,
.cth-title:nth-of-type(2):after {
	font-family: "Font Awesome 5 Free";
	content: '\f0dd';
	position: absolute;
	top: -18px;
	left: 50%;
	margin-left: -0.32em;
	font-weight: 900;
}
.cth-title:nth-of-type(2):after {
	content: '\f0de';
	position: absolute;
	bottom: -16px;
	top: auto;
}

.hide-cth-titles .cth-element {
	max-width: 9%;
}
.hide-cth-titles .cth-title {
	opacity: 0;
	line-height: 0;
}
.hide-cth-titles .cs-timeline-header:hover .cth-element {
	max-width: 13%;
} 
.hide-cth-titles .cs-timeline-header:hover .cth-title {
	opacity: 1;
	line-height: inherit;
}
.hide-cth-titles .cs-timeline-header:hover ~ .cs-timeline-header .cth-title {
	opacity: 1;
	line-height: inherit;
}
.hide-cth-titles i {
	transform: none !important;
}
/*.hide-cth-titles */

.stuck.cs-timeline-header, .stuck.mtt, .bstuck.mtt {
	position: fixed;
	left: 0;
	right: 0;
	top: 50px;
	z-index: 4;
	max-width: 1162px;
	margin: 0 auto;
}
.stuck.cs-timeline-header + .cs-timeline-header,
.stuck.mtt + .mtt, .bstuck.mtt + .mtt {
	visibility: hidden;
}
.cs-timeline-header.tab-style, .mtt {
	background: rgba(240,240,240,0.9);
	box-shadow: -700px 0 rgba(240,240,240,0.9), 700px 0 rgba(240,240,240,0.9);
	border-bottom: none;
	padding: 2em 0;
}
.mtt {
	padding: 1.5em 0 0;
}
.hide-cth-titles .cs-timeline-header.tab-style {
	padding: 1em 0;
	transition: all 0.6s;
}

.cs-timeline-header > i {
	font-size: 2em;	
	transition: all 0.6s;
}
.cth-element:nth-of-type(odd) {
	flex-direction: column-reverse;
}


.cth-element:nth-of-type(even) .cth-title:nth-of-type(2):after,
.cth-element:nth-of-type(odd) .cth-title:nth-of-type(2):before {
	content: none;
}
.cth-element + i {
	transform: rotate(45deg);
}
.cth-element + i:nth-of-type(even) {
	transform: rotate(-45deg);
}

@media all and (max-width: 768px) {
	.cs-timeline-header {
		flex-wrap: wrap;
		/*align-items: flex-start;*/
		justify-content: normal;
	}
	.cs-timeline-header i {
		display: none;
	}
	.cth-element {
		flex-direction: row !important;
	}
	.single .entry-content p.cth-title {
		text-align: left;
	}
}

.cs-dropdown .textwidget {
	line-height: 0;
	opacity: 0;
	transition: all 0.4s !important;
	pointer-events: none;
	position: absolute;
	clear: both;
}
.cs-dropdown.clicked .textwidget {
	line-height: inherit;
	opacity: 1;
	position: relative;
	pointer-events: auto;
	transition: all 0.4s !important;
}

.cs-dropdown h3 {
	font-size: 1.6em !important;
	cursor: pointer;
}
.cs-dropdown.clicked h3 {
	cursor: auto;
}

.cs-dropdown h3:before {
	font-family: "Font Awesome 5 Free";
	content: '\f05a';
	float: left;
	font-size: 2em;
	margin: 0 1rem 2rem 0;
	font-weight: 900;
}
.cs-dropdown h3:after {
	content: 'expand';
	font-size: 16px;
	display: block;
	text-align: center;
	padding: 0.3em 0.6em;
	border: 1px solid;
	border-radius: 3px;
	max-width: 40%;
	margin: 1.5em 0 0 3.6em

}
.cs-dropdown.clicked h3:after {
	display: none;
}

.cs-dropdown {
	background: #eee;
	padding: 26px 26px 1em;
}

img.top-corner {
	width: 198px;
	float: right;
	padding-bottom: 2em;
}

svg.wave {
	display: none;
}
svg.svgarrow {
	display: none;
}

/*  INSIGHTS  */

.insight {
	position: relative;
}

.insight-a {
	width: 50%;
	max-width: 200px;
	margin: 0 auto;
	box-shadow: none !important;
	display: block;
}
.insight .insight-a {
	position: absolute;
	right: -10px;
	top: -10px;
	opacity: 0.1;
	width: 35%;
	pointer-events: none;
}
.insight h3.widget-title {
/* 	font-weight: 700 !important; */
	font-size: 3em;
	color: #0B8A7C;
}
.insight .panel-layout  h3.widget-title {
	font-size: 1.25em;
	text-transform: uppercase;
}
.insight h4 {
	text-transform: none;
}

/* Seth Says */

body.seth-says-blue {
	background: rgb(38,152,214);
	background: linear-gradient(66deg, rgba(0,0,0,1) 0%, rgba(38,152,214,1) 100%);
}

body.seth-says-green {
	background: rgb(9,154,137);
	background: linear-gradient(66deg, rgba(0,0,0,1) 0%, rgba(9,154,137) 100%);
}
body.seth-says-orange {
	background: rgb(241,126,45);
	background: linear-gradient(66deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(241,126,45) 100%);
}
.seth-says .highlight {
	display: inline-block;
}

.seth-says-blue .highlight, .single-post.seth-says-blue .entry-content p a:not(.button) { 
	box-shadow: inset 0 -0.5em 0 rgb(38,152,214);
}
.seth-says-green .highlight, .single-post.seth-says-green .entry-content p a:not(.button) { 
	box-shadow: inset 0 -0.5em 0 rgb(9,154,137);
}
.seth-says-orange .highlight, .single-post.seth-says-orange .entry-content p a:not(.button) { 
	box-shadow: inset 0 -0.5em 0 rgb(241,126,45);
}
.single-post.seth-says-blue .entry-content p a:not(.button):hover { 
	box-shadow: inset 0 -1.4em 0 rgb(38,152,214);
}
.single-post.seth-says-green .entry-content p a:not(.button):hover { 
	box-shadow: inset 0 -1.4em 0 rgb(9,154,137);
}
.single-post.seth-says-orange .entry-content p a:not(.button):hover { 
	box-shadow: inset 0 -1.4em 0 rgb(241,126,45);
}
.seth-says .entry-content p a:not(.button) {
	transition: box-shadow 0.2s;
}
h2.seth-subtitle {
	font-weight: 700;
	text-transform: uppercase;
	padding: 0 0 20px;
}
.seth-subtitle .with {
	font-size: 0.6em;
}
.seth-says-blue h2.seth-subtitle {
	/*color: rgb(38,152,214);*/
	color: #bbe7ff;;
	}
.seth-says-green h2.seth-subtitle { color: rgb(9,154,137) }
.seth-says-orange h2.seth-subtitle { color: rgb(241,126,45) }

.seth-subtitle a, 
.seth-subtitle a:visited {
	color: inherit;
}

.seth-subtitle a:hover {
	color: rgba(255,255,255,0.9);
}
.seth-says .avatar {
	display: none;
}

body.seth-says {
	background-attachment: fixed;
}

body.seth-says:before {
	content: none;
}
body.seth-says:after {
	background: url('images/backstripes.svg');
	width: 100%;
	position: fixed;
	height: 100%;
	top: 0;
	left: 0;
	content: '';
	pointer-events: none;
	z-index: -1;

}
.halfstripe {
	position: relative;
	background: #edf6f6;
}

.halfstripe .so-widget-sow-image {
	position: relative;
	max-width: 400px;
	margin: 0 auto;
}
.halfstripe .so-widget-sow-image h3.widget-title {
	text-transform: uppercase;
	background: #fff;
	max-width: 250px;
	font-size: 16px;
	bottom: 10%;
	padding: 0.5em;
	position: absolute;
	left: 1em;
}



.seth-says .entry-content {
	color: #fff;
}
.single-post.seth-says .entry-content p a:not(.button),
.single-post.seth-says .entry-content li a:not(.button) {
	color: #eee !important;
	text-decoration: none;
}


.seth-says .post-thumbnail {
	display: none;
}
.seth-says .related .post-thumbnail {
	display: block;
}
.seth-says .single-title {
	position: static !important;
	color: #fff;
	margin-bottom: 0.5em;
}
.seth-says .widget_mc4wp_form_widget, .seth-says #ajaxsearchlite1 .probox, .seth-says div.asl_w .probox {
	background: rgba(0,0,0,0.6);
	color: #eee;
	border: 3px solid #333;
}

.seth-says .mc-preamble a {
	 color:#0578BE;
}

.seth-says .related {
	background: rgba(255,255,255,0.9);
	box-shadow: 0 20px 0 20px rgba(255,255,255,0.9);
}


.seth-says .entry-meta i,
.seth-says .sharing i.fa-share-alt {
	color: #ccc;
}
.seth-says .entry-meta a {
	color: #fff;
}

.seth-says .entry-meta a i {
	color: #eee;
}

.seth-says .entry-meta a:hover i {
	color: #fff;
}



@media all and (min-width: 768px) {

	.entry-content * {
		scroll-margin-top: 100px
	}
	.seth-says .site {
		background-image: url('images/seth.png');
		background-repeat: no-repeat;
		background-position:  100% 100%;
		background-size: auto 80%;
		background-attachment: fixed;
	}	
	.seth-says .related {
		padding: 1em 1em 2em;
		margin: 100px -2em 1em;
		box-shadow: none;
		border: 3px solid #fff;
	}
	.seth-says h1.related-title {
		font-size: 30px;
		margin: 20px 0 30px;
	}
	.seth-says h1.single-title {
		font-size: 75px;
	}
	h2.seth-subtitle {
		font-size: 40px;
		padding: 0 0 20px 13px;
	}

	.podselector {
		display: block;
	}
	.podsource .so-panel {
		position: absolute;
		opacity: 0;
		pointer-events: none;
		transition: all 0.5s, opacity 0s;
		transform: translateY(1em);
		height:  0;
		overflow: hidden;
	}
	.veiled {
		opacity: 0;
		transform: translateY(10px);
		filter: blur(5px);
	}
	.veiled.unveiled {
		opacity : 1;
		transform: inherit;
		filter: inherit;
		transition: all 1s;
	}

}


@media all and (min-width: 1214px) {
	.seth-says .single-sidebar {
		margin-top: 60vh;
	}
	.seth-says .sharing {
		position: fixed;
		top: 70px;
		right: 0;
		z-index: 100;
	}
}


/*******************/

@media all and (max-width: 746px) {
	.homeslider {
		margin: -32px 0 0;
	}
	.topper {
		margin: -13px -4vw 13px !important;
		width: auto;
	}
	.post-type-archive-publication .boxes {
		margin-left: 0;
		margin-right: 0;
	}

	h2.tool-title {
		font-size: calc(10px + 3vw);
		margin-bottom: 0.5em;
	}

}

@media all and (min-width: 728px) { /* Basic large screen multi-columns stuff from here... */

	.halfstripe:after {
		background: url('images/backstripes2.svg');
		background-size: ;
		width: 60%;
		position: absolute;
		height: 100%;
		top: 0;
		left: 40%;
		content: '';
		pointer-events: none;
	}
	.halfstripe > * {
		z-index: 1;
	}
	.halfstripe .so-widget-sow-image h3.widget-title {
		left: -1em;
	}

	.site-content {
		margin-top: 13px;
	}
	.error404 .site-content {
		margin: calc(20vh + 60px) auto 20vh;
	}

	h1.inblog, 
	.page .entry-content p.count-icon {
		display: block;
	}

	.readmore {
		display: block;
	}
	.feature .box-meta {
		display: none;
	}
	.feature a .topper.green p {
		font-size: 19px;
		right: 55%;
	}

	.landing-header {
		margin-top: -19vh;
		max-width: 80%;
		padding: 73px 26px 39px 73px;
	}
	.post .entry-content,
	.post .entry-meta {
		margin: 2em 10%;
	}
	#ctf, .hp-right {
		max-width: 334px;
		float: right;
		width: 100%;
	}
	.toolbox-header #ctf {
		max-width: none;
		float: none;
	}

	.site-content > .topper {
		display: block;
		position: absolute;
		top:50px;
		left: 0;
		z-index: -1;
		box-shadow: inset 0 -40vh 25vh -25vh #003E63;
	}
	.single-campaign .site-content > .topper {
		/*box-shadow: inset 0 -40vh 25vh -25vh #000;*/
	}
	.single-case-study .site-content > .topper {
		box-shadow: inset 105vw 0vh 50vw -50vw rgba(0,0,0,0.75);
	}
	.single-showcase .site-content > .topper {
		box-shadow: none;
	}
	.project-header {
		/*height: calc(50vh - 100px);*/
		margin: 52vh 0 calc(2vh + 60px);
		padding-bottom: 2vh;
	}
	.single-case-study .project-header {
		/*margin-top: 42vh*/
	}
	.single-showcase .project-header {
		border-bottom: none;
		color: #fff;
		background: #0277BD;
		padding: 1.4em 1.6em;
		display: flex;
		flex-direction: column;
		position: absolute;
	    margin: 0;
	    top: 50px;
	    bottom: 0;
	    left: 0;
	    width: 50%;
	    min-width: 700px;
	    padding: 60px 2em 10px 10%;
	    justify-content: space-evenly;
	    align-items: flex-start;
	    z-index: 0;

	}

	svg.wave {
		fill: #0277BD;
		stroke: none;
		position: absolute;
		left: 100%;
		top:0;
		bottom: 0;
		width: 16%;
		height: 100%;
		display: block;
		z-index: -1;
	}
	svg.svgarrow {
		fill: #ddd;
		width: 100%;
		height: auto;
		display: block;
	}
	p.pretitle + h2 + p {
		margin-top: 3rem;
	}

	.single-showcase .project-excerpt p {
		margin-bottom: 0;
		font-size: 15px;
		font-weight: 400;
		margin-right: 4em;
	}

	.cs-download {
		float: right;
		max-width: 50%;
		margin-top: -28vh;
	}

	.single-showcase .preheader, .showcase-h-download {
		font-weight: 700;
		text-transform: uppercase;
	}

	.project-header.no-excerpt,
	.single-case-study .project-header {
		padding-bottom: 0;
		border-bottom: none;
	}
	.project-header-t-group {
		position: absolute;
		bottom: 50vh;
	}
	.single-case-study .project-header-t-group {
		bottom: 55vh;
		width: 50%;
	}
	.single-showcase .project-header-t-group {
		position: static;
		bottom: 0;
		margin-bottom: 0 !important; /* stops the js changing it when the video banner shows */
	}
	.single-showcase .project-header-t-group > * {
		margin: 0;
	}
	.single-showcase .entry-content {
		position: static;
		margin-top: calc(100vh - 78px);
	}
	.showcase-h-download {
		background:	#fff;
		padding: 0.8em 1em;
		border-radius: 5px;
		display: inline-block;
		letter-spacing: 0.08em;
		font-size: 12px;
		border: 2px solid #fff;
	}
	.showcase-h-download a {
		color: #0277BD;
	}
	.showcase-h-download:hover {
		background:	rgba(255,255,255,0.15);
	}
	.showcase-h-download:hover a {
		color: #fff;
	}
	.showcase-h-download a i {
		transition: all 0.3s;
	}	.showcase-h-download a:hover i {
		transform: translateY(2px);
	}
	h1.project-title, .project h2.subtitle, .project2 .project-excerpt {
		color: #fff;
	}
	.project2 .project-excerpt {
		line-height: 1.3;
		font-size: 15px;

	}
	.single-case-study h1.project-title {
		font-size: 38px
	}
	.single-showcase h1.project-title {
		font-weight: 700;
		font-size: calc(2vw + 4vh);
	}
	p.project-number {
		background: #fff;
		padding: 0.8em 1em;
		margin-bottom: 8px;
		margin-right: 0.5em;
		display: inline-block;
	}
	p.project-number.campaign-label {
		/*color: #005E60;*/
		/*background: rgba(255,255,255,0.8);*/
	}
	.aboutrow, .greyrow {
		padding: 80px 0;

	}

	.feature-meta {
		display: block;
	}
	.wpdreams_asl_container {
		float: right;
		max-width: 500px;
	}


	.landing-header img {
		float: none;
	}
	.single-header .entry-taxonomies  {
/*		float: right;
		clear: both;
		max-width: 300px;
		display: inline-block;
		text-align: right;
		position: relative;
		top: 40px;
		transform: translateY(-50%);*/
	}
	.single .entry-content p, .single .entry-content li {
		font-size: 16px;
	}

	.page .entry-content p, .page .entry-content li {
		font-size: 14px;
	}
	.single .entry-content > p:first-of-type,
	.single .entry-content blockquote p:only-child,
	.page .entry-content blockquote p:only-child,
	.page .entry-content .accordio blockquote p,
	.page .entry-content .podsource blockquote p {
		font-size: 21px;
		line-height: 1.3;
	}

	
	.landing-header {
		padding: 52px 52px 26px;
	}
	.standard-header {
		padding-bottom: 0
	}
	.excerpt {
		font-size: 17px;
	}
	.standard-header .excerpt {
		margin-bottom: 10vh;
	}
	.standard-header .excerpt ~ .excerpt {
		margin-top: calc(1.5em - 10vh);
		margin-bottom: 10vh;
	}

	.topper + header {
		/*position: relative;*/
	}
	.topper + header > .single-title {
		position: absolute;
		bottom: calc(50% - 110px);
		padding: 13px;
		color: #fff;
		width: 80%;
		left: 10%;
		font-weight: 700;
	}
	.single article:not(.box) .topper {
		box-shadow: inset 0 -40vh 25vh -25vh #000;
	}

	.fourths .box.feature {
		box-shadow: 0 2px 5px -2px rgba(0,0,0,0.6);
		width: auto;
		min-width: calc(100% - 26px);
	}
	.box.atr-box {
		box-shadow: 0 2px 5px -2px rgba(0,0,0,0.6), inset 0 400px 200px -200px #EEF7F7;
		padding: 1.6em 1em;
		background: #f8f8ff;
	}
	.box.tool-box {
		padding: 1.6em 2em;
	}
	.feature {
		position: relative;
		margin-bottom: 73px;
	}
	.feature .topper {
		position: absolute;
		top:0;
		left: 0;
		margin-bottom: 0;
		width: 54.942339%;
		height: 100% !important;
	}
	.feature-header, .feature-content {
		width: 45.057661%;
		display: block;
		float: right;
		clear: both;
	}
	.feature-header  {
		padding: 3em 26px 0;
	}
	.feature-content {
		padding: 1em 26px 3em;
	}
	.feature-content p {
		font-size: 1.15em;
	}
	img.avatar {
		float: left;
		margin: 0 2em 0 0;

	}
	h2.feature-title {
		min-height: 0;
		font-size: 26px;
	}

	footer .social {
		float: right;
		text-align: right;
		margin: 0;
	}

	footer .social a {
		margin: 0 0 0 0.5em;
	}

	.widget.after-sticky {
		padding: 2rem 0;
		max-width: 1188px;
	}
	.after-sticky .mc-preamble,
	.after-sticky form .subscribe {
		width: 49%;
		display: inline-block;
		text-align: left;
		padding: 0 5%;
	}
	.after-sticky .mc-preamble	{
		vertical-align: top;
		font-size: 20px;
		margin: 8px 0;
		padding: 0;
	}
	.after-sticky .widget_mc4wp_form_widget input[type="text"],
	.after-sticky .widget_mc4wp_form_widget input[type="email"] {
		width: 49.5%;
	}
	.widget.after-after-sticky {
		display: inline-block;
		width: 50%;
		vertical-align: middle;
		margin: 0;
	}
	.widget.after-after-sticky + .widget.after-after-sticky {
		padding: 3em 1em 1em 3em;	

	}

	.sharing {
		float: right;
		margin: 0;
	}
	.sharing a {
		font-size: 30px;
	}

	.related .boxes {
		margin: 0 auto;
		max-width: 1188px;
	}
	.bluerow {
		padding: 60px 0 !important;
		margin: 100px 0 60px !important;
	}
	.project .bluerow ul li {
		font-size: 16px;
		padding-left: 0.5em;
	}
	.project .bluerow p {
		font-size: 16px;
		margin-right: 1em;
	}
	.ws h3.widget-title {
		font-size: 1.2rem !important;
		border-bottom: none;
		border-right: 3px solid #E0F2F1;
	 }
	 .columnar .panel-grid-cell {
	    -webkit-column-count: 3; /* Chrome, Safari, Opera */
	    -moz-column-count: 3; /* Firefox */
	    column-count: 3;
	 }



	/* TABS */

	.so-widget-sow-tabs-default-02e4508ec074 .sow-tabs .sow-tabs-tab-container {
		background: none;
	}
	.responsive-tabs {
		margin-bottom: 26px;
	}
	.responsive-tabs .responsive-tabs__list__item {
		background: #5A9BD5 !important;
		color: #fff !important;
		font-size: 11px !important;
		font-weight: 600;
		text-transform: uppercase !important;
	}
	.so-widget-sow-tabs-default-02e4508ec074 .sow-tabs .sow-tabs-tab-container .sow-tabs-tab,
	.responsive-tabs .responsive-tabs__list__item--active, .responsive-tabs .responsive-tabs__list__item--active:hover {
		color: #333 !important;
		background: #f8f8f8 !important;
		border: none !important;
	}
	.so-widget-sow-tabs-default-02e4508ec074 .sow-tabs .sow-tabs-panel-container,
	.responsive-tabs .tabcontent {
		background: #f8f8f8 !important;
		box-shadow: -500px 0 0 #f8f8f8, 500px 0 0 #f8f8f8;
		border: none !important;
		padding-bottom: 20px !important;
	}
	.sow-tabs-title {
		font-size: 15px;
	}
	.page .entry-content p.count {
		font-size: 55px;
	}

	/* publications */
	body.single-publication {
		background: linear-gradient(to bottom, #ffffff 0%,#eee 100%) fixed;
	}

	.publication-header {
		margin: 0;
	}
	.pub-left-col {
		max-width: 469px;
		float: left;
		position: absolute;
		width: 55%;
	}
	.pub-right-col {
		max-width: 766px;
		position: relative;
		float: right;
		padding: 10vh 0 0 20px;
	}
	.pub-right-col h1,
	.download-area p {
		background: #fff;
		padding: 6px 12px;
		box-shadow: 0 3px 4px -1px rgba(0,0,0,0.4);
		display: inline-block;
	}
	.pub-right-col h1 {
		padding: 23px;
	}
	.download-area p {
		border-radius: 5px;
		margin-right: 13px;
	}
	.publication-content {
		background: rgba(255,255,255,0.87);
		margin-left: 99px;
		margin-bottom: 23px;
		box-shadow: none;
		padding: 0 26px;
	}

	.box.pub, .search-results .box.pub {
		width: 369px;
		margin: 26px 12px;
		padding: 0;
	}
	.fourths .box.pub {
		margin: 0 12px 26px;
	}
	.box.pub:nth-of-type(even) {
		/*margin-left: 13px;*/
	}
	.box.pub:nth-of-type(odd) {
		/*margin-right: 13px;*/
	}

	.back-to-all {
		display: block;
		position: absolute;
		right: 13px;
		top: 10px;
	}

	.tool-box .col {
	}

	.tool-box .col-1 {
		width: 70%;
		float: left;
		display: block;
		padding-right: 13px;
	}
	.tool-box .col-2 {
		width: 30%;
		float: right;
		padding-left: 13px;
		margin-bottom: 1.5em;
	}

	.single-tribe_events, .post-type-archive-tribe_events, .feedback-page {
		background: url('images/stripes.png');
	}
	#tribe-events {
		box-shadow: 0 0 25px rgba(0,0,0,0.2);
		padding: 2em;
		background: #fff;
	}

	img.top-corner {
		float: none;
		right: 47px;
		position: absolute;
		top: 80px;
		width: 170px;
		background: rgba(255,255,255,0.8);
		padding: 1em;
	}


}


@media all and (min-width: 900px) {

	.showas {
		display: inline;
	}
	.vcbt, .ghost.show {
		display: table;
	}
	.vcbt + .tools-list {
		display: none;
	}
	.toolsaslist .vcbt, .toolsaslist .ghost.show, .toolsaslist .showaslist, .showastable  {
		display: none;
	}
	.toolsaslist .showastable {
		display: inline
	}
	.toolsaslist .vcbt ~ .tools-list {
		display: block;
	}

	.toolbox-header {
		position: relative;
	}
	.toolbox-header #ctf {
		max-width: calc(100% - 620px);
		position: absolute;
		top: 26px;
		right: 0;
		height: calc(100% - 26px) !important;
	}

	.cs-timeline-header, .mtt {
		display: flex !important;
	}

	.cs-buffer, .mt-buffer {
		transition: height 1s;
		display: block !important;
	}

	.cs-timeline.tab-style, .mt {
		transition: all 0.5s 0.1s, transform 0s, margin 0.5s 0.1s ease-out;
		z-index: 2;
		transform-origin: 50% -1400px;
		position: absolute;
		left:0;
		right:0;
		margin-bottom: 0 !important;
	}

	.cs-timeline.tab-style.hidden, .mt.hidden {

		transition: all 0.4s, margin 0s 0.4s;
		pointer-events: none;
		opacity: 0;
		transform: scale(0.95);
		z-index: 3;
		margin-top: 50px;

	}
	.mt.hidden {
		height: 1000px;
		overflow: hidden;
	}
	.mtt * {
		color: #bbb;
	}
	.mt-block .so-panel {
		margin-bottom: 1em !important;
	}

	.mtt h4 {
		padding: 0;
		margin: 0;
		font-weight: 700;
		font-size: 14px;

	}
	.mt-block:hover h4 {
		color: #4DB6A6;
	}
	.mtt h3 {
		font-size: 17px;
		background: #bbb;
		color: #fff;
		padding: 1em;
		margin: 0;
	}
	.mtt h4.lit {
		color: #0B8C7E;
	}

	.mtt h3.lit {
		background: #0B8C7E;
	}
	.mtt h3:hover {
		background: #4DB6A6;
	}
	.mt {
		margin-top: 20px;
	}
	.cs-timeline  *, .mt * {
		perspective: 300px;
		transition: all 1s 0.4s, margin 0.6s ease-out;
	}
	.cs-timeline.hidden img {
		transform: rotateY(-3deg) rotateZ(2deg) translateZ(40px);
		transform-origin: 0 100%;
		margin-top: -50px;
		transition: all 0s 1.4s;
		box-shadow: 0 10px 30px rgba(0,0,0,0.4);
		opacity: 0;
	}
	.greentop .landing-header + .entry-content {
		margin-top: -4px;
	}
	.insight {
		/*background: yellow;*/
	}
	.insight .insight-a {
		top: -160px;
		right: auto;
		left: -15vw;
		opacity: 0.15;
	}
	.insight .cs-title + .textwidget p:first-of-type {
		font-size: 20px;
	}
	.insighttile {
		padding: 125px 1em 1px;
	}

	.single-case-study .site-content >.topper {
		height: 75vh;
		max-height: unset;
		box-shadow: inset 105vw 0vh 50vw -50vw rgba(0,0,0,0.5);
	}
	.single-case-study .project-header {
		margin: 80vh 0 calc(2vh + 60px);
	}
	.single-case-study .project-header-t-group {
		bottom: 25vh;
		text-shadow: 0 0 20px #000;
	}
	.cs-download img {
		box-shadow: 0 4px 4px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.1)
	}
	.vidrow .epyt-gallery-list {
		margin: 0 -21px;
	}
}




/* youtube gallery */

.vidrow .epyt-pagination:nth-of-type(1) {
	display: none;
}
.vidrow .epyt-pagination {
	font-weight: 700;
}

.vidrow .reveal .ep-spacer {
	margin-top: 56.25%;
}
.vidrow .epyt-gallery iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}


.vidrow {
	color: #eee;
	background: #333;
	background: linear-gradient(160deg, rgba(17,17,17,1) 0%,rgba(50,50,50,1) 100%);
	box-shadow: inset 0 50px 25px -25px rgba(0,0,0,0.27), inset 0 -50px 25px  -25px rgba(0,0,0,0.27);
	padding: 26px 0;
}
.vidrow a,
.entry-content .vidrow p a,
.entry-content .vidrow li a {
	color: #f8f8f8;
}
.vidrow li {
	margin-top: 0.5em;
}

.vidrow .epyt-gallery-img, .vidrow iframe {
	box-shadow: 0 0 20px rgba(0,0,0,0.73);
}
.vidrow .epyt-gallery-img-box {
	padding: 20px 13px 10px;
}
.vidrow .fluid-width-video-wrapper,
.vidrow .epyt-video-wrapper {
	margin-top: 39px;
	position: absolute;
	pointer-events: none;
	opacity: 0;
	transition: opacity 2s;
}
.vidrow .epyt-video-wrapper.reveal {
	position: relative;
	opacity: 1;
	pointer-events: auto;
	display: inline-block;
	width: 100%;
}
.vidrow .epyt-gallery {
	position: relative;
}
.single-case-study .vidrow {
	margin-bottom: 50px;
}



.board-interview h1.entry-title {
	color: var(--teal3);

}
.board-thumbnail {
	position: absolute;
	top: 45px;
	left: 0;
	right: 0;
	height: 70vh;
	max-height: 650px;
	color: #fff;
	background-size: cover;
	background-position: 50% 50%;
	background-color: var(--teal5);
	background-blend-mode: multiply;
}
.board-thumbnail > * {
	position: absolute;
}
.board-spacer{
	content: '';
	position: static;;
	height: 70vh;
	max-height: 650px;
}
.board-wave {
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	opacity: 0.95;
}
.board-thumbnail .headshot {
	position: absolute;
	right: calc(10% - 40px);
	bottom: 0;
	height: 80%;
	width: auto;
	max-height: 70vw;

}


.rp-title-box {
	position: relative;
	margin: 0 0 0 10%;
	z-index: 2
}
.board-thumbnail h2 {
	/*position: static;*/
	/*margin: 0 0 0 10%;*/
	text-shadow: 0 0 10px #000;
	z-index: 2;
	text-transform: uppercase;
	font-family: din-demi;

}
.sc {
	text-transform: none;
}
h2.rp {
	margin-top: 10%;
	font-size: 1.5em;
}

.board-interview .widget blockquote {
	font-size: calc(10px + 1vw);
	margin: 0;
	position: relative;
}
.board-sidebar .fa-quote-left  {
	color: var(--teal4);
	font-size: 20px;
	display: block;
	margin: 3em auto -0.5em;
	text-align: center;
}
.board-sidebar {
	max-width: 600px;
	margin: 2em auto 0;
}

@media all and (orientation: landscape) and (min-width: 850px) {

	.rp-title-box {
		position: absolute;
		left: 0;
		margin: 0;
		bottom: 0;
		right: 40%;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 45%;
	}

	.board-thumbnail h2 {
		/*position: absolute;*/
		bottom: 5vw;
		margin: 0;
		padding: 0 2rem;
		text-shadow: none;
	}
	h2.rp {
		right: 70%;
		left: 1em;
		text-align: right;
		border-right: 2px solid

	}
	h2.bmn {
		left: 30%;
		right: 40%;
		font-size: 3.5em;
		margin-left: -2px;
		line-height: 1.1;
	}
}





@media all and (min-width: 1214px) { /* full width */
	.site-header {
		position: fixed; /* banana */
		top: 0;
		width: 100%;
	}
	.site-content {
		margin-top: 65px;
	}

	.topper + header > .single-title  {
		margin-left: 0;
		left: calc(50% - 383px);
		left: calc(50% - 482px);
		width: 766px;
		width: 865px;
		padding: 13px 0;
		text-shadow: 0 0 30px rgba(0,0,0,0.4);
	}
	.post .entry-content {
		margin: 26px 125px 26px 198px;
		margin: 0 125px 26px 99px;
		width: 469px;
		width: 568px;
		float: left;
	}
	.post .entry-meta {
		/*margin: 26px 125px 26px 198px;*/
		margin: 39px 125px 26px 99px;
	}
	.post .entry-meta > * {
		max-width: 568px;
	}

	.feature-header, .feature-content {
		padding-right: 73px;
	}
	.single-sidebar {
		float: right;
		width: 370px;
		margin: 26px 0;
		padding: 0;
	}
	.post .entry-content img.alignleft.size-medium,
	.wp-caption.alignleft,
	.post .entry-content img.alignleft.size-large,
	.post .entry-content img.alignleft.size-full,
	.post .entry-content img.size-large,
	.post .entry-content img.size-full,
	.post .entry-content .gallery  {
		margin-left: -198px;
		margin-left: -99px;
		max-width: calc(100% + 198px);
		margin-bottom: 1em;
	}
	.post .entry-content .gallery { width: calc(100% + 198px); }
	.post .entry-content img.alignright.size-medium,
	.wp-caption.alignright,
	.post .entry-content img.alignleft.size-large,
	.post .entry-content img.alignleft.size-full,
	.post .entry-content img.size-large,
	.post .entry-content img.size-full {
		margin-right: -99px;
	}
	.post .entry-content img.size-full, .post .entry-content img.size-large {
		display: block !important;
		clear: both;
		width: calc(100% + 198px);
	}
	.wp-caption.alignright img, .wp-caption.alignleft img {
		margin-right: 0 !important;
		margin-left: 0 !important;
		max-width: 100% !important;
	}
	.post .entry-content img.size-thumbnail.alignleft {
		margin-left: -75px;
	}
	.sharing {
		width: 245px;
		float: right;
	}
	.related {
		margin: 50px calc(590px - 50vw) -13px;
		background: url('images/stripes.png');
		padding: 50px 0 100px;
	}
	.project .panel-layout {
		/*margin-bottom: -50px;*/
	}
	.single-case-study .project .panel-layout,
	.single-showcase .project .panel-layout {
		margin-bottom: 0;
	}
	.content-area ~ .widget {
		margin: 63px 0 50px;
	}
	.leaders .widget .so-widget-sow-editor {
		padding-left: 2em;
		border-left: 3px solid #E0F2F1;
		margin-left: 73.5px;
	}
	.leaders img.size-thumbnail {
		margin-left: calc(-75px - 2em);
		border: 3px solid #E0F2F1;
	}
	.ws h3.widget-title {
		font-size: 1.6rem !important;
	}
	.split-tabs .tabcontent,
	.mod-tabs .tabcontent {
		padding: 5vh 0 !important;
	}
	.split-tabs .tabcontent > * {
		margin: 50px 0 1em 99px;
		max-width: none;
		clear: none;
	}
	.mod-tabs .tabcontent > * {
		max-width: none;
	}
	.split-tabs .tabcontent > *:nth-child(1),
	.mod-tabs .tabcontent > *:nth-child(1) {
		float: left;
		max-width: 667px;
		margin: 0 99px 0 0
	}
	.responsive-tabs .responsive-tabs__list__item--active {
		box-shadow: 0 5px 0 #f8f8f8, 0 0px 5px -1px rgba(0, 0, 0, 0.5), 0 -15px 10px -10px rgba(0,0,0,0.1) !important;
	}
/*	.split-tabs .tabcontent > p:nth-child(1) {
		float: none;
		max-width: inherit;
		margin: inherit;
	}

	.split-tabs .tabcontent > p:nth-child(1) ~ * {
		margin: 0 0 1.5em 0;
	} */

	.widget.after-after-sticky + .widget.after-after-sticky {
		padding: 99px;	

	}

	.pub-right-col {
		padding: 10vh 99px 0 0;
	}
	.publication-content {
		background: none;
		padding: 0;
	}
	.back-to-all {
		right: 112px;
	}
	.vct {
		display: table;
	}
	.mobile-only {
		display: none !important;
	}
	.tool-modal .box.atr-box {
		display: block;
	}
	.toolbox-header #ctf {
		max-width: calc(100% - 719px);
	}

	.author .archive-description {
		box-shadow: 0 2px 5px -2px rgba(0,0,0,0.6);
		padding: 2em;
		display: flex;
	}

	.author .archive-description img.avatar {
		width: 25%;
		margin-bottom: 0
	}
	.author .archive-description p {
		margin: auto;
		width: 75%;
	}
	.single-case-study h1.project-title {
		font-size: 5vh;
	}

	img.top-corner {
		right: calc(50% - 568px);
	}

	.cs-timeline-header.tab-style.fullwidth {
		margin: 0 calc(6007px - 50vw );
		max-width: none;
	}
	.cs-timeline-header.tab-style.fullwidth.stuck {
		margin: 0;
	}



}

@media all and (min-width: 1340px) {
	.tool-filters {
		/*text-align: center;*/
	}

/*	.tools-content label:before {
		display: block;
		font-size: 3em;
		margin: 0;
		text-align: center;
	}*/
/*	.tools-content .searchandfilter ul li[data-sf-field-input-type="radio"] li,
	.tools-content .searchandfilter ul li[data-sf-field-input-type="checkbox"] li {
		max-width: 140px;
		text-align: center;
		vertical-align: top;
	}*/
/*	.tools-content .searchandfilter ul li {
		margin: 0 1em;
	}*/
}

@media all and (min-width: 728px) and (max-aspect-ratio: 5/4) {
	.topper + header {
		position: relative;
	}
	.topper + header > .single-title {
		bottom: 80px;
	}
}

@media all and (min-width: 1214px) and (max-aspect-ratio: 5/4) {

	.topper + header > .single-title {
		bottom: 100px;
	}
	.single-case-study h1.project-title {
		font-size: 40px;
	}
}

@media all and (min-width: 1200px) {
	.topborder:before {
		left: auto;
	}
}

@media all and (min-width: 800px) {
	.tribe-events-meta-group {
		width: 33.33% !important;
	}
	.tribe-clearfix::after {
		clear: none;
		content: none;
	}
	.tribe-events-single-section.primary {
		margin-bottom: 0;
	}
}


a.custom-logo-link {
	margin: 16px 0 16px calc(10px + 1vw); ;
	height: 20px;
}

.main-navigation ul li.menu-item {
	margin-left: calc(4vw - 15px);
}
.main-navigation .top-navigation > ul > li > a {
	font-size: 1.1vw;
	line-height: 48px;
}

@media all and (min-width: 1024px) {

	.rpwwt-post-title {
		font-size: 1.3em;
	}
	div.newsfeed ul li {
		margin: 0 2.5% 1em;
		width: 45%;
		float: left;
		box-sizing: border-box;
		overflow: visible;
		min-height: 320px;
	}

	div.newsfeed ul li:nth-child(odd) {
		clear: left;
	}
	.homepagebottom {
		margin-bottom: -100px; 	
	}

	.content {
		margin-top: 85px;
	}
	section .content .block {
		padding-top: 0;
	}
}

footer .copyright {
	margin: 1em 0 1.5em;
}
footer .copyright p {
	margin: 0 auto;
	max-width: 1162px;
	text-align: left;
	padding: 0 1em;
	float: none;
}

@media all and (min-width: 1214px) {


	a.custom-logo-link {
		margin-left: 0;
	}
	.site-content {
		padding-left: 0;
		padding-right: 0;
	}

	.main-navigation {
		padding-right: 0;
	}

	
	.main-navigation ul li.menu-item {
		margin-left: 3vw;
		font-size: 13px;
	}

	.rpwwt-widget > ul > li {
		width: 48% !important;
		float: left;
		min-height: 400px;
	}
	.rpwwt-widget > ul > li:nth-of-type(even) {
		float: right;
	}
	.single-sidebar {
		padding-bottom: 45.5px;
	}

	.filter-area {
		box-shadow: none;
		position: fixed;
		top: 0;
		padding: 100px 26px 26px;
		margin: 0 !important;
		z-index: 2;
		background: none;
		left: calc( 45vw - 840px );
		height: 100%;
		transition: all 0.4s;
	}
	.show .searchandfilter ul li li {
		margin: 0;
	}
	.filter-area form {
		margin-top: -2em;
	}
	.filter-area.show {
		background: rgba(238,238,238,0.8);
		left: 0;
	}
	.filter-area .toggle-close.fas {
		display: block;
		float: none;
	}
	.filter-area:not(.show) .toggle-close.fa-times {
		display: none;
	}
	.filter-area.show .toggle-close.fa-search {
		display: none;
	}
	.filter-area h3.toggle-close {
		display: none;
	}
	.filter-area .toggle-close {
		cursor: pointer;
		position: absolute;
		left: 100%;
		background: rgba(238,238,238,0.8);
		top: 100px;
		padding: 13px;
		border-radius: 10px;
		margin: 0;
		font-size: 20px;
	}
	.filter-area.show .toggle-close {
		border-radius: 0 10px 10px 0;
	}
	.searchandfilter ul {
		margin: 0;
	}
	.searchandfilter ul li,
	.show .searchandfilter ul li {
		display: block;
		margin: 0;
	}
	.atr-content .filter-area + .site-main {
		min-height: 600px;
	}
	.atr-content .searchandfilter ul li[data-sf-field-input-type="radio"] {
		max-width: 200px;
	}

}

@media all and (min-width: 1800px) {
	.filter-area {
		background: rgba(238,238,238,0.8);
	}
	.filter-area.show {
		left: calc( 50vw - 940px );
	}
	.filter-area .toggle-close.fas {
		display: none;
	}
	.filter-area form {
		opacity: 1;
	}
	.excerpt.toggle-remote {
		display: none;
	}
}


/* mailchimp form */


@media all and (min-width: 768px) {

	.widechimp .subscribe {
		text-align: left;
		background: #005E60;
	}
	.widechimp .subscribe > div {
		display: inline-block;
		padding: 1em 2em 0.5em;
	}

	.widechimp .subscribe1 {
		background: #E0F2F1;
		width: calc(100% - 350px) !important;
		position: relative;
		padding: 1.5em 0 !important;

	}
	.widechimp .subscribe1:before,
	.widechimp .subscribe1:after {
		position: absolute;
		content: '';
		background: #E0F2F1;
		height: 100%;
		top: 0;
		right: 100%;
		left: -100%;
	}

	.widechimp .subscribe1:after {
		left: 100%;
		right: auto;
		width: 50px;

		-webkit-clip-path: polygon(calc(100% - 50px) 0%, 100% 50%, calc(100% - 50px) 100%, -100% 100%, -100% 0%);
		clip-path: polygon(calc(100% - 50px) 0%, 100% 50%, calc(100% - 50px) 100%, 0% 100%, 0% 0%);
	}

	.widechimp .subscribe1 > p, .widechimp .s-me-to > p {
		float: none !important;
		display: inline-block;
		font-size: 0.8em !important;
		width: auto !important;
		margin-right: 1.5em !important;
		padding-bottom: 0.5em !important;
	}

	.widechimp .s-me-to {
		width: 100% !important;
		display: block;
	}

	.widechimp .s-me-to > p {
		float: none !important;
		display: inline-block !important;
		font-weight: 400 !important;
		padding-bottom: 0;
	}
	.widechimp .subscribe label {
		margin: 0 0.7em 0 0;
	}
	.widechimp .s-me-to label {
		margin-right: 1em;
	}
	.widechimp .s-me-to br {
		display: none;
	}
	.widechimp .subscribe2 {
		width: 350px !important;
		float: right;
		height: 100%;
		text-align: center;
		vertical-align: middle;

	}
	.widechimp .subscribe2 input[type="submit"] {
		text-transform: uppercase;
		background: #fff;
		color: #005E60;
		font-weight: 700;
		border: 2px solid #E0F2F1;
		font-size: 1.6em;
		height: 100%;
		margin: 1em 0 0 1em;
		border-radius: 0.5em;
		padding: 0.2em 0.5em;
		letter-spacing: 0.08em;
	}

}

@media all and (min-width: 1500px) {

	.insighttile {
		padding: 1em 1em 1px 138px;
	}
}

@media print {

	.site-content {
		padding: 0;
		margin: 0;
	}
	.alignleft {
		margin-left: 0 !important;
	}
	.site-header, footer, .single .widget, .related, .single .sharing, iframe, .wpgmza_map, #wpgmza_filter_1, .site-footer.feedback {
		display: none;
	}
	td,th {
		width: auto !important;
	}

	.single-header {
		padding: 2em 0;
	}
	.single .topper {
		display: none
	}
	h1.single-title {
		color: #000;
		position: static !important;
		width: 100% !important;
		border-bottom: 2px solid #333;
		font-size: 22px !important;
		padding: 0 0 13px !important;
	}
	.single .entry-content {
		margin: 0 !important;
	}
	.single .entry-content p, .single .entry-content li {
		font-size: 12px !important;
	}
}

/* BIG SCREEN TOOLS */

.tools .site-content {
	max-width: none;
	padding: 13px 2em;
}

.tool-filters {
	margin: 1em -2em 0;
	background: rgba(238,238,238,0.93);
	box-shadow: 0 2px 5px -2px rgba(0,0,0,0.6), inset 0 -100px 100px -100px #fff;
	padding: 1em 2em;
	position: static;
}

.tool-col-2 {
	max-width: 1214px;
	margin: 2em auto;
}

.filterlinks {
	float: right;
	/*width: 100px;*/
	text-align: right;
	right: 0;
	font-weight: 900;
	text-transform: uppercase;
}

.tool-filters select {
	padding: 0.3em 0.6em;
	border-radius: 5px;
}

.tool-filters.stuck {
	position: fixed;
	left: 2em;
	right: 2em;
	z-index: 10;
	margin-top: 0;
}


li:nth-child(3).sf-field-reset { /* the fudge to end all fudges */
	display: none !important;
	pointer-events: none;
	opacity: 0;
	height: 0;
	width: 0;
}
.show-tool-filters li:nth-child(3).sf-field-reset {
	display: block !important;
}

.show-tool-filters li:nth-child(3).sf-field-reset:before {
	content:'';
	width: 100%;
	height: 0;
	border-top: 1px solid #999;
}

@media all and (min-width: 1300px) {
	.tools-content {
		/*margin: 1em calc(610px - 48vw) 0;*/
	}
	.tool-col-1 {
/*		width: 30%;
		overflow-y: auto;
		background: #fff;
		padding: 1em;*/
/*		display: inline-block;
		float: left;
		margin-bottom: 2em;*/
	}
	.tool-col-1 hr:last-child {
		/*display: none;*/
	}
	.tool-col-2 {
		/*width: 67%;*/
		/*float: right;*/
	}
	.tool-col-1 hr:nth-of-type(2) {
		/*display: none;*/
	}
	.tool-col-1 h3 {
/*		background: #4DB6AC;
		text-transform: uppercase;
		color: #fff;
		display: inline-block;
		padding: 4px 1em;
		border-radius: 5px;*/
		/*cursor: pointer;*/
	}

	.tool-col-1 h3:after {
/*		content: '\27A7';
		transform: rotate(90deg);
		display: inline-block;
		margin-left: 0.5em;
		transition: transform 0.3s;
		color: #005E60;*/
	}
	.tool-col-1 h3.up:after {
		/*transform: rotate(270deg);*/

	}
	.tool-col-2 h3 {
		/*display: none;*/
	}
	.tool-box {
		/*max-width: 1000px;*/
	}
	.toggle-submit-form {
		clear: both;
	}
	.tools-content form, .filterlinks {
		/*display: none;*/
	}
}

/* MAPS */

td > p:nth-child(1) {
	margin-top: 0
}
td > *:last-child {
	margin-bottom: 0.5em;
}

table.dataTable thead th {
	padding: 10px !important;
}

.datatable td, .datatable th {
	width: auto !important;
}

table.dataTable thead .sorting {
	width: auto !important;
}


.wpgmza-marker-listing-category-filter,
#wpgmza_filter_1, #wpgmza_filter_2, .wpgmza-filter-widgets, .map-widgets {
	margin: 0 auto 1em !important;
	padding: 0 1em !important;
	display: block !important;
	max-width: 1214px !important;
}
.wpgmza_marker_holder {
	border: none !important;
}

.wpgmza-marker-listing-category-filter select,
#wpgmza_filter_1 select, #wpgmza_filter_2 select {
	margin: 0 1em;
}
/*#wpgmza_marker_holder_1*/
.wpgmza_table_custom_field_5,
.paginationjs li.disabled,
#wpgmza_table_6 .wpgmza_table_category
 {
	display: none;
}
.wpgmza_table h3 {
	font-size: 1em;
	font-weight: 700;
}

.dataTables_length, .dataTables_filter {
	padding: 0 1em 1em;
}

.toolbox-header,
.dataTables_wrapper {
	max-width: 1214px;
	margin: 0 auto;
	padding: 2em 0 1em;
}

.toolbox-header {
	padding-bottom: 0
}

table.dataTable tbody td {
	padding-top: 1.2em !important;
}
.page .entry-content td p, .page .entry-content td li {
	font-size: 13px;
}

.dataTables_info, .dataTables_paginate, .dataTables_length {
	display: none;
}

.dataTables_wrapper table tr:nth-child(even) td {
	background: #f8f8f8;
}
.dataTables_wrapper table tr:nth-child(odd) td {
	background: #eee;
}

.dataTables_wrapper table tr:hover td.wpgmza_table_title {
	/*text-decoration: underline;*/
}
.dataTables_wrapper table tr:hover td {
	background: #E0F2F1;
}

td.wpgmza_table_title {
	font-weight: 700;
}
.gm-style {
	font-family: 400 11px 'Open Sans', sans-serif !important;
}
.page .entry-content p.wpgmza_infowindow_title{
	font-size: calc(14px + 1vw);
	line-height: 1;
	margin: 0.5em 0 1em;
}
#wpgmza_filter_1, #wpgmza_filter_2, .map-widgets {
	font-size: 14px;
	font-weight: 700;
}
.map-checkboxes {
	list-style: none;
	display: inline;
}
.map-checkboxes li {
	display: inline-block;
	margin-right: 1.5em;
	font-weight: 400;
}
.wpgmza-placeholder-label p {
	display: none;
}

.map-radio-input {
	margin-left: 1em;
}

.map-radio-label {
}

.map-widgets > p,
.wpgmza-reset-custom-fields {
	display: none;
}


.close-wpgmza {
	font-size: 30px;
	cursor: pointer;
	text-shadow: 4px 4px 4px rgba(0,0,0,0.27);
	position: absolute;
	left: 225px;
	bottom: 550px;
	color: #eee;
	display: block;
}

.close-wpgmza:hover {
	text-shadow: 5px 5px 5px rgba(0,0,0,0.27);
	color: #fff;
}

.wpgmza_innermap_holder, 
.close-wpgmza {
	transition: all 0.4s;
}
.hide-wpgmza-list .wpgmza_innermap_holder {
	height: 60px !important;
}
.hide-wpgmza-list .close-wpgmza {
	bottom: 90px;
}

.hide-wpgmza-list .close-wpgmza i:before {
	content: '\f067';
}
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting {
	background: none !important;
	cursor: auto !important;
	pointer-events: none;
}


#wpgmza_filter_1 .map-radio-label:before,
#wpgmza_filter_2 .map-radio-label:before,
#wpgmza_filter_3 .map-radio-label:before {
	display: inline-block;
	width: 2em;
	height: 2em;
	vertical-align: bottom;
	background-size: contain;
	background-position: 0 50%;
	background-repeat: no-repeat;
	content: '';

}

.map-radio-label[for="0"]:before {
	display: none !important;
}


#wpgmza_filter_1 .map-radio-label[for="1"]:before {
	background-image: url('images/ug.png');
}
#wpgmza_filter_1 .map-radio-label[for="8"]:before {
	background-image: url('images/pg.png');
}

#wpgmza_filter_2 .map-radio-label[for="6"]:before {
	background-image: url('images/icon-eh.png');
}
#wpgmza_filter_2 .map-radio-label[for="7"]:before {
	background-image: url('images/icon-ep.png');
}
#wpgmza_filter_2 .map-radio-label[for="4"]:before {
	background-image: url('images/icon-ea.png');
}
#wpgmza_filter_2 .map-radio-label[for="5"]:before {
	background-image: url('images/icon-fw.png');
}
#wpgmza_filter_2 .map-radio-label[for="3"]:before {
	background-image: url('images/icon-g.png');
}




#wpgmza_filter_3 .map-radio-label[for="11"]:before {
	background-image: url('images/icon-local.png');
}
#wpgmza_filter_3 .map-radio-label[for="9"]:before {
	background-image: url('images/icon-inst.png');
}
#wpgmza_filter_3 .map-radio-label[for="10"]:before {
	background-image: url('images/icon-inter.png');
}
#wpgmza_filter_3 .map-radio-label[for="5"]:before {
	background-image: url('images/icon-fw.png');
}
#wpgmza_filter_3 .map-radio-label[for="12"]:before {
	background-image: url('images/icon-multi.png');
}
#wpgmza_filter_3 .map-radio-label[for="13"]:before {
	background-image: url('images/icon-gov.png');
}
#wpgmza_filter_3 .map-radio-label[for="14"]:before {
	background-image: url('images/icon-nonprofit.png');
}
#wpgmza_filter_3 .map-radio-label[for="15"]:before {
	background-image: url('images/icon-other.png');
}
#wpgmza_filter_3 .map-radio-label[for="16"]:before {
	background-image: url('images/icon-private.png');
}
#wpgmza_filter_3 .map-radio-label[for="17"]:before {
	background-image: url('images/icon-uni.png');
}

#wpgmza_table_3 tr {
	position: relative;
}
#wpgmza_table_3 td.wpgmza_table_link  {
	position: absolute;
	top: 60px;
	left: 0;
	background: none;
}
#wpgmza_table_3 th.wpgmza_table_link {
	display: none;
}


@media all and (max-width: 800px) {
	.wpgmza_innermap_holder, .close-wpgmza {
		display: none
	}
}

@media all and (min-width: 1214px) {
	.dataTables_length, .dataTables_filter {
		padding: 0 0 1em;
	}

}
@media all and (max-aspect-ratio: 5/4) {
	.project-header-t-group {
		bottom: auto;
		top: 20vh;
	}
}


/* FUDGE!!! */

.so-widget-sow-image-default-ad2c8d41f7a1 .sow-image-container {
	display: block !important;
}



/*@media all and (min-width: 1214px) {

	.seth .site-main > article .topper {
	width: 80vw;
	height: 50.625vw;
	height: calc(100vh - 50px);
	width: calc(178vh - 89px);
	max-height: none;
	overflow: hidden;
	position: relative;
	margin-left: calc(581px - 81vh);
	margin-top: -50px;
	}
	.seth .entry-title, .seth .entry-meta {
		display: none;
	}
	.seth .entry-content {
		color: #eee;
	}

	.seth .entry-content a,
	.seth .entry-content a:visited {
		color: #0277BD !important;
	}
	.seth {
		background: #000
	}
	body.seth:before {
		content: none;
	}
}


/* tech4resilience - much of this is REDUNDANT and needs looked at */



.single-t4r-topic .mt .widget_sow-image + .widget_sow-editor {
	text-align: center;
}


.single-t4r-topic .panel-grid-cell:nth-child(1) {
	z-index: 2;
}

.single-t4r-topic .mtt h4 {
	font-size: 14px;
}
.single-t4r-topic .mtt h3 {
	font-size: 16px;
}
.single-t4r-topic .mtt h3:after {
	content: '\00bb';
	margin-left: 0.75em;
	font-weight: 600;
	display: inline-block;
	transition: all 0.4s;
}
.single-t4r-topic .mtt h3:hover:after {
	margin-left: 1.25em;
}
.single-t4r-topic .mtt h3.lit:after {
	transform: rotate(90deg);
}

.single-t4r-topic  blockquote {
	margin: 2em 0;
	position: relative;
}
.single-t4r-topic blockquote p:only-child {
	min-height:145px;
}
.single-t4r-topic blockquote:before {
	content: url('https://www.resilienceshift.org/wp-content/themes/resilience/images/quote.svg');
	position: absolute;
	left: 0;
	top: -0.25em;
	color: #E0F2F1;
	font-size: 60px;
	font-style: normal;
	z-index: -1;
	opacity: 0.5;
}

.single-t4r-topic blockquote:after {
	content: '';
	width: 100%;
	margin: 2rem 0;
	background: #ddd;
	position: relative;
	display: block;
	left: 0;
}
.single-t4r-topic.single .entry-content blockquote p:only-child, .single .entry-content blockquote p {
	font-size: 17px;
	margin-top: 0;}
.single-t4r-topic .site-content > .topper {box-shadow: none}
.single-t4r-topic p.project-number {
	padding: 1em 0;
}
.single-t4r-topic h1.project-title {
	color: #333;
}

@media all and (min-width: 726px) {

	
	.single-t4r-topic .site-content > .topper {
		height: 400px;
		background-position: 55% 46%;
		background-repeat: no-repeat;
		background-size: auto 200%;
	}
	.single-t4r-topic h1.project-title {
		color: #333;
		max-width: 55%;
	}
	.single-t4r-topic blockquote:before {
		left: -1em;
		top: -0.5em;
		opacity: 1;
	}
	.single-t4r-topic blockquote:after {
		width: 133%;
		left: -33.3%;
	}
}