/*************** style.css *************/

/*
Theme Name:WeAre HDK
Theme URI:n/a
Author:Raffaele Malanga / Els van Bloois
Author URI:https://farstudios.com/
Description:Theme for WeAreHDK.com
Version:1.0
License:no license, use a theme from https://wordpress.org/themes/ instead.
License URI:n/a
Tags:n/a
Text Domain:wearehdk
*/

@font-face{
	font-family:'Host Grotesk';
	font-style:normal;
	font-display:swap;
	src:url(fonts/HostGrotesk-VariableFont_wght.ttf) format('opentype');
}
@font-face{
	font-family:'Host Grotesk Italic';
	font-style:italic;
	font-display:swap;
	src:url(fonts/HostGrotesk-Italic-VariableFont_wght.ttf) format('opentype');
}

/* generic things */

html,body,h1,h2,h3,h4,h5,h6,p,ul,li,form{
	padding:0;
	margin:0;
}
*{
	box-sizing:border-box;
}
html{
	font-size:16px; /* for rem base */
	scroll-behavior:smooth;
	/* note:this replaces the javascript version, which is not accessible due to the 'return false' setting. */
}
*{
	scrollbar-width:thin;
}
.screen-reader-text,
.skip-link,
.site-nav li.icon a span{
	position:fixed;
	top:-4000rem;
	left:-4000rem;
}
.skip-link:focus,
#toggle a:focus span.skip-link{
	top:2rem;
	left:2rem;
	background:black;
	color:white;
	padding:.5rem 1rem;
	border:2px dotted white;
	text-decoration:none;
	text-transform:uppercase;
	font-size:100%;
	z-index:10000;
}
.admin-bar .skip-link:focus,
#toggle a:focus span.skip-link{
	top:4rem;
}
iframe,
img{
	max-width:100%;
}
img.attachment-thumbnail,
img.attachment-large{
	height:auto !important;
}

/* colours */

html{
/*	scrollbar-color:purple pink; */
}
body{
	background:#fff;
	color:#000;
}
body:before{
	content:"";
	display:block;
	position:fixed;
	top:0;
	z-index:10000;
	width:100%;
	border-top-color:#F13F25;
	border-top-width:10px;
	border-top-style:solid;
}
body.admin-bar:before{
	top:32px;
}
@media(max-width:782px){
	body.admin-bar:before{
		top:46px;
	}
}
@media(max-width:600px){
	body.admin-bar:before{
		top:46px;
	}
	body.admin-bar.scrolled:before{
		top:0;
	}
}

#page{
	padding-top:10px;
}

#page .hdktoplogolink{
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:clamp(1.42rem, 7vw, 5.75rem);
	height:clamp(1.704rem, 8.4vw, 6.9rem);
	z-index:2;
	opacity:0;
	visibility:hidden;
	transition:opacity .5s ease-in-out 0s;
}
.scrolled #page .hdktoplogolink{
	opacity:1;
	visibility:visible;
}
#page .hdktoplogolink a{
	display:block;
	width:100%;
	height:100%;
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="128.515" height="150" viewBox="0 0 128.515 150"><g id="HDK_logo_150" data-name="HDK logo 150" transform="translate(0 0)"><path id="Path_5858" data-name="Path 5858" d="M39.174,79.687,14.062,107.109V79.687H0V150H14.062V125.389l6.529-7.03L40.078,150H57.25L30.636,107.511,56.45,79.687Z"/><path id="Path_5859" data-name="Path 5859" d="M44.3,0V28.726H14.062V0H0V70.313H14.062V40.078H44.3V70.313H58.36V0Z"/><path id="Path_5860" data-name="Path 5860" d="M124.636,16.625a27.562,27.562,0,0,0-11.854-12.25Q104.8,0,92.443,0H67.733V70.312h24.71q12.354,0,20.339-4.375a27.507,27.507,0,0,0,11.854-12.3A41.72,41.72,0,0,0,128.5,35.15a41.661,41.661,0,0,0-3.868-18.525M112.03,47.562a15.685,15.685,0,0,1-6.985,7.937q-4.875,2.766-13.41,2.763h-9.84V11.954h9.844q8.537,0,13.41,2.762a15.682,15.682,0,0,1,6.98,7.985,33.209,33.209,0,0,1,2.108,12.456,32.8,32.8,0,0,1-2.108,12.4"/></g></svg>');
	background-position:center;
	background-repeat:no-repeat;
	background-size:72% auto;
	background-color:transparent;
}
.admin-bar #page .hdktoplogolink{
	top:calc(32px + 10px);
}
@media(max-width:782px){
	.admin-bar #page .hdktoplogolink{
		top:calc(46px + 10px);
	}
}
#masthead{
	background:transparent;
	/* on some pages this goes in front of the .page-header */
}
.darkmasthead #masthead,
.darkmasthead .page-header{
	color:#fff;
}
.darkmasthead #masthead{
	background:linear-gradient(rgba(0,0,0,.49),rgba(0,0,0,0));
}
h1.page-title{
}
.darkmasthead .page-header:before{
/* before instead of after, so it goes behind the title */
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:linear-gradient(to right,rgba(0,0,0,.49),rgba(0,0,0,0));
}
.darkmasthead .page-header.centered:before{
	background:rgba(0,0,0,.1);
}
.darkmasthead.noshade #masthead,
.darkmasthead.noshade .page-header::before{
	background:transparent;
}

.lightmasthead #masthead{
	background:linear-gradient(white,transparent);
}
.lightmasthead .page-header:after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,.1);
}
.page-id-11159.darkmasthead #masthead,
.page-id-11159.darkmasthead .page-header{
	background:#F13F25;
}
.page-id-11159.darkmasthead .page-header:after{
	display:none;
}

.post-type-archive-project #masthead,
.tax-project_category #masthead,
.post-type-archive-project .page-header,
.tax-project_category .page-header{
	background:#EEF0EC;
}
.post-type-archive-webinar #masthead,
.tax-webinar_category #masthead,
.post-type-archive-webinar .page-header,
.tax-webinar_category .page-header{
	background:#EEDFD3;
}
.post-type-archive-jpost .page-header,
.tax-insight_category .page-header{
	background:#EEF0EC;
}
.single-project .page-header,
.single-webinar .page-header{
	background-size:cover;
	background-position:center;
}
.single-jpost .page-header{
	background:#EEF0EC;
}
.single-jpost .page-header .mhcaption{
	background:#000;
	color:#fff;
}

.page-header.homepageheader h1{
	color:white;
	mix-blend-mode:exclusion;
	mix-blend-mode:difference;
}
.hovertext h3{
	color:#000;
}
.hovertext .tag{
	color:#F13F25;
}

.signupblock .inside{
	background:#F13F25;
	color:#fff;
}
.signupblock .inside h2 a{
	display:block;
	position:relative;
}
.signupblock .inside h2 a:after{
	content:"";
	display:inline-block;
	position:absolute;
	top:0;
	right:0;
	width:2.5rem;
	height:1.25rem;
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="19.455" viewBox="0 0 24 19.455"><path id="arrow_right" data-name="arrow right" d="M12.1,12.328l5.233-5.233V24h3.723V7.259l5.234,5.234,2.633-2.633L19.167,0l-9.7,9.7Z" transform="translate(24 -9.471) rotate(90)" fill="%23fff" fill-rule="evenodd"/></svg>');
	background-repeat:no-repeat;
	background-position:right center;
	background-size:contain;
}
.page-header .inner .scrolldown a{
	display:block;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32.002" viewBox="0 0 32 32.002"><path id="scrolldown" d="M57.828,29.58,34.845,52.562H50.817v5.268H25.828V32.841H31.1V48.813L54.079,25.828Z" fill="%23fff" transform="translate(-25.828 -25.828)"/></svg>');
}
.page-header.homepageheader .inner .scrolldown a{
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32.002" viewBox="0 0 32 32.002"><path id="scrolldown" d="M57.828,29.58,34.845,52.562H50.817v5.268H25.828V32.841H31.1V48.813L54.079,25.828Z" fill="%23000" transform="translate(-25.828 -25.828)"/></svg>');
}
#content,
.colour0{
	background:#EEF0EC;
}
.colour1{
	background:#EEF0EC; /* off-white */
}
.colour2{
	background:#E3E6DF; /* oatmeal */
}
.colour3{
	background:#EFCFBA; /* sand */
}
.colour4{
	background:#F13F25; /* neon red */
	color:#fff;
}

/* 
coloured blocks in vacancies - old colours
#8E1A32 : Dark red
#EB5A20 : Orange
#ED4A63 : Pink
#3E48A9 : Violet
*/

.colour5{
	background:#8E1A32; /* Dark red */
}
.colour6{
	background:#EB5A20; /* Orange */
}
.colour7{
	background:#ED4A63; /* Pink */
}
.colour8{
	background:#3E48A9; /* Violet */
}
.colouredblock .icondeco{
	width:6rem;
	min-height:8rem;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:left top;
	background-size:contain;
	position:relative;
	top:-.2rem;
}
.colouredblock{
	display:flex;
	justify-content:space-between;
	color:#ffffff;
	padding:2rem 3.125rem;
	min-height:12rem;
	/* border-radius:1.375rem; */
	margin-bottom:1.875rem;
}
.colouredblock .contentinside{
	width:calc(100% - 9.125rem);
}
.logoscrollerwrapper,
.ticker-tape-wrapper{
	border-color:#8E9487;
}
.thebox .hoveroverlay *{
	color:#fff;
	z-index:1;
}
.thebox .hoveroverlay:before{
	background:#F13F25;
}

.imageblock{
	position:relative;
}
#projects{
	background:#EEF0EC;
}
#webinars{
	background:#EEF0EC;
}
.post-type-archive-webinar ul.webinars.upcoming li:first-child a .imageblock .overlay{
/* only on the main page, not on the category pages */
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	height:3.75rem;
	width:100%;
	background:#F13F25;
	background:linear-gradient(-177deg, 
	rgba(241, 63, 37, 0) 1%, 
	rgba(241, 63, 37, 0) 30%, 
	rgba(241, 63, 37, 1) 31%);
	rgba(241, 63, 37, 1) 100%);
}
.post-type-archive-webinar ul.webinars.upcoming li:first-child a .imageblock .overlay:after{
/* only on the main page, not on the category pages */
	content:"Next webinar";
	display:block;
	color:#ffffff;
	padding:1em 1.125rem;
}
#insights{
	background:#EEF0EC;
}
ul.insights li .featuredpost a .imageblock .overlay{
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	height:3.75rem;
	width:60%;
	background:#F13F25;
	background:linear-gradient(-177deg, 
	rgba(241, 63, 37, 0) 1%, 
	rgba(241, 63, 37, 0) 30%, 
	rgba(241, 63, 37, 1) 31%);
	rgba(241, 63, 37, 1) 100%);
}
ul.insights li .featuredpost a .imageblock .overlay:after{
	content:"Featured post";
	display:block;
	color:#ffffff;
	padding:1.3em 1.125rem;
}
.hpsq .tag:before,
/* .projectcat:before, */
.thebox .projectcat:before,
.webinarcat:before,
.insightcat:before{
	content:"";
	display:inline-block;
	width:.75rem;
	height:.75rem;
	border-radius:50%;
	background:#F13F25;
	margin-right:.625rem;
}
.thebox .projectcat:before{
	background:#fff;
}
.single-webinar .page-content{
	background:#EEF0EC;
}
.single-jpost .page-content{
	background:#E3E6DF;
}
#meettheteam{
	background:#EEF0EC;
}
ul.teammembers li .biopop{
	background:#EEF0EC;
}
.bignumber{
	color:#F13F25;
}
.quotebox *,
.quotebox:before{
	color:#F13F25;
}
.single-vacancy .quotebox *,
.single-vacancy .quotebox:before,
.single-jpost .quotebox *,
.single-jpost .quotebox:before{
	color:#000000;
}
.colour4 .quotebox *,
.colour4 .quotebox:before{
	color:#ffffff;
}


