/*
	Theme Name: Aksia 2025
	Theme URI: https://twobytwo.co.uk
	Description: Bespoke theme by Two By Two Design Ltd, using HTML5 Blank WordPress Theme v1.4.3 by Todd Motto as a starting point
	Version: 2.0.1
	Author: Peter Hardy-vanDoorn, fabulosawebdesign.co.uk, for Two By Two Design Ltd
	Author URI: https://www.fabulosawebdesign.co.uk
	Tags: Blank, HTML5, CSS3, Custom

*/

:where([class*="kioken"]) {
	outline: 1px solid red;
}

/***********************/
/* VARIABLES & COLOURS */
/***********************/

:root {

	--aksia-light-blue: #e5f5ff;
	--aksia-mid-blue: #4d7391;
	--aksia-grey-blue: #667388;
	--aksia-dark-blue: #243645;
	--aksia-bright-blue: #8ab7e9;
	--aksia-light-grey: #f4f4f4;
	--aksia-grey: #c0c0c0;
	--aksia-dark-grey: #5e6a6d;
	--aksia-light-black: #3d3d3d;
	--black: #000;
	--white: #fff;
	
	--aksia-primary: var( --aksia-dark-blue );
	--aksia-secondary: var( --aksia-mid-blue );
	
	--padding: 14px;
	--double-padding: calc( 2 * var( --padding ) );
	--half-padding: calc( var( --padding ) / 2 );
	--gutter: 18px;
	--wp--style--block-gap: var( --gutter );
	--gallery-block--gutter-size: var( --gutter );
	--wp--style--gallery-gap-default: var( --gutter );
	
	--header-height: 101px;
	
	--content-width: 864px;
	--container-padding: 80px;
	--container-width: calc( var( --content-width ) + calc( 2 * var( --container-padding ) ) );
	
	--panel-padding: 50px;
	
	--page-width: 568px;
	
	--circle-width: 184px;
	
	--aksia-title-size: 28px;
	--aksia-primary-font-family: "Montserrat", Helvetica, Arial, sans-serif;

	--aksia-font-weight-light: 300;
	--aksia-font-weight-regular: 400;
	--aksia-font-weight-medium: 500;
	--aksia-font-weight-semibold: 600;
	--aksia-font-weight-bold: 700;
	--aksia-font-weight-extrabold: 800;

	--aksia-font-size: 13.5px;
	--aksia-font-smaller: 12px;
	--aksia-font-bigger: 16.5px;
	--aksia-leading: 1.3;
	--aksia-font-weight: var( --aksia-font-weight-regular );
	
	--aksia-header-grad-colour: rgba(42,64,82,0.84);
	--aksia-header-gradient: linear-gradient(90deg, rgba(42,64,82,0.84) 0%, rgba(77,115,145,0) 75%, rgba(77,115,145,0) 100%);
	--aksia-header-gradient-multiplied: linear-gradient(90deg, rgba(42,64,82,0.84) 0%, rgba(77,115,145,0) 75%, rgba(77,115,145,0) 100%);
	
}

.has-aksia-light-blue-color { 		color: var( --aksia-light-blue ) !important; }
.has-aksia-mid-blue-color { 			color: var( --aksia-mid-blue ) !important; }
.has-aksia-grey-blue-color { 			color: var( --aksia-grey-blue ) !important; }
.has-aksia-dark-blue-color { 			color: var( --aksia-dark-blue ) !important; }
.has-aksia-bright-blue-color { 		color: var( --aksia-bright-blue ) !important; }
.has-aksia-light-grey-color { 		color: var( --aksia-light-grey ) !important; }
.has-aksia-grey-color { 			color: var( --aksia-grey ) !important; }
.has-aksia-dark-grey-color { 			color: var( --aksia-dark-grey ) !important; }
.has-aksia-light-black-color { 		color: var( --aksia-light-black ) !important; }
.has-black-color { 				color: var( --black ) !important; }
.has-white-color,
.has-white-color a { 				color: var( --white ) !important; }

.has-aksia-light-blue-background-color { 	background-color: var( --aksia-light-blue ) !important; }
.has-aksia-mid-blue-background-color { 	background-color: var( --aksia-mid-blue ) !important; }
.has-aksia-grey-blue-background-color { 	background-color: var( --aksia-grey-blue ) !important; }
.has-aksia-dark-blue-background-color { 	background-color: var( --aksia-dark-blue ) !important; }
.has-aksia-bright-blue-background-color { background-color: var( --aksia-bright-blue ) !important; }
.has-aksia-light-grey-background-color { 	background-color: var( --aksia-light-grey ) !important; }
.has-aksia-grey-background-color { 		background-color: var( --aksia-grey ) !important; }
.has-aksia-dark-grey-background-color { 	background-color: var( --aksia-dark-grey ) !important; }
.has-aksia-light-black-background-color { background-color: var( --aksia-light-black ) !important; }
.has-black-background-color { 		background-color: var( --black ) !important; }
.has-white-background-color { 		background-color: var( --white ) !important; }

.has-aksia-header-gradient-background,
.has-aksia-header-gradient-gradient-background {
	background-image: var( --aksia-header-gradient );
}

.has-aksia-header-gradient-multiplied-background,
.has-aksia-header-gradient-multiplied-gradient-background {
	background-image: var( --aksia-header-gradient-multiplied );
	mix-blend-mode: multiply;
}

.has-aksia-font-weight-light {		font-weight: var( --aksia-font-weight-light ); }

/**************************************/
/* MINI RESET                         */
/* NOTE: also `normalize.css` is used */
/**************************************/

