@charset "UTF-8";
/*!
Theme Name: Francis Knight
Theme URI: http://underscores.me/
Author: Chad Rossouw for HDK
Author URI: http://wearehdk.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: fk
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Francis Knight is based on Underscores https://underscores.me/, (C) 2012-2020 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:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | 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.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * 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;
	height: 0;
	overflow: visible;
}

/**
 * 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;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 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;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * 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;
	font-size: 1em;
}

/**
 * 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 {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * 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;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

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

/**
 * 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;
	outline-offset: -2px;
}

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

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

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
@font-face {
	font-family: "HelveticaNow";
	src: url("assets/HelveticaNowTextExtraBold/font.woff2") format("woff2"), url("assets/HelveticaNowTextExtraBold/font.woff") format("woff");
	font-weight: 800;
	-webkit-font-smoothing: antialiased;
}

@font-face {
	font-family: "HelveticaNow";
	src: url("assets/HelveticaNowTextLight/font.woff2") format("woff2"), url("assets/HelveticaNowTextLight/font.woff") format("woff");
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}

@font-face {
	font-family: "HelveticaNow Display";
	src: url("assets/HelveticaNowDisplayXBd/font.woff2") format("woff2"), url("assets/HelveticaNowDisplayXBd/font.woff") format("woff");
	-webkit-font-smoothing: antialiased;
}

body,
button,
input,
select,
optgroup,
textarea {
	color: #00313c;
	font-family: "HelveticaNow", sans-serif;
	font-size: 1rem;
	line-height: 1.375;
	font-feature-settings: 'ss01';
}

strong {
	font-weight: 400;
	font-family: 'HelveticaNow Display';
}

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

h1 {
	font-size: 3rem;
	font-family: 'HelveticaNow Display';
	line-height: 105%;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	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;
}

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

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

big {
	font-size: 125%;
}

.lime {
	color: #babc16;
}

.coral {
	color: #da6254;
}

.blue {
	color: #57728b;
}

.green {
	color: #5c7e51;
}

.maroon {
	color: #852c4d;
}

.peach {
	color: #e1c4ae;
}

.sage {
	color: #bbc592;
}

.pink {
	color: #dbb7bb;
}

.yellow {
	color: #f2a900;
}

.white {
	color: #fff;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
	width: 100vw;
	overflow-x: hidden;
}

body.no-scroll {
	overflow-y: hidden;
}

:root {
	--body-padding: 4%;
	--header-padding:112px;
}

html {
	scroll-behavior: smooth;
}

body:not(.home):not(.single-project) main {
	padding-top: var(--header-padding);
}

@media screen and (min-width: 1000px) {
	:root {
		--body-padding: 6%;
	}
}

@media screen and (min-width: 1200px) {
	:root {
		--header-padding:143px;
	}
}

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

ol {
	margin: 0 0 1.5em 3em;
}

ul {
	margin: 0;
	padding-left: 0;
	list-style: none;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

img {
	height: auto;
	max-width: 100%;
	display: block;
}

figure {
	margin: 1em 0;
}

/*SVG*/
.logo0 {
	fill: #fff;
}

.logo1 {
	fill: #BBC592;
}

.logo2 {
	fill: #90A335;
}

.logo3 {
	fill: #DA6253;
}

.logo4 {
	fill: #B85936;
}

.logo5 {
	fill: none;
}

.logo6 {
	fill: #BABC18;
}

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

/* Links
--------------------------------------------- */
a {
	color: #00313c;
	transition: text-decoration 400ms ease;
	text-decoration: none;
}

a:visited {
	color: #00313c;
}

a:hover, a:focus, a:active {
	color: inherit;
	text-decoration: underline;
}

a:focus {
	outline: thin dotted;
}

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

ul#primary-menu li a:hover {
	color: #fff;
	text-decoration: underline;
}

.open ul#primary-menu li a:hover {
	color: currentColor;
}

/* Forms
--------------------------------------------- */
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #00313c;
	background: #fff;
	color: #00313c;
	line-height: 1;
	padding: 0.6em 1em 0.4em;
	transition: color 400ms ease, border 400ms ease;
	font-weight: 800;
}

button:hover,
.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	color: #da6254;
	border-color: #da6254;
}

button:active, button:focus,
.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 {
	color: #babc16;
	border-color: #babc16;
}

.download {
	margin-bottom: 2rem;
	display: inline-block;
}

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: #00313c;
	border: 1px solid #00313c;
	border-radius: 0;
	padding: .3rem;
}

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: #da6254;
}

select {
	border: 1px solid #00313c;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

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

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

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/*Hamburger*/
#hamburger {
	position: absolute;
	right: 2%;
	top: 1rem;
}

.hamburger {
	padding: 5px;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
}

.hamburger:hover {
	opacity: 0.8;
}

.hamburger.is-active:hover {
	opacity: 0.8;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
	background-color: #000;
}

.hamburger-box {
	width: 40px;
	height: 15px;
	display: inline-block;
	position: relative;
}

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 40px;
	height: 2px;
	background-color: #00313c;
	border-radius: 4px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}

.home .hamburger-inner, .home .hamburger-inner::before, .home .hamburger-inner::after,
.home .hamburger.is-active .hamburger-inner,
.home .hamburger.is-active .hamburger-inner::before,
.home .hamburger.is-active .hamburger-inner::after, .single-project .hamburger-inner, .single-project .hamburger-inner::before, .single-project .hamburger-inner::after,
.single-project .hamburger.is-active .hamburger-inner,
.single-project .hamburger.is-active .hamburger-inner::before,
.single-project .hamburger.is-active .hamburger-inner::after {
	background-color: #fff;
}

.home .slideInDown .hamburger-inner, .home .slideInDown .hamburger-inner::before, .home .slideInDown .hamburger-inner::after,
.home .slideInDown .hamburger.is-active .hamburger-inner,
.home .slideInDown .hamburger.is-active .hamburger-inner::before,
.home .slideInDown .hamburger.is-active .hamburger-inner::after, .single-project .slideInDown .hamburger-inner, .single-project .slideInDown .hamburger-inner::before, .single-project .slideInDown .hamburger-inner::after,
.single-project .slideInDown .hamburger.is-active .hamburger-inner,
.single-project .slideInDown .hamburger.is-active .hamburger-inner::before,
.single-project .slideInDown .hamburger.is-active .hamburger-inner::after {
	background-color: #00313c;
}