#colophon{
	background:#000000;
	color:#E3E6DF;
}
#colophon input{
	background:#000000;
	color:#E3E6DF;
	border-color:#E3E6DF;
	border-width:1px;
	border-style:solid;
}
#colophon .formbox{
	max-width:22.5rem;
}
#colophon .formbox .form-input{
	width:calc(100% - 4rem);
}
#colophon .formbox input[type="email"]{
	width:100%;
	border-right-width:0;
}
#colophon .formbox input[type="submit"]{
	width:4rem;
	border-left-width:0;
	text-indent:4rem;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20.781" height="18" viewBox="0 0 20.781 18"><path id="submit" d="M22.078,34.3H40.146l-7.289,7.293,1,1,9-9-9-9-1,1,7.289,7.293H22.078Z" transform="translate(-22.078 -24.59)" fill="%23e3e6df"/></svg>');
	cursor:pointer;
}
#colophon .formbox{
	display:flex;
}
#menu-social-nav li{
	display:inline-block;
	margin-right:1em;
	margin-bottom:1em;
}
#menu-social-nav li a{
	display:block;
	height:1.75rem;
	overflow:hidden;
	text-indent:30px;
	background-repeat:no-repeat;
	background-size:contain;
}
#menu-social-nav li.linkedin a{
	width:1.875rem;
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="29.217" height="28" viewBox="0 0 29.217 28"><path id="linkedin" d="M6.063,4.043A3.019,3.019,0,1,1,3.043,1,3.031,3.031,0,0,1,6.063,4.043Zm.024,5.478H0V29H6.087Zm9.717,0H9.756V29h6.049V18.775c0-5.685,7.34-6.15,7.34,0V29h6.072V16.667c0-9.593-10.862-9.244-13.413-4.521V9.522Z" transform="translate(0 -1)" fill="%23e3e6df"/></svg>');
}
#menu-social-nav li.tiktok a{
	width:1.5625rem;
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24.268" height="28" viewBox="0 0 24.268 28"><path id="TT" d="M69.2,21.988a6.369,6.369,0,0,1-.551-.321,7.75,7.75,0,0,1-1.416-1.2,6.677,6.677,0,0,1-1.6-3.292h.006A4.055,4.055,0,0,1,65.585,16H60.776V34.595c0,.25,0,.5-.01.74,0,.03,0,.058,0,.091a.2.2,0,0,1,0,.041v.011A4.083,4.083,0,0,1,58.7,38.719a4.013,4.013,0,0,1-1.99.525,4.083,4.083,0,0,1,0-8.166,4.019,4.019,0,0,1,1.249.2l.006-4.9a8.933,8.933,0,0,0-6.883,2.014,9.437,9.437,0,0,0-2.059,2.539,8.8,8.8,0,0,0-1.062,4.039,9.532,9.532,0,0,0,.516,3.192v.012a9.4,9.4,0,0,0,1.305,2.381,9.772,9.772,0,0,0,2.083,1.965v-.012l.012.012A9,9,0,0,0,56.79,44a8.69,8.69,0,0,0,3.643-.806,9.143,9.143,0,0,0,2.959-2.224A9.244,9.244,0,0,0,65,38.29a10.036,10.036,0,0,0,.58-3.064V25.361c.058.035.835.549.835.549A11.122,11.122,0,0,0,69.286,27.1a16.5,16.5,0,0,0,2.941.4V22.724A6.236,6.236,0,0,1,69.2,21.988Z" transform="translate(-47.959 -16)" fill="%23e3e6df"/></svg>');
}
#menu-social-nav li.instagram a{
	width:1.75rem;
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><path id="IG" d="M14,2.523c3.738,0,4.181.014,5.658.082,3.794.173,5.566,1.973,5.739,5.739.068,1.476.08,1.919.08,5.657s-.014,4.181-.08,5.657c-.174,3.762-1.941,5.566-5.739,5.739-1.477.068-1.918.082-5.658.082s-4.181-.014-5.657-.082c-3.8-.174-5.566-1.982-5.739-5.74-.068-1.476-.082-1.918-.082-5.657s.015-4.18.082-5.657C2.778,4.578,4.545,2.777,8.343,2.6,9.82,2.538,10.262,2.524,14,2.524ZM14,0C10.2,0,9.722.016,8.228.084,3.144.317.318,3.138.085,8.227.016,9.722,0,10.2,0,14s.016,4.279.084,5.773c.233,5.084,3.054,7.91,8.143,8.143C9.722,27.984,10.2,28,14,28s4.279-.016,5.773-.084c5.08-.233,7.912-3.054,8.142-8.143C27.984,18.279,28,17.8,28,14s-.016-4.278-.084-5.772c-.229-5.08-3.053-7.91-8.142-8.143C18.279.016,17.8,0,14,0Zm0,6.811A7.19,7.19,0,1,0,21.189,14,7.189,7.189,0,0,0,14,6.811Zm0,11.856A4.667,4.667,0,1,1,18.667,14,4.666,4.666,0,0,1,14,18.667ZM21.474,4.847a1.68,1.68,0,1,0,1.679,1.68A1.681,1.681,0,0,0,21.474,4.847Z" fill="%23e3e6df"/></svg>');
}



/* links */

a{
	text-decoration:none;
	color:inherit;
}
.pageintro a,
.page-content p a,
#colophon h2 a{
	text-decoration:underline;
	text-underline-offset:.2em;
}
.page-content p a:focus,
.page-content p a:hover,
.page-content p a:active{
	text-decoration-style:dashed;
}
.button a,
.site-nav li.getintouchlink a{
	color:#F13F25;
	border-color:#F13F25;
}
.teammembers .workwithus .button a,
.darkmasthead .site-nav li.getintouchlink a{
	color:#fff;
	border-color:#fff;
}
#nav li a:after{
	content:"";
	display:block;
	width:0;
	height:1px;
	background:black;
	margin:0 auto;
}
.darkmasthead #nav li a:after{
	background:white;
}

#nav li a,
#nav li a:after{
	transition:all .25s ease-in-out 0s;
}
#nav li a:focus:after,
#nav li a:hover:after,
#nav li a:active:after,
#nav li.current_page_item a:after,
.post-type-archive-project #nav li#menu-item-11175 a:after,
.tax-project_category #nav li#menu-item-11175 a:after,
.single-project #nav li#menu-item-11175 a:after,
.post-type-archive-webinar #nav li#menu-item-11177 a:after,
.tax-webinar_category #nav li#menu-item-11177 a:after,
.single-webinar #nav li#menu-item-11177 a:after,
.post-type-archive-jpost #nav li#menu-item-11178 a:after,
.tax-insight_category #nav li#menu-item-11178 a:after,
.single-jpost #nav li#menu-item-11178 a:after{
	width:100%;
}
#nav li.getintouchlink a:after{
	display:none;
}
.button a:focus,
.button a:hover,
.button a:active,
#nav li.getintouchlink a:focus,
#nav li.getintouchlink a:hover,
#nav li.getintouchlink a:active{
	background:#F13F25;
	color:#fff;
}
.teammembers .workwithus .button a:focus,
.teammembers .workwithus .button a:hover,
.teammembers .workwithus .button a:active,
.darkmasthead #nav li.getintouchlink a:focus,
.darkmasthead #nav li.getintouchlink a:hover,
.darkmasthead #nav li.getintouchlink a:active{
	background:#fff;
	color:#F13F25;
	border-color:#fff;
}
.signupblock .button a{
	color:#fff;
	border-color:#fff;
	background:transparent;
}
.signupblock .button a:focus,
.signupblock .button a:hover,
.signupblock .button a:active{
	background:#fff;
	color:#F13F25;
}

#categoryfilters li a,
.webinarssubnav li a{
	color:#000000;
}
.post-type-archive-project #categoryfilters li.cat-item-all a,
.post-type-archive-webinar #categoryfilters li.cat-item-all a,
.post-type-archive-jpost #categoryfilters li.cat-item-all a,
#categoryfilters li.current-cat a,
#categoryfilters li a:focus,
#categoryfilters li a:hover,
#categoryfilters li a:active,
.webinarssubnav li.current a,
.webinarssubnav li a:focus,
.webinarssubnav li a:hover,
.webinarssubnav li a:active{
	color:#F13F25;
}
.webinarssubnav{
	border-bottom-color:#707070;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
.webinarssubnav li.current a:after{
	content:"";
	display:block;
	width:100%;
	height:.375rem;
	background:#F13F25;
	margin-top:1rem;
	margin-bottom:-.375rem;
}

ul.projects li a .imageblock span.imgbg{
	display:block;
	background:black;
	position:relative;
	z-index:1;
}
ul.projects li a .imageblock img{
	display:block;
	transition:opacity .2s ease-in-out 0s;
	max-width:100.01%; /* .01% extra to make sure the .imgbg background doesn't peek through by pixel rounding */
}
ul.projects li a .imageblock .overlay{
	background:#F13F25;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:0;
	transition:transform .2s ease-in-out 0s;
}
ul.projects li a:focus .imageblock .overlay,
ul.projects li a:hover .imageblock .overlay,
ul.projects li a:active .imageblock .overlay{
	transform:rotate(2deg);
}
ul.projects li a:focus .imageblock img,
ul.projects li a:hover .imageblock img,
ul.projects li a:active .imageblock img{
	opacity:.85;
}

ul.webinars li a{
	background:#E3E6DF;
}
ul.webinars li a:focus,
ul.webinars li a:hover,
ul.webinars li a:active{
	background:#EEDFD3;
}
ul.insights li a{
	background:transparent;
}
ul.insights li .featuredpost a{
	background:#E3E6DF;
}
ul.insights li a:focus,
ul.insights li a:hover,
ul.insights li a:active{
	background:#EEDFD3;
}




/* fonts */

body{
	font-family:'Host Grotesk',sans-serif;
	font-size:100%;
}
em,i{
	font-family:'Host Grotesk Italic',sans-serif;
	font-style:italic;
}
strong,b{
	font-weight:600; /* decided with Raffaele 13/4 */
}
h1.site-title,
p.site-title{
	font-size:3rem;
}
h1{
	font-size:clamp(2rem,6vw,3rem);
	font-weight:300;
	line-height:1.1;
	margin-bottom:.5em;
}
.flexed .pageheadertext h1{
	font-size:clamp(2rem,2.5vw,3rem);
}
.single-project h1{
	font-size:clamp(2rem,7vw,7.5rem);
	font-weight:400;
	line-height:1.1;
	text-align:center;
	margin-bottom:0;
}
.page-header.homepageheader h1{
	font-size:clamp(3.5rem,7vw,9.375rem);
	font-weight:300;
}
@media(max-width:430px){
	.page-header.homepageheader h1{
		font-size:min(12vw,3.5rem);
	}
}
.page-header h1{
	font-weight:300;
	/* if some pages need a margin-bottom:0 here, then make sure it won't affect pages that have a strapline, such as the Insight post pages */
}
h1 strong{
	font-weight:500;
}
h2,
h2.subtitle{
	font-size:1.875rem;
	font-weight:400;
	line-height:1.3;
	margin-bottom:.2em;
}
.signupblock h2{
	font-size:1.875rem;
	font-weight:400;
}
.signupblock.newsletter h2{
	font-size:1.125rem;
	font-weight:500;
}
.webinarcols h2{
	font-size:1.875rem;
	font-weight:500;
	margin-bottom:.5em;
}
p.strap,
h2.sectionheading,
#meettheteam h2{
	font-size:3rem;
	font-size:clamp(2rem,5vw,3rem);
	font-weight:300;
	line-height:1.1;
	margin-bottom:1em;
}
#meettheteam li.workwithus h2{
	font-size:clamp(2rem,3vw,3rem);
	margin-bottom:.3em;
}
h3{
	font-size:1.25rem;
	font-size:1.5rem;
	font-weight:400;
}
.hovertext h3{
	font-size:1.125rem;
	font-weight:500;
}
.hovertext .tag{
	font-size:1rem;
	font-weight:500;
}
.projects .postdetail h3{
	font-size:clamp(1.15rem,1.8vw,1.625rem);
	font-weight:500;
	line-height:1.1;
	margin-bottom:.25em;
	padding-top:1em;
}
.webinars .postdetail h3,
.insights .postdetail h3{
	font-size:1.875rem;
	font-size:clamp(1.7rem,1.8vw,1.875rem);
	font-weight:400;
	line-height:1.1;
	margin-bottom:.45em;
}
.teammembers li h3{
	font-size:1.375rem;
	font-weight:500;
	line-height:1.1;
	margin-bottom:.5em;
	padding-top:.75em;
}
.infocol h3{
	font-size:1.875rem;
	font-weight:400;
	line-height:1.1;
	margin-bottom:1em;
}
.boc h3{
	font-size:1.75rem;
	font-weight:400;
	line-height:1.1;
	margin-bottom:0;
}
span.webinardate{
	display:block;
	font-size:1.125rem;
	font-weight:500;
	line-height:1.1;
	margin-bottom:.75em;
}
.projectcat{
	font-size:1.375rem;
/* h3=	font-size:clamp(1.15rem,1.8vw,1.625rem); */
	font-size:clamp(1rem,1.5vw,1.375rem);
	font-weight:400;
}
.webinarcat,
.insightcat{
	font-size:1.125rem;
	font-weight:500;
	line-height:1.1;
	margin-bottom:.75em;
}
.page-header .mhcaption{
	font-size:.875rem;
	line-height:1.28;
	text-align:right;
}
#crumbs{
	font-size:1rem;
	line-height:1.2;
	margin-bottom:0;
	margin-bottom:2rem;
}
#crumbs a{
	font-weight:500;
}
#crumbs .delimiter{
	padding:0 .3em;
}
h4{
	font-size:1.125rem;
	font-weight:500;
	line-height:1.35;
	margin-bottom:0;
}
p,ul,ol{
	font-size:1.125rem;
	font-weight:400;
	line-height:1.35;
	margin-bottom:1.5em;
}
form p,
form,input,label{
	font-size:1.125rem;
	font-weight:400;
	line-height:1.35;
	margin-bottom:0;
}
#nav ul{
	font-size:1.25rem;
}
#categoryfilters{
	font-size:1.875rem;
	font-size:clamp(1.43rem,4vw,1.875rem);
	line-height:1.2;
	margin-bottom:2.5em;
}
.webinarssubnav{
	font-size:clamp(12px,4vw,1.25rem);
	line-height:1.2;
	margin-bottom:2.5em;
}
.mhsplit div.pageintro p,
p.strapline{
	font-size:1.875rem;
	font-size:clamp(1.25rem,1.57vw,1.875rem);
}
.single-project .introtext p{
	font-size:1.875rem;
	font-size:clamp(1.25rem,1.6vw,1.875rem);
}
.intro p,
.intro ul,
.intro ol{
	font-size:1.5rem;
	line-height:1.5;
	margin-bottom:.75em;
}
ul.author,
ul.speakers{
	font-size:1rem;
}