*,
*:after,
*:before {
	box-sizing: border-box;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

html {
	font-size: 62.5%;
	line-height: var( --aksia-leading );
	-webkit-tap-highlight-color: transparent;
	scroll-behavior: smooth;
}

body {
	font: var( --aksia-font-weight ) var( --aksia-font-size )/var( --aksia-leading ) var( --aksia-primary-font-family );
	color: var( --aksia-primary );
}

img {
	max-width: 100%;
	vertical-align: middle;
}

a {
	color: var( --aksia-secondary );
	text-decoration: none;
	position: relative;
	transition: all 0.5s ease;
}

a:focus,
a:hover {
	text-decoration: none;
	color: var( --aksia-bright-blue );
}

input[type="text"],
input[type="search"] {
	font-size: inherit;
	line-height: inherit;
}

::selection {
	background-color: var( --aksia-secondary );
	color: var( --aksia-primary );
	text-shadow: none;
}

:focus {
	outline: none;
}

h1, h2, h3, h4, h5, h6, h7 {
	font-weight: var( --aksia-font-weight-bold );
}

ul {
	padding-left: 1.6em;
	list-style: none;
}

ul li::before {
	color: var( --aksia-bright-blue );
	font-size: .6em;
	content: "\f111 ";
	font-family: 'FontAwesome';
	position: relative;
	margin-left: -2em;
	width: 2em;
	display: inline-block;
	top: -0.2em;
}

/**************************/
/* WORDPRESS CORE CLASSES */
/**************************/

/* Alignment */

.front-end .alignnone {
	margin: 0 1em 1em 0;
}

.front-end .aligncenter {
	margin: 0 auto;
}

.wp-block-image {
	margin: 0;
}

.front-end .wp-block-image .alignright,
.front-end .alignright {
	float: right;
	margin: 0 0 1em 1em;
}

.front-end .wp-block-image .alignleft,
.front-end .alignleft {
	float: left;
	margin: 0 1em 1em 0;
}

.front-end .alignwide {
	width: calc( 100% + calc( 2 * var( --container-padding) ) );
	margin-left: calc( -1 * var( --container-padding) );
}

.front-end .alignfull {
	width:  100vw;
	max-width:  100vw;
	margin-left:  calc(50% - 50vw);
}

/* Gallery & images */

.wp-caption {
	background: #fff;
	border: thin solid #F0F0F0;
	max-width: 100%;
	padding: var(--padding);
	text-align: center;
}

.wp-caption img {
	width: auto;
	max-width: 100%;
	height: auto;
	border: 0 none;
	padding: 0;
	margin: 0;
}

.wp-caption .wp-caption-text,
.gallery-caption, 
.wp-block-embed figcaption {
	margin: 0;
	padding: var(--padding);
	font-size: 12px;
	color: rgba(0,0,0,.7);
	text-align: center;
}

figure.wp-block-gallery.has-nested-images {
	display: flex;
	margin: 0;
}

figure.wp-block-embed.is-type-video iframe {
	border-radius: 15px;
}

/*******************/
/* UTILITY CLASSES */
/*******************/

.clear:before,
.clear:after {
	content: " ";
	display: table;
}

.clear:after {
	clear: both;
}

.reset-box {
	padding: 0;
	margin: 0;
}

a.post-edit-link {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	padding: 8px;
	background-color: rgba(0,0,0,.25);
	color: white;
	text-decoration: none;
	z-index: 1;
	transition: all 1s ease-in-out;
}

button, .button, a.button, .wp-block-button__link, .wp-block-search__button {
	display: inline-block;
	position: relative;
	background-color: var( --aksia-primary );
	color: white;
	padding: 10px 16px;
	text-transform: uppercase;
	transition: all .5s ease; 
	text-align: center;
	font-weight: var( --askia-bold-weight );
	line-height: 0.8;
	border-radius: 24px;
	cursor: pointer;
	font-size: var( --aksia-font-size );
	border: none;
}

button:hover, .button:hover, a.button:hover, .wp-block-button__link:hover, .wp-block-search__button:hover {
	background-color: var( --aksia-secondary );
	color: white;
	text-decoration: none;
	border: none;
}

.button[class*="aksia-"],
.ctis-load-more button {
	display: inline-flex !important;
	position: relative;
	align-items: center;
}

.button[class*="aksia-"]:after,
.ctis-load-more button:after {
	display: inline-block;
	position: relative;
	margin-left: 8px;
	left: 0;
	transition: all 0.5s ease-in-out;
}

.button[class*="aksia-"]:hover:after,
.ctis-load-more button:hover:after {
	left: 4px;
}

.button.aksia-arrow:after,
.ctis-load-more button:after {
	content: url('/assets/ui/arrow.svg');
	width: 23px;
	height: 18px;
}

.button.aksia-caret:after {
	content: url('/assets/ui/caret.svg');
	width: 8px;
	height: 11px;

}

.button:before {
	display: none;
}

.fax-checkbox /* used to hide a honeypot form field */,
.hide-title {
	position: absolute;
	width: 1px; 
	height: 1px;
	left: -2000px;
	opacity: 0;
}

.delay-300ms {
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}

.delay-400ms {
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}

.delay-500ms {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}

.delay-600ms {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
}

.no-top-padding {
	padding-top: 0 !important;
}

.no-bottom-padding {
	padding-bottom: 0 !important;
}

.no-gutter {
	--gutter: 0;
	--wp--style--block-gap: 0;
	gap: 0 !important;
}

.clicky {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	cursor: pointer;
	z-index: 1;
}

.clicky:before {
	display: none;
}

.spaced-bullets li,
li.spaced-bullets {
	margin-bottom: 1em;
}

.iphone { 
	display: none;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.mt-0 {
	margin-top: 0 !important;
}

/***********************/
/* Gutenberg Overrides */
/***********************/

.wp-block-columns {
	margin-bottom: var( --gutter );
	gap: var( --gutter );
}

.no-gap {
	gap: 0;
}

.has-background:not(.aksia-panel) {
	padding: var( --padding );
}

.has-background.double-padding {
	padding: var( --double-padding );
}

@media (min-width: 782px) {
	.wp-block-columns {
		margin-bottom: 0;
	}
}

.wp-block-gallery { 
	gap: var( --gutter ) !important;
}

/* Media & Text Block */

.wp-block-media-text .wp-block-media-text__content {
	padding: 0 0 0 var( --gutter );
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
	padding: 0 var( --gutter ) 0 0;
}

.wp-block-cover, .wp-block-cover-image {
	padding: 0;
}

.wp-block-cover-image.has-background-dim:not([class*=-background-color]), .wp-block-cover-image .has-background-dim:not([class*=-background-color]), .wp-block-cover.has-background-dim:not([class*=-background-color]), .wp-block-cover .has-background-dim:not([class*=-background-color]) {
	background-color: transparent;
}

.wp-block-search__label {
	display: none;
}

/********************/
/* Plugin Overrides */
/********************/

#cookie-law-info-bar {
	inset: auto var( --padding ) var( --padding ) var( --padding ) !important;
	border: 1px solid var( --aksia-primary );
	background-color: var( --aksia-primary );
	color: white;
	border-radius: var( --padding );
	box-shadow: none;
	width: calc( 100% - var( --double-padding ) );
	font-size: 13.5px;
}

.show-scrollup #cookie-law-info-bar {
	border-color: white;
}

.cli-alert-dialog-content,
.cli-alert-dialog-buttons {
	text-align: center;
}

.cli-modal-dialog button.cli-ccpa-button-cancel,
.cli-modal-dialog button.cli-ccpa-button-confirm,
.cli-tab-footer .wt-cli-privacy-accept-btn,
.cli-plugin-button,
.cli-alert-dialog-buttons button {
	background-color: var( --aksia-secondary ) !important;
	border: none;
	color: white !important;
	text-transform: uppercase;
	font-weight: 400 !important;
	border-radius: 16px;
}

.cli-modal-dialog button.cli-ccpa-button-cancel:hover,
.cli-modal-dialog button.cli-ccpa-button-confirm:hover,
.cli-tab-footer .wt-cli-privacy-accept-btn:hover,
.cli-plugin-button:hover,
.cli-alert-dialog-buttons button:hover {
	background-color: var( --aksia-bright-blue ) !important;
	color: var( --aksia-primary ) !important;
}

.footer a.cli-privacy-readmore {
	color: black;
}

/*************/
/* STRUCTURE */
/*************/

.wrapper,
*[class*="inner-container"] {
	max-width: var(--container-width);
	padding: 0 var(--container-padding);
	margin-left: auto;
	margin-right: auto;
}

.wrapper *[class*="inner-container"],
*[class*="inner-container"] *[class*="inner-container"] {
	padding: 0;
}

.wp-block-group *[class*="inner-container"] :last-child {
	margin-bottom: 0;
}

.wp-block-group *[class*="inner-container"] :first-child {
	margin-top: 0;
}

main {
	padding-top: calc( 108px + var( --container-padding ) );
	overflow: hidden;
}

article.hentry {
	padding-bottom: var( --container-padding );
}

/* .page-template-template-for-blocks article.hentry {
	padding-bottom: 0;
} */

/* arrows */

.pagination-arrow {
	display: inline-block;
	width: 20px;
	height: 26px;
	transition: all 0.5s ease;
	fill: none;
	stroke: var( --aksia-dark-blue, #243645 );
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.2px;
	cursor: pointer;
}

/* Scroll to top */

#scrollup { 
	display: inline-flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
	position: fixed; 
	bottom: var(--gutter); 
	right: var(--gutter); 
	width: 32px; 
	height: 32px; 
	padding: 8px;
	opacity: 0;
	cursor: pointer; 
	background-color: white; /*var(--aksia-primary);*/
	border-radius: 50%;
	font-size: 14px;
	line-height: 1;
	transition: all 1s ease;
	pointer-events: none;
}

#scrollup .pagination-arrow {
	transform: rotate( 180deg );
}

#scrollup:before {
	display: none;
}

body.show-scrollup #scrollup { 
	opacity: .6; 
	pointer-events: auto;
}

body.show-scrollup #scrollup:hover { 
	opacity: 1;
	text-decoration: none;
}

body.show-scrollup .aksia-scroll-down a {
	opacity: 0;
	pointer-events: none;
}

/* Header */