.hamburger-inner::before, .hamburger-inner::after {
	content: "";
	display: block;
}

.hamburger-inner::before {
	top: -6px;
}

.hamburger-inner::after {
	bottom: -10px;
}

/*

* Hamburger Collapse

*/
.hamburger--collapse .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-duration: 0.13s;
	transition-delay: 0.13s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
	top: -12px;
	transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
	transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
	transform: translate3d(0, -4px, 0) rotate(-30deg);
	transition-delay: 0.22s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
	top: 0;
	opacity: 0;
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
	top: 0;
	transform: rotate(-120deg);
	transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

header#masthead {
	position: absolute;
	top: 0;
	display: flex;
	width: 100%;
	z-index: 10;
	background: transparent;
	justify-content: center;
	padding: .75rem 2%;
}

#site-navigation {
	position: fixed;
	top: 0;
	left: 0;
	background: white;
	width: 80vw;
	height: 100vh;
	box-shadow: 0 15px 15px black;
	transform: translate3d(-110%, 0, 0);
	transition: transform 400ms ease;
}

.open #site-navigation {
	transform: translate3d(0, 0, 0);
}

.work-with-us .logo svg path:not(.logo5), .work-with-us .logo svg circle, .who-we-are .logo svg path:not(.logo5), .who-we-are .logo svg circle, .contact-us .logo svg path:not(.logo5), .contact-us .logo svg circle, .news-insights .logo svg path:not(.logo5), .news-insights .logo svg circle, .blog .logo svg path:not(.logo5), .blog .logo svg circle, .search .logo svg path:not(.logo5), .search .logo svg circle, .single-post .logo svg path:not(.logo5), .single-post .logo svg circle {
	fill: #00313c;
}

.work-with-us .logo:not(.logo_pac) svg path:not(.logo5), .who-we-are .logo:not(.logo_pac) svg path:not(.logo5), .contact-us .logo:not(.logo_pac) svg path:not(.logo5), .news-insights .logo:not(.logo_pac) svg path:not(.logo5), .blog .logo:not(.logo_pac) svg path:not(.logo5), .search .logo:not(.logo_pac) svg path:not(.logo5), .single-post .logo:not(.logo_pac) svg path:not(.logo5) {
	stroke: #00313c;
	stroke-width: 0.6;
}

ul#primary-menu li {
	font-family: 'HelveticaNow';
	font-weight: 800;
	font-size: 1.2rem;
	margin-bottom: .75rem;
}

.menu-menu-1-container {
	margin-top: 8rem;
	margin-left: 3rem;
}

.site-branding {
	display: flex;
	justify-content: center;
}

.site-branding svg {
	height: 5rem;
}

.site-branding .logo_pac {
	display: none;
}

.site-branding .logo_pac svg path {
	fill: #00313c;
}

.home .site-branding .logo_pac svg path, .single-project .site-branding .logo_pac svg path {
	fill: #fff;
	transition: fill 200ms ease;
}

.home .site-branding .logo_pac:hover svg path, .single-project .site-branding .logo_pac:hover svg path {
	fill: #da6254;
}

/*Header Animation*/
header#masthead.addFixed {
	position: fixed;
	transform: translate3d(0, -100%, 0);
}

header#masthead.slideOut {
	transition: transform 600ms ease-in, box-shadow 400ms ease;
	transform: translate3d(0, -100%, 0);
	position: fixed;
	background-color: #fff;
}

header#masthead.slideOut.slideInDown {
	transform: translate3d(0, 0, 0);
	position: fixed;
	z-index: 10;
	background-color: #fff;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}

header#masthead.slideOut.slideInDown .logo_pac svg path {
	fill: #00313c;
}

@media screen and (min-width: 700px) {
	ul#primary-menu li {
		font-size: 2.4rem;
	}
	.site-branding {
		justify-content: space-between;
		width: calc(52% + 60px);
	}
	.site-branding .logo_pac {
		display: block;
	}
	header#masthead {
		justify-content: flex-start;
	}
}

@media screen and (min-width: 1200px) {
	.site-branding svg {
		height: 7rem;
	}
}

@media screen and (min-width: 1400px) {
	button#hamburger {
		display: none;
	}
	header#masthead {
		justify-content: space-between;
	}
	nav#site-navigation {
		position: static;
		transform: none;
		box-shadow: none;
		background: transparent;
		width: auto;
		height: auto;
		min-width: 580px;
	}
	.menu-menu-1-container {
		margin: 0;
	}
	.main-navigation ul {
		display: flex;
	}
	ul#primary-menu li {
		font-size: 1rem;
		margin-left: 1rem;
		margin-top: 1rem;
	}
	ul#primary-menu li a {
		color: white;
	}
	.projects ul#primary-menu li a, .slideOut ul#primary-menu li a {
		color: #00313c;
	}
	.projects ul#primary-menu li a:hover, .slideOut ul#primary-menu li a:hover {
		color: #da6254;
	}
}

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

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

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

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

.entry-content {
	margin: 0;
}

/*Home*/
.home .entry-content {
	padding: 0 var(--body-padding);
}

.home .entry-content p {
	font-size: 1.4rem;
	font-weight: 800;
	line-height: 110%;
	letter-spacing: 0.002em;
	margin-bottom: 3rem;
}

.home .entry-content .video_container {
	margin-bottom: 2rem;
}

@media screen and (min-width: 700px) {
	.home .entry-content p {
		font-size: 1.6rem;
		padding: 2rem calc(var(--body-padding) * 2) 0;
	}
}

@media screen and (min-width: 1200px) {
	.home .entry-content p {
		font-size: 1.8rem;
		padding: 2rem calc(var(--body-padding) * 3) 0;
		max-width: 680px;
		box-sizing: content-box;
		margin: 1rem auto 2rem;
	}
}

/*Single*/
.single-post .entry-content, .single-post .entry-footer {
	padding: 0 var(--body-padding);
}

.picture_header img {
	max-height: 600px;
	width: auto;
}

.fk_share svg {
	width: 2rem;
	height: 2rem;
}

.fk_share h4 {
	margin-bottom: 0;
}

.prev_next {
	display: flex;
	justify-content: space-between;
}

.podcast_player {
	width: 100%;
}

.extract h3 {
	margin: 0;
}