.teammembers li p.role{
	font-size:1.125rem;
	font-weight:500;
	margin-bottom:0;
}
.teammembers li .biopop p{
	font-size:1.125rem;
	font-weight:400;
}
.quotebox p.quote{
	font-size:1.875rem;
	line-height:1.5;
	margin-bottom:0;
}
.quotebox p.byline{
	font-size:1.125rem;
	font-weight:500;
	padding-top:1em;
	margin-bottom:0;
}
.button{
	font-size:1.125rem;
	line-height:2;
	margin-bottom:1.5em;
}
.teammembers .workwithus .button{
	margin-bottom:0;
}
p.caption{
	font-size:1rem;
	padding-top:.5em;
}
ul{
	list-style:none;
}
.page-content ul li{
	padding-left:1em;
	position:relative;
}
.page-content ul li:before{
	content:"\2022 ";
	display:inline-block;
	position:absolute;
	left:0;
	top:0;
}
.page-content ul.insights li,
.page-content ul.authors li,
.page-content ul.speakers li,
.page-content ul.galleryslider li{
	padding-left:revert;
}
.page-content ul.insights li:before,
.page-content ul.authors li:before,
.page-content ul.speakers li:before,
.page-content ul.galleryslider li:before{
	display:none;
}
.bignumber{
	font-size:6.25rem;
	font-weight:400;
	line-height:1;
	margin-bottom:.2em;
	margin-top:.9em;
}
#colophon h2{
	font-size:3rem;
	font-size:clamp(2rem,5vw,3rem);
	font-weight:300;
	line-height:1.1;
	margin-bottom:1.4em;
}
#colophon h3{
	font-size:1.875rem;
	font-size:clamp(1.7rem,2.5vw,1.875rem);
	font-weight:400;
	line-height:1.1;
	margin-bottom:.5em;
}
#colophon h4,
#colophon p,
#colophon ul{
	font-size:1.375rem;
	font-size:clamp(1.21rem,1.15vw,1.375rem);
	font-weight:400;
	line-height:1.25;
	margin-bottom:1em;
}
#colophon .fcol3 li.supportportallink{
	margin-bottom:1em;
}
#colophon h4,
#colophon .fcol5 p{
	margin-bottom:0;
}
#colophon .fcol1 p,
#colophon .fcol1 input{
	font-size:1.125rem;
	font-size:clamp(1.143rem,1vw,1.125rem);
}
#colophon .fcol5 p{
	font-size:1rem;
}





/* layout */

.outer{
	padding-left:clamp(1.42rem, 7vw, 5.75rem);
	padding-right:clamp(1.42rem, 7vw, 5.75rem);
}
.outer.coloured .inner{
	padding:5rem 0 3rem 0;
	padding-top:clamp(1.42rem, 7vw, 5rem);
	padding-bottom:calc(clamp(3rem, 7vw, 5rem) - 2rem);
}
.outerrunoff.coloured{
	padding-top:clamp(1.42rem, 7vw, 5rem);
	padding-bottom:calc(clamp(3rem, 7vw, 5rem) - 2rem);
}

.home .page-content .outer.coloured.colour0:first-child .inner,
.home .page-content .outer.coloured.colour1:first-child .inner{
	padding-top:0;
}
.page-content > .outer:last-child > .inner:last-child{
	padding-bottom:clamp(1.42rem, 7vw, 5.75rem);
}
.vacancycontent{
	padding-bottom:clamp(1.42rem, 7vw, 3rem);
}
.vacancycontent,
.page-content .columnmax,
.mhsplit .pageintro{
	max-width:67.5rem;
}
.mhsplit .inner.needspadding{
	padding-bottom:3rem;
}
.vspace{
	height:clamp(1.42rem, 7vw, 5rem);
}
.colouredblock{
	/* only used in vacancies */
	padding:clamp(1rem,5vw,2rem);
	margin:clamp(1.5rem, 7vw, 3rem) 0;
}

:not(.coloured) + .coloured{
	margin-top:2rem;
}

.colour1 + .colour1 .inner,
.outer.colour1 + .outer.colour1 .inner,
.outer.colour2 + .outer.colour2 .inner,
.outer.colour3 + .outer.colour3 .inner,
.outer.colour4 + .outer.colour4 .inner{
	padding-top:0;
}
.outerleft,
.outerrunoff{
	padding-left:clamp(1.42rem, 7vw, 5.75rem);
}
.outerright{
	padding-right:clamp(1.42rem, 7vw, 5.75rem);
}
.inner{
	max-width:108.5rem;
	margin:0 auto;
}
.homepageheader .inner{
	position:relative;
}
#nav .inner{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.page-content .inner{
	padding:1px 0; /* to keep colours and margins inside */
}

body{
	position:relative;
	/* to keep mastheed below admin bar */
}
#masthead{
	width:100%;
	/* height:clamp(9rem,26vw,17.5rem); */
}
#masthead.special,
.single-project #masthead,
.single-webinar #masthead,
.home #masthead{
	position:absolute;
	top:0;
	left:0;
}
.site-branding,
#toggle,
#navcontent{
	z-index:5;
}
#nav{
	padding-top:clamp(1.42rem, 7vw, 5.75rem);
	padding-bottom:clamp(1.42rem, 7vw, 5.75rem);
}
.site-branding{
	width:clamp(4.2857rem,13vw,6.25rem);
	height:clamp(5rem,13vw,7.5rem);
	overflow:hidden;
}
.site-title{
	text-indent:7rem;
	white-space:nowrap;
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="128.515" height="150" viewBox="0 0 128.515 150"><g id="HDK_logo_150" data-name="HDK logo 150" transform="translate(0 0)"><path id="Path_5858" data-name="Path 5858" d="M39.174,79.687,14.062,107.109V79.687H0V150H14.062V125.389l6.529-7.03L40.078,150H57.25L30.636,107.511,56.45,79.687Z"/><path id="Path_5859" data-name="Path 5859" d="M44.3,0V28.726H14.062V0H0V70.313H14.062V40.078H44.3V70.313H58.36V0Z"/><path id="Path_5860" data-name="Path 5860" d="M124.636,16.625a27.562,27.562,0,0,0-11.854-12.25Q104.8,0,92.443,0H67.733V70.312h24.71q12.354,0,20.339-4.375a27.507,27.507,0,0,0,11.854-12.3A41.72,41.72,0,0,0,128.5,35.15a41.661,41.661,0,0,0-3.868-18.525M112.03,47.562a15.685,15.685,0,0,1-6.985,7.937q-4.875,2.766-13.41,2.763h-9.84V11.954h9.844q8.537,0,13.41,2.762a15.682,15.682,0,0,1,6.98,7.985,33.209,33.209,0,0,1,2.108,12.456,32.8,32.8,0,0,1-2.108,12.4"/></g></svg>');
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
.darkmasthead .site-title{
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="128.515" height="150" viewBox="0 0 128.515 150"><g id="HDK_logo_150" data-name="HDK logo 150" transform="translate(0 0)"><path id="Path_5858" data-name="Path 5858" d="M39.174,79.687,14.062,107.109V79.687H0V150H14.062V125.389l6.529-7.03L40.078,150H57.25L30.636,107.511,56.45,79.687Z" fill="%23fff"/><path id="Path_5859" data-name="Path 5859" d="M44.3,0V28.726H14.062V0H0V70.313H14.062V40.078H44.3V70.313H58.36V0Z" fill="%23fff"/><path id="Path_5860" data-name="Path 5860" d="M124.636,16.625a27.562,27.562,0,0,0-11.854-12.25Q104.8,0,92.443,0H67.733V70.312h24.71q12.354,0,20.339-4.375a27.507,27.507,0,0,0,11.854-12.3A41.72,41.72,0,0,0,128.5,35.15a41.661,41.661,0,0,0-3.868-18.525M112.03,47.562a15.685,15.685,0,0,1-6.985,7.937q-4.875,2.766-13.41,2.763h-9.84V11.954h9.844q8.537,0,13.41,2.762a15.682,15.682,0,0,1,6.98,7.985,33.209,33.209,0,0,1,2.108,12.456,32.8,32.8,0,0,1-2.108,12.4" fill="%23fff"/></g></svg>');
}
.site-title,
.site-title a,
.site-title img{
	display:block;
	height:100%;
}
#toggle{
	display:none;
}
#navcontent{
}
.site-nav{
}
.site-nav ul{
	margin-top:-.75rem;
	margin-bottom:0;
}
.site-nav li{
	display:inline-block;
	margin:0 1rem;
}
.site-nav li:last-child{
	margin-right:0;
}
.site-nav li a{
	display:block;
	padding-top:.4em;
	padding-bottom:.4em;
}
.site-nav li.getintouchlink a{
	padding-left:1.5em;
	padding-right:1.5em;
	border-width:1px;
	border-style:solid;
	border-radius:2.125em;
}
.button a{
	padding:.4em 1.5em;
	border-width:1px;
	border-style:solid;
	border-radius:2.125rem;
}
.page-header{
	position:relative; /* for position of overlay shade */
	padding-top:clamp(1.42rem, 7vw, 5.75rem);
	padding-bottom:1px;
	/* to keep content with margins inside */
}
.page-header.noshow{
	position:absolute;
	left:-40000px;
	top:-40000px;
}
.page-header.centered{
	height:clamp(44rem,56.25vw,67.5rem);
	padding-bottom:clamp(1.42rem, 7vw, 5.75rem);
}
@media(max-width:430px){
	.page-header.centered{
		height:clamp(24rem,144vw,44rem);
	}
}
.page-header.centered .inner{
	position:relative;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.page-header.centered .inner .projectcat{
	position:absolute;
	bottom:5.6%;
	bottom:0;
	left:0;
}
.page-header .inner .scrolldown{
	position:absolute;
	bottom:0;
	right:0;
	width:clamp(1rem,1.65vw,2rem);
	height:clamp(1rem,1.65vw,2rem);
}
.home .page-header .inner .scrolldown{
	bottom:5.6%;
}
.page-header.flexed{
	/* about page and webinar overviews and webinar post */
	padding-top:0;
}

.page-header.mhsplit .pageheaderimage{
	position:relative;
	margin-top:clamp(-5.75rem,-7vw,-1.42rem);
	/* to counter the padding top on the .page-header */
}
.page-header.mhsplit .mhcaption{
	position:absolute;
	bottom:0;
	right:0;
	padding:.35em 1em;
}
.page-header.homepageheader{
	padding-top:clamp(11rem,15vw,16rem);
	padding-bottom:clamp(11rem,14vw,16rem);
	padding-bottom:calc(clamp(11rem,14vw,16rem) - 11vw);
}
.page-header.homepageheader .inner{
	/* just enough room for the rotated squares sticking out */
	padding-bottom:11vw;
}

.squaresandtitle{
	position:relative;
}
.squaresandtitle h1.page-title{
	position:absolute;
	top:50%;
	margin-top:-.5em;
	left:0;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	gap:clamp(14rem,23vw,28rem);
}


@media(max-width:680px){
	.page-header.homepageheader{
		padding-bottom:1rem;
	}
	.page-header.homepageheader .inner{
		padding-bottom:0;
	}
	.page-header.homepageheader .inner .scrolldown{
		display:none;
	}
	.squaresandtitle h1.page-title{
		position:static;
		display:block;
		text-align:center;
	}
	.squaresandtitle h1.page-title span:first-child{
		margin-right:.25em;
	}
}


.page-header.flexed{
	display:flex;
	justify-content:space-between;
	width:100%;
	min-height:clamp(24.75rem, 9.45vw, 35.93rem);
}
.single-webinar .page-header.flexed{
	min-height:43.75rem;
	padding-top:clamp(7.82rem,27vw,19rem);
}

.page-header .inner.flexed{
	display:flex;
	justify-content:space-between;
	width:100%;
	min-height:38.375rem;
	padding-top:0;
}
.page-header.mhsplit .inner.flexed{
	min-height:21vw;
}
.pageheadertext{
	width:53rem;
	max-width:44%;
	padding-bottom:3rem;
	z-index:5; /* to go in front of masthead + page-header gradient shades */
}
.pageheaderimage{
	width:49.5rem;
	max-width:41.25%;
	max-width:50%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.page-header.flexed .pageheaderimage{
	margin-top:clamp(-6rem,-7vw,-2rem);
}
.inner.flexed .pageheadertext{
	width:50%;
	max-width:50%;
	padding-right:clamp(2.5rem,4vw,4.75rem);
}
.inner.flexed .pageheaderimage{
	width:50%;
	max-width:50%;
	z-index:2; /* to go in front of signup block */
}
.pageheaderimage .phimgwrap{
	width:fit-content;
	max-width:min(400px,80%);
	position:relative;
	margin:0 auto 10% auto;
}
.pageheaderimage .phimgwrap:before,
.pageheaderimage .phimgwrap:after{
	content:" ";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#FFFFFF;
	transform:rotate(-9deg);
}
.pageheaderimage .phimgwrap:after{
	background:#EFCFBA;
	transform:rotate(-5deg);
}
.pageheaderimage .phimgwrap img{
	display:block;
	position:relative;
	z-index:2;
}
.post-type-archive-webinar .pageheaderimage,
.tax-webinar_category .pageheaderimage{
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
}
.single-webinar .pageheaderimage{
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	background:transparent;
}



.signupblock .inside{
	float:right;
	width:33vw;
	max-width:90%;
	padding:1.1rem 1.5rem 1.4rem 1.5rem;
	position:relative;
	z-index:900;
}
.signupblock.newsletter .inside{
	min-width:19rem; /* so that the arrow does not cause the line to wrap */
}
.signupblock.signupregister .inside{
	width:min(90%,34.5rem);
	margin-bottom:-1px; /* to cover the 1px padding -bottom on the page-header */
}
.inner.flexed{
	position:relative;
}
.single-jpost #primary{
	position:relative;
}
.single-jpost .signupblock,
.inner.flexed .signupblock{
	position:absolute;
	bottom:calc(100% - 1rem);
	right:0;
	transform:rotate(-2deg);
	z-index:0;
	max-width:50%;
}
.single-jpost.scrolled .signupblock{
	position:fixed;
	bottom:auto;
	top:-.5rem;
	z-index:900;
}
.admin-bar.single-jpost.scrolled .signupblock{
	top:calc(32px - .5rem);
}
@media(max-width:782px){
	.admin-bar.single-jpost.scrolled .signupblock{
		top:calc(46px - .5rem);
	}
}
@media(max-width:600px){
	.admin-bar.single-jpost.scrolled .signupblock{
		top:-.5rem;
	}
}
.single-jpost.scrolled .signupblock .inside{
	padding:1.4rem 1.5rem 1.1rem 1.5rem;
}
.single-jpost .signupblock .inside h2,
.inner.flexed .signupblock .inside h2{
	transform:rotate(2deg);
}

#crumbs{
	padding:1.5rem 0;
}
.section{
	padding-top:3rem;
	/* test */
	padding-top:clamp(1.42rem, 7vw, 5rem);
	padding-bottom:1rem;
}
#meettheteam.section{
	padding-top:1rem;;
}
.sectionheaderwithbutton{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:1rem;
}
#insights.section{
	padding-top:1rem;
	/* to make it sit closer to the Insights heading */
}