header.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	background-color: rgba( 255, 255, 255, .8 );
	z-index: 100;
	backdrop-filter: blur(4px);
}

.admin-bar header.header {
	top: 32px;
}

.header-main {
	display: flex;
	margin-top: var(--gutter);
	margin-bottom: var(--gutter);
	justify-content: space-between;
	align-items: center;
}

.header-main .logo {
	z-index: 102;
}

.header-main .logo a:before{
	display: none;
}

.header-logo {
	width: 142px;
	height: auto;
	fill: var(--aksia-primary);
	transition: all 1s ease;
}

.menu-open .header-logo {
	fill: white;
}

/* Menu */

nav {
	padding: 0;
	z-index: 101;
	display: flex;
	align-items: center;
	gap: var(--gutter);
	justify-content: flex-end;
}

nav ul[class*="nav"] {
	margin: 0;
	padding: 0;
}

nav ul[class*="nav"] li:before {
	content: "";
}

.button.client-portal {
	background-color: transparent;
	border-radius: 4px;
	margin-left: 16px !important;
	padding-right: 10px !important;
	border: 1px solid var(--aksia-primary);
	color: var(--aksia-primary);
	font-size: var( --aksia-font-smaller );
}

body:not(.home) .button.client-portal {
	margin-left: 10px !important;
}

.button.client-portal:hover {
	background-color: var(--aksia-primary);
	border: 1px solid var(--aksia-primary);
	color: white;
}

.button.client-portal:hover:after,
.menu-open .button.client-portal:after {
	content: url('/assets/ui/caret-white.svg');
}

.header-main nav ul[class*="nav"] li.button.client-portal a {
	padding-right: 0;
}

.header-link {
	color: var(--aksia-primary);
	transition: all 0.5s ease;
	display: block;
	z-index: 1;
}

.menu-open .button.client-portal {
	color: white;
	border-color: white;
}

.menu-open .header-link {
	color: white;
}


@media ( max-width: 899.9px ) { /* For mobile view */

	.main-nav,
	.secondary-nav {
		display: none !important;
	}

	nav .nav-outer {
		position: absolute;
		left: 0;
		top: 0;
		min-height: 100vh;
		width: 100vw;
		background-color: transparent;
		opacity: 0;
		pointer-events: none;
		transition: all 0.5s ease;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	nav .nav-background {
		position: absolute;
		left: 100vw;
		top: 0;
		min-height: 100vh;
		width: 100vw;
		background-color: var(--aksia-secondary);
		opacity: .95;
		pointer-events: none;
		margin: 0;
		padding: 0;
		transition: all .25s ease;
		overflow: hidden;
	}
	nav ul.mobile-nav {
		position: absolute;
		left: 0;
		top: 0;
		min-height: 100vh;
		width: 100vw;
		flex-direction: column;
		display: flex;
		justify-content: space-between;
		text-align: left;
		pointer-events: inherit;
		transition: all 0.5s ease;
		margin: 0;
		overflow: hidden;
		list-style: none;
		align-content: center;
		align-items: stretch;
		padding: calc( var( --header-height ) + var( --container-padding ) ) var( --gutter );
	}

	.admin-bar nav .nav-outer {
		min-height: calc( 100vh - 32px );
	}

	nav ul.mobile-nav li {
		display: block;
		transform: translateX(100vw);
		transition: all 0.25s ease;
		width: var( --content-width );
		margin: var( --gutter ) auto;
		opacity: 0;
	}

	nav ul.mobile-nav li:before,
	nav ul.mobile-nav li a:before {
		display: none;
	}

	nav ul.mobile-nav li a {
		z-index: 102;
		color: white;
		padding: var(--padding) 0;
		font-size: 20px;
		font-weight: var(--aksia-font-weight-bold);
		text-align: left;
		text-decoration: none;
		text-transform: uppercase;
		transition: all .25s ease;
	}

	ul.mobile-nav li a:hover {
		color: var(--aksia-bright-blue);
		text-decoration: none;
	}

	nav ul.mobile-nav li:nth-of-type(1) {
		transition-delay: 100ms;
	}

	nav ul.mobile-nav li:nth-of-type(2) {
		transition-delay: 200ms;
	}

	nav ul.mobile-nav li:nth-of-type(3) {
		transition-delay: 300ms;
	}

	nav ul.mobile-nav li:nth-of-type(4) {
		transition-delay: 400ms;
	}

	nav ul.mobile-nav li:nth-of-type(5) {
		transition-delay: 500ms;
	}

	nav ul.mobile-nav li:nth-of-type(6) {
		transition-delay: 600ms;
	}

	nav ul.mobile-nav li:nth-of-type(7) {
		transition-delay: 700ms;
	}

	nav ul.mobile-nav li:nth-of-type(8) {
		transition-delay: 800ms;
	}

	nav ul.mobile-nav li:nth-of-type(9) {
		transition-delay: 900ms;
	}

	nav ul.mobile-nav li:nth-of-type(10) {
		transition-delay: 1000ms;
	}

	/* Show menu */

	body.menu-open { 
		overflow: hidden;
	}

	body.menu-open nav .nav-outer {
		opacity: 1;
		pointer-events: all;
	}

	body.menu-open nav .nav-background {
		left: 0;
	}

	body.menu-open ul.mobile-nav li {
		transform: translateX(0);
		opacity: 1;
	}

	/* Hide Dropdowns by Default */
	nav ul.mobile-nav li .sub-menu {
		transition: all .5s ease;
		opacity: 0;
		pointer-events: none;
	}
	/* Display Dropdowns on Hover */
	nav ul.mobile-nav li:hover > .sub-menu {
		opacity: 1;
		pointer-events: auto;
	}

	/* Burger */
	.burger-wrapper {
		cursor: pointer;
		width: 44px;
		height: 44px;
		display: block;
		z-index: 200;
		transition: all 0.5s ease;
		padding: 8px;
		background-color: transparent;
		border-radius: 50%;
	}

	.burger-wrapper:hover {
		background-color: var(--aksia-secondary);
	}

	.menu-trigger {
		display: none;
	}

	.burger-wrapper .hamburger {
		background: var(--aksia-secondary);
		width: 28px;
		height: 3px;
		position: relative;
		transform: translateY(12px) scale(.8);
		transition: all 300ms ease;
		z-index: 1;
	}

	.burger-wrapper .hamburger:before,
	.burger-wrapper .hamburger:after {
		transition: all 300ms ease;
		position: absolute;
		background: var(--aksia-secondary);
		width: 100%;
		height: 3px;
		content: "";
	}

	.menu-open .hamburger:before,
	.menu-open .hamburger:after {
		background: white;
	}

	.burger-wrapper .hamburger:before {
		top: -10px;
	}

	.burger-wrapper .hamburger:after {
		top: 10px;
	}

	.burger-wrapper:hover .hamburger,
	.burger-wrapper:hover .hamburger:before,
	.burger-wrapper:hover .hamburger:after {
		background: white;
	}

	.menu-trigger:checked ~ .burger-wrapper .hamburger {
		background: transparent;
	}

	.menu-trigger:checked ~ .burger-wrapper .hamburger:after,
	.menu-trigger:checked ~ .burger-wrapper .hamburger:before {
		top: 0;
	}

	.menu-trigger:checked ~ .burger-wrapper .hamburger:before {
		transform: rotate(45deg);
	}

	.menu-trigger:checked ~ .burger-wrapper .hamburger:after {
		transform: rotate(-45deg);
	}

}

@media ( min-width: 900px ) { /* For desktop view */

	.burger-wrapper,
	.menu-trigger,
	.mobile-nav {
		display: none !important;
	}

	.header-main {
		align-items: flex-end;
	}

	.button.client-portal {
		margin-left: 0;
	}
	
	.header-main .logo {
		margin-bottom: 8px;
	}
	
	.header-main nav {
		width: 100%;
		align-items: flex-end;
	}
	
	.menu-container {
		width: calc( 100% - calc( 2 * var( --gutter ) ) );
	}
	
	.header-main nav ul[class*="nav"] {
		display: flex;
		justify-content: flex-end;
		text-align: left;
		pointer-events: inherit;
		transition: all 0.5s ease;
		margin: 0;
		padding: 0;
		overflow: hidden;
		list-style: none;
	}

	.header-main nav ul.main-nav {
		font-size: 14px;
	}

	.header-main nav ul.secondary-nav {
		font-size: var( --aksia-font-smaller );
		padding-right: 12px;
	}
	
	.header-main nav ul[class*="nav"] li {
		display: block;
		padding: 0;
		margin: 0;
	}
	
	.header-main nav ul[class*="nav"] li a {
		display: inline-block;
		padding: 8px 12px;
		color: var( --aksia-primary );
		transition: all 0.5s ease;
	}
	
	.header-main nav ul[class*="nav"] li:hover a {
		background-color: var( --aksia-primary );
		color: white;
	}
	
	.header-main nav ul[class*="nav"] li.current-menu-item a,
	.header-main nav ul[class*="nav"] li.current_page_parent a{
		font-weight: var( --aksia-font-weight-bold );
	}
}

/* Footer */

.footer { 
	background-color: var(--aksia-dark-blue );
	color: white;
	font-size: var( --aksia-font-smaller );
}

.footer a {
	color: white;
}

.footer .wrapper {
	padding-top: var( --container-padding );
	padding-bottom: var( --container-padding );
}

.offices {
	display: grid;
	grid-template-columns: repeat( 4, 1fr );
	gap: var(--gutter);
}

.single-office {
	display: block;
	margin: 0 0 calc( 2 * var( --gutter ) ) 0;
}

.single-office .office-name {
	font-weight: var( --aksia-font-weight );
	margin: 0 0 1em;
}

.single-office p {
	letter-spacing: 0.03em;
}

.single-office p:not(.office-address) { 
	margin: 0;
}

.single-office .office-bottom {
	margin-top: 1em;
}

.single-office.asia p.office-document {
	/* https://stackoverflow.com/questions/14563064/japanese-standard-web-fonts */
	font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top: 1em;
}

.single-office p.office-document{
	margin-top: 1em;
}

.footer-nav, .footer-nav li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-nav {
	margin: var(--padding) 0 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--gutter);
}