.extract {
	margin-bottom: 3rem;
}

@media screen and (min-width: 700px) {
	.picture_header img {
		margin: 0 auto;
	}
	.news-insights footer.entry-footer {
		padding: 0 var(--body-padding);
	}
	.columns_podcast {
		display: flex;
		justify-content: space-between;
	}
	.columns_podcast .column_item {
		flex-basis: 48%;
	}
	.prev_next {
		display: flex;
		padding: 0 calc( 4 * var(--body-padding));
	}
}

@media screen and (min-width: 1000px) {
	.podcast_player {
		max-width: 1000px;
		margin: 0 auto;
	}
	.news-insights footer.entry-footer {
		margin: 0 auto 3rem;
		max-width: 70ch;
		box-sizing: content-box;
	}
	.news-insights footer.entry-footer .prev_next {
		padding: 0;
	}
	.single-post .entry-content {
		max-width: 70ch;
		box-sizing: content-box;
		margin: 2rem auto;
	}
	.picture_header img {
		width: 100%;
		max-width: 70ch;
		box-sizing: content-box;
		object-fit: cover;
	}
	.picture_header .entry-content {
		margin: 2rem auto;
	}
}

/* Comments

/* 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 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-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*Slick
-------------------------------------------- */
/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slick-track:before, .slick-track:after {
	content: "";
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}

[dir="rtl"] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-dotted.slick-slider {
	margin-bottom: 40px;
}

.slick-dots {
	position: absolute;
	bottom: -42px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: auto;
	right: 0;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 1.6rem;
	width: 1rem;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 1.6rem;
	width: 1rem;
	outline: none;
	line-height: 0px;
	font-size: 0px;
	color: transparent;
	padding: 5px;
	cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 0.7;
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "•";
	height: 1.6rem;
	width: 1rem;
	font-family: "slick";
	font-size: 1.6rem;
	line-height: 20px;
	text-align: center;
	color: white;
	opacity: 0.25;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
	color: white;
	opacity: 0.75;
}

.awards .next {
	cursor: pointer;
	width: 30px;
	height: 30px;
	right: 0;
	bottom: -30px;
	position: absolute;
}

.awards .next svg {
	fill: none;
	stroke: #fff;
	width: 30px;
	height: 30px;
}

@media screen and (max-width: 1000px) {
	.slick-dots {
		display: none;
	}
	.next {
		display: none !important;
	}
}

/*blocks
-------------------------------------------- */
/*Home Carousel*/
svg.hidden {
	display: none;
}

.carousel_item.header_content {
	height: 100vh;
	width: 100vw;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: column;
	position: relative;
}

.carousel_item.header_content img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	z-index: -2;
}

.carousel_item.header_content h2 {
	color: white;
	font-size: 3rem;
	line-height: 105%;
	max-height: 100%;
	flex-basis: 25%;
	margin-bottom: 1rem;
	padding: 5%;
}

.carousel_item.header_content::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	top: 0;
	left: 0;
	z-index: -1;
}

.down-arrow {
	margin-bottom: 2rem;
}

.down-arrow svg path {
	transition: stroke 200ms ease;
}

.down-arrow:hover svg path {
	stroke: #da6254;
}

@media screen and (min-width: 700px) {
	.carousel_item.header_content h2, header.full h1 {
		font-size: clamp(4rem, 10vw, 6rem);
		width: 100%;
	}
}

@media screen and (min-width: 1000px) {
	.carousel_item.header_content h2 {
		padding: 5% var(--body-padding);
		max-width: 85%;
		align-self: flex-start;
	}
}

@media screen and (min-width: 1200px) {
	.carousel_item.header_content h2 {
		max-width: 75%;
	}
}

/*Video*/
.video_container {
	position: relative;
	overflow: hidden;
	padding-top: 56.25%;
	height: 0;
}

.video_container iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (min-width: 1200px) {
	.video_container {
		max-width: 854px;
		margin: 0 auto 1rem;
		padding-top: clamp(200px, 56.25%, 480px);
	}
}

/*Flex*/
.flex {
	display: flex;
	justify-content: space-between;
}

.flex--three .flex_item {
	flex-basis: 30%;
}

/*Filter Form*/
.filter {
	padding: 0 3%;
	margin-bottom: .75rem;
	position: relative;
}

.filter .loader {
	position: absolute;
	bottom: -70px;
	left: calc(50% - 25px);
}

.filter form {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	font-size: 1rem;
	align-items: center;
}

.filter form p, .filter form label {
	font-size: .8rem;
}

.filter form p {
	margin: 0;
	padding-right: .5em;
}

.form-filter--radios {
	display: flex;
	/* justify-content: space-between; */
	flex-wrap: wrap;
}

.form_filter--radio {
	padding-right: 1rem;
	cursor: pointer;
}

.form_filter--radio input {
	display: none;
}

.form_filter--radio input:checked ~ label {
	text-decoration: underline;
}

.form_filter--radio:hover label {
	text-decoration: underline;
	cursor: pointer;
}

form.search-form {
	border: 1px solid black;
	display: flex;
	justify-content: space-between;
	padding: .5rem 1rem;
	margin-top: 1rem;
}

/*Search Form*/
input#search-form {
	background: transparent;
	border: none;
	color: #00313c;
	font-weight: 800;
}

input#search-form::placeholder {
	color: #00313c;
	font-weight: 800;
}

@media screen and (min-width: 700px) {
	input#search-form {
		width: 95%;
	}
}

/*GRid*/
.grid_container {
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: repeat(auto-fill, 50vw);
}

.grid_container button {
	grid-column-end: span 2;
	margin: 2rem auto;
}

.grid_item {
	position: relative;
}

.grid_item.item--wide {
	grid-column-start: 1;
	grid-column-end: span 2;
	height: 50vw;
}

.grid_item.item--big {
	grid-column-end: span 2;
	grid-row-end: span 2;
	height: 100vw;
}

.grid_item.item--small {
	height: 50vw;
}