#categoryfilters li,
.webinarssubnav li{
	display:inline-block;
	margin-right:1em;
}
ul.projects,
ul.webinars,
ul.insights,
ul.teammembers{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	margin-left:-1.25rem;
	margin-right:-1.25rem;
}
ul.projects{
	padding-top:2rem;
	padding-top:clamp(0px,1vw,2rem);
}
ul.insights{
	padding-top:2rem;
}
ul.teammembers{
	justify-content:flex-end;
}
ul.projects li{
	width:50%;
	padding:0 1.25rem 4rem 1.25rem;
}
@media(max-width:500px){
	ul.projects li{
		width:100%;
	}
}
ul.webinars li,
ul.insights li{
	width:33.33%;
	padding:0 1.25rem 4rem 1.25rem;
}
@media(max-width:1000px){
	ul.webinars li,
	ul.insights li{
		width:50%;
		padding:0 1.25rem 4rem 1.25rem;
	}
	ul.insights li.blockid3{
		display:none;
	}
}
@media(max-width:500px){
	ul.webinars li,
	ul.insights li{
		width:100%;
		padding:0 1.25rem 4rem 1.25rem;
	}
	ul.insights li.blockid3{
		display:block;
	}
}
ul.teammembers li{
	width:25%;
	padding:0 1.25rem 4rem 1.25rem;
}
ul.teammembers li.wide{
	width:50%;
}
ul.teammembers li.workwithus .inside{
	display:flex;
	/* so that the :before thing can determine the height of the box */
	align-items:flex-end;
	position:relative;
}
ul.teammembers li.workwithus .inside:before{
	content:"";
	display:block;
	background:transparent;
	min-width:clamp(1.5rem,2.5vw,3rem); /* takes up the space of the left-padding */
	/* just 'width' does not work well, due to flex */
	padding-top:calc(50% - 1.25rem);
}
ul.teammembers li.workwithus .inside:after{
	content:"";
	position:absolute;
	top:clamp(1.5rem,2.5vw,3rem);
	right:clamp(1.5rem,2.5vw,3rem);
	display:block;
	width:min(6.875rem,13%);
	height:min(8rem,100%);
	background-color:transparent;
	background-image:url('data:image/svg+xml,<svg id="HDK_logo_stack2" data-name="HDK logo stack2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="113.141" height="132.067" viewBox="0 0 113.141 132.067"><defs><clipPath id="clip-path"><rect id="Rectangle_3441" data-name="Rectangle 3441" width="113.141" height="132.067" fill="none"/></clipPath></defs><path id="Path_5870" data-name="Path 5870" d="M226.493,225.886l-22.109,24.144V225.886H192v61.907h12.382V266.125l5.748-6.191,17.157,27.858h15.123l-23.436-37.409,22.728-24.5Z" transform="translate(-132.366 -155.725)" fill="%23fff"/><path id="Path_5871" data-name="Path 5871" d="M39,0V25.293H12.382V0H0V61.907H12.382V35.287H39v26.62H51.383V0Z" transform="translate(0 0)" fill="%23fff"/><g id="Group_3813" data-name="Group 3813"><g id="Group_3812" data-name="Group 3812" clip-path="url(%23clip-path)"><path id="Path_5872" data-name="Path 5872" d="M242.1,14.638a24.272,24.272,0,0,0-10.436-10.79Q224.637,0,213.759,0H192V61.908h21.756q10.878,0,17.908-3.847A24.218,24.218,0,0,0,242.1,47.227a36.738,36.738,0,0,0,3.4-16.273,36.672,36.672,0,0,0-3.4-16.317M231,41.876a13.812,13.812,0,0,1-6.146,6.987q-4.291,2.433-11.807,2.432h-8.667V10.525h8.667q7.516,0,11.807,2.432A13.8,13.8,0,0,1,231,19.988a29.239,29.239,0,0,1,1.857,10.966A28.888,28.888,0,0,1,231,41.876" transform="translate(-132.366 -0.001)" fill="%23fff"/></g></g></svg>');
	background-repeat:no-repeat;
	background-position:right top;
	background-size:contain;

}
ul.teammembers li.workwithus .inside .textcontent{
	padding:clamp(1.5rem,2.5vw,3rem);
	padding-left:0;
	padding-right:max(7rem,23%);
}
ul.teammembers li.workwithus .inside .textcontent *{
	max-width:23.75rem;
}

@media(max-width:1000px){
	ul.teammembers li{
		width:33.33%;
	}
	ul.teammembers li.wide{
		width:66.66%;
	}
}
@media(max-width:700px){
	ul.teammembers li{
		width:50%;
	}
	ul.teammembers li.wide{
		width:100%;
	}
}

ul.webinars .type-webinar,
ul.insights .type-jpost{
	height:100%;
}
ul.webinars li a,
ul.insights li a{
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	padding:1.9rem 1.5rem 0 1.5rem;
}
ul.insights li a{
	padding-right:0;
	border-width:0 0 0 1px;
	border-style:solid;
}
ul.insights li a .postdetail{
	padding-right:1rem;
}
ul.webinars li a img,
ul.insights li a img,
ul.teammembers li img{
	display:block;
	width:100%;
}
ul.teammembers li{
	position:relative;
}
ul.teammembers li .teamintro{
	max-width:43.75rem;
}
ul.teammembers li.workwithus .inside{
	background:#F13F25;
	color:white;
}
ul.teammembers li h3{
	position:relative;
	padding-right:1.2em;
}
ul.teammembers li h3 button{
	display:inline-block;
	width:.82em;
	height:.82em;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><path id="plus" d="M24.25,13.964v2.571H16.536V24.25H13.964V16.536H6.25V13.964h7.714V6.25h2.571v7.714Z" transform="translate(-6.25 -6.25)" fill="%23474a45"/></svg>');
	position:absolute;
	right:0;
	border-width:0;
	cursor:pointer;
}
ul.teammembers li.bioopen h3 button{
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="2.5" viewBox="0 0 18 2.5"><rect id="minus" width="18" height="2.5" fill="%23474a45"/></svg>');
}

ul.teammembers li .biopop{
	display:block;
	position:absolute;
	left:0;
	max-width:100%;
	height:0;
	overflow:hidden;
	z-index:1;
}
ul.teammembers li.bioopen .biopop{
	display:block;
	height:auto;
	padding:1.1em 1.25rem 3rem 1.25rem;
}