.footer-nav li:before {
	content: "";
}

.footer-nav li a {
	display: block;
}

.footer-lower {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
}

.footer-lower p {
	margin: 35px 0;
}

.footer-logo {
	fill: white;
	width: 174px;
	height: auto;
}

/*********/
/* PAGES */
/*********/

/* General pages */

body[class*="page-template-"]:not(.page-template-template-for-blocks) main {
	padding-top: calc( 108px + var( --container-padding ) );
}

.page-title {
	font-size: 30px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	font-weight: var( --aksia-font-weight-light );
	margin-top: 0;
}

body.page-template-template-narrow article.hentry {
	max-width: var( --page-width );
	font-size: 16.5px;
	line-height: 1.55;
	font-weight: var( --aksia-font-weight-light );
	letter-spacing: 0.05em;
}

body.page-template-template-narrow article.hentry strong {
	font-weight: var( --aksia-font-weight-semibold );
}

body.page-template-template-narrow article.hentry h3, 
body.page-template-template-narrow article.hentry h4, 
body.page-template-template-narrow article.hentry h5, 
body.page-template-template-narrow article.hentry h6, 
body.page-template-template-narrow article.hentry h7 {
	font-size: inherit;
	line-height: inherit;
	letter-spacing: 0;
}

body.page-template-template-narrow article.hentry h3 {
	text-transform: uppercase;
	margin-bottom: 0;
}

body.page-template-template-narrow article.hentry h3 + p {
	margin-top: 0;
}

.aksia-header-panel {
	background-color: var( --aksia-primary );
	padding: var( --header-height ) 0 0;
	margin-bottom: var( --panel-padding );
	min-height: 486px;
}

.aksia-header-panel .wrapper {
	margin: 0;
	padding: var( --container-padding );
}

.aksia-header-panel .text-block {
	max-width: 768px;
}

.aksia-header-panel h1 {
	font-size: 13.5px;
	line-height: 1.13;
	font-weight: var( --aksia-font-weight-bold );
	text-transform: uppercase;
	letter-spacing: 0.025em;
}

.aksia-header-panel h2 {
	font-size: 30px;
	line-height: 1.13;
	font-weight: var( --aksia-font-weight-regular );
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin-top: 10px;
}

@media ( max-width: 600px ) {
	.aksia-header-panel h2 br {
		display: none;
	}
}

.aksia-panel {
	padding-top: var( --panel-padding );
	padding-bottom: var( --panel-padding );
	font-size: 16.5px;
	font-weight: var( --aksia-font-weight-light );
}

.aksia-panel h2 {
	font-size: 16px;
	font-weight: var( --aksia-font-weight-bold );
	text-transform: uppercase;
	letter-spacing: 0.025em;
	margin: 0 0 var( --panel-padding );;
}

.aksia-panel .intro {
	font-size: 21.5px;
	font-weight: var( --aksia-font-weight-light );
	letter-spacing: 0.01em;
	margin-top: 0px;
}

.aksia-panel a.button {
	font-size: var( --aksia-font-size );
}

.askia-counter-circles {
	display: flex;
	position: relative;
	flex-wrap: wrap;
	justify-content: center;
}

.askia-counter-circle {
	display: block;
	position: relative;
	/*flex-basis: var( --circle-width );*/
	width: var( --circle-width );
	height: var( --circle-width );
	text-align: center;
	font-weight: var( --aksia-font-weight-light );
	border-radius: 50%;
	perspective: 500px;
	/*margin: var( --half-padding ) calc( -1 * var( --gutter ) ) var( --half-padding ) 0;*/
	margin: calc( -1 * var( --gutter ) ) 0;
	background-image: url("/assets/ui/Counter-Circle-Up.svg");
	background-repeat: no-repeat;
	background-size: 100%;
}

.askia-counter-circle .wp-block-group__inner-container {
	height: 100%;
	width: 100%;
	inset: 0;
	position: absolute;
	transform-style: preserve-3d;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 50%;
	opacity: 1;
	transition: all 0.5s ease;
}

.askia-counter-circle .number {
	justify-content: center;
	align-items: center;
	margin: 0;
	font-size: 30px;
	font-weight: var( --aksia-font-weight-regular );
}

.askia-counter-circle p {
	margin: 2px 0;
	font-size: 15px;
	font-weight: var( --aksia-font-weight-bold );
}

.asset-column {
	padding: 0 var(--gutter);
}

.asset-column:not(:last-child) {
	border-right: 1px solid var( --aksia-bright-blue );
}

.counter-wrap {
	margin: 0;
	font-size: 32px;
	font-weight: var( --aksia-font-weight-regular )
}

.asset-column p {
	margin: 0;
}

.aksia .kioken-accordion-item {
	border-top: 1px solid var( --aksia-bright-blue );
}

.aksia .kioken-accordion-item:last-child {
	border-bottom: 1px solid var( --aksia-bright-blue );
}

.aksia .kioken-accordion-item-heading {
	font-size: 18.5px;
	font-weight: 400;
	color: var( --aksia-primary );
	padding: var( --gutter ) 0 var( --gutter ) 34px;
	opacity: 1;
}

.aksia .kioken-accordion-item-heading:before {
	display: none; 
}

.aksia .kioken-accordion-item-content {
	padding: 0 0 var( --gutter ) 34px;
}

.aksia .kioken-accordion-item-collapse {
	left: 0;
	right: auto;
	width: 24px;
	color: var( --aksia-bright-blue );
}

/* Accordion */

.aksia .wp-block-getwid-accordion,
.aksia .wp-block-getwid-toggle {
	border: none;
	border-bottom: 1px solid var( --aksia-bright-blue );
}