.grid_item img, .grid_item svg {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.grid_item .grid_item--title {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background-color: rgba(0, 0, 0, 0.4);
	display: flex;
	justify-content: center;
	align-items: center;
}

.grid_item .grid_item--title a {
	color: white;
	text-align: center;
}

.grid_item .grid_item--title h3 {
	font-family: 'HelveticaNow Display';
	font-size: 1.7rem;
	margin: 0 1rem;
	line-height: 105%;
	hyphens: auto;
}

.grid_item .grid_item--title h3.long_title {
	font-size: 1.3rem;
}

.grid_item .grid_item--title h4 {
	margin: 0;
	font-size: 1rem;
	hyphens: auto;
	max-width: 90%;
	margin: 0 auto;
}

.grid_bottom {
	grid-column-end: span 2;
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: repeat(auto-fill, 50vw);
	max-height: 0;
	overflow: hidden;
	transition: max-height 400ms ease-in;
}

#pagination {
	opacity: 0;
	transition: opacity 400ms ease;
	display: flex;
	justify-content: center;
	grid-column-end: span 2;
	width: 100%;
}

#pagination a {
	font-weight: 800;
	margin: 1rem .3rem;
}

#pagination a.current-page {
	color: #da6254;
}

#pagination a.current-page:last-child, #pagination a.current-page:first-child {
	color: #00313c;
}

.site-main.open .grid_bottom {
	max-height: 400vw;
}

.site-main.open #pagination {
	opacity: 1;
}

.site-main.open button {
	display: none;
}

.news-insights .grid_container {
	grid-template-rows: auto;
}

.grid_item--header {
	position: relative;
	padding-top: 75%;
	height: 0;
	overflow: hidden;
}

.grid_item--header img, .grid_item--header svg {
	position: absolute;
	top: 0;
	left: 0;
}

.grid_item--header h2 {
	margin: 0;
	line-height: 100%;
}

.grid_item--header h4 {
	font-size: 1rem;
}

.grid_item--header .grid_item--title {
	padding: 0 0.5rem;
}

.grid_item--content {
	padding: 1rem;
}

.grid_item--content h3 {
	margin: 0;
	line-height: 105%;
	font-size: 1.4rem;
}

.grid_item--content h4 {
	margin: 0 0 1rem;
}

.grid_item--content h5 {
	margin: 0;
	text-decoration: underline;
}

.grid_item.item--blog {
	margin-bottom: 1rem;
}

.nav-links {
	text-align: center;
	font-weight: 800;
	margin-bottom: 3rem;
}

.nav-links .current {
	color: #da6254;
}

@media screen and (min-width: 700px) {
	.projects .grid_container {
		grid-template-columns: 25% 25% 25% 25%;
		grid-template-rows: repeat(auto-fill, 25vw);
	}
	.projects .grid_container > .grid_item:nth-child(4) {
		grid-column-start: 3;
		grid-row-start: 1;
	}
	.projects .grid_container > .grid_item:nth-child(8) {
		grid-column-start: 3;
	}
	.grid_item.item--wide {
		height: 25vw;
	}
	.grid_item.item--small {
		height: 25vw;
	}
	.grid_item.item--big {
		height: 50vw;
	}
	.grid_container button {
		grid-column-end: span 4;
	}
	.grid_bottom {
		grid-column-end: span 4;
		grid-template-columns: repeat(4, 25%);
		grid-template-rows: repeat(auto-fill, 25vw);
	}
	#pagination {
		grid-column-end: span 4;
	}
	.grid_container > .grid_item.item--blog:nth-child(8) {
		grid-column-start: auto;
	}
	.news-insights .grid_container {
		grid-template-columns: repeat(3, calc(100% / 3));
	}
}

@media screen and (min-width: 1000px) {
	#guides .column_full:first-child {
		grid-template-columns: 35% 65%;
		grid-template-rows: 2px 2rem 3rem 2rem 2rem;
	}
	#guides .column_full a {
		grid-row-end: end;
	}
	section.video.video_embed {
		margin: 1rem auto 2rem;
	}
}

@media screen and (min-width: 1200px) {
	.grid_item .grid_item--title h3 {
		font-size: 3rem;
		hyphens: auto;
	}
	.grid_item .grid_item--title h3.long_title {
		font-size: 2.8rem;
	}
	.grid_item .grid_item--title a:hover {
		text-decoration: none;
	}
}

@media (pointer: fine) {
	.grid_item .grid_item--title {
		opacity: 0;
		transition: opacity 400ms ease;
	}
	.grid_item .grid_item--title:hover {
		opacity: 1;
	}
}

/*Pull Quotes*/
.quote_container .quote_text {
	font-family: 'HelveticaNow Display';
	margin: 0 auto 1rem;
	font-size: 1.5rem;
	line-height: 110%;
}

.quote_container .quote_attribution {
	text-transform: uppercase;
	font-size: .8rem;
	margin: 0;
}

.projects .quote_container {
	width: 50vw;
	margin: 4rem auto;
	max-height: 0;
	margin: 0;
	text-align: center;
	grid-column-end: span 2;
}

.projects .open .quote_container {
	max-height: 1000px;
	margin: 4rem auto;
}

.pull_quote {
	margin-bottom: 2rem;
}

.pull_quote .quote_container {
	text-align: left;
}

.pull_quote .quote_text, .pull_quote .quote_attribution {
	position: relative;
}

.pull_quote .quotation_mark--open {
	position: absolute;
	left: -.75rem;
}

.pull_quote.column_full {
	position: relative;
	padding-top: 2rem;
	margin-top: 1rem;
}

.pull_quote.column_full .quote_container {
	width: 300px;
	margin: 0 auto 2rem;
	text-align: center;
}

.pull_quote.column_full .quotation_mark--open {
	position: static;
}

.pull_quote.column_full::before {
	content: '';
	position: absolute;
	width: 80vw;
	height: 1px;
	top: 0;
	background-color: #00313c;
	left: calc(50% - 40vw);
}

@media screen and (min-width: 700px) {
	.projects .quote_container {
		grid-column-end: span 4;
	}
}

/*Headers*/
header.full {
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: column;
	position: relative;
}

header.full h1 {
	color: white;
	padding: 0 var(--body-padding) 2rem;
	margin: 0;
}

header.full img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
}

header.full::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: -1;
}

.colour_header .entry-header {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	padding: 0 var(--body-padding);
}

.colour_header .entry-header::before {
	content: '';
	position: absolute;
	width: 100%;
	height: calc(100% + var(--header-padding));
	top: calc(var(--header-padding) * -1);
	left: 0;
	z-index: -1;
	background-color: #f2a900;
}

.colour_header .entry-header h1 {
	margin: 0;
}