.webinarcols{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.wcol1{
	width:min(48.8%,53rem);
}
.wcol2{
	width:min(45%,34.5rem);
}
.wcentercol{
	width:67.5rem;
	max-width:100%;
	padding-top:clamp(1.42rem, 7vw, 3rem);
	margin:0 auto;
}
.insightcols,
.insightcolswithauthors{
	padding-bottom:clamp(1.42rem, 7vw, 3rem);
}
.insightcolswithauthors{
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
}
.icol1{
	width:53rem;
	max-width:100%;
	margin-bottom:3rem;
}
.insightcols .icol1{
	margin:0 auto;
}
.insightcolswithauthors .icol1{
	max-width:calc(100% - calc(10.9375rem + clamp(2rem,3.5vw,4.125rem)));
}
.icol2,
.icol3{
	/* background:pink; */
}
.icol2{
	order:-1;
	width:10.9375rem;
	margin-right:clamp(2rem,3.5vw,4.125rem);
	margin-bottom:3rem;
}
.icol3{
	width:calc(10.9375rem + clamp(1px,3.5vw,4.125rem));
}
@media(max-width:1000px){
	.insightcolswithauthors{
		justify-content:space-between;
	}
	.icol3{
		display:none;
	}
}

.home h2.sectionheading{
	max-width:60rem;
}

.imgbox,
.imagebox{
	max-width:100%;
	margin:0 auto 1.5rem auto;
	/* test */
	margin-bottom:clamp(1.42rem, 7vw, 5rem);
}
.widebox{
	margin-bottom:0;
}
.imgbox img,
.imagebox img{
	display:block;
	margin:0 auto;
}
ul.speakers{
	display:flex;
	flex-wrap:wrap;
	margin-left:-.375rem;
	margin-right:-.375rem;
}
ul.authors li{
	margin-bottom:.75rem;
}
ul.speakers li{
	width:33.33%;
	max-width:11.6875rem;
	padding:0 .375rem;
	margin-bottom:.75rem;
}
ul.authors li .spimg,
ul.speakers li .spimg{
	width:10.9375rem;
	max-width:100%;
	border-radius:50%;
	overflow:hidden;
	margin-bottom:.5rem;
}
ul.authors li img,
ul.authors li span,
ul.speakers li img,
ul.speakers li span{
	display:block;
	text-align:center;
	margin:0 auto;
}

ul.authors li .spname,
ul.speakers li .spname{
	font-weight:500;
}



/* image next to text */

.imgtext{
	overflow:hidden;
	/* change to flex instead of float? */
	/* depends on whether text should sometimes wrap around image or not */
}
.imgtext .imagebox,
.textimg .imagebox{
	width:18.75rem;
	max-width:50%;
	padding-top:.4em;
}
.imgtext .imagebox{
	float:left;
	margin-right:1.25rem;
}
.textimg .imagebox{
	float:right;
	margin-left:1.25rem;
}

/* changes to make sure text does NOT wrap around the image */

.textimg .textside{
	margin-right:min(calc(50% + 1.25rem),20rem);
}


.videowrapper{
	width:67.5rem;
	max-width:100%;
	margin:0 auto;
	/* test */
	margin-bottom:clamp(1.42rem, 7vw, 5rem);
}
.columns .col1 .videowrapper:first-child{
	margin-top:0;
}
@media(min-width:768px){
	/* when columns are next to each other rather than below each other */
	.columns .col2 .videowrapper:first-child{
		margin-top:0;
	}
}
.videobox{
	position:relative;
	width:100%;
	height:0;
	padding-top:56.25%;
}
.videobox iframe,
.videobox video{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.quotebox{
	position:relative;
	max-width:58.75rem;
	padding:1.5rem 0 1.5rem 3.75rem;
	margin:0 auto;
}
.quotebox.singlequote{
	margin-bottom:3rem;
}
.quotebox:before{
	content:"\2018 \2018";
	font-size:10rem;
	font-weight:300;
	letter-spacing:-.37em; /* note:this puts the second one to the left of the first one, avoiding the letter space on the left of the character */
	line-height:1.15;
	display:block;
	position:absolute;
	left:.05em; /* because otherwise it gets cut off on the left */
	top:0;
}

.smalltext{
	margin-bottom:3rem;
}


.columns{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.col1,
.col2{
	width:46%;
}
@media(max-width:900px){
	.col1,
	.col2{
		width:100% !important;
	}
	.col1{
		margin-bottom:clamp(1.42rem, 7vw, 3rem);
	}
}
.projectintrocols{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.projectintrocols .introtext{
	width:58.75rem;
	max-width:calc(100% - 15rem);
}
@media(max-width:640px){
	.projectintrocols{
		display:block;
	}
	.projectintrocols .introtext{
		max-width:100%;
	}
}
.widesplit{
	display:flex;
	flex-wrap:wrap;
}
.widesplit .imageside{
	width:50%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.widesplit.imgright .imageside{
	order:2;
}
.widesplit .textside{
	width:50%;
}
.widesplit.imgleft .textside{
	padding-right:clamp(1.42rem, 7vw, 5.75rem);;
}
.widesplit.imgright .textside{
	padding-left:clamp(1.42rem, 7vw, 5.75rem);;
}
.widesplit .textside .inside{
	display:flex;
	flex-direction:column;
	justify-content:center;
	/* min-height is set in HTML, from image dimensions in the imageside */
	padding-top:max(2rem,6%);
	padding-bottom:max(2rem,6%);
/*	max-width:40.625rem; */
}
.widesplit.imgleft .textside .inside{
	padding-left:clamp(2rem,5.7vw,4.8rem); /* 5.7vw (80/1400), otherwise narrow width gives more space for the text than wide width */
	margin-left:0;
	margin-right:0;
}
.widesplit.imgright .textside .inside{
	padding-right:clamp(2rem,5.7vw,4.8rem); /* 4.8rem instead of 5rem of design, to fit a specific long title on one line */
	margin-right:0;
	margin-left:0;
}
.widesplit .imageside .mobileplaceholder{
	display:none;
}
@media(max-width:900px){
	.widesplit .imageside{
		width:100%;
		/* height:56.25vw; */
	}
	.widesplit .imageside .mobileplaceholder{
		display:block;
		/* this one has the image dimensions as style */
	}
	.widesplit.imgright .imageside{
		order:2;
	}
	.widesplit .textside{
		width:100%;
	}
	.widesplit .textside{
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.widesplit.imgleft .textside .inside,
	.widesplit.imgright .textside .inside{
		max-width:100%;
		padding-right:clamp(1rem,7vw,3rem);
		padding-left:clamp(1rem,7vw,3rem);
	}
	.colourdivider.narrowonly{
		display:block;
	}

}



/* pagination */
/* kriesi */

.pagination{
	text-align:center;
	padding:3rem 0;
}
.pagination a,
.pagination span{
	display:inline-block;
	width:1.75rem;
	height:1.75rem;
	font-size:.875rem;
	font-weight:500;
	line-height:1.75rem;
	border-radius:1.75rem;
	box-sizing:border-box;
	padding-top:.1rem;
}
.pagination a:focus,
.pagination a:hover,
.pagination a:active{
	background:#EFCFBA;
}
.pagination a.inactive{
	display:none;
	opacity:0.5;
	cursor:default;
}
.page-numbers{
	color:inherit;
	margin:0 .5rem;
}
.page-numbers.current{
	background:#F13F25;
	color:#fff;
}
.page-prev{
	margin-left:-.5rem;
	margin-right:.5rem;
}
.page-next{
	margin-right:-.5rem;
	margin-left:.5rem;
}

#colophon{
	padding-top:3.75rem;
	padding-bottom:7rem;
}
.fcols{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:baseline;
}
.fcol1{
	width:33.33%;
	padding-right:6.5%;
}
.fcol2,
.fcol3{
	width:20%;
}
.fcol4{
	width:20%;
	align-self:flex-start;
	padding-top:.5rem;
	text-align:right;
}
.fcol4 img{
	width:6.6875rem;
}
.fcol4:before{
	content:"";
	display:inline-block;
	width:6.6875rem;
	height:11rem;
	background-color:transparent;
	background-image:url('data:image/svg+xml,<svg id="B-Corp" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="106.791" height="180" viewBox="0 0 106.791 180"><defs><clipPath id="clip-path"><rect id="Rectangle_3414" data-name="Rectangle 3414" width="106.791" height="180" fill="%23e3e6df"/></clipPath></defs><g id="Group_3810" data-name="Group 3810" clip-path="url(%23clip-path)"><path id="Path_5832" data-name="Path 5832" d="M31.189,51.893h22.06c5.366,0,12.45,0,16.1,2.22A14.419,14.419,0,0,1,76.5,66.81a14.034,14.034,0,0,1-9.031,13.626v.177c7.5,1.535,11.583,7.155,11.583,14.652,0,8.943-6.393,17.467-18.483,17.467H31.189Zm8.1,26.146h16.2c9.2,0,12.952-3.324,12.952-9.717,0-8.436-5.962-9.628-12.952-9.628h-16.2Zm0,27.858H59.566c6.978,0,11.416-4.261,11.416-10.9,0-7.928-6.393-10.136-13.2-10.136h-18.5Z" fill="%23e3e6df"/><path id="Path_5833" data-name="Path 5833" d="M99.758,82.324A46.27,46.27,0,1,1,53.476,36.066h.006A46.266,46.266,0,0,1,99.758,82.324M53.494,29.016a53.287,53.287,0,1,0,53.3,53.287,53.287,53.287,0,0,0-53.3-53.287Z" fill="%23e3e6df"/><rect id="Rectangle_3413" data-name="Rectangle 3413" width="106.363" height="6.99" transform="translate(0.306 146.84)" fill="%23e3e6df"/><path id="Path_5834" data-name="Path 5834" d="M103.346,139.145c.132,0,.253-.011.375-.011a1.262,1.262,0,0,0,.309-.066.518.518,0,0,0,.22-.187.627.627,0,0,0,.078-.342.56.56,0,0,0-.066-.3.386.386,0,0,0-.187-.165.861.861,0,0,0-.266-.089,2.717,2.717,0,0,0-.3-.01h-.762v1.182h.6Zm.253-1.65a1.538,1.538,0,0,1,.983.265.994.994,0,0,1,.319.806.946.946,0,0,1-.276.739,1.3,1.3,0,0,1-.706.276l1.06,1.634h-.618l-1.015-1.6h-.6v1.6h-.585v-3.71h1.446Zm-2.6,2.926a2.389,2.389,0,0,0,.552.873,2.585,2.585,0,0,0,.828.575,2.623,2.623,0,0,0,1.027.2,2.493,2.493,0,0,0,1.856-.773,2.414,2.414,0,0,0,.541-.873,2.827,2.827,0,0,0,.21-1.071,2.631,2.631,0,0,0-.21-1.071,2.846,2.846,0,0,0-.541-.861,2.612,2.612,0,0,0-3.693-.016l-.017.016a2.52,2.52,0,0,0-.552.861,2.826,2.826,0,0,0-.2,1.071,2.519,2.519,0,0,0,.2,1.071m-.529-2.329a3.149,3.149,0,0,1,.684-.993,3.194,3.194,0,0,1,1.015-.663,3.108,3.108,0,0,1,1.226-.243,3.157,3.157,0,0,1,2.926,1.893,3.242,3.242,0,0,1,0,2.517,3.082,3.082,0,0,1-.684,1.015,3.02,3.02,0,0,1-.993.674,3.39,3.39,0,0,1-1.248.232,3.275,3.275,0,0,1-1.225-.232,3,3,0,0,1-1.015-.674,3.1,3.1,0,0,1-.685-1.015,2.989,2.989,0,0,1-.243-1.259,2.835,2.835,0,0,1,.243-1.258" fill="%23e3e6df"/><path id="Path_5835" data-name="Path 5835" d="M13.2,5.586a4.1,4.1,0,0,0-.939-1.06,4.392,4.392,0,0,0-1.281-.717,4.5,4.5,0,0,0-1.491-.254,5.028,5.028,0,0,0-2.428.552A4.507,4.507,0,0,0,5.451,5.586a6.557,6.557,0,0,0-.9,2.119,10.654,10.654,0,0,0-.286,2.451,9.232,9.232,0,0,0,.286,2.352,6.33,6.33,0,0,0,.9,2.066,4.581,4.581,0,0,0,1.613,1.468,4.948,4.948,0,0,0,2.428.552,3.907,3.907,0,0,0,3.026-1.182,5.519,5.519,0,0,0,1.336-3.124h4.1a9.741,9.741,0,0,1-.839,3.258,7.592,7.592,0,0,1-4.362,4.041,9.6,9.6,0,0,1-3.257.541,9.769,9.769,0,0,1-3.975-.772,8.438,8.438,0,0,1-2.981-2.12,9.324,9.324,0,0,1-1.86-3.168,12.347,12.347,0,0,1,0-7.917A9.528,9.528,0,0,1,2.537,2.939,8.4,8.4,0,0,1,5.517.786,9.711,9.711,0,0,1,9.492,0a9.847,9.847,0,0,1,3,.45,8.159,8.159,0,0,1,2.529,1.336,7.292,7.292,0,0,1,1.843,2.165,7.683,7.683,0,0,1,.917,2.959H13.689A3.41,3.41,0,0,0,13.2,5.586" fill="%23e3e6df"/><path id="Path_5836" data-name="Path 5836" d="M23.46,16.339a3.927,3.927,0,0,0,4.472.265,2.47,2.47,0,0,0,1.026-1.225h3.368a6.423,6.423,0,0,1-2.484,3.588,7.308,7.308,0,0,1-4.04,1.081,7.856,7.856,0,0,1-2.96-.529A6.341,6.341,0,0,1,20.6,18.028a6.624,6.624,0,0,1-1.413-2.319,8.453,8.453,0,0,1-.5-2.96,8.063,8.063,0,0,1,.508-2.9,6.724,6.724,0,0,1,3.708-3.866A7.223,7.223,0,0,1,25.8,5.416a6.727,6.727,0,0,1,3.1.684,6.156,6.156,0,0,1,2.162,1.838,7.7,7.7,0,0,1,1.225,2.638,9.588,9.588,0,0,1,.266,3.1H22.514a3.8,3.8,0,0,0,.946,2.661m4.317-7.32a2.723,2.723,0,0,0-2.086-.75,3.318,3.318,0,0,0-1.524.309,2.985,2.985,0,0,0-.973.762,2.845,2.845,0,0,0-.508.972,4.62,4.62,0,0,0-.177.916h6.227a4.309,4.309,0,0,0-.959-2.209" fill="%23e3e6df"/><path id="Path_5837" data-name="Path 5837" d="M37.918,5.751V8.333h.055a4.773,4.773,0,0,1,1.778-2.142,5.425,5.425,0,0,1,1.27-.6,4.6,4.6,0,0,1,1.4-.21,3.017,3.017,0,0,1,.838.132V9.068c-.177-.032-.4-.065-.651-.088s-.5-.043-.729-.043A4.117,4.117,0,0,0,40.1,9.29a3.044,3.044,0,0,0-1.17.961,3.756,3.756,0,0,0-.63,1.412,7.981,7.981,0,0,0-.187,1.756V19.7H34.3V5.751Z" fill="%23e3e6df"/><path id="Path_5838" data-name="Path 5838" d="M53.492,5.751V8.313H50.687v6.9a1.878,1.878,0,0,0,.32,1.291,1.9,1.9,0,0,0,1.291.32c.221,0,.42-.011.618-.023a4.139,4.139,0,0,0,.562-.078v2.96a9.8,9.8,0,0,1-1.081.111q-.6.033-1.16.033a11.364,11.364,0,0,1-1.678-.122,3.756,3.756,0,0,1-1.4-.475,2.517,2.517,0,0,1-.96-.995,3.558,3.558,0,0,1-.354-1.7V8.323H44.527V5.761h2.325V1.589h3.82V5.761H53.5Z" fill="%23e3e6df"/><path id="Path_5839" data-name="Path 5839" d="M55.723.439h3.82V3.6h-3.82Zm3.82,5.31V19.672h-3.82V5.751Z" fill="%23e3e6df"/><path id="Path_5840" data-name="Path 5840" d="M61.067,8.311V5.751h2.286V4.669a4.191,4.191,0,0,1,1.159-3.048,4.68,4.68,0,0,1,3.5-1.182c.342,0,.684.011,1.027.044s.674.055.993.066v2.86a11.718,11.718,0,0,0-1.4-.078,1.457,1.457,0,0,0-1.115.365,1.813,1.813,0,0,0-.331,1.225V5.76h2.638V8.321H67.184V19.694H63.353V8.323H61.067Z" fill="%23e3e6df"/><path id="Path_5841" data-name="Path 5841" d="M72.407.439h3.82V3.6h-3.82Zm3.831,5.31V19.672H72.407V5.751Z" fill="%23e3e6df"/><path id="Path_5842" data-name="Path 5842" d="M82.268,16.336a3.927,3.927,0,0,0,4.472.265,2.472,2.472,0,0,0,1.027-1.225h3.361a6.464,6.464,0,0,1-2.473,3.588,7.311,7.311,0,0,1-4.041,1.081,7.855,7.855,0,0,1-2.959-.529,6.323,6.323,0,0,1-2.241-1.491A6.639,6.639,0,0,1,78,15.706a8.5,8.5,0,0,1-.5-2.96,8.294,8.294,0,0,1,.509-2.9,6.6,6.6,0,0,1,1.458-2.351,6.872,6.872,0,0,1,2.25-1.547,7.214,7.214,0,0,1,2.893-.562,6.718,6.718,0,0,1,3.1.684A6.157,6.157,0,0,1,89.88,7.909a7.73,7.73,0,0,1,1.226,2.638,9.912,9.912,0,0,1,.276,3.1H81.332a3.81,3.81,0,0,0,.936,2.687M86.6,9.016a2.7,2.7,0,0,0-2.086-.75,3.321,3.321,0,0,0-1.524.309,2.971,2.971,0,0,0-.972.762,2.831,2.831,0,0,0-.509.972,4.62,4.62,0,0,0-.177.916h6.216a4.4,4.4,0,0,0-.95-2.206Z" fill="%23e3e6df"/><path id="Path_5843" data-name="Path 5843" d="M103,17.908a3.994,3.994,0,0,1-1.767,1.633,6.445,6.445,0,0,1-5.212-.111,5.458,5.458,0,0,1-1.949-1.65A7.719,7.719,0,0,1,92.913,15.4a9.818,9.818,0,0,1-.387-2.805,9.564,9.564,0,0,1,.387-2.7,7.106,7.106,0,0,1,1.159-2.307,5.754,5.754,0,0,1,1.921-1.6,5.669,5.669,0,0,1,2.7-.6,5.381,5.381,0,0,1,2.352.529,4.092,4.092,0,0,1,1.749,1.544h.055v-7h3.82V19.685h-3.633V17.908Zm-.165-6.89a4.038,4.038,0,0,0-.552-1.4,3.089,3.089,0,0,0-1.015-.984,3.274,3.274,0,0,0-4.185.994,4.61,4.61,0,0,0-.563,1.413,7.392,7.392,0,0,0-.177,1.65,7.239,7.239,0,0,0,.188,1.613,4.447,4.447,0,0,0,.6,1.446,3.441,3.441,0,0,0,1.05,1.027,2.782,2.782,0,0,0,1.524.387,3.034,3.034,0,0,0,1.579-.375,2.877,2.877,0,0,0,1.015-1.015,4.51,4.51,0,0,0,.541-1.436,8.336,8.336,0,0,0,.166-1.668,8.828,8.828,0,0,0-.18-1.651Z" fill="%23e3e6df"/><path id="Path_5844" data-name="Path 5844" d="M9.637,167.549a2.926,2.926,0,0,0-2.959-2.374c-2.672,0-3.677,2.274-3.677,4.65,0,2.249,1.005,4.526,3.677,4.526a3.039,3.039,0,0,0,3.068-3.011v-.024H12.64a5.728,5.728,0,0,1-5.9,5.552l-.063,0A6.534,6.534,0,0,1,0,170.477q-.006-.323.018-.645c0-4.018,2.463-7.155,6.659-7.155a5.493,5.493,0,0,1,5.84,4.881H9.637Z" fill="%23e3e6df"/><path id="Path_5845" data-name="Path 5845" d="M18.856,166.472a5.168,5.168,0,0,1,0,10.334,5.168,5.168,0,0,1,0-10.334m0,8.314c1.843,0,2.385-1.579,2.385-3.124,0-1.58-.552-3.15-2.385-3.15s-2.374,1.579-2.374,3.15.552,3.124,2.374,3.124" fill="%23e3e6df"/><path id="Path_5846" data-name="Path 5846" d="M25.6,166.726h2.562v1.823h.043a3.451,3.451,0,0,1,3.137-2.087,2.072,2.072,0,0,1,.585.088v2.507a5.116,5.116,0,0,0-.972-.088c-1.977,0-2.661,1.424-2.661,3.149v4.416H25.6Z" fill="%23e3e6df"/><path id="Path_5847" data-name="Path 5847" d="M32.979,166.737h2.569v1.248h.033a3.254,3.254,0,0,1,2.915-1.512c3.08,0,4.46,2.484,4.46,5.267,0,2.617-1.435,5.068-4.306,5.068a3.466,3.466,0,0,1-2.937-1.479H35.67V180h-2.7V166.739Zm7.276,4.935c0-1.557-.63-3.169-2.352-3.169-1.767,0-2.329,1.579-2.329,3.169s.6,3.114,2.352,3.114,2.329-1.524,2.329-3.114" fill="%23e3e6df"/><path id="Path_5848" data-name="Path 5848" d="M48.856,166.472a5.169,5.169,0,1,1-5.055,5.28c0-.034,0-.068,0-.1a4.813,4.813,0,0,1,5.056-5.178m0,8.314c1.843,0,2.4-1.579,2.4-3.124,0-1.58-.552-3.15-2.4-3.15s-2.374,1.579-2.374,3.15.563,3.124,2.374,3.124" fill="%23e3e6df"/><path id="Path_5849" data-name="Path 5849" d="M55.613,166.726h2.569v1.823h.044a3.449,3.449,0,0,1,3.124-2.087,2.062,2.062,0,0,1,.585.088v2.507a5.022,5.022,0,0,0-.972-.088c-1.977,0-2.661,1.424-2.661,3.149v4.416H55.6v-9.8Z" fill="%23e3e6df"/><path id="Path_5850" data-name="Path 5850" d="M62.725,169.751c.15-2.529,2.4-3.279,4.616-3.279,1.95,0,4.306.431,4.306,2.782v5.1a4.964,4.964,0,0,0,.342,2.186H69.25a4,4,0,0,1-.187-.95,4.47,4.47,0,0,1-3.3,1.215c-1.856,0-3.335-.927-3.335-2.937,0-2.22,1.668-2.749,3.335-2.982s3.19-.187,3.19-1.291c0-1.159-.805-1.324-1.744-1.324-1.028,0-1.689.42-1.79,1.478Zm6.216,2a5.427,5.427,0,0,1-2.241.574c-.838.165-1.59.45-1.59,1.446s.773,1.248,1.65,1.248a2.006,2.006,0,0,0,2.192-1.8,2.089,2.089,0,0,0-.006-.447v-1.015Z" fill="%23e3e6df"/><path id="Path_5851" data-name="Path 5851" d="M77.086,166.737h1.977v1.8H77.086V173.4c0,.917.232,1.137,1.137,1.137a4.21,4.21,0,0,0,.838-.078v2.109a10.173,10.173,0,0,1-1.579.1c-1.65,0-3.091-.387-3.091-2.329v-5.786h-1.64v-1.8h1.635v-2.937h2.7Z" fill="%23e3e6df"/><path id="Path_5852" data-name="Path 5852" d="M83.78,165.225h-2.7v-2.22h2.7Zm-2.7,1.512h2.7v9.805h-2.7Z" fill="%23e3e6df"/><path id="Path_5853" data-name="Path 5853" d="M90.647,166.472a5.169,5.169,0,1,1-5.055,5.28c0-.034,0-.068,0-.1a4.813,4.813,0,0,1,5.056-5.178m0,8.314c1.843,0,2.4-1.579,2.4-3.124,0-1.58-.552-3.15-2.4-3.15s-2.374,1.579-2.374,3.15.558,3.124,2.374,3.124" fill="%23e3e6df"/><path id="Path_5854" data-name="Path 5854" d="M97.472,166.737h2.562v1.369h.055a3.5,3.5,0,0,1,3-1.633c2.861,0,3.588,1.612,3.588,4.041v6.022h-2.7v-5.55c0-1.612-.475-2.4-1.722-2.4-1.468,0-2.086.818-2.086,2.816v5.145h-2.7v-9.816Z" fill="%23e3e6df"/></g></svg>');
	background-repeat:no-repeat;
	background-position:right top;
	background-size:contain;
}
.fcol5{
	order:2;
	align-self:flex-end;
}
.fcol6{
	width:7.8125rem;
	margin-top:5rem;
}
.fcol6:before{
	content:"";
	display:block;
	width:100%;
	height:7.5rem;
	background-color:transparent;
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="124.994" height="150" viewBox="0 0 124.994 150"><path id="HDK_logo_150" data-name="HDK logo 150" d="M106.913,79.688,81.8,107.111V79.688H67.738V150H81.8V125.389l6.529-7.03L107.817,150h17.177L98.378,107.511l25.811-27.824ZM44.3,0V28.727H14.062V0H0V70.313H14.062V40.078H44.3V70.313H58.359V0ZM56.9,96.312A27.564,27.564,0,0,0,45.05,84.055q-7.984-4.367-20.34-4.367H0V150H24.71q12.355,0,20.34-4.371a27.5,27.5,0,0,0,11.853-12.3,41.705,41.705,0,0,0,3.867-18.482A41.634,41.634,0,0,0,56.9,96.312M44.3,127.249a15.688,15.688,0,0,1-6.98,7.935q-4.875,2.766-13.41,2.766H14.063V91.64h9.844q8.536,0,13.41,2.763a15.686,15.686,0,0,1,6.981,7.986,33.229,33.229,0,0,1,2.109,12.456,32.8,32.8,0,0,1-2.11,12.4" fill="%23fff"/></svg>');
	background-repeat:no-repeat;
	background-position:left top;
	background-size:contain;
}
.fcol6 img{
	height:7.5rem;
}

@media(max-width:920px){
	.fcol1,
	.fcol2,
	.fcol3,
	.fcol4{
		margin-bottom:3rem;
	}
	.fcol1{
		width:calc(100% - 14rem);
	}
	.fcol1 p{
		max-width:32rem;
	}
	.fcol2{
		width:fit-content;	
	}
	.fcol3,
	.fcol4{
		width:auto;
		padding-top:0;
		align-self:flex-start;
	}
	.fcol4:before,
	.fcol4 img{
		width:6.6875rem;
		width:clamp(3.7rem,10vw,6.6875rem);
	}
	.fcol5{
		width:100%;
		order:revert;
	}
	.fcol6{
		width:100%;
		order:reset;
	}
}
@media(max-width:520px){
	.fcol1,
	.fcol2{
		width:100%;
	}
	.fcol3,
	.fcol4{
	
	}
}

input{
	padding:1em;
}


/* open close blocks */

.boc h3{
	position:relative;
	padding-top:.5em;
	padding-bottom:.5em;
}
/*
.boc h3:after{
	content:" ";
	display:inline-block;
	width:1.5rem;
	height:1.5rem;
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="14" viewBox="0 0 24 14"><path id="accordion_arrow" data-name="accordion arrow" d="M12,17.856,0,29.615l2.286,2.241L12,22.336l9.714,9.52L24,29.615Z" transform="translate(0 -17.856)" fill="%238e9487" fill-rule="evenodd"/></svg>');
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	vertical-align:middle;
	position:absolute;
	right:0;
	transform:rotate(0);
	transition:transform .5s ease-in-out 0s;
	cursor:pointer;
}
.boc.closed h3:after{
	transform:rotate(180deg);
}
*/

.boc h3 button{
	display:inline-block;
	width:1.5rem;
	height:1.5rem;
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="14" viewBox="0 0 24 14"><path id="accordion_arrow" data-name="accordion arrow" d="M12,17.856,0,29.615l2.286,2.241L12,22.336l9.714,9.52L24,29.615Z" transform="translate(0 -17.856)" fill="%238e9487" fill-rule="evenodd"/></svg>');
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	vertical-align:middle;
	position:absolute;
	right:0;
	border-width:0;
	transform:rotate(0);
	transition:transform .5s ease-in-out 0s;
	cursor:pointer;
}
.boc h3 button:hover{
	background-color:transparent;
}
.boc.closed h3 button{
	transform:rotate(180deg);
}

.bocgroup.vacancylinks{
	margin-top:clamp(1.42rem, 7vw, 3rem);
	margin-bottom:clamp(1.42rem, 7vw, 3rem);
}
.bocgroup{
	border-style:solid;
	border-width:0 0 1px 0;
	margin-bottom:2rem;
}
.boc{
	border-style:solid;
	border-width:1px 0 0 0;
}
.bocin{
	height:auto;
}
.boc.closed .bocin{
	height:0;
	overflow:hidden;
}



/* sliders */

.homepageheader{
	overflow-x:hidden;
}
.hpmastheadwrapper{
	position:relative;
	width:clamp(18rem,30.5vw,36.895rem);
	height:clamp(18rem,30.5vw,36.895rem);
	margin:0 auto;
	overflow:visible;
}
@media(max-width:680px){
	.hpmastheadwrapper{
		width:60vw;
		height:60vw;
		margin-bottom:20vw;
	}
}

.hpmastheadfader .slick-list{
	overflow:visible;
}
.hpmastheadfader .hpsq{
	display:block !important; /* overriding slick styles */
}
.hpmastheadfader .hpsq a{
	display:block;
}
.hpsq .hovertext{
	position:absolute;
	top:0;
	left:99%;
	padding-left:1rem;
	width:max-content;
	visibility:hidden;
	transition:all .2s ease-in-out 0s;
}
.hpsq{
	transition:transform .5s ease-in-out 0s;
}
.hpsq.square4{
	transform:rotate(-68deg);
}
.hpsq.square3{
	transform:rotate(-54deg);
}
.hpsq.square2{
	transform:rotate(-39deg);
}
.hpsq.square1{
	transform:rotate(-16deg);
}

.hpmastheadfader .slick-slide{
	opacity:1 !important; /* overriding the default style of the slider */
}
.hpmastheadfader .slick-slide.slick-current{
	z-index:1000;
}
.hpsq .imgcontainer{
	width:100%;
	overflow:hidden;
	transition:all .2s ease-in-out 0s;
}
.hpsq img{
	display:block;
	filter:blur(5px);
}
.hpmastheadfader .slick-slide.slick-current .hpsq img{
	filter:blur(0);
}
.hpmastheadfader .slick-slide.slick-current .hpsq{
	transform:rotate(0);
}
.hpmastheadfader .slick-slide.slick-current .hpsq a:hover .imgcontainer{
	transform:rotate(2deg);
	transition:transform .2s ease-in-out 0s;
}
.hpmastheadfader .slick-slide.slick-current .hpsq a:hover .hovertext{
	visibility:visible;
	padding-left:2em;
}
.changeit.slick-arrow{
	position:absolute;
	left:0;
	top:0;
	background:rgba(0,0,0,0);
	width:100%;
	height:100%;
	z-index:0;
}
.dontchangeit.slick-arrow,
.slick-current .changeit.slick-arrow{
	display:none !important;
}

.infocols .slick-list{
	margin-bottom:1rem;
}
.infocols .slick-track{
	display:table !important;
}
.infocols .slick-track .slick-slide{
	display:table-cell !important;
	vertical-align:top;
	float:none !important;
	height:inherit !important;
}
.infocols .slick-slide > div{
	/* unfortunately, this does not want to go as high as the
	   slick-slide (its parent), so we have to put the left border on 
	   the slide, rather than on the content of this div */
}
.infocols .slick-slide{
	border-width:0 0 0 1px;
	border-style:solid;
}
.infocol{
	width:300px;
	padding:.75rem 2rem 1rem 2rem;
}
.infocol h3{
	max-width:6em;
	height:2.25em;
}
.hasbuttons .infocol{
	/* unfortunately, these styles also don't work because we can't 
	   set a 100% height */
	height:100%;
	display:flex !important;
	flex-direction:column;
	justify-content:space-between;
}

.workscroller .thebox{
	position:relative;
	max-width:52.86rem;
}
.thebox img{
	display:block;
}
.thebox .hoveroverlay{
	position:absolute;
	top:0;
	left:0;
	display:flex;
	flex-direction:column;
	width:100%;
	height:100%;
	justify-content:center;
	align-items:center;
	text-align:center;
	padding:1.5rem;
	z-index:1;
	opacity:0;
	transition:opacity .2s ease-in-out 0s;
}
.thebox a:hover .hoveroverlay{
	opacity:1;
}
.thebox .hoveroverlay:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0.8;
}


.quotessliderwrapper{
	max-width:58.75rem;
	margin:0 auto;
}
.infographicsliderwrapper.has2slides{
	max-width:900px;
	margin:0 auto;
}

.infoslider .slick-slide{
	margin:0 1.25rem;
	padding:1.5rem 0; /* infographics need more vertical space to accommodate the rotatingof the content */

}
.infoslider .slick-slide div.slideinside{
	border:1px solid #8E9487;
	padding:1.5rem;
	transition:transform .5s ease-in-out 0s;
}
.infoslider .slick-slide.slick-current + .slick-slide div.slideinside{
	transform:rotate(-5deg);
}
.slick-prev, 
.slick-next{
	position:absolute;
	bottom:.2rem;
	width:1.5rem;
	height:1.5rem;
	border-width:0;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-color:transparent;
	background-position:center;
	background-size:contain;
	cursor:pointer;
}
.slick-next{
	right:0;
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="19.455" viewBox="0 0 24 19.455"><path id="arrow_right" data-name="arrow right" d="M12.1,12.328l5.233-5.233V24h3.723V7.259l5.234,5.234,2.633-2.633L19.167,0l-9.7,9.7Z" transform="translate(24 -9.471) rotate(90)" fill="%23F13F25" fill-rule="evenodd"/></svg>');
}
.slick-prev{
	right:3.5rem;
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="19.455" viewBox="0 0 24 19.455"><path id="arrow_left" data-name="arrow left" d="M2.632,11.672l5.233,5.233V0h3.723V16.741l5.234-5.234,2.633,2.633L9.7,24,0,14.3Z" transform="translate(24) rotate(90)" fill="%23F13F25" fill-rule="evenodd"/></svg>');
}
.infoslider .slick-next{
	right:0;
}
.infoslider .slick-prev{
	right:3.5rem;
}
.outerrunoff.outerrunoffinfocols,
.outerrunoff.outerrunoffinfographics{
	padding-right:clamp(1.42rem, 7vw, 5.75rem);
}
@media(max-width:1023px){
	.outerrunoff.outerrunoffinfographics.onlymoreslides{
		padding-right:0;
	}
	.outerrunoff .infoslider .slick-next{
		right:clamp(1.42rem, 7vw, 5.75rem);
	}
	.outerrunoff .infoslider .slick-prev{
		right:calc(3.5rem + clamp(1.42rem, 7vw, 5.75rem));
	}
}
@media(max-width:869px){
	.outerrunoff.outerrunoffinfographics.only2slides{
		padding-right:0;
	}
}
@media(max-width:520px){
	.outerrunoff.outerrunoffinfocols{
		padding-right:0;
	}
	.outerrunoff .infocols .slick-next{
		right:clamp(1.42rem, 7vw, 5.75rem);
	}
	.outerrunoff .infocols .slick-prev{
		right:calc(3.5rem + clamp(1.42rem, 7vw, 5.75rem));
	}
}
.outerrunoff .workscroller .slick-next{
	right:clamp(1.42rem, 7vw, 5.75rem);
}
.outerrunoff .workscroller .slick-prev{
	right:calc(3.5rem + clamp(1.42rem, 7vw, 5.75rem));
}
@media(max-width:520px){
	.outerrunoffwork{
		padding-right:clamp(1.42rem, 7vw, 5.75rem);
	}
	.outerrunoff .workscroller .slick-next{
		right:0;
	}
	.outerrunoff .workscroller .slick-prev{
		right:3.5rem;
	}
}


.single-vacancy .slick-next,
.single-webinar .slick-next,
.single-jpost .slick-next,
.workscroller .slick-next{
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="19.455" viewBox="0 0 24 19.455"><path id="arrow_right" data-name="arrow right" d="M12.1,12.328l5.233-5.233V24h3.723V7.259l5.234,5.234,2.633-2.633L19.167,0l-9.7,9.7Z" transform="translate(24 -9.471) rotate(90)" fill="%238E9487" fill-rule="evenodd"/></svg>');
}
.single-vacancy .slick-prev,
.single-webinar .slick-prev,
.single-jpost .slick-prev,
.workscroller .slick-prev{
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="19.455" viewBox="0 0 24 19.455"><path id="arrow_left" data-name="arrow left" d="M2.632,11.672l5.233,5.233V0h3.723V16.741l5.234-5.234,2.633,2.633L9.7,24,0,14.3Z" transform="translate(24) rotate(90)" fill="%238e9487" fill-rule="evenodd"/></svg>');
}

.colour4 .slick-next{
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="19.455" viewBox="0 0 24 19.455"><path id="arrow_right" data-name="arrow right" d="M12.1,12.328l5.233-5.233V24h3.723V7.259l5.234,5.234,2.633-2.633L19.167,0l-9.7,9.7Z" transform="translate(24 -9.471) rotate(90)" fill="%23ffffff" fill-rule="evenodd"/></svg>');
}
.colour4 .slick-prev{
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="19.455" viewBox="0 0 24 19.455"><path id="arrow_left" data-name="arrow left" d="M2.632,11.672l5.233,5.233V0h3.723V16.741l5.234-5.234,2.633,2.633L9.7,24,0,14.3Z" transform="translate(24) rotate(90)" fill="%23ffffff" fill-rule="evenodd"/></svg>');
}
.slick-prev:focus, 
.slick-prev:hover, 
.slick-next:focus,
.slick-next:hover{
	opacity:.35;
}
.slick-dots{
	padding-top:1rem;
	padding-left:0;
	padding-right:7.5rem; /* to make room for the arrows */
}
.slick-dots li{
	display:inline;
	margin-right:.375rem;
}
.page-content ul.slick-dots li{
	padding-left:revert;
}
.page-content ul.slick-dots li:before{
	display:none;
}

.slick-dots li button{
	/*
	width:0.875rem;
	height:0.875rem;
	*/
	/* changed to pixels, because we change rem from 16 to 14, and then 
	   the pixel count goes to 12.25, which sometimes causes an oblong 
	   shape due to pixel rounding */
	width:13px;
	height:13px;
	padding:0; /* to override Safari's default styling */
	border-width:1px;
	border-style:solid;
	border-color:#F13F25;
	border-radius:50%;
	background:transparent;
	text-indent:-9999px;
	cursor:pointer;
}
.slick-dots li button:focus,
.slick-dots li button:hover,
.slick-dots li.slick-active button{
	background:#F13F25;
}
.single-vacancy .slick-dots li button,
.single-webinar .slick-dots li button,
.single-jpost .slick-dots li button,
.workscroller .slick-dots li button{
	border-color:#8E9487;
}
.single-vacancy .slick-dots li button:focus,
.single-vacancy .slick-dots li button:hover,
.single-vacancy .slick-dots li.slick-active button,
.single-webinar .slick-dots li button:focus,
.single-webinar .slick-dots li button:hover,
.single-webinar .slick-dots li.slick-active button,
.single-jpost .slick-dots li button:focus,
.single-jpost .slick-dots li button:hover,
.single-jpost .slick-dots li.slick-active button,
.workscroller .slick-dots li button:focus,
.workscroller .slick-dots li button:hover,
.workscroller .slick-dots li.slick-active button{
	background:#8E9487;
}
.colour4 .slick-dots li button{
	border-color:#FFFFFF;
}
.colour4 .slick-dots li button:focus,
.colour4 .slick-dots li button:hover,
.colour4 .slick-dots li.slick-active button{
	background:#FFFFFF;
}

.galleryslider.slick-initialized .slick-slide{
	display:table-cell; /* instead of block */
	float:none; /* instead of float left */
	vertical-align:middle;
}



.slicksliderwrapper.has2slides{
	max-width:1023px;
	margin-left:auto;
	margin-right:auto;
}
.has2slides .infoslider .slick-slide{
	width:450px;
}
.workscroller .slick-slide{
	width:clamp(26.875rem,38.6vw,46.25rem);
}
@media(max-width:870px){
	.has2slides .infoslider .slick-slide{
		width:350px;
	}
}
@media(max-width:520px){
	.has2slides .infoslider .slick-slide{
		width:300px;
	}
}
@media(max-width:1023px){
	.hasmoreslides .infoslider .slick-slide{
		width:300px;
	}
}
@media(max-width:520px){
	.hasmoreslides .infoslider .slick-slide{
		width:300px;
	}
}
@media(max-width:520px){
	.infocols .slick-slide{
		width:300px;
		max-width:100%;
	}
}


.logoscrollerwrapper{
	padding:clamp(3.25rem,7.29vw,4rem) 0;
	border-style:solid;
	border-width:1px 0;
}
.logoscrollerwrapper.hasmargin{
	margin-bottom:5vw;
}
.ticker-tape-wrapper{
	padding:clamp(2.14rem,7.2vw,4rem) 0;
	border-style:solid;
	border-width:1px 0;
}
.ticker-tape-wrapper.hasmargin{
	margin-bottom:5vw;
}
.ticker-tape-container{
	overflow-x:hidden;
	display:flex;
}
@keyframes marquee{
	0%{
		transform:translateX(0%);
	}
	100%{
		transform:translateX(-100%);
	}
}
@keyframes marquee{
	0%{
		transform:translateX(-100%);
	}
	100%{
		transform:translateX(0);
	}
}
.ticker-tape{
	display:flex;
	align-items:center;
	flex:0 0 auto;
	gap:clamp(3.6rem,4.8vw,4.375rem);
	padding-right:clamp(3.6rem,4.8vw,4.375rem); /* for the end of each ticker-tape replication */
	animation-name:marquee;
	animation-duration:187s; /* ticker length 3749px */
	animation-timing-function:linear;
	animation-delay:0s;
	animation-iteration-count:infinite;
	animation-play-state:running;
	animation-direction:reverse;
}

/* animation duration should be ticker length / 20 */
/* 20 can be a different number if it's too slow or too fast */
/* ticker length depends on number of logos and size of logos, right click with inspector gives the length */


@media(max-width:1775px){
	.ticker-tape{
		animation-duration:173s; /* ticker length 3477px */
	}
}
@media(max-width:1630px){
	.ticker-tape{
		animation-duration:160s; /* ticker length 3211px */
	}
}
@media(max-width:1485px){
	.ticker-tape{
		animation-duration:151s; /* ticker length 3024px */
	}
}
@media(max-width:1345px){
	/* at this point the images have reached their minimum height of 35px */
	.ticker-tape{
		animation-duration:142s; /* ticker length 2845px */
	}
}
.ticker-tape img{
	height:clamp(2.5rem,2.6vw,3.125rem);
}

.ticker-tape-container:hover .ticker-tape{
	animation-play-state:paused;
}




.variable .slick-slide{
	margin:0 1.5rem;
}
.variable .slick-slide img{
	/* width:100%;*/
	/* Safari does not do well with img at 100% width */
	height:33.4375rem;
	border-radius:1.25rem;
	/* removing all image rounded corners:*/
	border-radius:0;
}
.variable .slider{
	max-width:102.5rem;
	margin:0 auto;
}
.variable .slick-slide .imgcapwrap{
	display:table;
}
.variable .slick-slide p.caption{
	display:table-caption;
	caption-side:bottom;
	text-align:center;
	margin-bottom:0;
}
.variable .slick-slide .videobox{
	position:relative;
	width:59.4rem;
	height:0;
	padding-top:33.4375rem;
}
.variable .slick-slide .videobox iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.variable .slick-slide .videobox iframe{
	border-radius:1.25rem;
	/* removing all image rounded corners:*/
	border-radius:0;
}
.variable .slick-list{
	overflow:visible !important;
	z-index:1;
}

@media(max-width:1920px){
	.variable .slick-slide{
		margin:0 clamp(.5rem,3vw,1.5rem);
	}
	.variable .slick-slide img{
		height:clamp(12.5rem,32.6vw,33.4375rem);
	}
	.variable .slick-slide .videobox{
		width:clamp(22.22rem,57.95vw,59.4rem);
		padding-top:clamp(12.5rem,32.6vw,33.4375rem);
	}
	.variable .slick-prev, 
	.variable .slick-next{
		top:99%;
	}
}

@media(max-width:480px){
	.variable .slick-slide img{
		height:clamp(6.25rem,42vw,33.4375rem);
	}
	.variable .slick-slide .videobox{
		width:clamp(11.11rem,74.6vw,59.4rem);
		padding-top:clamp(6.25rem,42vw,33.4375rem);
	}
	.variable .slick-prev, 
	.variable .slick-next{
		top:clamp(3.125rem,21vw,16.71875rem);
	}
}



/* styles copied from mailchimp form */
/* adapted for wpcf7 form */
.wpcf7{
	margin-bottom:3rem;
}
.wpcf7 form{
	display:block;
	position:relative;
	text-align:left;
}
.wpcf7 h2{
	font-weight:bold;
	padding:0;
	margin:15px 0;
	font-size:1.4em;
}
.wpcf7 input,
.wpcf7 textarea{
	border:1px solid #6e6e6e; /* changed from #ABB0B2 for contrast */
	background:#fff;
	width:100%;
	box-sizing:border-box;
}
.wpcf7 input[type=checkbox]{
	-webkit-appearance:checkbox;
	width:1rem;
}
.wpcf7 input[type=radio]{
	-webkit-appearance:radio;
}
.wpcf7 input:focus,
.wpcf7 textarea:focus{
	border-color:#333;
}
.wpcf7 .wpcf7-submit{
	display:inline-block;
	min-width:150px;
	height:auto;
	width:auto;
	line-height:1.35;
	font-size:1.25rem;
	text-decoration:none;
	text-align:center;
	background:#F13F25;
	color:#fff !important;
	border:1px solid #F13F25;
	border-radius:2.125rem;
	padding:.4em 1.5em;
	margin:0 auto;
	transition:all .3s ease-in-out 0s;
	cursor:pointer;
}
.wpcf7 .wpcf7-submit:hover{
	background:#fff;
	color:#F13F25 !important;
}
.wpcf7 .small-meta{
	font-size:11px;
}
.wpcf7 .nowrap{
	white-space:nowrap;
}

.wpcf7 .wpcf7-field-group{
	clear:left;
	position:relative;
	padding-bottom:3%;
}
.wpcf7 .wpcf7-field-group label{
	display:block;
	margin-bottom:3px;
}
.wpcf7 .wpcf7-field-group input,
.wpcf7 .wpcf7-field-group textarea{
	display:block;
	width:100%;
	padding:8px 2%;
	border:1px solid #ABB0B2;
}
.wpcf7 .indicates-required{
	text-align:right;
}
.wpcf7 .asterisk{
	color:#e85c41;
	font-size:150%;
	font-weight:normal;
	line-height:.8;
	position:relative;
	top:5px;
}     
.wpcf7 span.mathcaptcha-817{
	display:block;
	margin-top:4px;
}
.wpcf7 input.mathcap{
	width:50px;
	display:inline-block;
}
.wpcf7 .clear{
	clear:both;
}
.wpcf7 input.wpcf7-not-valid{
	border:2px solid #e85c41;
}
.wpcf7 span.wpcf7-not-valid-tip{
	display:inline-block;
	margin:2px 0 1em 0;
	padding:5px 10px;
	background-color:rgba(255,255,255,0.85);
	font-weight:normal;
	color:#e85c41;
}

/* end mailchimp copy styles */



/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */

#mc_embed_signup input{
	display:block;
	width:100%;
	padding:8px 2%;
	border:1px solid #ABB0B2;
}

#mc_embed_signup input[type=checkbox]{
    -webkit-appearance:checkbox;
}

#mc_embed_signup input[type=radio]{
    -webkit-appearance:radio;
}

#mc_embed_signup .mc-field-group{
    clear:left;
    position:relative;
    padding-bottom:3%;
}