.aksia .wp-block-getwid-accordion .wp-block-getwid-accordion__header-wrapper,
.aksia .wp-block-getwid-toggle .wp-block-getwid-toggle__header-wrapper{
	border: none;
	border-top: 1px solid var( --aksia-bright-blue );
}
 
.aksia .wp-block-getwid-accordion .wp-block-getwid-accordion__header,
.aksia .wp-block-getwid-toggle .wp-block-getwid-toggle__header {
	font-size: 18.5px;
	font-weight: 400;
	color: var( --aksia-primary );
	padding: var( --gutter ) 0 var( --gutter ) 0;
	opacity: 1;
}

.aksia .wp-block-getwid-accordion__content,
.aksia .wp-block-getwid-toggle__content {
	border: none;
	padding-top: 0;
}


/* Leadership */

.leadership-contents {
	display: flex;
	font-weight: var( --aksia-font-weight-light );
	margin-bottom: var(--container-padding);
}

.leadership-left {
	flex-basis: 290px;
	position: relative;
}

.leadership-left .mugshot, 
.leadership-left .mugshot-circle-1,
.leadership-left .mugshot-circle-2 {
	display: block;
	position: relative;
	margin: 0;
	width: 216px;
	height: 216px;
	border-radius: 50%;
	overflow: hidden;
	background-color: var( --aksia-grey );
	z-index: 3;
	transition: all .5s ease;
}

.leadership-left .mugshot-circle-1,
.leadership-left .mugshot-circle-2 {
	position: absolute;
	left: 0;
	top: 0;
	background-color: var( --aksia-mid-blue );
	opacity: .2;
	z-index: 1;
}

.leadership-left .mugshot-circle-1 {
	transition-delay: .1s;
}

.leadership-left .mugshot-circle-2 {
	transition-delay: .25s;
}

.page-loaded .leadership-left .mugshot-circle-1 {
	transform: translate( 126px, 22px ) scale( 1.15 );
}

.page-loaded .leadership-left .mugshot-circle-2 {
	transform: translate( -7px, 160px ) scale( 1.15 );
}

.leadership-left .image-container {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: none;
	transition: all .5s ease;
}

.leadership-left .image-container img {
	object-fit: cover;
	height: 100%;
	transition: all .5s ease;
}

.leadership-left .office-address {
	position: relative;
	z-index: 2;
}


.leadership-right {
	flex-basis: calc( 100% - 290px );
	position: relative;
	z-index: 4;
}

.leadership-right .post-title {
	font-size: inherit;
	margin-bottom: 0;
}

.leadership-right .job-title {
	font-size: inherit;
	font-weight: inherit;
	margin-top: 0;
}

.leadership-right .post-title .letters {
	font-weight: var( --aksia-font-weight-light );
}

/* Jobs */

#grnhse_app { 
	margin-left: -30px;
	width: calc( 100% + 60px );
}

/* Community */

.community-carousel .superblockslider__slide_inner {
	width: 100%;
	left: 0;
}

.community-carousel .superblockslider__slide .superblockslider__slide_inner {
	height: 100%;
	top: 0;
	padding: 0;
}

.community-carousel .superblockslider__slide .superblockslider__slide_inner p {
	font-size: 18px;
}

.community-carousel .superblockslider__slide {
	background-color: var(--aksia-dark-blue);
}

.community-carousel .page-title {
	text-shadow: 4px 4px 4px black;
	font-weight: var( --aksia-font-weight );
}

@media (max-width: 600px) {
	
	body[class*="community-engagement"] article.hentry {
		margin-top: var( --header-height );
	}
	
	.community-carousel .superblockslider {
		max-height: calc( 90vh - var( --header-height ) ) !important;
	}
	
	.community-carousel .superblockslider__slide__bg, 
	.community-carousel .superblockslider__slide__overlay {
		height: 50%;
		bottom: 0;
	}

	.community-carousel .superblockslider__slide .superblockslider__slide_inner p {
		padding: 0;
	}

	.community-carousel .superblockslider__slide .superblockslider__slide_inner {
		height: 50%;
		bottom: auto;
		top: 0;
	}

	.community-carousel .superblockslider__slide .superblockslider__slide_inner p {
		font-size: 16px;
	}
	
}

@media ( min-width: 600.1px ) and ( max-width: 859.9px ) {

	.community-carousel .superblockslider {
		max-height: 55vh !important;
	}


}

.community-gallery {
	padding: var( --container-padding ) 0 !important;
}

.community-gallery figure.wp-block-gallery {
	flex-wrap: wrap;
}

.community-gallery .wp-block-gallery.has-nested-images figure.wp-block-image img {
	max-width: 102px !important;
	margin: 0 !important;
}

.community-gallery .wp-block-gallery figure {
	align-items: center;
	margin: 0 0 var( --gutter ) !important;
	min-height: 90px;
}

.community-gallery h2 {
	font-size: 16.5px;
	margin: 0 0 50px;
}

/* Max */

.max-panel.has-background:not(.aksia-panel) {
	padding: 0;
	font-size: 16.5px;
	font-weight: var( --aksia-font-weight-light );
}

.max-panel.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
	padding: var( --panel-padding ) var( --gutter ) var( --panel-padding ) var(--container-padding);
}

.max-panel h2 {
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 1em;
}

.max-panel p {
	font-size: 21.5px;
}

#due-diligence figure.wp-block-media-text__media {
	padding-right: var( --container-padding );
}

.cwp-block-prev span.dashicons, .cwp-block-next span.dashicons {
	text-align: baseline;
}

.cwp-preview .cwp-block-prev { 
	left: calc( -1 * var( --container-padding ) ) !important; 
	border-radius: 50% !important;
}

.cwp-preview .cwp-block-next { 
	right: calc( -1 * var( --container-padding ) ) !important; 
	border-radius: 50% !important; 
}

.cwp-preview {
	color: inherit !important;
}

.cwp-preview .cwp-block-prev .dashicons:before,
.cwp-preview .cwp-block-next .dashicons:before {
	display: inline-block;
	font-size: 1em;
	line-height: 1;
	font-family: FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	top: -3px;
	position: relative;
}

.cwp-preview .cwp-block-prev .dashicons:before {
	content: "\f060";
}

.cwp-preview .cwp-block-next .dashicons:before {
	content: "\f061";
}

.max-screen-animation {
	overflow: hidden;
	position: relative;
}

.max-screen-animation figure[class*="max-anim-screen-"] {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	transition: opacity 0.25s ease, transform .5s ease;
	opacity: 0;
}

.max-screen-animation figure.max-anim-screen-1 {
	position: relative;
	opacity: 1;
}

.max-screen-animation figure.max-anim-screen-2 {
	transition-delay: .5s;
}

.max-screen-animation figure.max-anim-screen-3 {
	transition-delay: 1s;
	transform: translateX( 20% );
}

.max-screen-animation figure.max-anim-screen-4 {
	transition-delay: 1.5s;
	transform: translateX( 40% );
}

.max-screen-animation figure.max-anim-screen-2.visible {
	opacity: 1;
	transform: translateX( 20% );
}

.max-screen-animation figure.max-anim-screen-3.visible {
	opacity: 1;
	transform: translateX( 40% );
}

.max-screen-animation figure.max-anim-screen-4.visible {
	opacity: 1;
	transform: translateX( 60% );
}

/* responsible Insights */

figure.commitment-logos {
	flex-wrap: wrap;
}

/* Research Coverage */

.research-coverage .aksia-panel h2 {
	margin-bottom: var( --panel-padding );
}

/* .research-columns,
.data-columns {
	margin-bottom: calc( 3 * var( --padding ) );
} */

.research-columns h3 {
	background-color: var( --aksia-mid-blue );
	text-align: center;
	font-size: var( --aksia-font-size );
	font-weight: var( --aksia-font-weight );
	color: var( --white );
	padding: 8px;
	min-height: calc( var( --aksia-font-size ) * var( --aksia-leading ) *2 + 16px ); 
	display: flex;
	align-items: center;
	justify-content: center;
}