.colour_header .entry-header .page_title, .colour_header .entry-header .page_title a {
	color: white;
}

.colour_header .entry-header .down-arrow {
	margin: 0 auto 2rem;
}

.colour_header .entry-header p {
	font-family: 'HelveticaNow Display';
	margin: 0 calc(2 * var(--body-padding)) 1rem;
	font-size: 1.8rem;
	line-height: 110%;
}

.colour_header .entry-header h1.page_subtitle {
	margin-bottom: 2rem;
}

.work-with-us .entry-header::before {
	background-color: #f2a900;
}

.we-are .entry-header::before {
	background-color: #babc16;
}

.contact-us .entry-header::before {
	background-color: #bbc592;
}

.news-insights .entry-header::before {
	background-color: #da6254;
}

.opportunities .entry-header::before {
	background-color: #57728b;
}

.colour_header.picture_header .entry-header::before {
	height: calc(100% + 3rem);
}

@media screen and (min-width: 1000px) {
	.colour_header .entry-header .down-arrow {
		width: 100%;
		text-align: center;
		margin-top: 5rem;
	}
	.colour_header.we-are .entry-header .down-arrow {
		margin-top: 2rem;
	}
	.colour_header .entry-header .page_title {
		margin-top: 4rem;
	}
	.colour_header .entry-header h1 {
		font-size: 5rem;
		width: 100%;
	}
	.pull_quote.column_full .quote_container {
		width: 600px;
	}
}

@media screen and (min-width: 1200px) {
	.colour_header .entry-header p {
		margin: 0 calc(4 * var(--body-padding)) 1rem;
	}
}

/*Columns*/
.columns {
	margin-bottom: 3rem;
}

.column_left {
	padding: 0 var(--body-padding);
}

.column_right {
	padding: 0 var(--body-padding);
}

.sidebar_block {
	margin-bottom: 1rem;
}

.sidebar_block p {
	margin: 0;
}

.column_full {
	width: 100vw;
}

.columns_three {
	display: flex;
	margin-bottom: 2rem;
	flex-wrap: wrap;
}

.columns_three.column_full .columns_item {
	flex-basis: calc(100% / 3);
	position: relative;
	overflow: hidden;
	padding-top: calc(75% / 3);
	height: 0;
}

.columns_three.column_full .columns_item img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
}

.columns_three p.credit {
	flex-basis: 100%;
	padding-right: var(--body-padding);
}

.single_image {
	padding: 0 var(--body-padding);
}

p.credit {
	text-align: right;
	margin-top: .2rem;
	font-size: .75rem;
}

.additional_text {
	padding: 0 var(--body-padding);
	max-width: 680px;
}

.video_embed {
	position: relative;
	height: 0;
	width: 100%;
	box-sizing: content-box;
	max-width: 854px;
	margin: 1rem auto 2rem;
	padding-top: clamp(200px, 56.25%, 480px);
}

.video_embed iframe {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.video_embed img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video_embed.ready svg {
	opacity: 1;
}

.video_embed.ready.playing img, .video_embed.ready.playing svg {
	z-index: -1;
}

.video_embed svg {
	position: absolute;
	width: 70px;
	height: 70px;
	top: calc(50% - 35px);
	left: calc(50% - 35px);
	fill: #babc16;
	cursor: pointer;
	opacity: 0;
	transition: opacity 400ms ease;
}

.columns .video_embed svg {
	left: calc(50% - 35px);
}

.column_full.main_content h2 {
	flex-basis: 100%;
	text-align: center;
}

.download_file img {
	width: 100%;
	max-width: 400px;
}

.download_file p {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.download_file p svg {
	width: 35px;
	height: 35px;
	padding-bottom: 3px;
}

/*
.column_full.column_text.expander_source {
    display: flex;
    justify-content:space-around;
    padding: 0 var(--body-padding);

	.columns_item {
		flex-basis: 30%;
		width:30%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		h3, 
		p {
			margin: 0;
			font-size:1rem;
			font-family:'HelveticaNow Display';
			line-height:1.35;
		}
		
		
	}
}
*/
.grid_expander.expander {
	display: grid;
	grid-template-rows: 1fr auto 1fr auto 1fr auto;
	margin-bottom: 2rem;
}

.grid_expander.expander .grid_item img {
	width: 100vw;
	height: 66vw;
}

.grid_expander.expander .grid_item.grid_item_three a, .grid_expander.expander .grid_item.grid_item_three h3, .grid_expander.expander .grid_item.grid_item_three p {
	margin-left: var(--body-padding);
	margin-right: var(--body-padding);
}

.grid_expander.expander .grid_item h3 {
	margin-top: 1.2rem;
}

.grid_expander.expander .grid_item .read-more {
	margin-bottom: 3rem;
}

a.read-more {
	display: flex;
	margin-top: 1rem;
	padding-top: .5rem;
	border-top: 1px solid #00313c;
	align-items: center;
	justify-content: space-between;
	font-family: 'HelveticaNow Display';
}

a.read-more svg {
	fill: #00313c;
	transition: transform 200ms linear;
	height: auto;
	width: auto;
}

.open a.read-more svg {
	fill: #bbc592;
	transform: rotate(1.5turn);
}

.closed {
	transform: scale(0);
	transform-origin: top left;
	overflow: hidden;
	margin: 0;
	transition: transform 400ms ease-in, max-height 400ms ease-in;
	max-height: 0;
}

.closed a.read-more {
	width: 40%;
	border-top: 0;
	border-bottom: 1px solid #00313c;
	display: block;
	text-align: right;
	margin: 0 0 2rem auto;
}

.expander .open {
	transform: scale(1);
	max-height: 9999px;
}

.expander p {
	font-family: 'HelveticaNow Display';
}

.expander h1 {
	margin: 0 0 1rem;
	position: relative;
	padding-top: .5rem;
}

.expander h1::before {
	content: '';
	position: absolute;
	width: 60%;
	height: 1px;
	background-color: #00313c;
	top: 0;
}

.expander h2, .expander h3 {
	margin: 0 0 1rem 0;
}

.grid_item .column_right.bleed {
	padding: 0 0 0 var(--body-padding);
	position: relative;
	max-height: 450px;
	margin-bottom: 6rem;
}

.grid_item .column_right.bleed img {
	width: 100%;
	max-height: 450px;
	object-fit: cover;
	top: 0;
}

.grid_item .column_right.bleed svg {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: -5rem;
	left: 0;
	mix-blend-mode: multiply;
}

.expander.find-out-more {
	padding: 0 var(--body-padding);
}

.expander.find-out-more h1::before {
	display: none;
}

.expander.find-out-more .columns {
	margin-bottom: 1rem;
}

.expander.find-out-more .column_full {
	width: 100%;
}

.expander.find-out-more .column_full:first-child {
	display: grid;
	grid-template-columns: 50% 50%;
}

.expander.find-out-more .column_full a {
	justify-self: end;
	text-align: right;
}

.expander.find-out-more .column_full a p {
	margin: 0;
}

a.form-trigger svg {
	width: 35px;
	height: 35px;
}

@media screen and (min-width: 1200px) {
	.grid_expander.expander {
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 720px auto;
	}
	.grid_expander.expander .grid_item.grid_item_three {
		grid-row-start: 1;
		display: grid;
		grid-template-rows: 480px 52px 54px 100px;
	}
	.grid_expander.expander .grid_item.grid_item_three img {
		height: 480px;
		display: block;
		line-height: 0;
		width: 100%;
	}
	.grid_expander.expander .grid_item.grid_item_three h3 {
		margin-bottom: 0;
		margin-top: 2rem;
	}
	.grid_expander.expander .grid_item.grid_item_three p {
		margin-top: 0.2rem;
	}
	.grid_item_expander {
		grid-column-end: span 3;
		grid-row-start: 2;
		grid-column-start: 1;
	}
}

.columns_four {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}

.columns_four .columns_item {
	flex-basis: 48%;
	margin-bottom: 2rem;
}

.columns_four .columns_item h3 {
	font-size: 1.6rem;
	line-height: 105%;
	font-family: 'HelveticaNow Display';
	position: relative;
	padding-bottom: .75rem;
	margin-bottom: .75rem;
}

.columns_four .columns_item h3::after {
	content: '';
	position: absolute;
	bottom: 0;
	width: 1.2rem;
	height: 2px;
	background-color: #00313c;
	left: 0;
}

.columns_four .columns_item li {
	list-style: disc;
}

.columns_four .columns_item ul {
	padding-left: 1rem;
}

.columns_four .column_header {
	flex-basis: 100%;
	display: flex;
	align-items: baseline;
}

.columns_four .column_header svg {
	height: 7.5rem;
}

.columns_four .column_header h1 {
	font-size: 5rem;
	margin: 0;
}

.columns_four .columns_item.additional_columns {
	padding-top: 3rem;
	position: relative;
}

.columns_four .columns_item.additional_columns h3::after {
	display: none;
}

.columns_four .columns_item.additional_columns h1 {
	line-height: 0;
	font-size: 6rem;
	position: absolute;
	top: 1rem;
}

#guides h2 {
	grid-column-end: span 2;
}

#guides p {
	font-weight: 300;
	font-family: 'HelveticaNow';
}