#mc_embed_signup .mc-field-group label{
    display:block;
    margin-bottom:3px;
}

#mc_embed_signup .mc-field-group input{
    display:block;
    width:100%;
    padding:8px 0;
    text-indent:2%;
}

#mc_embed_signup .mc-field-group select{
    display:inline-block;
    width:99%;
    padding:5px 0;
    margin-bottom:2px;
}

#mc_embed_signup .indicates-required{
    text-align:right;
}

#mc_embed_signup .asterisk{
	color:#e85c41;
	font-size:150%;
	font-weight:normal;
	line-height:.8;
	position:relative;
	top:5px;
}

#mc_embed_signup .clear{
    clear:both;
}

#mc_embed_signup div#mce-responses{
    float:left;
    top:-1.4em;
    padding:0em .5em 0em .5em;
    overflow:hidden;
    width:90%;
    margin:0 5%;
    clear:both;
}

#mc_embed_signup div.response{
    margin:1em 0;
    padding:1em .5em .5em 0;
    font-weight:bold;
    float:left;
    top:-1.5em;
    z-index:1;
    width:80%;
}

#mc_embed_signup #mce-error-response{
    display:none;
}

#mc_embed_signup #mce-success-response{
    color:#529214;
    display:none;
}

#mc_embed_signup label.error{
    display:block;
    float:none;
    width:auto;
    margin-left:1.05em;
    text-align:left;
    padding:.5em 0;
}