.research-columns h4  {
	font-size: var( --aksia-font-smaller );
	margin-bottom: 0;
}

.research-columns ul {
	font-size: var( --aksia-font-smaller );
	margin-top: 0;
}

.charts-column ul {
	margin-left: 0;
}

.charts-column li:before {
	content: "\f0c8";
	font-size: .8em;
	top: -0.1em;
	margin-left: -1.5em;
	width: 1.5em;
}

.charts-column li:nth-child(1):before {
	color: var( --aksia-dark-blue );
}

.charts-column li:nth-child(2):before {
	color: var( --aksia-mid-blue );
}

.charts-column li:nth-child(3):before {
	color: var( --aksia-grey-blue );
}

.charts-column li:nth-child(4):before {
	color: var( --aksia-grey );
}

.charts-column li:nth-child(5):before {
	color: var( --aksia-dark-grey );
}

.charts-column li strong {
	font-weight: var( --aksia-font-weight-light );
	display: inline-block;
	min-width: 3em;
}

.research-caveats {
	font-size: var( --aksia-font-smaller );
	font-style: italic;
}

.research-caveats ol {
	padding-left: 15px;
}

.data-columns .asset-column {
	min-height: 107px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.data-columns .asset-column:first-child {
	border-left: 1px solid var( --aksia-bright-blue );
}

/* Industry resouces page */

.research-resources article.page.hentry {
	padding-bottom: 0;
}
.research-resources .page-title {
	font-size: 16px;
	font-weight: var( --aksia-font-weight-bold );
	text-transform: uppercase;
	letter-spacing: 0.025em;
	margin: 30px 0;
	text-align: center;
}

.resources-container {
	flex-direction: column;
	gap: var( --panel-padding );
}

.resources-container h2 {
	font-weight: var( --aksia-font-weight-extrabold );
}

.resources-inner {
	background-color: var( --aksia-dark-blue );
	color: white;
}

.research-resources .sidebar {
	display: block;
	position: relative;
	width: 100%;
	background-color: transparent;
	padding: 0;
	align-self: flex-start;
}

.research-resources .sidebar .top-resources {
	display: flex;
	flex-wrap: wrap;
	gap: var( --double-padding );
}

.research-resources .single-filter {
	flex-basis: 50%;
}
.research-resources .sidebar h3 {
	font-size: var( --aksia-font-size );
	text-transform: uppercase;
	text-align: center;
	margin-top: 0;
}
.research-resources .filters {
	align-items: left !important;
	margin-bottom: var( --gutter );
	padding: 0;
	display: flex;
	gap: var( --gutter );
}
.research-resources .filters select {
	font-size: var( --aksia-font-size );
	text-transform: uppercase;
	font-weight: var( --aksia-font-weight-medium );
	margin: 0 0 var( --half-padding );
}
.research-resources .filters select {
	width: 100%;
	text-align: left;
	text-align-last: left;
	padding: var( --half-padding ) var( --padding );
	text-transform: none;
	border-radius: 40px;
	-webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	cursor: pointer;
	border: 1px solid var( --aksia-primary );
	color: inherit;
}
.resource-single {
	display: none;
	width: 100%;
	margin: 0;
	padding: var( --double-padding ) !important;
	gap: var( --padding );
	justify-content: space-between;
	align-items: center;
	font-size: var( --aksia-font-bigger );
	cursor: pointer;
}

.resource-single.resource-displayed {
	display: flex;
}

.resource-single:hover {
	font-weight: var( --aksia-font-weight-bold );
	letter-spacing: -.03em;
}

.resource-single div {
	padding: 0.75px 0;
}
.resource-single:nth-of-type( even ) {
	background-color: #2c455c;
	border-radius: 50px;
}

.resource-single + .resources-load-more {
	display: none;
	padding: var( --double-padding );
	justify-content: center;
}

.resource-single.resource-displayed + .resources-load-more {
	display: flex;
}

#resource-grid {
	max-width: var( --container-width );
	margin: 0 auto;
	padding: 0 calc( var( --container-padding ) - var(--double-padding) );
	width: 100%;
}
#resource-grid .initially-hidden {
	display: none;
}
#resource-grid.show-all .initially-hidden {
	display: flex;
}
#resource-grid.show-all + #more-resources-click {
	display: none !important; 
}
#resource-grid.no-results:after {
	content: "Sorry, that combination produced no results.";
	text-align: center;
	display: block;
	font-style: italic;
	padding: var( --padding );
}

.resource-single .document {
	flex-basis: 25%;
	padding-right: var( --pdading );
}
.resource-single .asset-class {
	flex-basis: 65%;
}
.resource-single .date {
	flex-basis: 100px;
	text-align: right;
}
.top-resources .resource-single {
	padding: 0 !important;
	gap: var( --padding );
	justify-content: flex-start;
	max-width: calc( 33.3% - var( --double-padding ) );
	align-items: flex-start;
	background-color: transparent !important;
	margin-bottom: 0;
}
.top-resources .resource-single:last-child {
	margin-bottom: 0;
}
.top-resources .resource-doc-icon {
	fill: none;
	stroke: #8ab7e9;
	stroke-linecap: round;
	stroke-linejoin: round;
	flex: 25px 0 0;
}

.resource-key {
	--resource-gap: 15px;
	margin: 0;
	background-color: #f2f2f2;
	padding: var( --half-padding ) var( --padding );
	gap: 0;
	min-width: 502px;
}

.resource-key .wp-block-column {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	gap: 20px;
	padding-bottom: 7px;
}

.resource-key .resource-doc-icon {
	width: 26px;
}

.resource-key .wp-block-column {
	gap: var( --resource-gap );
}

.resource-key .wp-block-column.download {
	padding-right: var( --resource-gap );
}

.resource-key .wp-block-column.locked {
	padding-left: var( --resource-gap );
	border-left: 1px solid #3d3d3d;
}

.resource-key h4 {
	font-size: 14.8px;
	font-weight: 400;
	margin: 7px 0 3px;
}

.resource-key p {
	font-size: 10.4px;
	font-weight: 400;
	margin: 0;
}

@media ( max-width: 782px ) {
	
	.resources-container {
		margin-bottom: 0;
	}
	
	.research-resources .sidebar {
		margin-bottom: 0;
	}

	.resource-key {
		margin: var( --container-padding ) 0px;
		padding: var( --container-padding );
	}
	
}

@media ( min-width: 600px ) and ( max-width: 782px ) {

	.wp-block-columns.resource-key {
		flex-wrap: nowrap !important;
	}
	
}

@media ( max-width: 600px ) {

	.resource-key {
		min-width: unset;
	}
	
	.resource-key .wp-block-columns.is-not-stacked-on-mobile {
		flex-direction: column;
		margin: 0;
	}
	
	.resource-key .wp-block-columns.is-not-stacked-on-mobile>.wp-block-column {
		flex-basis: 100% !important; 
	}
	
	.resource-key .wp-block-column.download {
		padding-right: 0;
	}

	.resource-key .wp-block-column.locked {
		padding-left: 0;
		border-left: none;
		margin-top: 0;
	}
	
	.resource-key br {
		display: none;
	}

}

#more-resources-click {
	text-align: center;
}
#more-resources-click > a {
	background-color: transparent;
	color: var( --aksia-primary );
	font-weight: var( --aksia-font-weight-medium );	
}

.resources-inner .infinite-loader {
	color: white;
}


/* Form */