#guides .column_full {
	margin-bottom: 2rem;
}

#guides .column_full a {
	grid-column-end: span 2;
}

#guides .columns_item a {
	text-align: right;
	display: block;
}

.column_full.main_content {
	padding: 0 var(--body-padding);
}

#valued .column_full {
	display: block;
}

.columns_six {
	display: flex;
	flex-wrap: wrap;
}

.columns_six .columns_item {
	border-left: 1px solid #babc16;
	flex-basis: calc(100% / 3);
	margin-bottom: 1rem;
}

.columns_six .columns_item:first-child, .columns_six .columns_item:nth-child(4) {
	border: none;
}

.columns_three.column_header .columns_item:first-child {
	width: 100%;
	margin-bottom: 1rem;
}

.columns_three.column_header h3 {
	margin: 0;
}

.columns_three.column_header .details h3 {
	color: white;
}

.columns_three.column_header h4 {
	margin: 0;
	color: white;
}

.columns_three.column_header p {
	font-size: 1.17em;
	line-height: 1.375;
	margin: 0 0 1rem;
}

.columns_three.column_header .footer_so-me {
	margin: 0;
}

.columns_three.column_header .footer_so-me a {
	width: auto;
	display: block;
}

.columns_three.column_header .footer_so-me svg {
	width: 2rem;
	height: 2rem;
}

.columns_item.fk_portraits h2 {
	position: absolute;
	top: 50%;
	color: white;
	font-family: 'HelveticaNow Display';
	text-align: center;
	font-size: clamp(1rem, 4vw, 3.5rem);
	margin: 0 auto;
	left: 50%;
	transform: translate(-50%, -50%);
	line-height: 105%;
}

.contact-us .columns, #portrait_block {
	margin: 0;
}

.opportunities h3, .opportunities h4 {
	margin: 0;
}

.opportunities .columns {
	margin-top: 3rem;
}

.opportunities .column_right {
	margin-bottom: 2rem;
}

.news-insights .columns_three.column_header .columns_item {
	margin-bottom: 1rem;
}

.featured_caption {
	flex-basis: 100%;
	text-align: center;
	margin-top: .5rem;
}

/*Entry footers*/
.entry-footer {
	margin-bottom: 4rem;
}

.project_nav {
	padding: 0 var(--body-padding);
	display: flex;
	justify-content: space-between;
}

.project_nav a {
	text-align: center;
}

.columns_three.column_full .columns_item.item--related {
	flex-basis: 100%;
	padding-top: 75%;
}

.related h3 {
	text-align: center;
	margin-bottom: 1rem;
	font-family: 'HelveticaNow Display';
	font-size: 1.4rem;
}