#mc-embedded-subscribe{
    clear:both;
    width:auto;
    display:block;
    margin:1em 0 1em 5%;
}

#mc_embed_signup #num-subscribers{
    font-size:1.1em;
}

#mc_embed_signup #num-subscribers span{
    padding:.5em;
    border:1px solid #ccc;
    margin-right:.5em;
    font-weight:bold;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{
    display:inline-block;
    margin:2px 0 1em 0;
    padding:5px 10px;
    background-color:rgba(255,255,255,0.85);
    font-weight:normal;
    color:#e85c41;
}

#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error{
    border:2px solid #e85c41;
}





/* signup page overriding default mailchimp styles */

.mailchimpsignupformbox #mc_embed_signup{
	margin-bottom:3rem;
}
.mailchimpsignupformbox #mc_embed_signup input{
	border-radius:0;
}
.mailchimpsignupformbox #mc_embed_signup input.button{
	display:inline-block;
	min-width:150px;
	height:auto;
	width:auto;
	font-size:1.25rem;
	line-height:1.35;
	text-decoration:none;
	text-align:center;
	background:#F13F25;
	color:#fff !important;
	padding:.4em 1.5em;
	border:1px solid #F13F25;
	border-radius:2.125rem;
	margin:0 auto;
	transition:all .3s ease-in-out 0s;
	cursor:pointer;
}
.mailchimpsignupformbox #mc_embed_signup .button:hover{
	background:#fff !important;
	color:#F13F25 !important;
	
}