body.form-open {
	overflow: hidden;
}
#popup-form {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: fixed;
	inset: 0;
	background: transparent;
	z-index: 200;
	color: var( --aksia-dark-grey );
	text-align: center;
}
#popup-form .form-wrapper {
	position: relative;
	background-color: white;
	padding: calc( 2 * var( --gutter ) ) calc( 1.5 * var( --gutter ) );
	border-radius: var( --gutter );
	box-shadow: 0 0 30px var( --aksia-dark-grey );
	width: 100%;
	max-width: 450px;
}
#form-closer {
	display: block;
	position: absolute;
	width: 34px;
	height: 34px;
	top: var( --half-padding );
	right: var( --half-padding );
	cursor: pointer;
}
/* var path = document.querySelector('#form-closer circle'); var length = path.getTotalLength(); console.log( length ); */
#form-closer circle {
	fill: rgba(0,0,0,0);
	stroke: var( --aksia-primary );
	stroke-dasharray: 99.88314819335938 99.88314819335938;
	stroke-dashoffset: 99.88314819335938;
	stroke-linecap: round;
}
#form-closer line {
	stroke: var( --aksia-primary );
	stroke-linecap: round;
	stroke-width: 2px;
}
#form-closer:hover circle {
	-webkit-animation: clean 500ms linear; 
		  animation: clean 500ms linear; 
	-webkit-animation-fill-mode: forwards;
		  animation-fill-mode: forwards;
}
@keyframes clean {
	100% {
		stroke-dashoffset: 0;
	}
}
@-webkit-keyframes clean {
	100% {
		stroke-dashoffset: 0;
	}
}
#popup-form .form-responses div {
	display: none;
}
#popup-form #research_resources {
	transition: all 0.5s ease;
}
#popup-form.success #research_resources, 
#popup-form.success-download #research_resources, 
#popup-form.error-spam #research_resources, 
#popup-form.error-emailsend #research_resources, 
#popup-form.error-server #research_resources {
	display: none;
}
#popup-form.processing  #research_resources {
	pointer-events: none;
	opacity: 0.5;
}
#popup-form.processing .processing,
#popup-form.success .success, 
#popup-form.success-download .success-download, 
#popup-form.error-spam .error-spam,
#popup-form.error-required .error-required,
#popup-form.error-emailaddress .error-emailaddress,
#popup-form.error-emailsend .error-emailsend,
#popup-form.error-server .error-server {
	display: block;
}
#popup-form[class^="error-"] .form-responses div:not(.error-spam) {
	color: red;
}
#popup-form .form-responses h3 {
	margin: var( --gutter ) 0 0;
}
#popup-form form .wp-block-columns {
	gap: var( --gutter );
}
#popup-form h3 {
	margin-top: 0;
	font-size: calc( var( --aksia-font-size ) + 2px );
}
#popup-form input,
#popup-form select {
	width: 100%;
	border: 1px solid var( --aksia-dark-grey );
	padding: var( --half-padding );
	margin: 0 0 var( --gutter );
	font-size: calc( var( --aksia-font-size ) + 2px );
	text-align: left;
}

/* Pagination */

#infinite-handle,
#ctis-loading {
	width: 100%;
}

.pagination { 
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: calc( var( --container-padding ) / 2 ) 0;
	padding: 0;
	font-weight: var( --aksia-font-weight-medium );
	text-transform: uppercase;
	letter-spacing: 0.015em;
	align-items: center;
}

.pagination ul, .pagination li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pagination li.prev,
.pagination li.back,
.pagination li.next {
	flex-basis: 33.3%;
}

.pagination li.disabled {
	pointer-events: none;
	opacity: 0.3;
}

.pagination li.prev a {
	justify-content: flex-start;
}

.pagination li.back a {
	justify-content: center;
}

.pagination li.back a:hover {
	color: var( --aksia-bright-blue );
}

.pagination li.next a {
	justify-content: flex-end;
}

.pagination li:before {
	content: "";
}

.pagination li a {
	display: flex;
	align-items: center;
	gap: var( --gutter );
	text-decoration: none;
	color: var( --aksia-dark-blue );
	position: relative;
	z-index: 2;
	line-height: 1;
}

.pagination .pagination-arrow {
	display: inline-block;
	position: relative;
	width: 21px;
	height: 28px;
	left: 0;
	top: 0;
	transition: all 0.5s ease;
	transform: rotate(-90deg);
	fill: none;
	stroke: var( --aksia-dark-blue );
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.2px;
	cursor: pointer;
}

.pagination .prev .pagination-arrow {
	transform: rotate(90deg);
}

.pagination .back .pagination-arrow {
	transform: rotate(180deg);
}

.pagination li.prev a:hover .pagination-arrow {
	left: -8px;
}

.pagination li.next a:hover .pagination-arrow {
	left: 8px;
}

.pagination li.page-numbers a {
	padding: 6px 8px;
	background-color: white;
	transition: all 0.5s ease;
}

.pagination li.page-numbers:not(.dots):not(.current) a:hover {
	background-color: var(--aksia-grey);
}

.pagination li.page-numbers.current a {
	background-color: var(--aksia-primary);
	color: white;
}

/* News */

.archive .page-header .wrapper {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
}

.archive .posts-container,
.search .posts-container {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin-top: -145px;
	width: calc( 100% + var(--gutter) );
	gap: var(--gutter);
}

.search .posts-container {
	margin-top: 0;
}

.archive .posts-container article,
.search .posts-container article {
	display: block;
	position: relative;
	flex: 0;
	min-width: calc( 50% - var(--gutter));
	padding: 32px 32px 21px;
	font-size: 13.5px;
	font-weight: var(--aksia-font-weight-light);
	letter-spacing: 0.05em;
	background-color:white;
	color: var( --aksia-dark-blue );
}

.archive .posts-container article.wide {
	min-width: calc( 100% - var(--gutter));
}

.archive .posts-container article.grey,
.search .posts-container article.grey {
	background-color: var( --aksia-light-grey );
}

.archive .posts-container article.blue,
.search .posts-container article.blue {
	background-color: var( --aksia-mid-blue );
	color: white;
}

.archive .posts-container .thumbnail,
.search .posts-container .thumbnail {
	margin-left: -32px; 
	margin-top: -32px;
	max-width: calc( 100% + 64px );
	margin-bottom: 32px;
}

.archive .posts-container article .content .wp-block-column {
	--wp--style--block-gap: calc( 3 * var( --gutter ) );
}

.archive .posts-container article .post-title,
.search .posts-container article .post-title {
	font-size: 16.5px;
	font-weight: var(--aksia-font-weight-light);
	margin: 2px 0 0;
}

.archive .posts-container article .date {
	font-size: 12px;
	letter-spacing: normal;
	font-weight: var( --aksia-font-weight-bold );
	color: var( --aksia-mid-blue );
	text-transform: uppercase;
}

.archive .posts-container article.blue .date {
	color: white;
}

.archive .posts-container article .wp-block-media-text .wp-block-media-text__media,
.search .posts-container article .wp-block-media-text .wp-block-media-text__media {
	margin-top: 1em;
}

.archive .posts-container article .content :last-child,
.search .posts-container article .content :last-child {
	margin-bottom: 0;
}

.archive .posts-container a.button,
.search .posts-container a.button {
	background-color: transparent;
	padding: 0;
	color: inherit;
	margin-top: 1em;
}

.archive .after-container,
.search .after-container {
	width: 100%;
	margin-bottom: var(--container-padding);
}

.archive .after-container .disclaimer,
.search .after-container .disclaimer {
	font-size: 12px;
	text-align: center;
	margin: calc( var( --container-padding ) / 2 ) 0;
}


/* Single News */

body.single-post section {
	display: flex;
	column-gap: calc( 2 * var( --gutter ) );
}

body.single-post figure.thumbnail {
	margin: 0 0 var( --gutter );
}

body.single-post .post-title {
	font-size: 30px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	font-weight: var( --aksia-font-weight-light );
	margin-top: 0;
}

body.single-post .date {
	text-transform: uppercase;
	font-weight: var( --aksia-font-weight-semibold );
	margin-top: 0;
}

body.single-post article.hentry {
	max-width: var( --page-width );
	font-size: 16.5px;
	line-height: 1.55;
	font-weight: var( --aksia-font-weight-light );
	letter-spacing: 0.05em;
}

body.single-post article.hentry strong {
	font-weight: var( --aksia-font-weight-semibold );
}