@media screen and (min-width: 700px) {
	.columns {
		display: grid;
		grid-template-columns: calc(var(--body-padding)) 2fr 1fr calc(var(--body-padding));
		margin-top: 2rem;
		grid-auto-flow: dense;
	}
	.column_left {
		grid-column-start: 2;
	}
	.column_right {
		grid-column-start: 3;
	}
	.columns h3 {
		margin-top: 0;
	}
	#start .column_left h3 {
		font-size: 1.8rem;
	}
	.column_full {
		grid-column-start: 1;
		grid-column-end: 5;
	}
	.single_image.column_full {
		padding: 0;
		display: grid;
		grid-template-columns: var(--body-padding) 1fr var(--body-padding);
	}
	.single_image.column_full img {
		grid-column-start: 2;
		grid-column-end: 3;
		object-fit: cover;
		width: 100%;
	}
	.single_image.column_full .credit {
		grid-column-start: 2;
	}
	.video_embed.column_full {
		max-width: calc(100% - 2 * var(--body-padding));
		margin: 0 auto;
	}
	.columns_three.column_full .columns_item.item--related {
		padding-top: calc(75% / 3);
		flex-basis: calc(100% / 3);
	}
	footer.entry-footer {
		padding: 0;
	}
	.project_nav {
		padding: 0 var(--body-padding);
	}
	.single_image {
		margin-bottom: 1rem;
	}
	.download_file {
		max-width: 300px;
	}
	.video_grid.column_full {
		display: flex;
		flex-wrap: wrap;
		padding: 0 var(--body-padding);
		justify-content: space-between;
	}
	.video_grid.column_full .video_embed {
		flex-basis: 48%;
		padding-top: calc(56.25% / 2);
	}
	.video_grid.column_full .video_embed:nth-last-child(1), .video_grid.column_full .video_embed:nth-last-child(2) {
		margin-bottom: 0;
	}
	.colour_header .columns {
		margin-top: 0;
	}
	.colour_header .columns img {
		max-height: unset;
		height: 100%;
	}
	.colour_header .columns svg:not(.play) {
		left: -1rem;
	}
	.column_right.bleed {
		grid-column-end: 5;
	}
	section.expander.find-out-more {
		margin-top: 2rem;
	}
	.columns.column-two {
		grid-template-columns: 1fr 1fr;
		grid-gap: 1rem;
	}
	.columns_four .columns_item {
		flex-basis: 23%;
	}
	#guides h2 {
		grid-column-end: 2;
		grid-row-start: 1;
	}
	#guides h3 {
		grid-column-start: 1;
		grid-row-start: 3;
	}
	.guide_text {
		grid-row-start: 2;
		grid-column-start: 2;
	}
	.column_full.main_content {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 2rem;
	}
	.column_full.main_content .video_embed {
		flex-basis: 49%;
		margin: 3rem 0 3rem 0;
		padding-top: calc(56.25% / 2.04);
	}
	.column_full.main_content img {
		margin: 0 auto;
	}
	.column_full.main_content h3, .column_full.main_content p {
		padding: 0 var(--body-padding);
		display: block;
	}
	.column_full.main_content h3 {
		margin-top: 3rem;
		font-size: 1.8rem;
	}
	.who-we-are .columns {
		display: block;
	}
	.columns_three.column_header .columns_item:first-child {
		width: 30%;
	}
	.columns_three.column_header .columns_item {
		width: 30%;
	}
	.columns_three.column_header .footer_so-me {
		width: 10rem;
	}
	h1.page_title {
		width: 100%;
	}
	.columns_three.column_header {
		justify-content: space-between;
	}
}

@media screen and (min-width: 1000px) {
	.columns {
		grid-template-columns: calc(2 * var(--body-padding)) 2fr 1fr calc(2 * var(--body-padding));
	}
	.colour_header .columns {
		grid-template-columns: 1fr 70ch 1fr 1fr;
	}
	.colour_header .columns.column-two {
		grid-template-columns: 1fr 1fr;
	}
	.additional_text.column_full {
		padding-left: calc(2 * var(--body-padding));
	}
	.video_embed.column_full {
		max-width: 854px;
	}
	.video_grid.column_full {
		padding: 0 calc(var(--body-padding) * 2);
	}
	.project_nav {
		padding: 0;
		max-width: 320px;
		margin: 0 auto;
	}
	footer.entry-footer {
		margin-bottom: 0;
	}
	.related_block.columns_three.column_full {
		margin-bottom: 0;
	}
	.single_image.column_full {
		grid-template-columns: calc(3 * var(--body-padding)) 1fr calc(3 * var(--body-padding));
	}
	.column_full.main_content h3, .column_full.main_content p, div#valued h3 {
		padding: 0 calc(4 * var(--body-padding));
	}
}

@media screen and (min-width: 1200px) {
	.column_full.column_text.expander_source {
		justify-content: space-between;
	}
	#guides h2 {
		font-size: 2rem;
		padding-right: 1rem;
	}
	#guides h3 {
		padding: 1rem 1rem 0 0;
		font-size: 1.4rem;
	}
	.columns_six .columns_item {
		flex-basis: calc(100% / 6);
	}
	.columns_six .columns_item:nth-child(4) {
		border-left: 1px solid #babc16;
	}
	.columns_three.column_header {
		padding: 0 calc(3 * var(--body-padding));
		justify-content: space-between;
	}
}

/*Awards Carousel*/
.awards {
	display: flex;
	max-width: 100%;
	position: relative;
	margin: 2rem 0;
}

.awards svg {
	width: 45px;
	stroke: #00313c;
	fill: #babc16;
	stroke-width: 2px;
}

.awards .awards_header {
	padding-right: 1rem;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	max-height: 6rem;
}

.awards .awards_header h3 {
	margin: 0;
}

.awards .carousel {
	width: calc(100% - 88px);
}

.carousel--awards .carousel_item {
	width: 12rem;
	border-left: 1px solid rgba(255, 255, 255, 0.4);
	margin-left: .75rem;
	padding: 0 .75rem;
}

.carousel--awards .carousel_item a {
	display: flex;
	height: 140px;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.carousel--awards .carousel_item a:hover h4 {
	text-decoration: underline;
}

.carousel--awards .carousel_item h4 {
	margin: 0;
	color: white;
	text-align: center;
	text-transform: uppercase;
}

.carousel--awards .carousel_item p {
	text-align: center;
	font-size: 1rem;
	margin: 0 .3rem;
}

@media screen and (min-width: 1000px) {
	.awards .carousel {
		width: calc(100% - 4 * var(--body-padding));
	}
	.awards .awards_header {
		width: calc(4 * var(--body-padding));
		flex-direction: column;
		max-height: unset;
		justify-content: start;
		align-items: center;
		padding-left: calc(2 * var(--body-padding));
	}
	.awards .awards_header h3 {
		font-size: 1.6rem;
	}
	.awards svg {
		height: 85px;
		width: 65px;
	}
}

/*Footer*/
footer#colophon {
	background-color: #00313c;
	display: flex;
	flex-wrap: wrap;
	padding: 2rem 3% 3rem;
	justify-content: space-between;
}