/* end overriding mailchimp styles */















/* webkit things */

input[type=text],
input[type=search],
input[type=button],
input[type=email],
input[type=submit],
input[type=file],
textarea{
	-webkit-appearance:none;
	-webkit-border-radius:0;
}
*{
	-webkit-text-size-adjust:100%;
}

/* Where placeholder needs to obey the styles */

/* fix the stupid placeholder colour */
/* separate rules, because:"a group of selectors containing an invalid selector is invalid". */
::-webkit-input-placeholder{ /* WebKit, Blink, Edge */
	font-family:'Host Grotesk',sans-serif;
	font-size:1.125rem;
	color:#fff;
}
:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
	font-family:'Host Grotesk',sans-serif;
	font-size:1.125rem;
	color:#fff;
	opacity:1;
}
::-moz-placeholder{ /* Mozilla Firefox 19+ */
	font-family:'Host Grotesk',sans-serif;
	font-size:1.125rem;
	color:#fff;
	opacity:1;
}
:-ms-input-placeholder{ /* Internet Explorer 10-11 */
	font-family:'Host Grotesk',sans-serif;
	font-size:1.125rem;
	color:#fff;
}
::-ms-input-placeholder{ /* Microsoft Edge */
	font-family:'Host Grotesk',sans-serif;
	font-size:1.125rem;
	color:#fff;
}



@media(max-width:1800px){
	html{
		font-size:15px;
	}
}
@media(max-width:1680px){
	html{
		font-size:14px;
	}
}


@media(max-width:840px){
	.page-header.flexed,
	.page-header .inner.flexed{
		flex-wrap:wrap;
	}
	.outerleft,
	.outerright{
		padding-left:clamp(1.42rem, 7vw, 5.75rem);
		padding-right:clamp(1.42rem, 7vw, 5.75rem);
	}
	.page-header.flexed .pageheadertext,
	.inner.flexed .pageheadertext{
		width:100%;
		max-width:100%;
		padding-right:0;
	}
	.page-header.flexed .pageheaderimage,
	.inner.flexed .pageheaderimage{
		width:100%;
		max-width:100%;
	}
	.page-header.flexed .pageheaderimage,
	.page-header.mhsplit .pageheaderimage{
		margin-top:0;
	}
	.page-header.flexed .pageheaderimage .phimgwrap{
		margin:0 auto 15% auto;
	}
	.inner.flexed .pageheaderimage{
		padding-top:69%;
	}
	.post-type-archive-webinar .page-header.flexed .pageheaderimage,
	.tax-webinar_category .page-header.flexed .pageheaderimage{
		background:transparent !important;
	}
	.signupblock.signupregister .inside{
		float:none;
		width:100%;
		max-width:100%;
	}
	.single-jpost .page-header .pageheaderimage{
		margin-top:0;
	}
	.wcol1,
	.wcol2{
		width:100%;
	}
}

@media(max-width:680px){
	.insightcolswithauthors{
		display:block;
	}
	.insightcolswithauthors .icol1,
	.insightcolswithauthors .icol2{
		width:100%;
		max-width:100%;
	}
	ul.authors li,
	ul.speakers li{
		width:100%;
		max-width:100%;
	}
	ul.authors li .spinside,
	ul.speakers li .spinside{
		display:flex;
		align-items:center;
		gap:1.5rem;
	}
	ul.authors li .spimg,
	ul.speakers li .spimg{
		max-width:32vw;
	}
	ul.authors li span,
	ul.speakers li span{
		text-align:left;
	}
}



@media(max-width:725px){
	/* mobile navigation */
	
	#toggle{
		display:block;
		position:absolute;
		top:clamp(1.42rem, 7vw, 5.75rem);
		right:clamp(1.42rem, 7vw, 5.75rem);
		width:1.72rem;
		height:1.43rem;
	}
	#toggle a{
		display:block;
		width:100%;
		height:100%;
	}
	#toggle a span.burger{
		display:block;
		width:100%;
		height:100%;
		background-repeat:no-repeat;
		background-position:right center;
		background-size:contain;
		background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="20" viewBox="0 0 24 20"><path id="burger" d="M10,15v3.429H34V15Zm0,8.286v3.429H34V23.286Zm0,8.286V35H34V31.571Z" fill="%23000" transform="translate(-10 -15)"/></svg>');
	}
	.darkmasthead #toggle a span.burger{
		background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="20" viewBox="0 0 24 20"><path id="burger" d="M10,15v3.429H34V15Zm0,8.286v3.429H34V23.286Zm0,8.286V35H34V31.571Z" fill="%23fff" transform="translate(-10 -15)"/></svg>');
	}
	#toggle a.navisopen span.burger{
		background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path id="close" d="M17.5,0,10,7.5,2.5,0,0,2.5,7.5,10,0,17.5,2.5,20,10,12.5,17.5,20,20,17.5,12.5,10,20,2.5Z" transform="translate(0 0)" fill="%23fff"/></svg>');
	}
	#nav .inner{
		/* display:block; */
		flex-wrap:wrap;
	}
	#nav ul{
		font-size:2.15rem;
		padding-top:2em;
	}
	.site-nav li{
		display:block;
		width:fit-content;
		margin:0;
	}
	#navcontent{
		width:100%;
		display:none;
	}
	.toggled-on #masthead{
		position:fixed;
		height:100vh;
		overflow:auto;
		background:#F13F25 !important;
		color:white;
		z-index:10000;
	}
	.toggled-on .site-title{
		background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="128.515" height="150" viewBox="0 0 128.515 150"><g id="HDK_logo_150" data-name="HDK logo 150" transform="translate(0 0)"><path id="Path_5858" data-name="Path 5858" d="M39.174,79.687,14.062,107.109V79.687H0V150H14.062V125.389l6.529-7.03L40.078,150H57.25L30.636,107.511,56.45,79.687Z" fill="%23fff"/><path id="Path_5859" data-name="Path 5859" d="M44.3,0V28.726H14.062V0H0V70.313H14.062V40.078H44.3V70.313H58.36V0Z" fill="%23fff"/><path id="Path_5860" data-name="Path 5860" d="M124.636,16.625a27.562,27.562,0,0,0-11.854-12.25Q104.8,0,92.443,0H67.733V70.312h24.71q12.354,0,20.339-4.375a27.507,27.507,0,0,0,11.854-12.3A41.72,41.72,0,0,0,128.5,35.15a41.661,41.661,0,0,0-3.868-18.525M112.03,47.562a15.685,15.685,0,0,1-6.985,7.937q-4.875,2.766-13.41,2.763h-9.84V11.954h9.844q8.537,0,13.41,2.762a15.682,15.682,0,0,1,6.98,7.985,33.209,33.209,0,0,1,2.108,12.456,32.8,32.8,0,0,1-2.108,12.4" fill="%23fff"/></g></svg>');
	}
	.toggled-on #navcontent{
		display:block;
		padding-bottom:3rem;
	}
	.toggled-on #nav li a:after{
		background:white;
	}
	.toggled-on .site-nav li.getintouchlink a{
		color:#fff;
		border-color:#fff;
		margin-top:.5em;
	}
	.toggled-on #nav li.getintouchlink a:focus,
	.toggled-on #nav li.getintouchlink a:hover,
	.toggled-on #nav li.getintouchlink a:active{
		background:#fff;
		color:#F13F25;
		border-color:#fff;
	}
	#nav .navisopen,
	#nav:target .navisclosed,
	.toggled-on #nav .navisclosed{
		display:none;
	}
	#nav .navisclosed,
	#nav:target .navisopen,
	.toggled-on #nav .navisopen{
		display:block;
	}
}

@media(max-width:600px){
	#wpadminbar{
		top:-46px;
	}
}


@media(max-width:500px){
	#categoryfilters{
		display:flex;
		flex-wrap:wrap;
	}
	#categoryfilters li{
		width:100%;
	}
	#categoryfilters li.mobilehide{
		display:none;
	}
	#categoryfilters li.current-cat,
	.post-type-archive-project #categoryfilters li.cat-item-all,
	.post-type-archive-webinar #categoryfilters li.cat-item-all,
	.post-type-archive-jpost #categoryfilters li.cat-item-all{
		order:-1;
		display:block !important;
	}
	#categoryfilters li.current-cat a,
	#categoryfilters.catsinarchive li.cat-item-all a{
		padding-right:1em;
		background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10.286" height="6" viewBox="0 0 10.286 6"><path id="accordion_arrow" data-name="accordion arrow" d="M5.143,23.856,0,18.816l.98-.96,4.163,4.08,4.163-4.08.98.96Z" transform="translate(0 -17.856)" fill="%23f13f25" fill-rule="evenodd"/></svg>');
		background-repeat:no-repeat;
		background-position:right .6em;
		background-size:auto;
	}

}



/*************** slick.css *************/

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    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;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[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;
}