body.single-post article.hentry h3, 
body.single-post article.hentry h4, 
body.single-post article.hentry h5, 
body.single-post article.hentry h6, 
body.single-post article.hentry h7 {
	font-size: inherit;
	line-height: inherit;
	letter-spacing: 0;
}

body.single-post article.hentry h3 {
	text-transform: uppercase;
	margin-bottom: 0;
}

body.single-post article.hentry h3 + p {
	margin-top: 0;
}

body.single-post article .content {
	margin-bottom: var( --gutter );
}

body.single-post aside.sidebar {
	width: calc( 100% - var( --page-width ) );
}

body.single-post aside.sidebar .widget {
	background-color: var(--aksia-light-grey);
	padding: var(--padding);
	margin-bottom: var(--gutter);
}

body.single-post aside.sidebar .widget :first-child {
	margin-top: 0;
}

body.single-post aside.sidebar .widget :last-child {
	margin-bottom: 0;
}

body.single-post aside.sidebar .widget .widget-title {
	font-size: inherit;
	text-transform: uppercase;
}

body.single-post aside.sidebar .widget ul, 
body.single-post aside.sidebar .widget li {
	margin: 0; 
	padding: 0;
}

body.single-post aside.sidebar .widget li:before {
	content: "";
}

body.single-post aside.sidebar .widget_recent_entries li {
	display: flex;
	flex-direction: column-reverse;
	margin-bottom: 14px;
}

body.single-post aside.sidebar .widget_recent_entries li .post-date {
	text-transform: uppercase;
	font-weight: var( --aksia-font-weight-medium );
}

/* 404 */

.error404 h1 {
	font-weight: var( --aksia-font-weight-light );
	font-size: 200px;
	margin: 0;
	line-height: 1;
}

.error404 .wp-block-cover__inner-container {
	padding: var(--padding);
}

.error404 .wp-block-search {
	padding-top: 0;
}

.error404 .wp-block-search__input {
	border: none;
	border-radius: 19px 0 0 19px;
	padding: 8px 8px 8px 19px;
}

.error404 .wp-block-search__button {
	margin-left: 0;
	border-radius: 0 19px 19px 0;
}

/******************/
/* RESPONSIVENESS */
/******************/

/* Phone & Small Tablet */

@media ( max-width: 859.9px ) {

	:root {
		--gutter: 16px;
		--container-padding: 16px;
		--header-height: 76px;
		--content-width: 100%;
	}
	
	header.header {
		margin: 0;
	}
	
	.asset-column {
		padding: var(--gutter) 0;
	}
	
	#Alternative-Asset-Classes .wp-block-column:first-child .kioken-accordion-item:last-child {
		border-bottom: none;
	}
	
	#about-us .wp-block-columns {
		flex-direction: column;
	}
	
	.askia-counter-circles {
		margin: var(--gutter) 0 !important;
	}

	.max-platform .wp-block-cwp-block-slider {
		--container-padding: calc( 3 * var( --padding ) );
		padding-left: var( --container-padding );
		padding-right: var( --container-padding );
	}

	.pagination {
		margin: var( --container-padding ) 0;
	}
	
	.community-partners {
		flex-direction: column;
	}
	
	.community-partners .community-gallery {
		margin: 0 !important;
	}
	
	body.page-template-default article.hentry {
		max-width: 100%;
	}
	
	/* Research */
	
	.research-coverage .aksia-panel h2 {
		margin: var( --padding ) 0 var( --double-padding ) !important;
	}

	.data-columns .asset-column:first-child {
		border-left: none;
	}
	
}

/* Mobiles */

@media ( max-width: 600px ) {

		
	nav {
		gap: calc( var(--gutter) / 2 );
	}

	.header-link {
		display: none;
	}
	
	.offices {
		grid-template-columns: repeat( 2, 1fr );
	}

	.footer-lower {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}
	
	.footer-right {
		padding: calc( 2 * var( --gutter ) ) 0 var( --gutter );
	}

	.wp-block-column + .wp-block-column {
		margin-top: var( --gutter );
	}
	
	#popup-form form .wp-block-column + .wp-block-column {
		margin-top: 0;
	}
	
	#popup-form form .wp-block-columns {
		gap: 0;
		margin-bottom: 0;
	}
	
	#Alternative-Asset-Classes .wp-block-column + .wp-block-column {
		margin-top: 0;
	}
	
	.askia-counter-circles {
		padding: calc( 2 * var(--gutter) ) 0 var(--gutter) 0;
		left: calc( -.5 * var( --gutter ) );
	}

	.askia-counter-circle {
		flex-basis: 50%;
		height: 0;
		padding-bottom: 50%;
		margin-top: calc( -1 * var( --gutter ) ) !important;
	}
	
	.aksia-panel.alignwide,
	.aksia-panel.alignfull {
		padding: var( --container-padding );
	}
	
	.aksia-panel.alignwide .aksia-panel,
	.aksia-panel.alignfull .aksia-panel,
	.aksia-panel .wrapper {
		padding-left: 0;
		padding-right: 0;
	}
	
	.aksia-panel .intro br {
		display: none;
	}

	.leadership-contents {
		flex-direction: column;
	}
	
	#grnhse_app {
		margin-left: 0;
		width: 100%;
	}
	
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
		margin-bottom: var( --gutter );
	}
	
	.archive .posts-container {
		width: 100%;
		margin-top: calc( -2 * var( --padding ) );
	}
	
	.archive .posts-container article {
		flex-basis: 100%;
		padding: var(--gutter);
	}
	
	.wp-block-media-text .wp-block-media-text__content {
		padding: 0;
	}
	
	.archive main.no-top-padding {
		padding-top: var( --header-height ) !important;
	}
	
	body.single-post section {
		flex-direction: column;
	}

	body.single-post aside.sidebar {
		width: 100%;
	}
	
	.error404 h1 {
		font-weight: var( --aksia-font-weight-light );
		font-size: 160px;
	}
	
}

@media ( max-width: 767px ) {

	.research-resources .sidebar .top-resources {
		flex-direction: column;
	}
	
	.top-resources .resource-single {
		max-width: 100%;
		
	}
	.resource-single .document {
		flex-basis: 35%;
	}

}

@media ( max-width: 781px ) {

	.notiphone {
		display: none;
	}
	
	.iphone {
		display: block;
	}
	
	.pagination .iphone {
		display: inline-block;
	}
	.asset-column:not(:last-child) {
		border-bottom: 1px solid var( --aksia-bright-blue );
		border-right: none;
	}
	
	.research-resources .sidebar {
		flex-basis: 100%;
	}

	.resource-single {
		font-size: var( --aksia-font-size );
	}
	
}

@media ( min-width: 600.1px ) and ( max-width: 1023.9px ) {
	
	.aksia-panel.alignfull *[class*="inner-container"] {
		padding-left: var( --padding );
		padding-right: var( --padding );
	}
	
}


/* Extra hacks just for Small Tablet */

@media ( min-width: 600.1px ) and ( max-width: 859.9px ) {
	
	:root {
		--page-width: 488px;
	}

	.max-platform .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
		flex-basis: calc(33% - var(--wp--style--block-gap, 2em)/3)!important;
	}
	
	.research-columns > .wp-block-column {
		max-width: calc( calc( 100% - calc( var( --gutter ) * 2 ) ) / 3 ) !important;
	}
	
	.research-columns > .wp-block-column > .wp-block-column {
		max-width: 100%;
	}
}

/* Tablet */

@media ( min-width: 860px ) and ( max-width: 1023.9px ) {

	:root {
		--gutter: 16px;
		--container-padding: 16px;
		--header-height: 76px;
	}

}

/*********/
/* PRINT */
/*********/

@media print {

	*,
	*:before,
	*:after {
		background: transparent !important;
		color: #000 !important;
		/* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " ("attr(href) ")";
	}

	abbr[title]:after {
		content: " ("attr(title) ")";
	}

	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
		/* h5bp.com/t */
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}