footer#colophon h2 {
	margin: 0;
	padding-top: .5rem;
	position: relative;
	color: white;
	font-family: 'HelveticaNow Display';
	font-size: 1.5rem;
	margin-right: 100%;
}

footer#colophon h2::before {
	content: '';
	width: 75%;
	height: 3px;
	position: absolute;
	background-color: #bbc592;
	top: 0;
}

footer#colophon a, footer#colophon p {
	color: #fff;
	transition: color 200ms ease;
}

footer#colophon .footer_logo {
	width: 130px;
}

.carousel.carousel--footer {
	width: 100%;
	height: 80px;
	margin-top: 1rem;
}

.carousel.carousel--footer .carousel_item {
	height: 80px;
	margin: 0 1rem;
	max-width: 150px;
}

.carousel.carousel--footer .carousel_item a {
	display: block;
}

.carousel.carousel--footer .carousel_item a img {
	width: 100%;
	height: 80px;
	object-fit: contain;
}

.footer_nav.flex {
	flex-wrap: wrap;
	margin-top: 2rem;
}

.footer_nav.flex .flex_item {
	flex-basis: 100%;
}

.footer_nav.flex .flex_item p {
	margin-bottom: 0;
}

.footer_info {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 1rem;
	margin-top: 1rem;
	border-top: 1px solid white;
}

.footer_info p {
	margin: 0 0 1rem;
	flex-basis: 100%;
}

.footer_so-me {
	display: flex;
	justify-content: flex-start;
	width: 100%;
	margin-top: 1rem;
}

.footer_so-me a {
	width: 4rem;
}

.footer_so-me a svg {
	transition: fill 200ms ease;
}

.footer_so-me a:hover svg {
	fill: #babc16;
}

.footer_so-me svg {
	width: 40px;
	height: 40px;
}

@media screen and (min-width: 700px) {
	.carousel.carousel--footer {
		width: calc(100% - 110px);
		margin-top: 0;
	}
	.carousel.carousel--footer .carousel_item {
		margin: 0 3rem;
	}
	.footer_nav.flex .flex_item {
		flex-basis: auto;
	}
	.footer_nav.flex.flex--three {
		flex-basis: 80%;
	}
	.footer_nav.flex.flex--three p {
		margin: 0;
	}
	footer#colophon .footer_logo {
		margin-top: 2rem;
	}
	footer#colophon h2 {
		margin: 0;
	}
	.footer_info {
		width: 100%;
	}
	.footer_info p {
		flex-basis: auto;
	}
	.footer_info .footer_so-me {
		width: 10rem;
		margin-top: 0;
		justify-self: flex-end;
	}
	.footer_info .footer_so-me svg {
		width: 2rem;
		height: 2rem;
	}
}

@media screen and (min-width: 1000px) {
	.footer_nav.flex.flex--three {
		flex-basis: 70%;
	}
}

@media screen and (min-width: 1200px) {
	.footer_info {
		justify-content: flex-start;
	}
	.footer_info .footer_so-me {
		margin-left: auto;
	}
	.footer_info > a {
		margin-left: 1rem;
	}
	.footer_nav.flex.flex--three {
		flex-basis: 50%;
	}
}

/*Ajax Loader*/
.loader {
	background-image: conic-gradient(rgba(186, 188, 24, 0), #babc18);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	animation-name: preloader-animation;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	opacity: 0;
	max-width: 0;
	max-height: 0;
	transition: opacity 600ms ease-in-out, max-width 200ms linear, max-height 200ms linear;
}

.loader.show {
	opacity: 1;
	max-width: 50px;
	max-height: 50px;
}

.loader::before {
	content: '';
	position: absolute;
	width: 46px;
	height: 46px;
	top: 1px;
	left: 1px;
	border-radius: 50%;
	background-color: #fff;
}

.loader::after {
	content: '';
	position: absolute;
	width: 38px;
	height: 38px;
	top: 6px;
	left: 6px;
	border-radius: 50%;
	background-color: #fff;
}

@keyframes preloader-animation {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

/*Form Modal*/
.wpcf7 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
	background-color: rgba(255, 255, 255, 0.9);
	display: flex;
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(8px);
	transform: scale(0);
	transition: transform 400ms ease-in;
	transform-origin: top left;
}

form.wpcf7-form {
	padding: var(--body-padding);
	background-color: #fff;
	border-radius: 20px;
	position: relative;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}

.wpcf7.open {
	transform: scale(1);
}

#close {
	position: absolute;
	right: 2%;
	top: 2.6rem;
	padding: 5px;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
}

#close:hover {
	opacity: 0.8;
}

#close .close-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}

#close .close-inner::before, #close .close-inner::after {
	width: 40px;
	height: 2px;
	border-radius: 4px;
	position: absolute;
	content: "";
	display: block;
	background-color: #000;
}

#close .close-inner::before {
	top: -16px;
	transform: rotate(-150deg);
}

#close .close-inner::after {
	top: -12px;
	transform: translate3d(0, -4px, 0) rotate(-30deg);
}

#close .close-box {
	width: 40px;
	height: 15px;
	display: inline-block;
	position: relative;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: transparent;
	padding: 0;
	margin-left: 0;
	font-family: 'HelveticaNow Display';
}

.wpcf7.hide_p p {
	display: none;
}

.wpcf7.hide_p p:first-of-type {
	display: block;
}

.wpcf7 #loader {
	position: absolute;
	top: 4rem;
	left: calc(50% - 25px);
}

.mailchimp_modal {
	position: fixed;
	width: 300px;
	background-color: #fff;
	padding: 1rem;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
	transform: translate(-100vw, -100vh);
	opacity: 0;
	transition: opacity 400ms ease;
}

.mailchimp_modal.open {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 1;
}

.mailchimp_modal svg {
	position: absolute;
	right: 10px;
	cursor: pointer;
}

.mailchimp_modal svg path {
	stroke: black;
}

.mc4wp-form-fields {
	display: flex;
	flex-wrap: wrap;
}

.mc4wp-form-fields label {
	flex-basis: 100%;
	margin-bottom: 1rem;
}

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

.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: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

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

/* Alignments
--------------------------------------------- */
.alignleft {
	/*rtl:ignore*/
	float: left;
	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	/*rtl:ignore*/
	float: right;
	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

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

/*# sourceMappingURL=style.css.map */