/*!
Theme Name: UK Hospitality
Theme URI: http://underscores.me/
Author: Make a Spectacle
Author URI: https://makeaspectacle.co.uk
Description: Custom WordPress theme for UKHospitality
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ukh-wp-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

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

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

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

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

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

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

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

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

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

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

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #004052;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

.kicker {
  font-size: 14px;
  line-height: 1.2em;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 0;
}

.kicker-link {
  font-size: 14px;
  line-height: 1em;
  letter-spacing: 0.1em;
}

.largest-copy {
  font-size: clamp(1.75rem, 1.14rem + 1.26vw, 2.25rem);
  line-height: 1.2em;
}

.intro-copy {
  font-size: clamp(1.25rem, 0.64rem + 1.26vw, 1.75rem);
  line-height: 1.35em;
}

.large-copy {
  font-size: clamp(1.13rem, 0.97rem + 0.32vw, 1.25rem);
  line-height: 1.6em;
}

.med-copy {
  font-size: 18px;
  line-height: 1.6em;
}

.small-copy {
  font-size: 16px;
  line-height: 1.4em;
}

.xs-copy {
  font-size: 14px;
  line-height: 1.3em;
}

.large-title {
  font-size: clamp(2.5rem, 0.53rem + 4.11vw, 4.13rem);
  line-height: 1.1em;
}

.largest-header {
  font-size: clamp(3.13rem, -0.21rem + 6.95vw, 5.88rem);
  line-height: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-font-smoothing: antialiased;
  clear: both;
  margin-top: 0;
}
h1:not(.kicker),
h2:not(.kicker),
h3:not(.kicker),
h4:not(.kicker),
h5:not(.kicker),
h6:not(.kicker) {
  font-family: "DM Serif Display", serif;
  font-weight: 400;
}

h1 {
  font-size: clamp(2.19rem, 0.75rem + 3vw, 3.38rem);
  line-height: 1.1em;
}

h2 {
  font-size: clamp(1.88rem, 0.51rem + 2.84vw, 3rem);
  line-height: 1.2em;
}

h3 {
  font-size: clamp(1.56rem, 0.58rem + 2.05vw, 2.38rem);
  line-height: 1.1em;
}

h4 {
  font-size: clamp(1.38rem, 0.77rem + 1.26vw, 1.88rem);
  line-height: 1.1em;
}

h5, h6 {
  font-size: clamp(1.25rem, 0.87rem + 0.79vw, 1.56rem);
  line-height: 1.3em;
}

p {
  margin-bottom: 1.5em;
}

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

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #EDF6F4;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

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

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

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

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

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

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

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

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

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

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

figure {
  margin: 1em 0;
}

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

.row {
  display: flex;
  flex-wrap: wrap;
  width: 90vw;
  width: clamp(16rem, 95vw, 100rem);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
}
.row.fullwidth {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

section {
  width: 100%;
  max-width: 100vw;
  overflow: hidden;
  position: relative;
}

@media (min-width: 980.1px) {
  .row {
    flex-direction: row;
  }
  .row.reverse {
    flex-direction: row-reverse;
  }
  .col.full {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col.half {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col.threequarter {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col.twothird {
    flex: 0 0 66.666666%;
    max-width: 66.666666%;
  }
  .col.third {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col.quarter {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col.fifth {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col.forty {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .col.sixty {
    flex: 0 0 60%;
    max-width: 60%;
  }
}
@media (max-width: 980px) {
  .row {
    flex-direction: column;
  }
  .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/* Links
--------------------------------------------- */
a {
  color: #004052;
  text-decoration: none;
}
a:hover, a:focus, a:active {
  color: #004052;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

p a {
  text-decoration: underline;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit], a.button {
  text-decoration: none;
  border: 2px solid;
  border-color: #D6075C;
  border-radius: 0px;
  background: #D6075C;
  color: white;
  font-size: 26px;
  line-height: 1.4em;
  padding: 10px 19px 10px 23px;
  transition: all 0.2s ease;
  display: inline-block;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover, a.button:hover {
  border-color: #00A19A;
  background: #00A19A;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus, a.button:active, a.button:focus {
  background: #00A19A;
  border-color: #00A19A;
  outline: none;
}
button.teal,
input[type=button].teal,
input[type=reset].teal,
input[type=submit].teal, a.button.teal {
  background: #00A19A;
  border-color: #00A19A;
}
button.teal:hover, button.teal:active, button.teal:focus,
input[type=button].teal:hover,
input[type=button].teal:active,
input[type=button].teal:focus,
input[type=reset].teal:hover,
input[type=reset].teal:active,
input[type=reset].teal:focus,
input[type=submit].teal:hover,
input[type=submit].teal:active,
input[type=submit].teal:focus, a.button.teal:hover, a.button.teal:active, a.button.teal:focus {
  background: #D6075C;
  border-color: #D6075C;
}
button.teal.outline,
input[type=button].teal.outline,
input[type=reset].teal.outline,
input[type=submit].teal.outline, a.button.teal.outline {
  background: transparent;
  color: #00A19A;
  border: 2px solid;
}
button.teal.outline:hover, button.teal.outline:active, button.teal.outline:focus,
input[type=button].teal.outline:hover,
input[type=button].teal.outline:active,
input[type=button].teal.outline:focus,
input[type=reset].teal.outline:hover,
input[type=reset].teal.outline:active,
input[type=reset].teal.outline:focus,
input[type=submit].teal.outline:hover,
input[type=submit].teal.outline:active,
input[type=submit].teal.outline:focus, a.button.teal.outline:hover, a.button.teal.outline:active, a.button.teal.outline:focus {
  background: #00A19A;
  border-color: #00A19A;
  color: white;
}
button.darkteal,
input[type=button].darkteal,
input[type=reset].darkteal,
input[type=submit].darkteal, a.button.darkteal {
  background: #004052;
  border-color: #004052;
}
button.darkteal:hover, button.darkteal:active, button.darkteal:focus,
input[type=button].darkteal:hover,
input[type=button].darkteal:active,
input[type=button].darkteal:focus,
input[type=reset].darkteal:hover,
input[type=reset].darkteal:active,
input[type=reset].darkteal:focus,
input[type=submit].darkteal:hover,
input[type=submit].darkteal:active,
input[type=submit].darkteal:focus, a.button.darkteal:hover, a.button.darkteal:active, a.button.darkteal:focus {
  background: #D6075C;
  border-color: #D6075C;
}
button.small,
input[type=button].small,
input[type=reset].small,
input[type=submit].small, a.button.small {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1em;
  letter-spacing: 0.1em;
}
button.icon-only-button,
input[type=button].icon-only-button,
input[type=reset].icon-only-button,
input[type=submit].icon-only-button, a.button.icon-only-button {
  background: transparent;
  border: none;
  padding: 0;
}
button.icon-only-button:focus, button.icon-only-button:hover,
input[type=button].icon-only-button:focus,
input[type=button].icon-only-button:hover,
input[type=reset].icon-only-button:focus,
input[type=reset].icon-only-button:hover,
input[type=submit].icon-only-button:focus,
input[type=submit].icon-only-button:hover, a.button.icon-only-button:focus, a.button.icon-only-button:hover {
  background: transparent;
  border: none;
}
button.icon-only-button:focus,
input[type=button].icon-only-button:focus,
input[type=reset].icon-only-button:focus,
input[type=submit].icon-only-button:focus, a.button.icon-only-button:focus {
  outline: 1px dotted white;
}

@media (max-width: 767px) {
  button, input[type=button], input[type=reset], input[type=submit], a.button {
    font-size: 20px;
    display: flex;
    flex-direction: row;
    text-align: left;
  }
  button svg, input[type=button] svg, input[type=reset] svg, input[type=submit] svg, a.button svg {
    margin: auto;
    margin-left: 25px;
  }
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color] textarea {
  color: #004052;
  border: 2px solid #00A19A;
  background: #BEE0D5;
  width: 100%;
  border-radius: 0px;
  padding: 3px 12px;
  font-size: 18px;
  line-height: 1.6em;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color] textarea:focus {
  color: #004052;
  outline: none;
  border-color: #D6075C;
}

select {
  border: 1px solid #00A19A;
}

textarea {
  width: 100%;
}

[type=checkbox], [type=radio] {
  margin-right: 5px;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.menu {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
.menu a {
  text-decoration: none;
}

.main-header .row {
  position: unset;
}

.main-navigation {
  display: flex;
  align-self: flex-end;
  margin: 0;
  margin-left: auto;
  position: unset;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0 auto;
  padding-left: 0;
  font-size: 16px;
  position: unset;
}
.main-navigation ul .sub-menu-wrap {
  transform: translatey(-120vh);
  position: absolute;
  width: 100vw;
  top: 100%;
  left: 0;
  background: #004052;
  padding: 46px 0;
}
.main-navigation ul ul.sub-menu {
  display: flex;
  flex-wrap: wrap;
}
.main-navigation ul ul.sub-menu ul {
  display: block;
  margin-bottom: 40px;
}
.main-navigation ul ul.sub-menu ul li {
  font-size: 16px;
  line-height: 1.4em;
  padding-right: 0;
  padding-left: 0;
}
.main-navigation ul ul.sub-menu ul li a {
  color: white;
  margin-bottom: 0.4em;
  transition: color 0.2s ease;
}
.main-navigation ul ul.sub-menu ul li a:focus, .main-navigation ul ul.sub-menu ul li a:hover {
  color: #C8D400;
}
.main-navigation ul ul.sub-menu li {
  flex: 0 0 25%;
  display: block;
  margin-right: 0;
  padding-right: 40px;
  padding-left: 40px;
  font-size: 24px;
  line-height: 1.25em;
}
.main-navigation ul ul.sub-menu li a {
  color: #00A19A;
  margin-bottom: 0.8em;
  transition: color 0.2s ease;
}
.main-navigation ul ul.sub-menu li a:focus, .main-navigation ul ul.sub-menu li a:hover {
  color: #C8D400;
}
.main-navigation ul ul.sub-menu li a.featured-block {
  color: white;
  font-size: 16px;
  line-height: 1.4em;
}
.main-navigation ul ul.sub-menu li a.featured-block img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-navigation ul ul.sub-menu li a.featured-block.event {
  background: white;
}
.main-navigation ul ul.sub-menu li a.featured-block.event .content {
  background: #00A19A;
  padding: 16px 20px;
}
.main-navigation ul ul.sub-menu li a.featured-block.event .content .title {
  font-size: clamp(1.38rem, 0.77rem + 1.26vw, 1.88rem);
  font-family: "DM Serif Display", serif;
  color: white;
}
.main-navigation ul ul.sub-menu li a.featured-block.event .date {
  background: #C8D400;
  padding: 10px 20px;
  font-size: 18px;
  color: #004052 !important;
  font-weight: 700;
}
.main-navigation ul li.has-lots-of-children ul.sub-menu li {
  flex: 0 0 33.33333333%;
}
.main-navigation ul li {
  display: flex;
  position: unset;
  line-height: 96px;
  margin-right: 40px;
}
.main-navigation ul li span.openarrow {
  color: white;
  font-size: 10px;
  margin-left: 8px;
}
.main-navigation ul li:hover > .sub-menu-wrap,
.main-navigation ul li.focus > .sub-menu-wrap {
  transform: translatey(0);
}
.main-navigation li {
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 1200.1px) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
  }
  main {
    margin-top: 125px;
  }
}
@media (max-width: 1200px) {
  main {
    margin-top: 81px;
  }
  .main-navigation ul {
    width: auto;
    max-width: 100vw;
  }
  .main-navigation ul li {
    display: block;
    font-size: 24px;
    line-height: 1.25em;
    margin-right: 0;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  .main-navigation ul li:first-of-type {
    margin-top: 0;
  }
  .main-navigation ul li span.openarrow {
    display: none;
  }
  .main-navigation ul .sub-menu-wrap {
    transform: translatey(0);
    position: relative;
    width: auto;
    top: auto;
    left: auto;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-navigation ul .sub-menu-wrap ul.sub-sub-menu {
    display: none;
  }
  #masthead .login-buttons {
    display: block;
    margin-top: 1em;
  }
  #masthead .login-buttons .button {
    margin-bottom: 1em;
    display: block;
    text-align: center;
    margin-right: 0;
  }
  .main-navigation ul ul.sub-menu {
    display: block;
  }
  .main-navigation ul ul.sub-menu li {
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    font-size: 18px;
    line-height: 30px;
  }
  .main-navigation ul ul.sub-menu li a {
    margin-bottom: 0;
  }
  .menu-main-header-menu-container {
    position: fixed;
    right: 0;
    top: 80px;
    height: calc(100vh - 80px);
    overflow-y: scroll;
    background: #004052;
    transform: translatex(100%);
    transition: all 0.2s ease;
    padding: 27px;
  }
  .main-header .row {
    width: 100%;
    padding: 0 20px;
    position: relative;
  }
  .main-navigation {
    margin: auto;
    margin-right: 0;
  }
  .site-branding img {
    width: 77px;
  }
  button.search, button.menu-toggle {
    background: transparent;
    border: none;
    padding: 10px;
    width: 55px;
    height: 40px;
    position: absolute;
    top: 20px;
  }
  button.search {
    right: 55px;
  }
  button.search img, button.search svg {
    width: 20px;
    height: 20px;
    display: block;
    margin: auto;
  }
  button.search span.text {
    display: none;
  }
  button.menu-toggle {
    right: 10px;
  }
  span.hamburger {
    margin: auto;
    width: 24px;
    height: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 0;
  }
  span.hamburger span {
    height: 1px;
    background: white;
    transition: all 0.3s ease;
    width: 24px;
    transform: rotate(0);
  }
  span.hamburger span:first-child {
    transform-origin: top left;
  }
  span.hamburger span:last-child {
    transform-origin: bottom left;
  }
  .sub-menu.row {
    padding: 0;
  }
  .main-navigation.toggled .menu-main-header-menu-container {
    display: block;
    transform: translatex(0);
  }
  .main-navigation.toggled span.hamburger {
    width: 20px;
    height: 20px;
  }
  .main-navigation.toggled span.hamburger span:nth-child(2n) {
    display: none;
  }
  .main-navigation.toggled span.hamburger span:first-child {
    transform: rotate(45deg);
    width: 26.76px;
  }
  .main-navigation.toggled span.hamburger span:last-child {
    transform: rotate(-45deg);
    width: 26.76px;
  }
  .main-navigation ul ul.sub-menu li a.featured-block.event {
    display: none;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation, .site-main .navigation.pagination {
  width: 100%;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links, .navigation.pagination .nav-links {
  display: flex;
  width: 100%;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous, .navigation.pagination .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next, .navigation.pagination .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/*archive navigation*/
.pagination {
  margin-top: 70px;
  margin-bottom: 70px;
}
.pagination .page-numbers {
  align-self: center;
  margin: 1px;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 14px;
  line-height: 40px;
  color: white;
  background: #00A19A;
  text-decoration: none;
}
.pagination .page-numbers svg {
  stroke: white;
}
.pagination .page-numbers.prev {
  align-self: flex-start;
  margin-right: auto;
  margin-left: 0;
}
.pagination .page-numbers.next {
  align-self: flex-end;
  margin-left: auto;
  margin-right: 0;
}
.pagination .page-numbers.current {
  background: #004052;
}
.pagination .page-numbers.inactive {
  background: #BEE0D5;
}

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

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

/*hiding menu bar on taxonomy descripiton in admin area*/
.wp-admin #edittag .form-table .tmce-active .wp-media-buttons, .wp-admin #edittag .form-table .tmce-active .mce-top-part {
  display: none;
}

.site {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

footer {
  align-self: flex-end;
  margin: 0;
  margin-top: auto;
  width: 100%;
}

.grid-display {
  display: grid;
}

/*page header*/
.page-header {
  position: relative;
  overflow: visible;
  padding-bottom: 127px;
}
.page-header .background-image {
  position: absolute;
  height: 100%;
  width: auto;
}
.page-header .kicker {
  color: #00A19A;
  position: relative;
}
.page-header.color {
  padding-top: 62px;
  padding-bottom: 50px;
}
.page-header.color.white {
  padding-top: 0;
}
.page-header.color .background-image.ribbon {
  right: 0;
  top: 0;
  left: auto;
  height: 100%;
}
.page-header.color h1 {
  margin-bottom: 0;
  margin-right: 5%;
}
.page-header.color p {
  margin: 0;
  margin: auto 0;
}
.page-header.pink {
  background: #D6075C;
}
.page-header.pink .content {
  color: white;
}
.page-header.pink h1 {
  color: white;
}
.page-header.pink .background-image {
  left: 0;
  top: 0;
}
.page-header.pink .kicker {
  color: #EDF6F4;
}
.page-header.pink .ribbon path {
  fill: #004052;
}
.page-header.ice {
  background: #BEE0D5;
  color: #004052;
}
.page-header.ice h1 {
  color: #004052;
}
.page-header.white {
  color: #004052;
}
.page-header.white .content {
  color: #004052;
}
.page-header.white .kicker {
  color: #00A19A;
}
.page-header.darkteal {
  background: #004052;
}
.page-header.darkteal .kicker {
  color: #00A19A;
}
.page-header.darkteal h1 {
  color: white;
  font-size: clamp(2.19rem, 0.75rem + 3vw, 3.38rem);
}
.page-header.darkteal p:not(.kicker) {
  color: white;
}
.page-header.darkteal p:not(.kicker) span {
  font-weight: 700;
  color: #00A19A;
}
.page-header.darkteal svg.ribbon path {
  fill: #00A19A;
}
.page-header.icebg {
  background: #EDF6F4;
}
.page-header.icebg .background-image.ribbon {
  top: 0;
  left: 0;
}
.page-header.icebg .kicker {
  color: #D6075C;
}
.page-header.icebg h1 {
  color: #00A19A;
}
.page-header.bright-teal, .page-header.brightteal {
  background: #00A19A;
}
.page-header.bright-teal .content, .page-header.brightteal .content {
  color: white;
}
.page-header.bright-teal .background-image, .page-header.brightteal .background-image {
  right: 0;
  top: 0;
}
.page-header.bright-teal .ribbon path, .page-header.brightteal .ribbon path {
  fill: #BEE0D5;
}
.page-header.bright-teal .kicker, .page-header.brightteal .kicker {
  color: #BEE0D5;
}
.page-header.image .content {
  color: white;
}
.page-header.has-slider, .page-header.has-menu, .page-header.has-button {
  padding-bottom: 0;
}
.page-header .image-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-header .image-area img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-header .image-area:after {
  content: " ";
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(237.08deg, rgba(23, 49, 73, 0) 34.43%, rgba(23, 49, 73, 0.8) 77.28%);
}
.page-header .content {
  padding-top: 50px;
}
.page-header .content .col.half {
  display: flex;
  flex-direction: column;
}
.page-header .content .kicker {
  margin-bottom: 0;
}
.page-header .content h1 {
  margin-bottom: 0.3em;
}
.page-header .content p {
  max-width: 55ch;
}
.page-header .content a.button {
  margin-bottom: -30px;
  margin-right: auto;
  position: relative;
  z-index: 1;
  display: flex;
  padding: 10px 28px 10px 23px;
}
.page-header .content a.button svg {
  margin: auto;
  margin-left: 1em;
}

.row.menu-area {
  margin-bottom: -40px;
  z-index: 1;
  margin-top: 35px;
}

.page-header .header-area-menu div {
  display: flex;
}
.page-header .header-area-menu .menu {
  background: white;
  border-radius: 3em;
  padding: 10px;
}
.page-header .header-area-menu li {
  border-radius: 3em;
  font-size: clamp(1.13rem, 0.97rem + 0.32vw, 1.25rem);
  line-height: 1.6em;
  padding: 14px 33px;
  padding-right: 23px;
}
.page-header .header-area-menu li a {
  display: flex;
  color: #004052;
}
.page-header .header-area-menu li a svg {
  margin: auto;
  margin-left: 25px;
}
.page-header .header-area-menu li a svg path {
  stroke: currentColor;
}
.page-header .header-area-menu li.brightteal a {
  color: #00A19A;
}
.page-header .header-area-menu li.pink a {
  color: #D6075C;
}
.page-header .header-area-menu li.current-menu-item {
  background: #00A19A;
}
.page-header .header-area-menu li.current-menu-item a {
  color: white;
}
.page-header .header-area-menu li.current-menu-item a svg {
  transform: rotate(90deg);
}
.page-header .header-area-menu li.current-menu-item.zest {
  background: #C8D400;
}
.page-header .header-area-menu li.current-menu-item.zest a {
  color: #004052;
}
.page-header .header-area-menu li.current-menu-item.pink {
  background: #D6075C;
}
.page-header .header-area-menu li.current-menu-item.darkteal {
  background: #004052;
}

.header-slider-area {
  margin-bottom: 30px;
}
.header-slider-area .col.half {
  margin-left: auto;
}
.header-slider-area .header-post-slider {
  padding-left: 57px;
  padding-right: 57px;
  padding-top: 51px;
  margin-left: 14px;
  color: white;
  position: relative;
}
.header-slider-area .header-post-slider:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 30px);
  z-index: 0;
  background: #004052;
}
.header-slider-area .header-post-slider .kicker {
  color: #00A19A;
  text-decoration: none;
  margin-bottom: 13px;
}
.header-slider-area .header-post-slider .flickity-slider {
  display: flex;
}
.header-slider-area .header-post-slider article {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}
.header-slider-area .header-post-slider article.is-selected {
  height: 100%;
}
.header-slider-area .header-post-slider h2 {
  font-size: clamp(2.19rem, 0.75rem + 3vw, 3.38rem);
  line-height: 1.1em;
  margin-bottom: 0.5em;
}
.header-slider-area .header-post-slider p {
  margin-top: 0;
}
.header-slider-area .header-post-slider a.button {
  margin-right: auto;
  display: flex;
  padding: 10px 28px 10px 23px;
  margin-top: auto;
  align-self: flex-end;
}
.header-slider-area .header-post-slider a.button svg {
  margin: auto;
  margin-left: 1em;
}
.header-slider-area .flickity-prev-next-button {
  top: 30%;
  width: 25px;
  height: 25px;
  padding: 0;
  border-radius: 0;
  transform: none;
  background: transparent;
}
.header-slider-area .flickity-prev-next-button svg path {
  fill: #00A19A;
}
.header-slider-area .flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.header-slider-area .flickity-button:hover {
  background: transparent;
}
.header-slider-area .flickity-button:hover svg path {
  fill: #D6075C;
}

.latest-content .pinned-item a.kicker {
  margin-bottom: 0;
}

/*page builder styling*/
.small-section-title {
  font-size: clamp(1.25rem, 0.87rem + 0.79vw, 1.56rem);
  line-height: 1.3em;
}

.block-title {
  font-size: clamp(1.38rem, 0.77rem + 1.26vw, 1.88rem);
  line-height: 1.1em;
}
.block-title a {
  text-decoration: none;
  word-wrap: break-word;
}

.card {
  background: white;
}
.card .content {
  position: relative;
}

.card .kicker {
  display: block;
  color: #00A19A;
  margin-bottom: 18px;
  font-size: 14px;
  line-height: 1em;
  letter-spacing: 0.1em;
  text-decoration: none;
}
.card .kicker.archive-link {
  line-height: 1.2em;
}

.kicker.archive-link {
  color: #D6075C;
  display: inline-block;
  position: relative;
  text-decoration: none;
}
.kicker.archive-link:after {
  content: " ";
  width: 100%;
  border-bottom: 2px dashed #D6075C;
  position: absolute;
  bottom: -5px;
  left: 0;
}

.card-title.small {
  font-size: clamp(1.38rem, 0.77rem + 1.26vw, 1.88rem);
  line-height: 1.1em;
}

.card.work {
  background: #EDF6F4;
}
.card.work .kicker {
  color: #D6075C;
}
.card.work .content {
  padding: 0 17px 24px 17px;
}
.card.work h2 {
  margin-bottom: 0;
}
.card.work.no-image:nth-of-type(2n) svg path {
  fill: #00A19A;
}
.card.work.no-image:nth-of-type(3n) svg path {
  fill: #D6075C;
}
.card.work.no-image:nth-of-type(5n) svg path {
  fill: #004052;
}
.card.work.no-image:nth-of-type(5n) .image {
  background: #D6075C;
}

.card .image.no-image {
  background: #004052;
}

.card .image {
  margin-bottom: 30px;
}
.card .image img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 232px;
}
.card .image svg {
  display: block;
  margin-right: 0;
  margin-left: auto;
  max-width: 100%;
  height: auto;
  max-height: 185px;
}
.card .image:not(.no-image) img {
  aspect-ratio: 1.55;
}

.card.supplier {
  background: #EDF6F4;
  padding: 15px 20px;
  position: relative;
}
.card.supplier h2 {
  font-size: clamp(1.56rem, 0.58rem + 2.05vw, 2.38rem);
  line-height: 1.1em;
  margin-top: 10px;
  margin-bottom: 0.5em;
}
.card.supplier .image, .card.supplier image:not(.no-image) {
  background: white;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  aspect-ratio: 2.11;
}
.card.supplier .image a, .card.supplier image:not(.no-image) a {
  display: flex;
  flex-grow: 1;
  justify-content: center;
}
.card.supplier .image a img, .card.supplier .image a svg, .card.supplier image:not(.no-image) a img, .card.supplier image:not(.no-image) a svg {
  display: block;
  margin: auto;
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 2.11;
  max-width: 50%;
  max-height: 75%;
}
.card.supplier .callout-link.button {
  padding: 5px 10px;
  border-width: 1px;
  margin-bottom: 0;
}
.card.supplier .callout-link.button.partner-link {
  padding: 8px 10px;
  position: absolute;
  top: 0;
  left: 20px;
}
.card.supplier .named-contact p {
  margin-top: 0;
  margin-bottom: 0;
}
.card.supplier .named-contact p.job-title {
  font-size: 9px;
  letter-spacing: 0.07em;
  margin-top: 5px;
}
.card.supplier .contact-info {
  border-top: 1px solid #BEE0D5;
  border-bottom: 1px solid #BEE0D5;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.card.supplier .contact-info p {
  margin-top: 0;
  margin-bottom: 1em;
  display: flex;
  flex-wrap: wrap;
}
.card.supplier .contact-info p strong {
  flex: 0 0 75px;
  max-width: 75px;
}
.card.supplier .contact-info p:last-child {
  margin-bottom: 0;
}
.card.supplier .contact-info p a {
  word-break: break-all;
}
.card.supplier .contact-info p a.icon-link {
  margin-right: 15px;
  max-width: 18px;
  display: flex;
}
.card.supplier .contact-info p a.icon-link svg, .card.supplier .contact-info p a.icon-link img {
  max-width: 18px;
  max-height: 18px;
  display: block;
  margin: auto;
  margin-bottom: 0;
}
.card.supplier .contact-info p a.icon-link svg path, .card.supplier .contact-info p a.icon-link img path {
  fill: #00A19A;
}
.card.supplier .contact-info p a.icon-link svg:focus path, .card.supplier .contact-info p a.icon-link svg:hover path, .card.supplier .contact-info p a.icon-link img:focus path, .card.supplier .contact-info p a.icon-link img:hover path {
  fill: #D6075C;
}
.card.supplier .bottom-area {
  display: flex;
}
.card.supplier .bottom-area .icon-link {
  align-self: flex-end;
  margin: auto;
  margin-right: 0;
}
.card.supplier .bottom-area a.button {
  font-size: 18px;
  line-height: 1.2em;
  padding: 10px 15px;
  margin: auto;
  margin-left: 0;
}
.card.supplier .bottom-area a.button img, .card.supplier .bottom-area a.button svg {
  margin-left: 1em;
}

.callout-link.button {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1em;
  letter-spacing: 0.1em;
  font-weight: 700;
  padding: 8px 10px;
  margin-right: 10px;
  display: inline-block;
  margin-bottom: 10px;
}
.callout-link.button.partner-link {
  background: #00A19A;
  color: white;
  margin-top: 0;
  margin-bottom: 0;
  border: 2px solid #00A19A;
}

.supplier-header .background-image {
  right: 0;
  top: -20px;
  max-height: calc(100% + 40px);
  max-width: 35%;
  height: auto;
}
.supplier-header p.archive-description {
  margin-top: 1em;
  max-width: 45ch;
}
.supplier-header .col.full {
  max-width: 75%;
}

.back-to-suppliers {
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 22px;
}
.back-to-suppliers svg path {
  stroke: #00A19A;
}
.back-to-suppliers img, .back-to-suppliers svg {
  margin-right: 10px;
}

.single-supplier .entry-content {
  background: #EDF6F4;
  padding-top: 50px;
  padding-bottom: 50px;
}
.single-supplier .entry-content h2 {
  margin-top: 20px;
  font-size: clamp(2.5rem, 0.53rem + 4.11vw, 4.13rem);
  line-height: 1.1em;
}
.single-supplier .entry-content .named-contact p {
  margin-top: 0;
  margin-bottom: 0;
}
.single-supplier .entry-content .named-contact p.job-title {
  font-size: 9px;
  letter-spacing: 0.07em;
  color: #00A19A;
  margin-bottom: 5px;
}
.single-supplier .entry-content .contact-info {
  margin-top: 40px;
  margin-bottom: 0;
}
.single-supplier .entry-content .contact-info p {
  margin-top: 0;
  margin-bottom: 1em;
  display: flex;
  flex-wrap: wrap;
}
.single-supplier .entry-content .contact-info p strong {
  flex: 0 0 75px;
  max-width: 75px;
}
.single-supplier .entry-content .contact-info p:last-child {
  margin-bottom: 0;
}
.single-supplier .entry-content .contact-info p a {
  word-break: break-all;
}
.single-supplier .entry-content .contact-info p a.icon-link {
  margin-right: 15px;
  max-width: 18px;
  display: flex;
}
.single-supplier .entry-content .contact-info p a.icon-link svg, .single-supplier .entry-content .contact-info p a.icon-link img {
  max-width: 18px;
  max-height: 18px;
  display: block;
  margin: auto;
  margin-bottom: 0;
}
.single-supplier .entry-content .contact-info p a.icon-link svg path, .single-supplier .entry-content .contact-info p a.icon-link img path {
  fill: #00A19A;
}
.single-supplier .entry-content .contact-info p a.icon-link svg:focus path, .single-supplier .entry-content .contact-info p a.icon-link svg:hover path, .single-supplier .entry-content .contact-info p a.icon-link img:focus path, .single-supplier .entry-content .contact-info p a.icon-link img:hover path {
  fill: #D6075C;
}
.single-supplier .entry-content .col.half.logo {
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.single-supplier .entry-content .col.half.logo img, .single-supplier .entry-content .col.half.logo svg {
  display: block;
  margin: auto;
  width: 100%;
  max-width: 75%;
  max-height: 75%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.single-supplier .entry-content .col.half.info {
  padding-left: 5%;
}
.single-supplier .supplier-articles {
  background: #EDF6F4;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 60px;
}
.single-supplier .supplier-articles .row h2 {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.2em;
  letter-spacing: 0.07em;
  font-weight: 700;
  margin-bottom: 1.5em;
}
.single-supplier .supplier-articles .grid-display {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 28px;
}
.single-supplier .supplier-articles .grid-display .card {
  background: white;
  display: flex;
  flex-direction: row-reverse;
}
.single-supplier .supplier-articles .grid-display .card .image, .single-supplier .supplier-articles .grid-display .card .content {
  flex: 0 0 50%;
  max-width: 50%;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
}
.single-supplier .supplier-articles .grid-display .card .image img, .single-supplier .supplier-articles .grid-display .card .image svg {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 0;
  max-height: none;
}
.single-supplier .supplier-articles .grid-display .card .image a {
  flex-grow: 1;
}
.single-supplier .supplier-articles .grid-display .card .content {
  padding: 28px;
}
.single-supplier .supplier-articles .grid-display .card .content .kicker {
  color: #D6075C;
  margin-right: 35px;
}
.single-supplier .supplier-articles .grid-display .card .content .language-flag {
  top: 12.5px;
  right: 18px;
  left: auto;
}

.card.topic {
  display: flex;
  flex-direction: column;
}
.card.topic .content {
  padding: 33px 38px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.card.topic .content .kicker {
  margin-top: auto;
  margin-right: auto;
  align-self: flex-end;
}
.card.topic img {
  display: block;
  width: 100%;
  align-self: flex-end;
  margin: 0;
  margin-top: auto;
}

.language-flag {
  filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.25));
  width: 35px;
  height: auto;
  position: absolute;
  top: -12.5px;
  left: 18px;
}

.press-release-item .language-flag {
  top: -5px;
  left: auto;
  right: 0;
}

.all-news-block article.big img.language-flag, article.big img.language-flag {
  top: 25px;
  right: -17.5px;
  left: auto;
  width: 35px;
  height: auto;
}

.card.with-img:not(.press-release-item):not(.big) .language-flag {
  top: -42.5px;
}

.card.campaign {
  background: #004052;
  display: flex;
  flex-direction: column;
}
.card.campaign .language-flag {
  filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.25));
  width: 35px;
  height: auto;
  position: absolute;
  top: auto;
  bottom: -12.5px;
  left: 18px;
}
.card.campaign .image {
  margin-bottom: 0;
}
.card.campaign .kicker {
  color: #BEE0D5;
}
.card.campaign .image.no-image {
  background: #00A19A;
}
.card.campaign .image.no-image svg path {
  fill: #004052;
}
.card.campaign .content {
  padding: 16px 18px;
}
.card.campaign h3 a, .card.campaign h2 a {
  color: #BEE0D5;
  text-decoration: none;
}
.card.campaign a {
  margin-top: auto;
}
.card.campaign .image a {
  display: block;
  width: 100%;
  align-self: flex-end;
  margin: 0;
  margin-top: auto;
}
.card.campaign img {
  display: block;
  width: 100%;
  align-self: flex-end;
  margin: 0;
  margin-top: auto;
}

.pinned-item {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.pinned-item p:not(.kicker) {
  font-size: 18px;
  line-height: 1.6em;
}
.pinned-item .block-title {
  margin-bottom: 12px;
}
.pinned-item .kicker {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.pinned-item .kicker .kicker-link {
  text-decoration: none;
  color: #00A19A;
}
.pinned-item .kicker span {
  color: #00A19A;
  display: flex;
  align-items: center;
  margin-left: 25px;
}
.pinned-item .kicker span svg {
  margin-right: 5px;
  height: 18px;
}
.pinned-item .content {
  background: #EDF6F4;
  padding: 26px;
}
.pinned-item img:not(.language-flag) {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.pinned-item.card .image {
  aspect-ratio: unset;
}
.pinned-item.card .image img {
  max-height: none;
}

.search-results .masonry {
  padding-top: 50px;
}

.latest-posts {
  padding-bottom: 78px;
  -moz-column-gap: 28px;
       column-gap: 28px;
  /*row-gap: 32.75px;*/
  grid-template-rows: repeat(2, auto);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.latest-posts .pinned-item {
  grid-column: span 2;
}
.latest-posts .pinned-item .content {
  padding-right: 40px;
}
.latest-posts .pinned-item img:not(.language-flag) {
  margin-left: -14px;
  width: calc(100% + 14px);
  max-width: calc(100% + 14px);
}
.latest-posts .pinned-item .language-flag {
  left: auto;
  right: -12.5px;
  top: 12.5px;
}
.latest-posts .press-release-item {
  border-top: 1px solid #BEE0D5;
  padding-top: 23px;
}
.latest-posts .news-item .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.latest-posts .news-item .image svg {
  height: 100%;
  width: auto;
}
.latest-posts .news-item:not(.no-image) img {
  aspect-ratio: 1.55;
}
.latest-posts .news-item:nth-of-type(3n) .image.no-image svg path {
  fill: #00A19A;
}

/*social icons*/
.social-icons {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 42px;
  align-self: flex-end;
  margin: 0;
  margin-top: auto;
  margin-right: auto;
}
.social-icons li {
  display: flex;
}
.social-icons li a {
  display: block;
  margin: auto;
}

/*section header*/
.header-area.small-title .col.full {
  display: flex;
  justify-content: space-between;
}

.header-area.small-title {
  margin-bottom: 55px;
}

/*key topics block*/
.key-topics-area, .locations-area {
  background: #EDF6F4;
  padding-top: 53px;
  padding-bottom: 89px;
}

.key-topics, .locations {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 28px;
}

/*archives*/
.archive-description p {
  max-width: 40ch;
}

.all-work-items .card.campaign {
  flex-direction: column-reverse;
}

.card:not(.big) .excerpt {
  display: none;
}

.card.excerpt-yes .excerpt {
  display: block;
}

.featured-item {
  flex-grow: 1;
  background: #D6075C;
  color: white;
  display: flex;
  margin-bottom: 28px;
}
.featured-item .kicker-link, .featured-item .kicker a {
  text-decoration: none;
}
.featured-item .kicker, .featured-item .language-flag {
  position: relative;
}
.featured-item .language-flag {
  top: 2px;
}
.featured-item h2 a {
  color: white;
}
.featured-item .content {
  padding: 50px;
}
.featured-item .image img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 28px;
}

article.hide-on-first, article.hide-on-first.big {
  display: none !important;
}

/*contact form 7 form settings*/
.wpcf7 form p:last-of-type {
  margin-bottom: 0;
}
.wpcf7 form input:not(.wpcf7-submit), .wpcf7 form textarea {
  background: white;
  border: 1px solid #BEE0D5;
}
.wpcf7 form select {
  width: 100%;
  border: 1px solid #BEE0D5;
  padding: 10px;
}
.wpcf7 form input[type=submit] {
  width: 100%;
  background: #00A19A;
  border-color: #00A19A;
  text-align: left;
  background-image: url(/wp-content/themes/UKH-WP-Theme/assets/images/button-arrow.svg);
  background-repeat: no-repeat;
  background-position: 95% center;
  padding-right: 10%;
}
.wpcf7 form input[type=submit]:focus, .wpcf7 form input[type=submit]:hover {
  background-color: #D6075C;
  border-color: #D6075C;
}
.wpcf7 form .wpcf7-list-item {
  margin-left: 0;
}

/*contact page*/
.contact-page .top {
  margin-bottom: 40px;
}
.contact-page .top .kicker {
  color: #00A19A;
  margin-top: 0;
}
.contact-page .top .largest-copy p {
  max-width: 28ch;
  margin-bottom: 0;
}
.contact-page .top .largest-copy p a {
  color: #00A19A;
  text-decoration: none;
}
.contact-page .top .largest-copy p strong {
  font-weight: 400;
  color: #D6075C;
}
.contact-page .top .largest-copy p:last-of-type {
  margin-top: 0;
}
.contact-page .top .col.sixty {
  padding-top: 50px;
}
.contact-page .top .col.forty {
  background: #EDF6F4;
  padding-right: 5%;
  padding: 40px;
}
.contact-page .top .col.forty h2 {
  color: #D6075C;
  font-size: clamp(1.56rem, 0.58rem + 2.05vw, 2.38rem);
  line-height: 1.1em;
  margin-bottom: 0.5em;
  margin-top: 0;
}
.contact-page .top form p:last-of-type {
  margin-bottom: 0;
}
.contact-page .top form input:not(.wpcf7-submit), .contact-page .top form textarea {
  background: white;
  border: 1px solid #BEE0D5;
}
.contact-page .top form select {
  width: 100%;
  border: 1px solid #BEE0D5;
  padding: 10px;
}
.contact-page .top form input[type=submit] {
  width: 100%;
  background: #00A19A;
  border-color: #00A19A;
  text-align: left;
  background-image: url(/wp-content/themes/UKH-WP-Theme/assets/images/button-arrow.svg);
  background-repeat: no-repeat;
  background-position: 95% center;
  padding-right: 10%;
}
.contact-page .top form input[type=submit]:focus, .contact-page .top form input[type=submit]:hover {
  background-color: #D6075C;
  border-color: #D6075C;
}

.highlighted-items {
  margin-top: 50px;
  margin-bottom: 65px;
}
.highlighted-items .row {
  gap: 28px;
}
.highlighted-items article {
  background: #004052;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.highlighted-items article img {
  display: block;
  width: 100%;
  align-self: flex-end;
  margin-top: auto;
}
.highlighted-items article .kicker-text {
  color: #00A19A;
}
.highlighted-items article h3 {
  font-size: clamp(1.38rem, 0.77rem + 1.26vw, 1.88rem);
  line-height: 1.1em;
}
.highlighted-items article h3 a {
  color: #EDF6F4;
}
.highlighted-items article .content {
  padding: 27px 18px;
}
.highlighted-items .col.quarter {
  flex: 0 0 calc(25% - 21px);
  max-width: calc(25% - 21px);
}
.highlighted-items .col.third {
  flex: 0 0 calc(33.33333333% - 18.666666666px);
  max-width: calc(33.33333333% - 18.666666666px);
}
.highlighted-items .col.half {
  flex: 0 0 calc(50% - 14px);
  max-width: calc(50% - 14px);
}

.contact-info {
  margin: 50px 0;
  margin-bottom: 75px;
}
.contact-info .row {
  gap: 28px;
}
.contact-info .col.quarter {
  flex: 0 0 calc(25% - 21px);
  max-width: calc(25% - 21px);
}
.contact-info .col.half {
  flex: 0 0 calc(50% - 14px);
  max-width: calc(50% - 14px);
}
.contact-info h2 {
  color: #D6075C;
  font-size: clamp(1.56rem, 0.58rem + 2.05vw, 2.38rem);
  line-height: 1.1em;
  margin-bottom: 0.5em;
}
.contact-info .social-icons {
  display: block;
}
.contact-info .social-icons li {
  display: block;
  margin-bottom: 11px;
}
.contact-info .social-icons li a {
  display: flex;
  justify-content: flex-start;
}
.contact-info .social-icons img, .contact-info .social-icons svg {
  flex: 0 0 25px;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 24px;
  margin-left: 0;
}
.contact-info .social-icons img path, .contact-info .social-icons svg path {
  fill: #00A19A;
}
.contact-info .large-copy {
  max-width: 45ch;
}
.contact-info a.button {
  width: 100%;
  max-width: 285px;
  display: flex;
  justify-content: space-between;
}
.contact-info a.button svg {
  margin: auto;
  margin-right: 0;
}
.contact-info .large-copy strong {
  font-weight: 400;
  color: #00A19A;
}

/*news page*/
.news-page .social-icons {
  margin-top: 30px;
}
.news-page .pagination {
  margin-bottom: 100px;
}

.all-news-block {
  background: #EDF6F4;
}
.all-news-block .kicker {
  display: block;
}
.all-news-block h2 {
  margin-bottom: 0.5em;
}
.all-news-block article.articles {
  background: #004052;
  color: #BEE0D5;
  flex-direction: column-reverse;
  display: flex;
}
.all-news-block article.articles .content {
  padding: 27px 18px;
}
.all-news-block article.articles .image {
  margin-bottom: 0;
}
.all-news-block article.articles .image.no-image {
  background: #D6075C;
}
.all-news-block article.articles .image.no-image svg path {
  fill: #004052;
}
.all-news-block article.articles a {
  color: #BEE0D5;
}
.all-news-block article .content {
  padding: 27px 18px;
  padding-top: 0;
}
.all-news-block .press-release-item:not(.big) .image {
  display: none;
}
.all-news-block .press-release-item:not(.big) .content {
  padding: 0;
}
.all-news-block .press-release-item.big {
  border-top: 0;
  padding-top: 0;
}
.all-news-block article.opinion .content {
  padding: 0;
}
.all-news-block .featured-item .content {
  padding: 27px 18px;
}
.all-news-block article.news .content {
  padding: 27px 18px;
  padding-top: 0;
}
.all-news-block article.news .no-image svg path {
  fill: #D6075C;
}
.all-news-block article.press-release-item {
  background: transparent;
  border-top: 1px solid #BEE0D5;
  padding-top: 23px;
}
.all-news-block article.opinion:not(.big) {
  background: transparent;
}
.all-news-block article.opinion:not(.big) .no-image svg path {
  fill: #00A19A;
}
.all-news-block article.article:not(.big) {
  display: flex;
  flex-direction: column-reverse;
  background: #004052;
  color: #BEE0D5;
}
.all-news-block article.article:not(.big) .language-flag {
  top: auto !important;
  bottom: -12.5px;
}
.all-news-block article.article:not(.big) .content {
  padding: 27px 18px;
}
.all-news-block article.article:not(.big) a {
  color: #BEE0D5;
}
.all-news-block article.article:not(.big) .image {
  margin-bottom: 0;
}
.all-news-block article.article:not(.big) .image.no-image {
  background: #D6075C;
}
.all-news-block article.article:not(.big) .image.no-image svg path {
  fill: #004052;
}
.all-news-block article.big {
  display: flex;
  flex-direction: row-reverse;
  background: white;
  color: #004052;
}
.all-news-block article.big a {
  color: #004052;
}
.all-news-block article.big .content, .all-news-block article.big .image {
  flex: 0 0 50%;
  max-width: 50%;
  margin-bottom: 0;
}
.all-news-block article.big .content {
  padding: 28px;
}
.all-news-block article.big img, .all-news-block article.big svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 0;
  display: block;
  max-height: none;
}
.all-news-block article.big.first .kicker {
  color: #00A19A;
}
.all-news-block article.big.second .kicker {
  color: #00A19A;
}
.all-news-block article.supplier-article .kicker {
  color: #D6075C;
}
.all-news-block article.supplier-article .kicker.supplier {
  margin-top: -0.5em;
  color: #004052;
}
.all-news-block article.supplier-article.big .kicker {
  color: #D6075C;
}
.all-news-block article.supplier-article.big .kicker.supplier {
  margin-top: -0.5em;
  color: #004052;
}

article.supplier-article .kicker {
  color: #D6075C;
}
article.supplier-article .kicker.supplier {
  margin-top: -0.5em;
  color: #004052;
}

/*topics archive*/
.topics-page.topics-archive .page-header.has-image .row {
  width: clamp(16rem, 100vw, 100rem);
  padding-left: 0;
  padding-right: 0;
}

.topics-page .page-header.has-image {
  padding: 0;
  background: white;
}
.topics-page .page-header.has-image .col {
  background: #00A19A;
}
.topics-page .page-header .col.half.text {
  padding-top: 62px;
  padding-bottom: 50px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.topics-page .page-header .archive-description p {
  margin-top: 0;
}
.topics-page .page-header a.kicker {
  display: block;
  color: white;
  position: relative;
}
.topics-page .page-header p, .topics-page .page-header a.kicker {
  color: white;
}
.topics-page .page-header h1 {
  color: #004052;
  margin-bottom: 0.5em;
}
.topics-page .page-header .col.image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.topics-page .background-image {
  position: absolute;
  top: 0;
  right: 0;
}
.topics-page header {
  padding-top: 24px;
  padding-bottom: 110px;
  background: #EDF6F4;
}
.topics-page header .kicker {
  color: #D6075C;
}
.topics-page header ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 0;
}
.topics-page header ul a {
  text-decoration: none;
}
.topics-page header .row.suggested-items {
  padding: 0;
  width: 92%;
  margin-left: 8%;
}
.topics-page header ul.hot-topics {
  font-family: "DM Serif Display", serif;
  font-size: clamp(2.19rem, 0.75rem + 3vw, 3.38rem);
  line-height: 1.1em;
}
.topics-page header .col.hot-topics-list {
  flex: 0 1 40%;
  padding-right: 5vw;
  border-right: 1px solid rgba(0, 161, 154, 0.5);
}
.topics-page header .col.all-topics-list {
  padding-left: 5vw;
  flex-grow: 1;
}
.topics-page header ul.all-topics {
  -moz-column-count: 2;
       column-count: 2;
  gap: 5%;
  font-size: 15px;
  line-height: 20px;
}
.topics-page header ul.all-topics li {
  margin-bottom: 10px;
}
.topics-page .key-topics-area {
  background: #00A19A;
}
.topics-page .key-topics-area h2 {
  color: white;
}
.topics-page .key-topics-area .row.header-area {
  margin-bottom: 25px;
}

/*campaigns block*/
.campaigns-block {
  padding-top: 80px;
  padding-bottom: 70px;
}

.featured-campaigns, .all-campaigns {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 28px;
}

.campaign-archive .page-header .background-image {
  right: 0;
  top: 0;
}
.campaign-archive .page-header .intro-copy {
  color: #00A19A;
  margin-top: 18px;
  margin-bottom: 18px;
}
.campaign-archive .page-header .large-copy {
  margin-top: 18px;
  margin-bottom: 18px;
}

/*no search results / 404 page */
.no-results {
  padding-top: 40px;
  padding-bottom: 40px;
}
.no-results form {
  display: flex;
}
.no-results form label {
  flex-grow: 1;
}
.no-results form label input {
  padding: 14px;
}
.no-results form input[type=submit] {
  border-radius: 0;
  background: #00A19A;
  background-image: url(/wp-content/themes/UKH-WP-Theme/assets/images/search-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 86px;
  background-size: 32px;
  margin-left: 20px;
  border: 2px solid #00A19A;
}

.not-found .row.suggested-items .kicker {
  color: #D6075C;
}
.not-found .row.suggested-items ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 0;
}
.not-found .row.suggested-items ul a {
  text-decoration: none;
}
.not-found ul.hot-topics {
  font-family: "DM Serif Display", serif;
  font-size: clamp(2.19rem, 0.75rem + 3vw, 3.38rem);
  line-height: 1.1em;
}
.not-found .col.hot-topics-list {
  flex: 0 1 45%;
  padding-right: 5vw;
  border-right: 1px solid rgba(0, 161, 154, 0.5);
}
.not-found .col.all-topics-list {
  padding-left: 5vw;
  flex-grow: 1;
}
.not-found ul.all-topics {
  -moz-column-count: 2;
       column-count: 2;
  gap: 5%;
  font-size: 15px;
  line-height: 20px;
}
.not-found ul.all-topics li {
  margin-bottom: 10px;
}

/*half half image text*/
.half-half-image-text .col.content {
  justify-content: center;
  padding: 10% 8%;
}
.half-half-image-text .col.image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.half-half-image-text p {
  font-size: clamp(1.13rem, 0.97rem + 0.32vw, 1.25rem);
  line-height: 1.6em;
  max-width: 45ch;
}

/*promo-block*/
.promo-block {
  background: #004052;
}
.promo-block .image {
  position: relative;
}
.promo-block .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
}
.promo-block .content {
  display: flex;
  flex-direction: column;
}
.promo-block .kicker {
  color: #C8D400;
  margin-right: auto;
}
.promo-block .kicker:after {
  border-color: #C8D400;
}
.promo-block.large .content {
  padding: 5% 4%;
  justify-content: space-between;
}
.promo-block.large h2 {
  font-size: clamp(3.13rem, -0.21rem + 6.95vw, 5.88rem);
  line-height: 1em;
  color: white;
  margin-bottom: 0;
}
.promo-block.large p {
  font-size: clamp(1.25rem, 0.64rem + 1.26vw, 1.75rem);
  line-height: 1.35em;
  color: white;
  max-width: 25ch;
  margin-top: 2em;
  margin-bottom: 4em;
}
.promo-block.small .content {
  justify-content: center;
  padding: 10% 8%;
}
.promo-block.small h2 {
  font-size: clamp(2.19rem, 0.75rem + 3vw, 3.38rem);
  line-height: 1.1em;
  color: #BEE0D5;
  margin-bottom: 0;
}
.promo-block.small p {
  font-size: clamp(1.13rem, 0.97rem + 0.32vw, 1.25rem);
  line-height: 1.6em;
  color: white;
  max-width: 35ch;
}
.promo-block h2 .feature-text {
  display: block;
  color: #00A19A;
  min-height: 1.15em;
}
.promo-block.icebg {
  background: #EDF6F4;
}
.promo-block.icebg .col.half.content {
  padding: 5%;
}
.promo-block.icebg h2 {
  color: #004052;
  font-size: clamp(2.19rem, 0.75rem + 3vw, 3.38rem);
  line-height: 1.1em;
}
.promo-block.icebg p {
  color: #004052;
  max-width: 55ch;
}

/*partners block*/
.partners-block {
  padding-top: 78px;
  padding-bottom: 50px;
}
.partners-block .row {
  padding-left: 8%;
  padding-right: 8%;
}
.partners-block .col.forty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 5%;
}
.partners-block .partnerlink {
  text-align: center;
  display: flex;
}
.partners-block h2 {
  font-size: clamp(2.19rem, 0.75rem + 3vw, 3.38rem);
  line-height: 1.1em;
  margin-bottom: 40px;
}
.partners-block p {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 25ch;
}

.events-sponsor-block .partners-grid {
  background: white;
  grid-gap: 0;
}
.events-sponsor-block .partners-grid .partnerlink {
  border: 0.5px solid #EDF6F4;
}

.events-sponsor-block .title-area.col.full {
  text-align: center;
}
.events-sponsor-block .title-area.col.full p {
  max-width: 55ch;
  margin-left: auto;
  margin-right: auto;
}
.events-sponsor-block .title-area.col.full .med-copy {
  margin-bottom: 2.5em;
}

.partners-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  background: white;
  grid-gap: 0;
}
.partners-grid.many-items {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.partners-grid .partnerlink {
  border: 0.5px solid #EDF6F4;
  background: white;
  width: 100%;
  height: 100%;
  display: flex;
  padding: 15px;
  aspect-ratio: 1;
}
.partners-grid .partnerlink.has-text .image-area {
  cursor: pointer;
}
.partners-grid .image-area {
  width: 100%;
  height: 100%;
  flex-grow: 1;
  display: flex;
}

img.partner-logo, svg.partner-logo {
  margin: auto;
  text-align: center;
  max-width: 150px;
  max-height: 150px;
  width: 75%;
  height: 75%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.partner-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vW;
  height: 100vh;
  display: none;
  visibility: hidden;
  justify-content: center;
  align-items: center;
}
.partner-popup .overlay {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vW;
  height: 100vh;
}
.partner-popup .popup-inner {
  width: 95%;
  max-width: 950px;
  background: white;
  padding: 0;
  position: relative;
  max-height: 100vh;
  overflow-y: scroll;
}
.partner-popup .popup-inner button.close-popup {
  position: absolute;
  border: none;
  top: 0;
  right: 0;
  background: none;
  padding: 15px;
  cursor: pointer;
  height: auto;
  line-height: 0;
}
.partner-popup .popup-inner button.close-popup:hover, .partner-popup .popup-inner button.close-popup:focus {
  background: none;
}
.partner-popup .popup-inner button.close-popup:hover svg path, .partner-popup .popup-inner button.close-popup:focus svg path {
  fill: #D6075C;
}
.partner-popup .inner.row.fullwidth {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  min-height: 100%;
  display: flex;
  background: white;
}
.partner-popup .inner.row.fullwidth .col.forty {
  display: flex;
  padding: 5%;
}
.partner-popup .inner.row.fullwidth .col.forty img, .partner-popup .inner.row.fullwidth .col.forty svg {
  width: 100%;
  max-width: 250px;
  margin: auto;
}
.partner-popup .inner.row.fullwidth .col.sixty.text {
  padding: min(5%, 40px);
}
.partner-popup .inner.row.fullwidth .col.sixty.text p {
  max-width: 45ch;
  margin-top: 0;
}
.partner-popup .inner.row.fullwidth .col.sixty.text a.large-copy {
  color: #00A19A;
  margin-top: 1em;
  display: block;
}
.partner-popup .close-lightbox {
  background: transparent;
  border: none;
  display: flex;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  padding: 10px;
}
.partner-popup .close-lightbox svg path {
  fill: #004052;
}
.partner-popup .close-lightbox:focus {
  outline: 1px dotted #004052;
}
.partner-popup.sponsor-popup .row.fullwidth {
  padding: 40px;
  text-align: left;
}
.partner-popup.sponsor-popup h3 {
  margin-bottom: 10px;
}
.partner-popup.sponsor-popup div.large-copy {
  margin-bottom: 0.5em;
}
.partner-popup.sponsor-popup a.large-copy {
  color: #00A19A;
}

/*campaign archive*/
.all-campaigns-block {
  background: #EDF6F4;
  padding-top: 75px;
  padding-bottom: 60px;
}
.all-campaigns-block h2 {
  font-size: clamp(1.56rem, 0.58rem + 2.05vw, 2.38rem);
  line-height: 1.1em;
  margin-bottom: 15px;
}

.row.featured-campaign {
  margin-top: 95px;
  margin-bottom: 95px;
}
.row.featured-campaign h2 {
  max-width: 15ch;
  margin-bottom: 21px;
  margin-top: auto;
}
.row.featured-campaign h2 a {
  text-decoration: none;
  background: linear-gradient(180deg, rgba(190, 224, 213, 0) 0%, rgba(216, 237, 230, 0) 80%, rgb(217, 237, 230) 80%, rgb(215, 236, 229) 95%, rgba(215, 236, 229, 0) 95%, rgba(190, 224, 213, 0) 100%);
  transition: background-position 0.4s ease;
  background-size: auto 200%;
  background-position: 0 0;
}
.row.featured-campaign h2 a:hover, .row.featured-campaign h2 a:focus {
  background-position: 0 100%;
}
.row.featured-campaign img {
  display: block;
  width: calc(100% - 10px);
  margin-left: 0;
}
.row.featured-campaign.reverse img {
  margin-left: auto;
}
.row.featured-campaign .content {
  padding: 0 8%;
  display: flex;
  flex-direction: column;
}
.row.featured-campaign .content a.button {
  align-self: flex-end;
  margin: auto;
  margin-bottom: 0;
  margin-left: 0;
  font-weight: 700;
}
.row.featured-campaign .content p.large-copy {
  margin-top: 0;
}

/*press release archive*/
.archive-pressrelease {
  padding-bottom: 65px;
  background: #EDF6F4;
  position: relative;
}
.archive-pressrelease .background-image {
  position: absolute;
  top: 0;
  left: 0;
}
.archive-pressrelease .page-header {
  padding-top: 24px;
  padding-bottom: 66px;
}
.archive-pressrelease .page-header a.button {
  margin: auto;
  align-self: flex-end;
  margin-right: 0;
}
.archive-pressrelease .page-header h1 {
  margin-bottom: 0;
}

.press-release.archive-item {
  display: flex;
  flex-grow: 1;
  padding: 26px 0;
  border-top: 1px solid #BEE0D5;
}
.press-release.archive-item:last-of-type {
  border-bottom: 1px solid #BEE0D5;
}
.press-release.archive-item h2 {
  font-size: clamp(1.56rem, 0.58rem + 2.05vw, 2.38rem);
  line-height: 1.1em;
  margin-bottom: 0;
}
.press-release.archive-item a {
  text-decoration: none;
}
.press-release.archive-item p {
  margin-top: 6px;
  margin-bottom: 0;
}
.press-release.archive-item .xs-copy {
  flex: 0 0 180px;
}
.press-release.archive-item .large-copy, .press-release.archive-item .entry-title {
  flex: 0 0 calc((100% - 180px) / 2);
}
.press-release.archive-item .entry-title {
  padding-right: 28px;
}

/*guidance & insights archive*/
.masonry .card {
  margin-bottom: 30px;
}

.masonry {
  overflow: hidden;
  display: block;
  width: 100%;
  margin-bottom: 30px;
}
.masonry .grid-sizer, .masonry .card {
  width: calc(25% - 21px);
}
.masonry .card.big {
  width: calc(50% - 18.6666px);
}

.search-results .card .excerpt {
  display: none;
}

.guidance-page .page-header, .work-page .page-header {
  background: #D6075C;
  overflow: hidden;
  padding: 70px 0;
  color: white;
}
.guidance-page .page-header .background-image, .work-page .page-header .background-image {
  position: absolute;
  top: 0;
  left: 0;
}
.guidance-page .page-header .row, .work-page .page-header .row {
  justify-content: space-between;
  flex-wrap: nowrap;
}
.guidance-page .page-header .row h1, .work-page .page-header .row h1 {
  padding-right: 10%;
  margin-bottom: 0;
}
.guidance-page .page-header .row .intro-copy, .work-page .page-header .row .intro-copy {
  display: flex;
}
.guidance-page .page-header .row p, .work-page .page-header .row p {
  max-width: 45ch;
  margin-top: auto;
  margin-bottom: auto;
}

.insights-page .page-header {
  padding-top: 129px;
  padding-bottom: 43px;
  background: #EDF6F4;
}
.insights-page .page-header h1 {
  margin-bottom: 0;
}
.insights-page .page-header .background-image {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 35vw;
}
.insights-page .page-header p {
  max-width: 45ch;
}
.insights-page .page-header .row {
  display: block;
}

.guidance-page .pagination, .insights-page .pagination {
  margin-bottom: 100px;
}
.guidance-page .card, .insights-page .card {
  background: #EDF6F4;
}
.guidance-page .card .kicker, .insights-page .card .kicker {
  color: #D6075C;
}
.guidance-page .card .image, .insights-page .card .image {
  width: 100%;
}
.guidance-page .card .image svg, .insights-page .card .image svg {
  height: 100%;
  width: auto;
}
.guidance-page .card .image img, .insights-page .card .image img {
  -o-object-fit: cover;
     object-fit: cover;
}
.guidance-page .card .content, .insights-page .card .content {
  padding: 0 17px 24px 17px;
}
.guidance-page .card .block-title, .insights-page .card .block-title {
  margin-bottom: 0;
}
.guidance-page .card.no-image:nth-of-type(2n) svg path, .insights-page .card.no-image:nth-of-type(2n) svg path {
  fill: #00A19A;
}
.guidance-page .card.no-image:nth-of-type(3n) svg path, .insights-page .card.no-image:nth-of-type(3n) svg path {
  fill: #D6075C;
}

/*half/half mixed content block*/
.half-half-mixed-content {
  background: #EDF6F4;
  padding-top: 57px;
  padding-bottom: 70px;
}
.half-half-mixed-content.white {
  background: white;
}
.half-half-mixed-content img {
  display: block;
  width: 90%;
  margin-bottom: 45px;
}
.half-half-mixed-content .info-block {
  background: #00A19A;
  width: 90%;
  padding: 40px 50px;
}
.half-half-mixed-content .info-block p {
  color: white;
}
.half-half-mixed-content .info-block p strong {
  font-weight: 700;
  color: #004052;
}
.half-half-mixed-content .info-block p:last-of-type {
  margin-bottom: 0;
}
.half-half-mixed-content .info-block p a {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
}
.half-half-mixed-content p:first-of-type {
  margin-top: 0;
}
.half-half-mixed-content .button {
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
}
.half-half-mixed-content .button svg {
  margin: auto;
  margin-right: 0;
}

.location-items {
  padding-bottom: 50px;
}
.location-items .card .language-flag {
  display: none;
}

/*icons section*/
.icons-descriptions {
  background: #EDF6F4;
  padding: 76px 0;
}
.icons-descriptions.white {
  background: white;
}
.icons-descriptions.icebg {
  background: #EDF6F4;
}
.icons-descriptions h2 {
  flex: 0 0 100%;
  text-align: center;
  margin-bottom: 60px;
}
.icons-descriptions img {
  max-width: 100px;
  margin: auto;
  display: block;
}
.icons-descriptions .col {
  padding: 0 20px;
}
.icons-descriptions p {
  text-align: center;
}
.icons-descriptions p span {
  color: #D6075C;
  font-weight: 700;
}

/*voxpop slider*/
.voxpops-area {
  padding: 66px 0;
  background: #D6075C;
}
.voxpops-area .row.voxpops {
  justify-content: center;
}
.voxpops-area h2 {
  flex: 0 0 100%;
  text-align: center;
  margin-bottom: 60px;
  color: white;
}
.voxpops-area .col.third, .voxpops-area .col.half, .voxpops-area .col.full {
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 800px;
}
.voxpops-area .content {
  background: #004052;
}
.voxpops-area video {
  width: 100%;
  display: block;
  height: auto;
}
.voxpops-area .col.portrait .col-inner {
  display: flex;
  flex-direction: row;
}
.voxpops-area .col.portrait .col-inner .video-area {
  flex: 0 0 40%;
}
.voxpops-area .col.portrait .col-inner .content {
  flex: 0 0 60%;
}
.voxpops-area .col.landscape .col-inner {
  display: flex;
  flex-direction: column;
}
.voxpops-area .content .inner {
  padding: 22px 26px;
}
.voxpops-area .content .inner p {
  color: white;
}
.voxpops-area .content .inner p span {
  display: block;
}
.voxpops-area .content .inner p span.name {
  color: #C8D400;
}
.voxpops-area .video-area {
  position: relative;
}
.voxpops-area .playpause {
  max-width: 50px;
  display: block;
  position: absolute;
  left: calc(50% - 25px);
  top: calc(50% - 25px);
}
.voxpops-area .video-wrapper {
  position: relative;
}
.voxpops-area .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.voxpops-area .col.landscape .video-wrapper {
  padding-top: 56.25%;
}
.voxpops-area .col.portrait .video-wrapper {
  padding-top: 176.25%;
}

/*grouped image*/
.grouped-image-text {
  padding: 40px 0;
}
.grouped-image-text .row {
  max-width: 700px;
}
.grouped-image-text .col.half img {
  display: block;
  margin-right: 0;
  margin-left: auto;
}
.grouped-image-text .col.half {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.grouped-image-text p.very-large {
  font-size: clamp(2.81rem, 2.01rem + 3.2vw, 4.81rem);
  line-height: 0.9em;
  font-family: "DM Serif Display", serif;
  margin-bottom: 0;
}
.grouped-image-text .intro-copy {
  margin-top: 2em;
}

/*text area right image*/
.text-area-right-image {
  padding-top: 91px;
  padding-bottom: 91px;
  margin-top: 50px;
}
.text-area-right-image img.pull-right {
  align-self: flex-end;
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.text-area-right-image .col.half {
  margin-right: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.text-area-right-image .col.half p {
  max-width: 40ch;
  margin: 0 auto;
  padding-left: 5%;
  padding-right: 5%;
}

.video-callout-page {
  padding-top: 95px;
  padding-bottom: 70px;
  background: #004052;
  color: white;
  text-align: center;
}
.video-callout-page p {
  max-width: 65ch;
  margin-left: auto;
  margin-right: auto;
}
.video-callout-page h2 {
  font-size: clamp(1.56rem, 0.58rem + 2.05vw, 2.38rem);
  line-height: 1.1em;
  color: #BEE0D5;
}
.video-callout-page .inner {
  max-width: 650px;
  margin: auto;
  margin-top: 30px;
}
.video-callout-page video {
  max-width: 100%;
}
.video-callout-page .video-wrapper {
  padding-top: 56.25%;
  position: relative;
}
.video-callout-page .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-callout-page .video-inner {
  position: relative;
}
.video-callout-page .video-inner .playpause {
  position: absolute;
  top: calc(50% - 31px);
  left: calc(50% - 31px);
}
.video-callout-page .video-inner video {
  display: block;
}
.video-callout-page .caption {
  background: #00A19A;
  padding: 20px;
}
.video-callout-page .caption p {
  margin: 0 auto;
  max-width: 55ch;
}

/*overlapping iamge/text*/
.full-image-overlapping-text {
  position: relative;
  overflow: visible;
}
.full-image-overlapping-text .image-gallery {
  list-style: none;
  padding: 0;
  margin: 0;
}
.full-image-overlapping-text li {
  width: 100%;
  flex-grow: 1;
  opacity: 0 !important;
  transition: opacity 1s ease !important;
}
.full-image-overlapping-text li.is-selected {
  opacity: 1 !important;
}
.full-image-overlapping-text .flickity-slider {
  display: flex;
  flex-direction: column;
}
.full-image-overlapping-text img {
  width: 100%;
  height: 100%;
  display: block;
  max-height: 800px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  position: relative;
}
.full-image-overlapping-text .row {
  position: absolute;
  bottom: -50px;
  z-index: 1;
}
.full-image-overlapping-text .row .col {
  width: 90%;
  flex: 0 0 90%;
  max-width: 700px;
  margin: auto;
  padding: 56px;
  position: relative;
}
.full-image-overlapping-text .row .col.darkteal {
  background: #004052;
}
.full-image-overlapping-text .row .col.pink {
  background: #D6075C;
}
.full-image-overlapping-text p {
  color: white;
}
.full-image-overlapping-text p:first-child {
  margin-top: 0;
}
.full-image-overlapping-text p:last-child {
  margin-bottom: 0;
}

.accordion {
  border-bottom: 1px solid #BEE0D5;
}
.accordion button {
  background: transparent;
  color: #004052;
  border: none;
  padding: 20px 0;
  padding-left: 10px;
  display: block;
  width: 100%;
  text-align: left;
}
.accordion button:hover, .accordion button:focus {
  color: #D6075C;
}
.accordion h3 {
  border-top: 1px solid #BEE0D5;
  margin-bottom: 0;
  position: relative;
  display: block;
}
.accordion .accordion-title {
  width: calc(100% - 20px);
  display: inline-block;
}
.accordion .med-copy {
  padding: 0 10px;
  margin-bottom: 1em;
}

.centered-text-area .col {
  padding-top: 100px;
  padding-bottom: 50px;
  text-align: center;
}
.centered-text-area p {
  max-width: 65ch;
  margin-left: auto;
  margin-right: auto;
}
.centered-text-area p a {
  color: #00A19A;
}
.centered-text-area h3 {
  margin-top: 1.5em;
}
.centered-text-area h3:first-child, .centered-text-area p:first-child {
  margin-top: 0;
}
.centered-text-area .row {
  justify-content: center;
}
.centered-text-area a.button {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
  display: flex;
  justify-content: space-between;
}
.centered-text-area a.button svg {
  margin: auto;
  margin-right: 0;
}
.centered-text-area.has-button {
  padding-bottom: 90px;
}

.accordion-icon {
  position: absolute;
  right: 10px;
  top: 25px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.accordion-icon:before, .accordion-icon:after {
  content: "";
  background: #004052;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transition: 0.35s;
  width: 100%;
  height: 1px;
}
.accordion-icon:before {
  transform: translatey(-50%);
}
.accordion-icon:after {
  transform: translatey(-50%) rotate(90deg);
}

.accordion-trigger[aria-expanded=true] .accordion-icon {
  transform: rotate(45deg);
}

/*team section*/
.team-member-popup, .speaker-popup, .partner-popup {
  display: none;
  visibility: hidden;
}

.partner-popup-is-open .bio-open .partner-popup {
  visibility: visible;
  z-index: 2;
  display: flex;
}

.popup-is-open .bio-open .team-member-popup, .popup-is-open .bio-open .speaker-popup {
  visibility: visible;
  z-index: 2;
  display: flex;
}

/*events*/
.events-block {
  background: #BEE0D5;
  padding: 70px 0;
}
.events-block h2 {
  text-align: center;
  max-width: 35ch;
  margin: 0 auto;
  margin-bottom: 1.5em;
}
.events-block .event.card {
  margin-bottom: 28px;
}

.event-archive {
  background: #EDF6F4;
}
.event-archive .page-header {
  padding-bottom: 15px;
}
.event-archive .page-header h1 {
  color: #00A19A;
  margin-bottom: 0.1em;
}
.event-archive .page-header .archive-description {
  margin-bottom: 1.5em;
}
.event-archive .row {
  display: block;
}
.event-archive .background-image {
  right: 0;
  top: 0;
}
.event-archive .kicker {
  color: #D6075C;
}
.event-archive .kicker:hover, .event-archive .kicker:focus {
  color: #00A19A;
}

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

.events-calendar {
  background: #00A19A;
  padding: 70px 0;
}
.events-calendar h2 {
  color: white;
}
.events-calendar .event.card {
  margin-bottom: 60px;
}
.events-calendar .event.card .content {
  background: white;
  color: #004052;
}
.events-calendar .event.card .content .block-title a, .events-calendar .event.card .content .event-details {
  color: #004052;
}
.events-calendar a.button:focus, .events-calendar a.button:hover {
  background: #004052;
}

.past-events {
  background: #004052;
  padding: 70px 0;
}
.past-events h2 {
  color: white;
}
.past-events .event.card {
  margin-bottom: 60px;
}
.past-events .event.card .content {
  background: #00A19A;
  color: white;
}
.past-events .event.card .content .block-title a, .past-events .event.card .content .event-details {
  color: white;
}
.past-events .event.card .content .block-title a:focus, .past-events .event.card .content .block-title a:hover {
  color: #004052;
}

.event-grid {
  display: flex;
  gap: 28px;
  flex-wrap: wrap;
  width: 100%;
}

.event.card {
  display: flex;
  flex-direction: column;
  width: calc(33.33333333% - 18.666666666px);
}
.event.card.featured-yes {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
}
.event.card.featured-yes .image, .event.card.featured-yes .content {
  flex: 0 0 50%;
}
.event.card.featured-yes .event-date {
  top: 0;
}
.event.card.featured-yes .content {
  display: flex;
  flex-direction: column;
}
.event.card.featured-yes .content .event-details {
  align-self: flex-end;
  margin: 0;
  margin-top: auto;
  margin-right: auto;
}
.event.card.featured-yes .image.contain {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.event.card.featured-yes .image.contain img {
  -o-object-fit: contain;
     object-fit: contain;
}
.event.card .image {
  margin-bottom: 0;
}
.event.card .image img {
  aspect-ratio: 1.6;
}
.event.card a.kicker {
  color: #C8D400;
  transition: all 0.2s ease;
  max-width: calc(100% - 90px);
}
.event.card a.kicker:focus, .event.card a.kicker:hover {
  color: #00A19A;
}
.event.card .block-title {
  max-width: calc(100% - 90px);
  text-align: left;
  margin-left: 0;
}
.event.card .event-date {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  right: 0;
  width: 90px;
  height: 90px;
  background: #C8D400;
  text-align: center;
  top: -45px;
  font-weight: 700;
  padding: 20px;
  color: #004052;
}
.event.card .event-date p {
  margin-top: 0;
  margin-bottom: 0;
}
.event.card .event-date span.kicker {
  display: block;
  line-height: 1.2em;
  margin-bottom: 0;
  color: #004052;
}
.event.card .event-date span.day {
  font-size: clamp(1.38rem, 0.77rem + 1.26vw, 1.88rem);
  display: block;
  line-height: 1em;
}
.event.card .event-date.past span.day {
  font-size: 14px;
}
.event.card .content {
  background: #004052;
  color: white;
  padding: 20px;
  flex-grow: 1;
}
.event.card .content .block-title a {
  color: white;
  transition: all 0.2s ease;
}
.event.card .content .block-title a:focus, .event.card .content .block-title a:hover {
  color: #00A19A;
}
.event.card .event-details {
  color: white;
}
.event.card .event-details p {
  display: flex;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2em;
}
.event.card .event-details p img, .event.card .event-details p svg {
  margin-right: 10px;
  width: 18px;
  margin-bottom: auto;
  flex: 0 0 18px;
  margin-top: 0;
}

.all-event-items {
  padding-bottom: 50px;
}

.event-header {
  background: #00A19A;
}
.event-header .row {
  width: clamp(16rem, 100vw, 100rem);
  padding-left: 0;
  padding-right: 0;
}
.event-header .col.image.contain {
  background: white;
}
.event-header .col.image.contain img {
  display: block;
  margin: auto;
  padding: 2%;
}
.event-header .col.image img {
  display: block;
}
.event-header .col.image.cover img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.event-header .kicker-area {
  margin-bottom: 20px;
  margin-top: 0;
}
.event-header a.kicker {
  color: #BEE0D5;
  text-decoration: none;
}
.event-header a.kicker:focus, .event-header a.kicker:hover {
  color: #004052;
}
.event-header h1 {
  color: white;
  margin-top: 0;
  margin-bottom: 0;
}
.event-header h1 span {
  color: #004052;
  display: block;
}
.event-header .col.text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5%;
}

.event-info-short {
  background: #EDF6F4;
}
.event-info-short .row {
  width: clamp(16rem, 100vw, 100rem);
  padding-left: 0;
  padding-right: 0;
}
.event-info-short p {
  margin-top: 0;
  margin-bottom: 0;
}
.event-info-short .event-date {
  background: #C8D400;
  flex: 0 0 120px;
  padding: 30px;
  text-align: center;
  font-weight: 700;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.event-info-short .event-date span.kicker {
  display: block;
  line-height: 1.2em;
}
.event-info-short .event-date span.day {
  font-size: clamp(1.38rem, 0.77rem + 1.26vw, 1.88rem);
  display: block;
  line-height: 1em;
}
.event-info-short .event-date.past span.day {
  font-size: 14px;
}
.event-info-short .event-details {
  padding: 30px;
  flex-grow: 1;
  background: #004052;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.event-info-short .event-details p {
  display: flex;
}
.event-info-short .event-details p img, .event-info-short .event-details p svg {
  margin-right: 10px;
  width: 18px;
  margin-top: 0;
  flex: 0 0 18px;
  margin-bottom: auto;
}
.event-info-short .event-details:first-of-type {
  margin-bottom: 15px;
}

.event-info-main {
  background: #EDF6F4;
}
.event-info-main .row {
  width: clamp(16rem, 100vw, 100rem);
  padding: 0;
}
.event-info-main .col.half.tickets {
  background: #BEE0D5;
}
.event-info-main .col {
  padding: 3% 5%;
}
.event-info-main p {
  margin-top: 0;
}
.event-info-main .col.half.info .large-copy p {
  margin-bottom: 1.7em;
}
.event-info-main .info-area {
  display: flex;
  margin-bottom: 0.5em;
}
.event-info-main .info-area p.title {
  flex: 0 0 100px;
  font-weight: 700;
}
.event-info-main .info-area a {
  color: #00A19A;
}
.event-info-main .col.half.tickets h2 {
  font-size: clamp(1.56rem, 0.58rem + 2.05vw, 2.38rem);
  margin-top: 0;
  color: #D6075C;
  margin-bottom: 0;
}
.event-info-main .col.half.tickets .vat-text {
  font-weight: 700;
}
.event-info-main .col.half.tickets ul.ticket-list {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
.event-info-main .col.half.tickets ul.ticket-list p {
  margin-top: 0;
  margin-bottom: 0;
}
.event-info-main .col.half.tickets ul.ticket-list .price {
  font-size: clamp(1.56rem, 0.58rem + 2.05vw, 2.38rem);
  font-family: "DM Serif Display", serif;
  color: #00A19A;
}
.event-info-main .col.half.tickets ul.ticket-list li {
  margin-bottom: 1em;
}
.event-info-main .col.half.tickets a.button {
  display: flex;
  justify-content: space-between;
  margin-top: 1.5em;
}
.event-info-main .col.half.tickets a.button img, .event-info-main .col.half.tickets a.button svg {
  margin: auto;
  margin-right: 0;
}

.event-text-area .row {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
.event-text-area .row h2 {
  color: #00A19A;
}
.event-text-area .row .button {
  display: flex;
  justify-content: space-between;
  margin-top: 1.5em;
}
.event-text-area .row .button img, .event-text-area .row .button svg {
  margin: auto;
  margin-right: 0;
  max-width: 50ch;
}

.speakers-block {
  background: #004052;
  padding-top: 50px;
  padding-bottom: 50px;
}
.speakers-block h2 {
  color: #00A19A;
  text-align: center;
  margin-bottom: 2em;
}
.speakers-block .speaker {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 60px;
}
.speakers-block .speaker .inner {
  display: flex;
  flex-direction: column-reverse;
  text-align: center;
}
.speakers-block .speaker .inner img {
  border-radius: 50%;
  display: block;
  margin-bottom: 40px;
  max-width: 180px;
  margin-left: auto;
  margin-right: auto;
}
.speakers-block .speaker .inner p.name {
  font-family: "DM Serif Display", serif;
  margin-top: 0;
  font-size: clamp(1.38rem, 0.77rem + 1.26vw, 1.88rem);
  line-height: 1.1em;
  color: #00A19A;
  margin-bottom: 10px;
}
.speakers-block .speaker .inner p.title {
  color: #EDF6F4;
  margin-top: 0;
  margin-bottom: 0;
}

.speakers-block .speaker.has-bio .inner .headshot, .speakers-block .speaker.has-bio .inner .name {
  cursor: pointer;
}
.speakers-block .speaker.has-bio .inner .name {
  transition: all 0.2s ease;
}
.speakers-block .speaker.has-bio .inner .name:focus, .speakers-block .speaker.has-bio .inner .name:hover {
  color: #EDF6F4;
}
.speakers-block .speaker-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vW;
  height: 100vh;
  display: none;
  visibility: hidden;
  justify-content: center;
  align-items: center;
}
.speakers-block .speaker-popup .overlay {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vW;
  height: 100vh;
}
.speakers-block .speaker-popup .popup-inner {
  width: 95%;
  max-width: 950px;
  background: #004052;
  padding: 40px;
  position: relative;
  max-height: 100vh;
  overflow-y: scroll;
}
.speakers-block .speaker-popup .popup-inner button.close-popup {
  position: absolute;
  border: none;
  top: 0;
  right: 0;
  background: none;
  padding: 15px;
  cursor: pointer;
  height: auto;
  line-height: 0;
}
.speakers-block .speaker-popup .popup-inner button.close-popup:hover, .speakers-block .speaker-popup .popup-inner button.close-popup:focus {
  background: none;
}
.speakers-block .speaker-popup .popup-inner button.close-popup:hover svg path, .speakers-block .speaker-popup .popup-inner button.close-popup:focus svg path {
  fill: #D6075C;
}
.speakers-block .speaker-popup .popup-inner .row.fullwidth {
  border-top: 1px solid #00A19A;
  padding-top: 23px;
}
.speakers-block .speaker-popup .popup-inner p.name {
  font-family: "DM Serif Display", serif;
  font-size: clamp(1.38rem, 0.77rem + 1.26vw, 1.88rem);
  line-height: 1.1em;
  margin-bottom: 0;
  margin-top: 0;
  color: #00A19A;
}
.speakers-block .speaker-popup .popup-inner p.title {
  margin-top: 0.2em;
  line-height: 1.4em;
  color: #EDF6F4;
}
.speakers-block .speaker-popup .popup-inner .col.second p:first-of-type {
  margin-top: 0;
}
.speakers-block .speaker-popup .popup-inner .col.second p {
  color: white;
}
.speakers-block .speaker-popup .popup-inner .col.first {
  padding-right: 5%;
}
.speakers-block .speaker-popup .popup-inner .socials {
  margin-top: 36px;
  display: flex;
}
.speakers-block .speaker-popup .popup-inner .socials a {
  color: #00A19A;
  margin-right: 15px;
  display: flex;
}
.speakers-block .speaker-popup .popup-inner .socials a svg {
  margin: auto;
}
.speakers-block .speaker-popup .popup-inner .socials a svg path {
  fill: currentColor;
}
.speakers-block .speaker-popup .popup-inner .socials a:hover, .speakers-block .speaker-popup .popup-inner .socials a:focus {
  color: #BEE0D5;
}
.speakers-block .speaker-popup .popup-inner .socials a.download {
  text-decoration: underline;
}

.agenda-block {
  background: #BEE0D5;
  padding-top: 70px;
  padding-bottom: 120px;
}
.agenda-block h2 {
  color: #00A19A;
  text-align: center;
}
.agenda-block .large-copy p {
  color: #004052;
  text-align: center;
  max-width: 55ch;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4em;
}
.agenda-block .accordion {
  margin-left: auto;
  margin-right: auto;
  max-width: 1180px;
  width: 100%;
}
.agenda-block .accordion h3 {
  border-top: 1px solid #EDF6F4;
}
.agenda-block .accordion h3 button {
  display: flex;
  font-size: 20px;
}
.agenda-block .accordion h3 .accordion-time {
  font-weight: 700;
  color: #D6075C;
  flex: 0 0 104px;
}
.agenda-block .accordion h3 .accordion-title {
  flex-grow: 1;
  padding-right: 40px;
}
.agenda-block .accordion p {
  margin-top: 0;
  margin-bottom: 12px;
}
.agenda-block .accordion .speaker.kicker-text {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.07em;
  line-height: 1.2em;
  color: #00A19A;
  text-transform: uppercase;
  margin-bottom: 0;
}

.event-gallery h2 {
  color: #00A19A;
}
.event-gallery .med-copy {
  color: #004052;
  text-align: center;
  max-width: 55ch;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4em;
}

.team-area {
  padding-top: 64px;
  padding-bottom: 130px;
  background: #EDF6F4;
}
.team-area .team-member.has-bio .inner .headshot, .team-area .team-member.has-bio .inner .name {
  cursor: pointer;
}
.team-area .team-member.has-bio .inner .name {
  transition: all 0.2s ease;
}
.team-area .team-member.has-bio .inner .name:focus, .team-area .team-member.has-bio .inner .name:hover {
  color: #00A19A;
}
.team-area .team-member-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vW;
  height: 100vh;
  display: none;
  visibility: hidden;
  justify-content: center;
  align-items: center;
}
.team-area .team-member-popup .overlay {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vW;
  height: 100vh;
}
.team-area .team-member-popup .popup-inner {
  width: 95%;
  max-width: 950px;
  background: white;
  padding: 40px;
  position: relative;
  max-height: 100vh;
  overflow-y: scroll;
}
.team-area .team-member-popup .popup-inner button.close-popup {
  position: absolute;
  border: none;
  top: 0;
  right: 0;
  background: none;
  padding: 15px;
  cursor: pointer;
  height: auto;
  line-height: 0;
}
.team-area .team-member-popup .popup-inner button.close-popup:hover, .team-area .team-member-popup .popup-inner button.close-popup:focus {
  background: none;
}
.team-area .team-member-popup .popup-inner button.close-popup:hover svg path, .team-area .team-member-popup .popup-inner button.close-popup:focus svg path {
  fill: #D6075C;
}
.team-area .team-member-popup .popup-inner .row.fullwidth {
  border-top: 1px solid #00A19A;
  padding-top: 23px;
}
.team-area .team-member-popup .popup-inner p.name {
  font-family: "DM Serif Display", serif;
  font-size: clamp(1.38rem, 0.77rem + 1.26vw, 1.88rem);
  line-height: 1.1em;
  margin-bottom: 0;
  margin-top: 0;
}
.team-area .team-member-popup .popup-inner p.title {
  margin-top: 0;
  color: #D6075C;
  margin-top: 5px;
  line-height: 1.2em;
}
.team-area .team-member-popup .popup-inner .col.second p:first-of-type {
  margin-top: 0;
}
.team-area .team-member-popup .popup-inner .col.first {
  padding-right: 5%;
}
.team-area .team-member-popup .popup-inner .socials {
  margin-top: 36px;
  display: flex;
}
.team-area .team-member-popup .popup-inner .socials a {
  color: #00A19A;
  margin-right: 15px;
  display: flex;
}
.team-area .team-member-popup .popup-inner .socials a svg {
  margin: auto;
}
.team-area .team-member-popup .popup-inner .socials a svg path {
  fill: currentColor;
}
.team-area .team-member-popup .popup-inner .socials a:hover, .team-area .team-member-popup .popup-inner .socials a:focus {
  color: #D6075C;
}
.team-area .team-member-popup .popup-inner .socials a.download {
  text-decoration: underline;
}
.team-area h2 {
  font-size: clamp(1.56rem, 0.58rem + 2.05vw, 2.38rem);
  line-height: 1.1em;
  color: #D6075C;
  margin-bottom: 0;
}
.team-area .copy {
  font-family: "DM Serif Display", serif;
  font-size: clamp(1.38rem, 0.77rem + 1.26vw, 1.88rem);
  line-height: 1.1em;
}
.team-area .copy p {
  margin-top: 0;
}
.team-area .team-member {
  border-top: 1px solid #00A19A;
}
.team-area .team-member .inner {
  display: flex;
}
.team-area .team-member .inner .info, .team-area .team-member .inner img.headshot {
  flex: 0 0 50%;
  max-width: 50%;
}
.team-area .team-member .info {
  padding-right: 22px;
  padding-left: 0;
}
.team-area .team-member .info p.name {
  font-family: "DM Serif Display", serif;
  font-size: clamp(1.38rem, 0.77rem + 1.26vw, 1.88rem);
  line-height: 1.1em;
  margin-bottom: 0;
  margin-top: 24px;
}
.team-area .team-member .info p.title {
  margin-top: 0;
  color: #D6075C;
}

.text-and-chart {
  padding: 100px 0;
}
.text-and-chart img {
  display: block;
  margin: auto;
}
.text-and-chart .intro-copy p {
  max-width: 50ch;
  margin: auto;
}
.text-and-chart .intro-copy p:last-of-type {
  margin-bottom: 80px;
}

.big-numbers-block {
  background: #EDF6F4;
  padding-top: 100px;
  padding-bottom: 60px;
}
.big-numbers-block .row {
  justify-content: center;
}
.big-numbers-block .col.second {
  margin-right: 5%;
}
.big-numbers-block .col.second .number {
  color: #D6075C;
}
.big-numbers-block .col.three .number {
  color: #00A19A;
}
.big-numbers-block .number {
  font-family: "DM Serif Display", serif;
  font-size: clamp(5rem, 2rem + 12vw, 12.5rem);
  line-height: 1em;
  margin-top: 0;
  margin-bottom: 0;
}
.big-numbers-block .description {
  font-size: clamp(1.88rem, 1.63rem + 1vw, 2.5rem);
  line-height: 1em;
  margin-top: 0;
  margin-bottom: 0.5em;
}
.big-numbers-block .intro-copy p {
  max-width: 45ch;
}

/*join us page blocks*/
.intro-text-with-button {
  background: white;
  padding-top: 41px;
  padding-bottom: 54px;
}
.intro-text-with-button p {
  margin-top: 0;
  margin-bottom: 0;
}
.intro-text-with-button p span {
  font-weight: 700;
}
.intro-text-with-button p span.brightteal {
  color: #00A19A;
}
.intro-text-with-button p span.pink {
  color: #D6075C;
}
.intro-text-with-button p span.zest {
  color: #C8D400;
}
.intro-text-with-button .col.forty {
  padding-left: 5%;
  text-align: center;
  display: flex;
}
.intro-text-with-button .col.forty .button {
  min-width: 200px;
  max-width: 100%;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.intro-text-with-button .col.forty .button img, .intro-text-with-button .col.forty .button svg {
  margin: auto;
  margin-right: 0;
}

.two-col-numbered-list h2 {
  text-align: center;
  margin-bottom: 0;
  margin-top: 1.25em;
  font-weight: 200;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.two-col-numbered-list .numbered-list {
  -moz-column-count: 2;
       column-count: 2;
  margin: auto;
  padding: 5%;
  -moz-column-gap: 8%;
       column-gap: 8%;
}
.two-col-numbered-list .numbered-list li {
  display: flex;
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
  margin-bottom: 1.5em;
  margin-bottom: 1em;
}
.two-col-numbered-list .numbered-list li h3 {
  font-size: clamp(1.38rem, 0.77rem + 1.26vw, 1.88rem);
  line-height: 1.1em;
  margin-bottom: 0.5em;
}
.two-col-numbered-list .numbered-list li p {
  max-width: 55ch;
  margin-bottom: 0.5em;
}
.two-col-numbered-list .numbered-list .number {
  flex: 0 0 63px;
  max-width: 63px;
  height: 63px;
  border-radius: 50%;
  font-family: "DM Serif Display", serif;
  font-size: clamp(1.56rem, 0.58rem + 2.05vw, 2.38rem);
  line-height: 1em;
  background: #00A19A;
  color: white;
  margin-right: 40px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/*testimonials slider*/
.testimonial-slider-area {
  background: #00A19A;
  padding-top: 90px;
  padding-bottom: 50px;
  text-align: center;
}
.testimonial-slider-area .flickity-prev-next-button {
  top: calc(50% - 35px);
}
.testimonial-slider-area svg path {
  fill: white;
}
.testimonial-slider-area svg {
  margin-bottom: 40px;
}
.testimonial-slider-area .slide {
  width: 100%;
}
.testimonial-slider-area blockquote {
  position: relative;
}
.testimonial-slider-area blockquote p {
  max-width: 45ch;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 28px;
}
.testimonial-slider-area blockquote p:first-child {
  margin-top: 0;
}
.testimonial-slider-area figcaption {
  color: white;
  font-size: clamp(1.25rem, 0.87rem + 0.79vw, 1.56rem);
  line-height: 1.3em;
  font-family: "DM Serif Display", serif;
}
.testimonial-slider-area .flickity-button {
  background: transparent;
}
.testimonial-slider-area .flickity-button svg path {
  fill: #BEE0D5;
}
.testimonial-slider-area .flickity-button:focus, .testimonial-slider-area .flickity-button:hover {
  background: transparent;
}
.testimonial-slider-area .flickity-button:focus svg path, .testimonial-slider-area .flickity-button:hover svg path {
  fill: #004052;
}

/*media center page*/
.media-center .page-header {
  padding-top: 80px;
  padding-bottom: 54px;
  background: #EDF6F4;
}
.media-center .page-header .col.threequarter {
  padding-left: 5%;
}
.media-center .page-header p {
  max-width: 75ch;
}
.media-center .page-header .background-image {
  top: 0;
  left: 0;
}
.media-center .page-header h1 {
  color: #00A19A;
  margin-bottom: 0.5em;
}
.media-center .page-header p strong, .media-center .page-header p a {
  color: #00A19A;
}
.media-center .page-header p a:hover, .media-center .page-header p a:focus {
  color: #D6075C;
}
.media-center .page-header .col.half.second p:last-of-type {
  margin-bottom: 40px;
}
.media-center .page-header .col.half p {
  margin-top: 0;
}
.media-center .page-header .buttons {
  display: flex;
  justify-content: space-between;
  max-width: 75ch;
}
.media-center .page-header .buttons a.button {
  flex: 0 0 calc(50% - 15px);
  display: flex;
  justify-content: space-between;
}
.media-center .page-header a.button svg {
  margin: auto;
  margin-right: 0;
  width: 25px;
}
.media-center .page-header a.button svg path {
  stroke: white;
}
.media-center .entry-content {
  background: #EDF6F4;
}
.media-center .entry-content .highlighted-items {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 90px;
}
.media-center .entry-content .highlighted-items .col.third {
  background: white;
}
.media-center .entry-content .highlighted-items .col.third h3 a {
  color: #004052;
  display: flex;
  justify-content: space-between;
}
.media-center .entry-content .highlighted-items .col.third h3 a svg path {
  stroke: #00A19A;
}
.media-center .latest-press-releases {
  background: white;
  padding-top: 90px;
  padding-bottom: 90px;
}
.media-center .latest-press-releases .row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
}
.media-center .latest-press-releases .press-release-item {
  border-top: 1px solid #BEE0D5;
  padding-top: 23px;
  margin-bottom: 40px;
}
.media-center .button-area {
  padding-bottom: 60px;
}
.media-center .button-area .row {
  justify-content: space-evenly;
}
.media-center .button-area .row a.button {
  margin: 20px;
  display: flex;
  justify-content: space-between;
}
.media-center .button-area .row a.button img, .media-center .button-area .row a.button svg {
  align-self: flex-end;
  margin: auto 0;
  margin-left: 60px;
}

.button-section {
  background: #EDF6F4;
  padding: 60px 0;
}
.button-section .row {
  justify-content: space-evenly;
}
.button-section .row a.button {
  margin: 20px;
  display: flex;
  justify-content: space-between;
}
.button-section .row a.button img, .button-section .row a.button svg {
  align-self: flex-end;
  margin: auto 0;
  margin-left: 60px;
}

.media-galleries header a.kicker {
  display: block;
  color: #D6075C;
  z-index: 1;
  position: relative;
}
.media-galleries header h2 {
  font-size: clamp(1.38rem, 0.77rem + 1.26vw, 1.88rem);
  line-height: 1.1em;
}
.media-galleries header ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.media-galleries header ul a {
  color: #00A19A;
  text-decoration: underline;
  transition: all 0.2s ease;
}
.media-galleries header ul a:focus, .media-galleries header ul a:hover {
  color: #004052;
}
.media-galleries header ul li {
  display: flex;
}
.media-galleries header ul li:before {
  display: block;
  content: " ";
  background-image: url(/wp-content/themes/UKH-WP-Theme/assets/images/arrow-teal.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 23px;
  height: 20px;
  flex: 0 0 23px;
  margin: auto 0;
  margin-right: 25px;
}
.media-galleries .site-gallery.odd {
  background: white;
}
.media-galleries .site-gallery.odd h2 {
  color: #00A19A;
}
.media-galleries .site-gallery.odd + .button-area {
  padding-top: 60px;
}

.site-gallery {
  padding: 60px 0;
  text-align: center;
}
.site-gallery h2 {
  text-align: center;
}
.site-gallery ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.site-gallery li {
  margin-bottom: 28px;
}
.site-gallery li img {
  width: 100%;
  display: block;
}
.site-gallery a.button svg {
  margin-bottom: -3px;
}
.site-gallery a.button svg path {
  stroke: white;
}

/*archive filters*/
.archive-filter-topics {
  margin-top: 20px;
  margin-bottom: 20px;
}
.archive-filter-topics ul {
  background: #004052;
  color: white;
  padding: 7px 25px;
  margin-left: 0;
}
.archive-filter-topics ul li {
  display: flex;
  flex-wrap: nowrap;
  padding: 0;
}
.archive-filter-topics ul li h4 {
  margin: auto 0;
  margin-top: 0.7em;
  margin-right: 1em;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 400;
  line-height: 1em;
  padding-top: 0;
  padding-bottom: 0;
}
.archive-filter-topics ul li ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.archive-filter-topics ul li ul li {
  display: block;
  background: #00A19A;
  transition: all 0.2s ease;
  padding: 5px 10px;
  border-radius: 1em;
  margin: 0.5em;
  font-size: 14px;
  line-height: 1em;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  font-weight: 700;
}
.archive-filter-topics ul li ul li:hover, .archive-filter-topics ul li ul li:focus, .archive-filter-topics ul li ul li.active, .archive-filter-topics ul li ul li.sf-option-active {
  background: #D6075C;
}
.archive-filter-topics ul li ul li input {
  display: none;
}
.archive-filter-topics ul li ul li label {
  padding-left: 0 !important;
}

.archive-filter {
  margin-top: 45px;
  margin-bottom: 30px;
}
.archive-filter form {
  width: 100%;
}
.archive-filter .search-filter-reset {
  text-decoration: underline;
}
.archive-filter .searchandfilter ul {
  display: flex;
  padding-left: 0;
  margin-left: 0;
  flex-wrap: wrap;
  -moz-column-gap: 28px;
       column-gap: 28px;
}
.archive-filter .searchandfilter ul li {
  flex-grow: 1;
}
.archive-filter .searchandfilter ul li li {
  padding: 0;
}
.archive-filter .searchandfilter ul li.sf-field-post_date {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: auto;
  display: flex;
}
.archive-filter .searchandfilter ul li.sf-field-post_date input.sf-datepicker {
  max-width: 150px;
}
.archive-filter .searchandfilter ul .sf-field-reset {
  flex: 0 0 100%;
  text-align: right;
}
.archive-filter .searchandfilter ul .sf_date_field {
  display: flex;
  padding-left: 0;
}
.archive-filter .searchandfilter ul label {
  display: block;
}
.archive-filter .searchandfilter ul select.sf-input-select, .archive-filter .searchandfilter ul input {
  width: 100%;
  border: 1px solid #BEE0D5;
  padding: 10px 22px;
  background: white;
  font-size: 22px;
  line-height: 24px;
  color: #004052;
}
.archive-filter .searchandfilter ul select.sf-input-select::-moz-placeholder, .archive-filter .searchandfilter ul input::-moz-placeholder {
  color: #004052;
}
.archive-filter .searchandfilter ul select.sf-input-select::placeholder, .archive-filter .searchandfilter ul input::placeholder {
  color: #004052;
}
.archive-filter .searchandfilter ul .chosen-single {
  width: 100%;
  border: 1px solid #BEE0D5;
  padding: 10px 22px;
  background: white;
  font-size: 22px;
  line-height: 24px;
  color: #004052;
  border-radius: 0;
  box-shadow: none;
}
.archive-filter .searchandfilter ul ul.chosen-results {
  display: block;
}
.archive-filter .searchandfilter ul .chosen-container {
  width: 100% !important;
}
.archive-filter .searchandfilter ul .chosen-container .chosen-results li {
  font-size: 18px;
  line-height: 1.6em;
  padding: 0 22px;
}
.archive-filter .searchandfilter ul .chosen-container-single .chosen-single div b {
  background-image: url(/wp-content/themes/UKH-WP-Theme/assets/images/filter-down-arrow.svg) !important;
  background-size: contain !important;
  background-position: center;
}
.archive-filter .searchandfilter ul .chosen-container-single .chosen-single div {
  width: 25px;
  right: 24px;
}
.archive-filter .searchandfilter ul .chosen-container .chosen-results li.highlighted {
  background: #004052;
}

.ll-skin-melon .ui-widget {
  background: #004052;
}

.ll-skin-melon .ui-state-disabled .ui-state-default {
  color: #004052;
  opacity: 0.5;
}

.ll-skin-melon td .ui-state-hover {
  background: #00A19A;
  color: #004052;
}

.ui-datepicker-calendar .ui-state-disabled, .ui-datepicker-calendar .ui-widget-content .ui-state-disabled {
  background: #BEE0D5 !important;
  color: #004052;
  opacity: 1 !important;
}

/*individual item template*/
.item-header.color {
  padding-top: 70px;
  padding-bottom: 30px;
  overflow: visible;
  position: relative;
  z-index: 1;
}
.item-header.color.ice {
  background: #EDF6F4;
  color: #004052;
}
.item-header.color.ice .kicker {
  color: #00A19A;
}
.item-header.color.ice .author-info .title {
  color: #D6075C;
}
.item-header.color.bteal {
  background: #00A19A;
  color: white;
}
.item-header.color.bteal .author-info .title, .item-header.color.bteal .kicker {
  color: white;
}
.item-header.color.bteal .author-info .name {
  color: #004052;
}
.item-header.color h1 {
  margin-bottom: 15px;
  margin-top: 5px;
}
.item-header.color .author-meta {
  display: flex;
  margin-bottom: -50px;
}
.item-header.color .author-meta img {
  border-radius: 50%;
  aspect-ratio: 1;
  margin-right: 25px;
  flex: 0 0 129px;
  max-width: 129px;
  background: white;
}
.item-header.color .author-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.item-header.color .author-info p {
  margin-bottom: 0;
  margin-top: 0;
}
.item-header.color .author-info p.name {
  font-family: "DM Serif Display", serif;
  font-size: clamp(1.25rem, 0.87rem + 0.79vw, 1.56rem);
  line-height: 1.3em;
}
.item-header.color .author-info p .title {
  font-size: 16px;
  line-height: 1.4em;
}
.item-header.image img {
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: min(100vh - 200px, 700px);
}
.item-header.image.no-image .row {
  margin-top: 0;
  margin-bottom: 0;
}
.item-header.image .row {
  margin-top: -150px;
  margin-bottom: -175px;
  z-index: 1;
}
.item-header.image .title-area {
  padding: 56px 72px;
}
.item-header.image .title-area .intro-copy {
  margin-bottom: 0;
}
.item-header.image .title-area h1 {
  margin-bottom: 0;
}
.item-header.image .title-area.bteal {
  background: #00A19A;
}
.item-header.image .title-area.bteal h1 {
  color: #004052;
}
.item-header.image .title-area.bteal .intro-copy {
  color: white;
}
.item-header.image .title-area.bteal .kicker {
  color: #C8D400;
}
.item-header.image .title-area.ice {
  background: #BEE0D5;
}
.item-header.image .title-area.ice h1 {
  color: #004052;
}
.item-header.image .title-area.ice .intro-copy {
  color: #004052;
}
.item-header.image .title-area.ice .kicker {
  color: #00A19A;
}
.item-header.halfimage .row {
  flex-direction: row-reverse;
  width: clamp(16rem, 100vw, 100rem);
  padding-left: 0;
  padding-right: 0;
}
.item-header.halfimage .row .col.third {
  flex: 0 0 30%;
  max-width: 30%;
}
.item-header.halfimage .row .col.twothird {
  flex: 0 0 70%;
  max-width: 70%;
}
.item-header.halfimage .row .post-date {
  margin-bottom: 0;
}
.item-header.halfimage .image-area img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  max-height: min(100vh - 180px, 700px);
}
.item-header.halfimage .col.third {
  background: #EDF6F4;
  padding: 40px;
  padding-bottom: 85px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.item-header.halfimage .kicker {
  color: #00A19A;
}
.item-header.halfimage h1 {
  margin-bottom: 0;
}

.med-copy p a {
  color: #00A19A;
  transition: all 0.2s ease;
}
.med-copy p a:hover, .med-copy p a:focus {
  color: #D6075C;
}

.full-width-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: min(550px, 40vw);
  max-height: 50vh;
}

.item-header.image + section {
  padding-top: 250px;
  margin-top: 0;
}

:root {
  --rowwidth: clamp(16rem, 95vw, 100rem);
  --browserwidth: 100vw;
  --difference: calc(var(--browserwidth) - var(--rowwidth));
  --halfdiff: calc(var(--difference) / 2);
  --quarterrow: calc(var(--rowwidth) / 4);
  --fullquarter: calc(var(--quarterrow) + (var(--halfdiff)));
  --fullthreeq: calc(100vw - var(--fullquarter));
  --fivepercent: calc((var(--rowwidth) / 100) * 5);
}

.item-template .row.fullwidth .col.quarter {
  flex: 0 0 var(--fullquarter);
  max-width: var(--fullquarter);
}
.item-template .row.fullwidth .col.threequarter {
  flex: 0 0 var(--fullthreeq);
  max-width: var(--fullthreeq);
}
.item-template .col.threequarter {
  padding-left: 5%;
}
.item-template .partners-block {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 60px;
  margin-bottom: 60px;
}
.item-template .partners-block .row {
  padding-left: 40px;
  padding-right: 40px;
}
.item-template .partners-block .row.topd-yes {
  padding-top: 60px;
  border-top: 1px solid #BEE0D5;
}
.item-template .partners-block .row.bottomd-yes {
  padding-bottom: 60px;
  border-bottom: 1px solid #BEE0D5;
}

#commentform input[type=submit] {
  font-size: 14px;
  line-height: 1em;
  letter-spacing: 0.1em;
  padding: 0;
  background: none;
  border: none;
  padding-bottom: 5px;
  text-transform: uppercase;
  font-weight: 700;
  border-bottom: 2px dotted #D6075C;
  color: #D6075C;
}
#commentform input[type=submit]:focus, #commentform input[type=submit]:hover {
  background: none;
}
#commentform label {
  margin-bottom: 5px;
  display: block;
}
#commentform textarea {
  border: none;
  background: #EDF6F4;
}

.comment-list {
  padding-left: 0;
  margin-left: 0;
  margin-top: 100px;
}

.comments-area .row {
  border-top: 1px solid #BEE0D5;
  padding-top: 87px;
  padding-bottom: 87px;
}

.comment-body {
  display: flex;
  margin-bottom: 54px;
  color: #004052;
}
.comment-body img.avatar {
  flex: 0 0 64px;
  max-width: 64px;
  height: auto;
  display: block;
  border-radius: 50%;
  aspect-ratio: 1;
  margin: auto;
  margin-top: 0;
}
.comment-body .comment-content-area {
  font-size: 18px;
  line-height: 28px;
  flex-grow: 1;
  margin-left: 37px;
}
.comment-body .comment-author {
  margin-bottom: 18px;
}
.comment-body .comment-content p {
  margin-top: 0;
}
.comment-body .comment-content p:last-child {
  margin-bottom: 0;
}
.comment-body .date-link {
  opacity: 0.6;
}

.quote-with-image .row {
  width: clamp(16rem, 100vw, 100rem);
  padding-left: 0;
  padding-right: 0;
}
.quote-with-image.icebg .col.threequarter .inner {
  background: #EDF6F4;
  color: #004052;
}
.quote-with-image.icebg .col.threequarter .inner blockquote figcaption {
  color: #00A19A;
}
.quote-with-image.icebg .col.quarter {
  background: #004052;
}
.quote-with-image.icebg .col.quarter .caption {
  color: #BEE0D5;
}
.quote-with-image.darkteal .col.threequarter .inner {
  background: #004052;
  color: white;
}
.quote-with-image.darkteal .col.threequarter .inner blockquote figcaption {
  color: #BEE0D5;
}
.quote-with-image.darkteal .col.quarter {
  background: #00A19A;
}
.quote-with-image.darkteal .col.quarter .caption {
  color: #004052;
}
.quote-with-image.protrude .col.threequarter .inner {
  align-self: flex-end;
  margin-top: auto;
}
.quote-with-image.fill .col.threequarter .inner {
  flex: 0 0 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.quote-with-image.proportional .col.quarter img {
  height: auto;
  -o-object-fit: unset;
     object-fit: unset;
}
.quote-with-image.proportional .col.threequarter .inner {
  flex: 0 0 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.quote-with-image p.small-copy.caption {
  margin: 0;
  padding: 30px;
  font-weight: 700;
}
.quote-with-image .col.quarter {
  flex: 0 0 30%;
  max-width: 30%;
}
.quote-with-image .col.quarter img {
  width: 100%;
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.quote-with-image .col.threequarter {
  flex: 0 0 70%;
  max-width: 70%;
  padding-left: 0;
  display: flex;
  flex-direction: column;
}
.quote-with-image .col.threequarter .inner {
  background: #004052;
  color: white;
  padding: 80px 35px;
  width: 100%;
}
.quote-with-image .col.threequarter p {
  font-size: clamp(1.25rem, 0.64rem + 1.26vw, 1.75rem);
  line-height: 1.35em;
  max-width: 45ch;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 1em;
}
.quote-with-image .col.threequarter blockquote {
  position: relative;
  margin-left: min(80px, 5em);
}
.quote-with-image .col.threequarter blockquote figcaption {
  color: #BEE0D5;
  font-size: 18px;
  line-height: 1.6em;
}
.quote-with-image .col.threequarter blockquote figcaption span {
  display: block;
}
.quote-with-image .col.threequarter blockquote:before {
  position: absolute;
  top: 0.8em;
  left: max(-80px, -5em);
  background: url(/wp-content/themes/UKH-WP-Theme/assets/images/quote-left-pink.svg);
  background-repeat: no-repeat;
  height: 90px;
  width: min(60px, 4em);
  background-size: contain;
  content: "";
}

.long-quote {
  margin: 100px 0;
}
.long-quote blockquote {
  max-width: 65ch;
  margin-left: auto;
  margin-right: auto;
}
.long-quote blockquote figcaption span {
  display: block;
}
.long-quote blockquote p {
  font-size: clamp(1.13rem, 0.97rem + 0.32vw, 1.25rem);
  line-height: 1.6em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.long-quote blockquote p:first-of-type:before {
  position: absolute;
  top: 0.8em;
  left: max(-100px, -8em);
  background: url(/wp-content/themes/UKH-WP-Theme/assets/images/quote-left-pink.svg);
  background-repeat: no-repeat;
  height: 90px;
  width: min(60px, 4em);
  background-size: contain;
  content: "";
}
.long-quote blockquote p:last-of-type:after {
  position: absolute;
  bottom: 0.8em;
  right: max(-100px, -8em);
  background: url(/wp-content/themes/UKH-WP-Theme/assets/images/quote-left-pink.svg);
  background-repeat: no-repeat;
  height: 90px;
  width: min(60px, 4em);
  background-size: contain;
  content: "";
  transform: rotate(180deg);
}

.sponsors-block {
  padding: 60px 0;
}
.sponsors-block h2 {
  font-size: clamp(1.56rem, 0.58rem + 2.05vw, 2.38rem);
}
.sponsors-block .row.items {
  padding-top: 40px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}
.sponsors-block .row.items .col .sponsorlink {
  width: 150px;
  height: 150px;
  display: flex;
  justify-content: center;
}
.sponsors-block .row.items .col .sponsorlink img, .sponsors-block .row.items .col .sponsorlink svg {
  display: block;
  width: 100%;
  margin: auto;
}
.sponsors-block .row.items .col h3 {
  margin-bottom: 0.5em;
}
.sponsors-block .row.items .col p {
  max-width: 65ch;
}

.podcast {
  padding-top: 60px;
  padding-bottom: 60px;
  background: #EDF6F4;
}
.podcast.style2 .kicker {
  color: #00A19A;
}
.podcast .audio-player {
  width: 100%;
  background: #004052;
  padding: 40px 60px;
  display: flex;
  --player-button-width: 50px;
  --sound-button-width: 25px;
  --space: 10px;
  --2space: 20px;
}
.podcast .audio-player .currentTime, .podcast .audio-player .totalTime {
  color: white;
  padding: 0 15px;
}
.podcast .controls {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.podcast button img {
  display: block;
}
.podcast .player-button {
  background-color: transparent;
  border: 0;
  width: var(--player-button-width);
  height: var(--player-button-width);
  cursor: pointer;
  padding: 0;
}
.podcast .timeline {
  -webkit-appearance: none;
  width: calc(100% - (var(--player-button-width) + var(--sound-button-width) + var(--space)));
  margin-left: var(--space);
  height: 0.5em;
  background-color: #BEE0D5;
  border-radius: 5px;
  border: none;
  background-size: 0% 100%;
  background-image: linear-gradient(#00A19A, #00A19A);
  background-repeat: no-repeat;
  margin-right: var(--space);
}
.podcast .timeline::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  background-color: #00A19A;
}
.podcast .timeline::-moz-range-thumb {
  -webkit-appearance: none;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  -moz-transition: all 0.1s;
  transition: all 0.1s;
  background-color: #00A19A;
}
.podcast .timeline::-ms-thumb {
  -webkit-appearance: none;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  -ms-transition: all 0.1s;
  transition: all 0.1s;
  background-color: #00A19A;
}
.podcast .timeline::-webkit-slider-thumb:hover {
  background-color: #00A19A;
}
.podcast .timeline:hover::-webkit-slider-thumb {
  opacity: 1;
}
.podcast .timeline::-moz-range-thumb:hover {
  background-color: #00A19A;
}
.podcast .timeline:hover::-moz-range-thumb {
  opacity: 1;
}
.podcast .timeline::-ms-thumb:hover {
  background-color: #00A19A;
}
.podcast .timeline:hover::-ms-thumb {
  opacity: 1;
}
.podcast .timeline::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}
.podcast .timeline::-moz-range-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}
.podcast .timeline::-ms-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}
.podcast .sound-button {
  background-color: transparent;
  border: 0;
  width: var(--sound-button-width);
  height: var(--sound-button-width);
  cursor: pointer;
  padding: 0;
}

.item-promo-block {
  background: #EDF6F4;
  padding: 40px 0;
}
.item-promo-block.white {
  background: white;
  margin: 40px 0;
  padding: 0;
}
.item-promo-block .sign-up-to-download .yikes-easy-mc-form input[type=email], .item-promo-block .sign-up-to-download .yikes-easy-mc-form input[type=number], .item-promo-block .sign-up-to-download .yikes-easy-mc-form input[type=text], .item-promo-block .sign-up-to-download .yikes-easy-mc-form input[type=url], .item-promo-block .sign-up-to-download .yikes-easy-mc-form select {
  color: #004052;
  border: 2px solid #00A19A;
  background: #BEE0D5;
  width: 100%;
  border-radius: 0px;
  padding: 3px 12px;
  font-size: 18px;
  line-height: 1.6em;
}
.item-promo-block .sign-up-to-download .yikes-easy-mc-form input[type=email]:focus, .item-promo-block .sign-up-to-download .yikes-easy-mc-form input[type=number]:focus, .item-promo-block .sign-up-to-download .yikes-easy-mc-form input[type=text]:focus, .item-promo-block .sign-up-to-download .yikes-easy-mc-form input[type=url]:focus, .item-promo-block .sign-up-to-download .yikes-easy-mc-form select:focus {
  outline: none;
  border-color: #D6075C;
}
.item-promo-block .sign-up-to-download .edit-link {
  display: none;
}

.two-col-image-text {
  margin: 60px 0;
}
.two-col-image-text h2 {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: clamp(1.25rem, 0.64rem + 1.26vw, 1.75rem);
  line-height: 1.35em;
}

.item-promo-block .col, .two-col-image-text .col {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.item-promo-block .col.image img, .two-col-image-text .col.image img {
  margin: auto;
  display: block;
}
.item-promo-block h2, .two-col-image-text h2 {
  font-size: clamp(1.56rem, 0.58rem + 2.05vw, 2.38rem);
  line-height: 1.1em;
  margin-bottom: 16px;
}
.item-promo-block p, .two-col-image-text p {
  max-width: 50ch;
}
.item-promo-block .links, .two-col-image-text .links {
  display: flex;
  flex-direction: column;
}
.item-promo-block a.kicker, .two-col-image-text a.kicker {
  display: inline-block;
  color: #D6075C;
  border-bottom: 2px dotted #D6075C;
  padding-bottom: 5px;
  margin-bottom: 30px;
  flex-basis: auto;
  margin-right: auto;
}
.item-promo-block .col.half.text, .two-col-image-text .col.half.text {
  padding: 3%;
}

.related-content {
  margin-top: 60px;
  margin-bottom: 90px;
}
.related-content .row {
  flex-wrap: wrap;
  gap: 28px;
}
.related-content .row h2 {
  font-size: clamp(1.56rem, 0.58rem + 2.05vw, 2.38rem);
}
.related-content .row .col.quarter {
  flex: 0 0 calc(25% - 21px);
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
}
.related-content .row .col.third {
  flex: 0 0 calc(33.33333333% - 18.666666666px);
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
}
.related-content .row .col.half {
  flex: 0 0 calc(50% - 14px);
}
.related-content .row .col.half .language-flag {
  top: 20px;
  left: auto;
  right: -17.5px;
}
.related-content .row .col.full .language-flag {
  position: relative;
  top: 0;
}
.related-content .row .card .image {
  margin-bottom: 0;
}
.related-content .row .card .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1.5;
}
.related-content .row .card .content {
  flex-grow: 1;
}
.related-content .row.topd-yes {
  padding-top: 60px;
  border-top: 1px solid #BEE0D5;
}
.related-content .row.bottomd-yes {
  padding-bottom: 60px;
  border-bottom: 1px solid #BEE0D5;
}

.video-callout {
  background: #004052;
}
.video-callout .row {
  flex-wrap: nowrap;
}
.video-callout .col.quarter {
  margin-right: var(--fivepercent);
}
.video-callout .col.text {
  padding: 50px 40px;
  display: flex;
  flex-direction: column;
}
.video-callout .col.text h2 {
  color: #BEE0D5;
  font-size: clamp(1.56rem, 0.58rem + 2.05vw, 2.38rem);
  line-height: 1.1em;
  margin-bottom: 40px;
}
.video-callout .col.text p {
  color: White;
  margin-top: 0;
  max-width: 45ch;
  margin-bottom: 1em;
}
.video-callout .col.text a.kicker {
  align-self: flex-end;
  color: #C8D400;
  margin-left: 0;
  margin-right: auto;
  padding-bottom: 5px;
  border-bottom: 2px dotted #C8D400;
  margin-top: auto;
}
.video-callout .col.video-area {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.video-callout .col.video-area .inner {
  margin: auto;
  width: 100%;
  position: relative;
}
.video-callout .col.video-area video {
  width: 100%;
  height: auto;
  display: block;
}
.video-callout .col.video-area .playpause {
  position: absolute;
  width: 62px;
  height: 62px;
  top: calc(50% - 31px);
  left: calc(50% - 31px);
}
.video-callout .col.video-area .video-wrapper {
  padding-top: 56.25%;
  position: relative;
}
.video-callout .col.video-area .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.numbers-block {
  margin: 116px 0;
}
.numbers-block .row {
  justify-content: center;
}
.numbers-block .row .col {
  flex: 1 1 auto;
  max-width: 400px;
  text-align: center;
  padding: 36px;
  border-right: 1px solid #BEE0D5;
}
.numbers-block .row .col:last-of-type {
  border-right: none;
}
.numbers-block .row span {
  display: block;
}
.numbers-block .row span.number {
  margin-bottom: 0.3em;
  font-size: clamp(2.19rem, 0.75rem + 3vw, 3.38rem);
  line-height: 1.1em;
  font-family: "DM Serif Display", serif;
}

.gated-content {
  background: #004052;
  text-align: center;
  color: #BEE0D5;
  padding: 75px 0;
}
.gated-content p {
  max-width: 45ch;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(1.13rem, 0.97rem + 0.32vw, 1.25rem);
  line-height: 1.6em;
}
.gated-content h2 {
  font-size: clamp(2.19rem, 0.75rem + 3vw, 3.38rem);
  line-height: 1.1em;
}
.gated-content a.button.small {
  margin-left: 13px;
  margin-right: 13px;
  font-weight: 700;
  padding: 8px 76px;
}
.gated-content a.button.small:hover {
  background: #004052;
}
.gated-content a.button.small.teal, .gated-content a.button.small.teal:hover {
  border-color: #00A19A;
}

.case-study-block {
  padding: 56px 0;
  background: #00A19A;
}
.case-study-block h2 {
  font-size: clamp(1.56rem, 0.58rem + 2.05vw, 2.38rem);
  line-height: 1.1em;
  color: #004052;
  margin-bottom: 28px;
}
.case-study-block h2 span {
  display: block;
  color: white;
}
.case-study-block img.case-study-thumb {
  border-radius: 50%;
  display: block;
}
.case-study-block p {
  color: white;
  margin-bottom: 1em;
  margin-top: 0;
  max-width: 75ch;
}
.case-study-block p:last-child {
  margin-bottom: 0;
}
.case-study-block .col {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.case-study-block .col.quarter {
  justify-content: flex-start;
}

.callout-block {
  background: #EDF6F4;
  padding: 80px 0 55px 0;
}
.callout-block .col.threequarter {
  padding-left: 0;
  display: flex;
  flex-direction: column;
}
.callout-block p {
  max-width: 75ch;
  margin-top: 0;
}
.callout-block .background-image {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 33%;
  height: auto;
  display: block;
}
.callout-block a.button {
  display: flex;
  margin-right: auto;
}
.callout-block a.button svg {
  margin: auto;
  margin-left: 1em;
}
.callout-block a.button:focus, .callout-block a.button:hover {
  background: #00A19A;
  border-color: #00A19A;
}

.page-template-default .text-area-left-column h2 {
  color: #00A19A;
}

.text-area-left-column.ice + .text-area-left-column.ice {
  padding-top: 0;
}

.text-area-left-column .col.quarter .author-meta {
  margin-bottom: 30px;
  display: flex;
}
.text-area-left-column .col.quarter .author-meta img {
  flex: 0 0 40px;
  max-width: 40px;
  margin-right: 13px;
  border-radius: 50%;
}
.text-area-left-column .col.quarter .author-meta .author-info {
  flex-grow: 1;
  display: flex;
}
.text-area-left-column .col.quarter .author-meta .author-info p {
  margin: auto;
  margin-left: 0;
}
.text-area-left-column .col.threequarter {
  padding-left: 5%;
}
.text-area-left-column .col.threequarter .med-copy:last-child p:last-child, .text-area-left-column .col.threequarter .med-copy:last-child ul:last-child, .text-area-left-column .col.threequarter .med-copy:last-child ol:last-child, .text-area-left-column .col.threequarter .intro-copy:last-child p:last-child, .text-area-left-column .col.threequarter .intro-copy:last-child ul:last-child, .text-area-left-column .col.threequarter .intro-copy:last-child ol:last-child {
  margin-bottom: 0;
}
.text-area-left-column .col.threequarter figure:last-child blockquote {
  margin-bottom: 0;
}
.text-area-left-column .col.quarter .intro-copy {
  margin-bottom: 0.5em;
}
.text-area-left-column p, .text-area-left-column ul {
  max-width: 75ch;
}
.text-area-left-column ul, .text-area-left-column ol {
  margin-left: 0;
}
.text-area-left-column ul li, .text-area-left-column ol li {
  margin-bottom: 5px;
}
.text-area-left-column ul li ul, .text-area-left-column ol li ul {
  margin-top: 1em;
}
.text-area-left-column ul li ul li, .text-area-left-column ol li ul li {
  margin-bottom: 1em;
}
.text-area-left-column ul li ul li::marker, .text-area-left-column ol li ul li::marker {
  content: url(/wp-content/themes/UKH-WP-Theme/assets/images/arrow-teal.svg) "  ";
}
.text-area-left-column .intro-copy p {
  max-width: 45ch;
}
.text-area-left-column img {
  display: block;
}
.text-area-left-column h2, .text-area-left-column h3, .text-area-left-column h4, .text-area-left-column h5, .text-area-left-column h6, .text-area-left-column p, .text-area-left-column ul, .text-area-left-column ol {
  margin-top: 0;
}
.text-area-left-column.white {
  margin-top: 60px;
  margin-bottom: 60px;
}
.text-area-left-column.white.padding-large {
  margin-top: 120px;
  margin-bottom: 120px;
}
.text-area-left-column.white .download-block, .text-area-left-column.white .info-block {
  background: #BEE0D5;
}
.text-area-left-column.ice {
  padding-top: 60px;
  padding-bottom: 60px;
  background: #EDF6F4;
}
.text-area-left-column.ice.padding-large {
  padding-top: 120px;
  padding-bottom: 120px;
}
.text-area-left-column.ice .download-block, .text-area-left-column.ice .info-block {
  background: white;
}
.text-area-left-column h2 {
  font-size: clamp(1.56rem, 0.58rem + 2.05vw, 2.38rem);
  line-height: 1.1em;
}
.text-area-left-column h2.light {
  color: #00A19A;
}
.text-area-left-column .download-block {
  margin-bottom: 40px;
}
.text-area-left-column .download-block h3 {
  font-size: clamp(1.38rem, 0.77rem + 1.26vw, 1.88rem);
  line-height: 1.1em;
  color: #00A19A;
  margin-bottom: 0.5em;
}
.text-area-left-column .download-block .content {
  padding: 35px 20px;
}
.text-area-left-column .download-block img.download-item-image {
  display: block;
  margin: auto;
}
.text-area-left-column .download-block .yikes-easy-mc-success-message {
  color: white;
  background: transparent;
  padding: 0;
}
.text-area-left-column .download-block .sign-up-to-download {
  background: #00A19A;
  padding: 20px;
  color: white;
}
.text-area-left-column .download-block .sign-up-to-download p {
  margin-bottom: 0;
}
.text-area-left-column .download-block .sign-up-to-download .yikes-easy-mc-form input[type=email], .text-area-left-column .download-block .sign-up-to-download .yikes-easy-mc-form input[type=number], .text-area-left-column .download-block .sign-up-to-download .yikes-easy-mc-form input[type=text], .text-area-left-column .download-block .sign-up-to-download .yikes-easy-mc-form input[type=url], .text-area-left-column .download-block .sign-up-to-download .yikes-easy-mc-form select {
  color: #004052;
  border: 2px solid #00A19A;
  background: #BEE0D5;
  width: 100%;
  border-radius: 0px;
  padding: 3px 12px;
  font-size: 18px;
  line-height: 1.6em;
}
.text-area-left-column .download-block .sign-up-to-download .yikes-easy-mc-form input[type=email]:focus, .text-area-left-column .download-block .sign-up-to-download .yikes-easy-mc-form input[type=number]:focus, .text-area-left-column .download-block .sign-up-to-download .yikes-easy-mc-form input[type=text]:focus, .text-area-left-column .download-block .sign-up-to-download .yikes-easy-mc-form input[type=url]:focus, .text-area-left-column .download-block .sign-up-to-download .yikes-easy-mc-form select:focus {
  outline: none;
  border-color: #D6075C;
}
.text-area-left-column .download-block .sign-up-to-download .edit-link {
  display: none;
}
.text-area-left-column .download-block .sign-up-to-download .yikes-easy-mc-form .yikes-easy-mc-submit-button {
  padding: 5px 15px;
  font-size: 20px;
}
.text-area-left-column .download-block .sign-up-to-download .yikes-easy-mc-form .yikes-easy-mc-submit-button:focus, .text-area-left-column .download-block .sign-up-to-download .yikes-easy-mc-form .yikes-easy-mc-submit-button:hover {
  border-color: white;
}
.text-area-left-column .download-block .dl-area {
  background: #00A19A;
  padding: 20px;
  text-align: center;
}
.text-area-left-column .download-block .dl-area a {
  color: white;
}
.text-area-left-column .download-block .dl-area svg {
  margin-bottom: -6px;
}
.text-area-left-column .lh-image {
  margin-bottom: 40px;
  width: 100%;
  display: block;
}
.text-area-left-column .lh-image.has-caption {
  margin-bottom: 0;
}
.text-area-left-column .image-with-caption {
  margin-bottom: 40px;
}
.text-area-left-column .image-with-caption .caption {
  margin-top: 0;
  margin-bottom: 0;
  padding: 18px 25px;
  background: #004052;
  color: #BEE0D5;
  font-weight: 700;
}
.text-area-left-column .numbered-list {
  list-style: none;
}
.text-area-left-column .numbered-list li {
  display: flex;
  margin-bottom: 1em;
}
.text-area-left-column .numbered-list li h3 {
  font-size: clamp(1.38rem, 0.77rem + 1.26vw, 1.88rem);
  line-height: 1.1em;
}
.text-area-left-column .numbered-list li p {
  max-width: 55ch;
  margin-bottom: 0.5em;
}
.text-area-left-column .numbered-list .number {
  flex: 0 0 63px;
  max-width: 63px;
  height: 63px;
  border-radius: 50%;
  font-family: "DM Serif Display", serif;
  font-size: clamp(1.56rem, 0.58rem + 2.05vw, 2.38rem);
  line-height: 1em;
  background: #00A19A;
  color: white;
  margin-right: 40px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.text-area-left-column .info-block {
  margin-bottom: 40px;
  padding: 18px 23px;
}
.text-area-left-column .info-block a {
  color: #00A19A;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.text-area-left-column .info-block p:last-child {
  margin-bottom: 0;
}
.text-area-left-column blockquote {
  margin: 3em 4em;
  position: relative;
}
.text-area-left-column blockquote:before {
  position: absolute;
  top: 0.8em;
  left: -4em;
  background: url(/wp-content/themes/UKH-WP-Theme/assets/images/quote-left-teal.svg);
  background-repeat: no-repeat;
  height: 90px;
  width: min(60px, 4em);
  background-size: contain;
  content: "";
}
.text-area-left-column blockquote p {
  font-family: "DM Serif Display", serif;
  font-size: clamp(1.25rem, 0.87rem + 0.79vw, 1.56rem);
  line-height: 1.3em;
  color: #00A19A;
  max-width: 50ch;
  margin-left: 30px;
}
.text-area-left-column .links {
  display: flex;
  flex-direction: column;
  margin-top: 1em;
}
.text-area-left-column .links a {
  display: inline-block;
  color: #D6075C;
  border-bottom: 2px dotted #D6075C;
  padding-bottom: 5px;
  margin-bottom: 30px;
  flex-basis: auto;
  margin-right: auto;
}

.sharing-buttons {
  display: flex;
  margin-bottom: 30px;
}
.sharing-buttons iframe {
  background: transparent !important;
}
.sharing-buttons iframe .btn-o {
  width: auto !important;
}
.sharing-buttons iframe .btn-o .btn {
  background: transparent !important;
}
.sharing-buttons #twitter-widget-0 {
  margin-right: 15px;
}
.sharing-buttons .btn {
  background: transparent !important;
}
.sharing-buttons p {
  margin-top: 4px;
  margin-bottom: 0;
  margin-right: 15px;
}
.sharing-buttons a {
  display: flex;
  justify-content: center;
  margin-right: 15px;
  color: #00A19A;
  transition: all 0.2s ease;
}
.sharing-buttons a svg {
  display: block;
  margin: auto;
}
.sharing-buttons a svg path {
  fill: currentColor;
}
.sharing-buttons a:focus, .sharing-buttons a:hover {
  color: #D6075C;
}
.sharing-buttons .IN-widget button, .sharing-buttons .IN-widget .IN-bf195e49-eb86-4856-9b9f-1c8710d456be-1G9ISYhSF8XoOmdcl0yKDu, .sharing-buttons .IN-widget .IN-bf195e49-eb86-4856-9b9f-1c8710d456be-1G9ISYhSF8XoOmdcl0yKDu.IN-bf195e49-eb86-4856-9b9f-1c8710d456be-3uCBSbQNVNf2QjqHe1rfb6 {
  background-color: transparent !important;
  height: 30px !important;
  width: 30px !important;
  margin-right: 15px !important;
  transition: all 0.2s ease;
}
.sharing-buttons .IN-widget button:focus, .sharing-buttons .IN-widget button:hover, .sharing-buttons .IN-widget .IN-bf195e49-eb86-4856-9b9f-1c8710d456be-1G9ISYhSF8XoOmdcl0yKDu:focus, .sharing-buttons .IN-widget .IN-bf195e49-eb86-4856-9b9f-1c8710d456be-1G9ISYhSF8XoOmdcl0yKDu:hover, .sharing-buttons .IN-widget .IN-bf195e49-eb86-4856-9b9f-1c8710d456be-1G9ISYhSF8XoOmdcl0yKDu.IN-bf195e49-eb86-4856-9b9f-1c8710d456be-3uCBSbQNVNf2QjqHe1rfb6:focus, .sharing-buttons .IN-widget .IN-bf195e49-eb86-4856-9b9f-1c8710d456be-1G9ISYhSF8XoOmdcl0yKDu.IN-bf195e49-eb86-4856-9b9f-1c8710d456be-3uCBSbQNVNf2QjqHe1rfb6:hover {
  background-color: transparent !important;
}
.sharing-buttons .IN-widget button:focus svg path, .sharing-buttons .IN-widget button:hover svg path, .sharing-buttons .IN-widget .IN-bf195e49-eb86-4856-9b9f-1c8710d456be-1G9ISYhSF8XoOmdcl0yKDu:focus svg path, .sharing-buttons .IN-widget .IN-bf195e49-eb86-4856-9b9f-1c8710d456be-1G9ISYhSF8XoOmdcl0yKDu:hover svg path, .sharing-buttons .IN-widget .IN-bf195e49-eb86-4856-9b9f-1c8710d456be-1G9ISYhSF8XoOmdcl0yKDu.IN-bf195e49-eb86-4856-9b9f-1c8710d456be-3uCBSbQNVNf2QjqHe1rfb6:focus svg path, .sharing-buttons .IN-widget .IN-bf195e49-eb86-4856-9b9f-1c8710d456be-1G9ISYhSF8XoOmdcl0yKDu.IN-bf195e49-eb86-4856-9b9f-1c8710d456be-3uCBSbQNVNf2QjqHe1rfb6:hover svg path {
  fill: #D6075C;
}
.sharing-buttons .IN-widget button svg, .sharing-buttons .IN-widget .IN-bf195e49-eb86-4856-9b9f-1c8710d456be-1G9ISYhSF8XoOmdcl0yKDu svg, .sharing-buttons .IN-widget .IN-bf195e49-eb86-4856-9b9f-1c8710d456be-1G9ISYhSF8XoOmdcl0yKDu.IN-bf195e49-eb86-4856-9b9f-1c8710d456be-3uCBSbQNVNf2QjqHe1rfb6 svg {
  width: 30px !important;
  height: 30px !important;
}
.sharing-buttons .IN-widget .IN-bf195e49-eb86-4856-9b9f-1c8710d456be-1G9ISYhSF8XoOmdcl0yKDu:not(:disabled):not(.IN-bf195e49-eb86-4856-9b9f-1c8710d456be-1zhzkayakwEXovVYUbq5Gy):hover {
  background-color: transparent !important;
}
.sharing-buttons .IN-widget svg path {
  fill: #00A19A;
}

.text-with-dividers {
  padding-left: 0;
  margin-left: 0;
  list-style: none;
}
.text-with-dividers p {
  margin-top: 1em;
  margin-bottom: 1em;
}
.text-with-dividers li {
  border-bottom: 1px solid #BEE0D5;
}
.text-with-dividers li:first-child p:first-child {
  margin-top: 0;
}
.text-with-dividers li:last-of-type {
  border-bottom: none;
}

@media (min-width: 100em) {
  .topics-page.topics-archive .page-header .row, .quote-with-image .row {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200.1px) {
  .all-supplier-items .masonry .grid-sizer, .all-supplier-items .masonry .card {
    width: calc(33.33333333% - 18.666666667px);
  }
  .masonry-gallery li {
    width: calc(25% - 21px);
  }
}
@media (max-width: 1200px) and (min-width: 980.1px) {
  .masonry-gallery li {
    width: calc(33.33333333% - 18.666666667px);
  }
  .masonry .card.big {
    width: calc(66.666666% - 10px);
  }
  .page-header .header-area-menu .menu-toggle {
    display: none;
  }
  .latest-posts {
    grid-template-rows: repeat(3, auto);
  }
  .latest-posts .pinned-item {
    grid-column: span 3;
    grid-row: span 2;
    display: flex;
    flex-direction: column-reverse;
  }
  .latest-posts .pinned-item .content {
    flex-grow: 1;
  }
  .latest-posts .pinned-item img:not(.language-flag) {
    margin-left: 0;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 1.7;
  }
  .latest-posts .news-item.first {
    border-bottom: 1px solid #BEE0D5;
  }
  .voxpops-area .content .inner {
    padding: 15px;
    padding-top: 0;
  }
  .voxpops-area .col.third {
    padding: 0 15px;
  }
  .text-area-right-image .col.half p {
    padding-left: 0;
  }
  .highlighted-items .col.quarter {
    flex: 0 0 calc(50% - 14px);
    max-width: calc(50% - 14px);
  }
  .related-content .col.half.card {
    display: flex;
    flex-direction: column;
  }
  .related-content .col.half.card .language-flag {
    right: 17.5px;
  }
  .related-content .col.half.card .kicker {
    margin-right: 20px;
  }
  .related-content .col.half.card .content {
    flex-grow: 1;
  }
  .related-content .col.half.card .image {
    align-self: flex-end;
    width: 100%;
    margin-top: auto;
  }
  .related-content .col.half.card .image img {
    display: block;
    aspect-ratio: 1.5;
  }
  .related-content .row .col.quarter {
    flex: 0 0 calc(50% - 14px);
    max-width: calc(50% - 14px);
  }
  .numbers-block .row .col {
    flex: 0 0 calc(50% - 14px);
    max-width: calc(50% - 14px);
  }
  .numbers-block .row .col:nth-of-type(2n) {
    border-right: none;
  }
  .single-supplier .supplier-articles .grid-display .card .image {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .single-supplier .supplier-articles .grid-display .card .content {
    flex: 0 0 60%;
    max-width: 60%;
  }
}
@media (min-width: 980.1px) {
  .promo-block.icebg .col.half.content {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .promo-block.icebg .col.half.image {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .media-center .col.half.first {
    padding-right: 5%;
  }
  .media-center .col.half.second {
    padding-left: 5%;
  }
  .page-header.has-menu + .entry-content section:first-of-type:before {
    position: relative;
    width: 100%;
    height: 40px;
    content: " ";
    display: block;
  }
  .team-area .col.third {
    max-width: 300px;
  }
  .team-area .team-member {
    flex: 0 0 45%;
    max-width: 45%;
  }
  .team-area .team-member.index-1 {
    margin-right: 18%;
    margin-left: auto;
  }
  .team-area .team-member.index-2 {
    margin-left: 10%;
    margin-top: -5%;
    margin-right: -5%;
  }
  .team-area .team-member.index-3 {
    margin-top: 8%;
  }
  .team-area .team-member.index-4 {
    margin-top: -3%;
    margin-right: -5%;
  }
  .team-area .team-member.index-5 {
    margin-top: 29%;
    margin-right: 15%;
    margin-left: auto;
  }
  .team-area .team-member.index-6 {
    margin-left: 10%;
    margin-top: -8%;
    margin-right: -5%;
  }
  .team-area .team-member.index-7 {
    margin-top: 8%;
  }
  .team-area .team-member.index-8 {
    margin-top: -5%;
  }
  .team-area .team-member.index-2 .inner, .team-area .team-member.index-3 .inner, .team-area .team-member.index-6 .inner, .team-area .team-member.index-7 .inner {
    flex-direction: row-reverse;
  }
  .team-area .team-member.index-2 .inner .info, .team-area .team-member.index-3 .inner .info, .team-area .team-member.index-6 .inner .info, .team-area .team-member.index-7 .inner .info {
    padding-left: 22px;
    padding-right: 0;
  }
  .item-promo-block .row {
    flex-direction: row;
  }
  .item-promo-block .row .col.sixty {
    flex: 0 0 60%;
    max-width: 60%;
    padding-right: 5%;
  }
  .item-promo-block .row .col.forty {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .item-promo-block .row.reverse {
    flex-direction: row-reverse;
  }
  .item-promo-block .row.reverse .col.sixty {
    padding-left: 5%;
    padding-right: 0;
  }
}
@media (max-width: 1200px) {
  .masonry .grid-sizer, .masonry .card {
    width: calc(33.33333333% - 18.666666667px);
  }
  .card .image img {
    max-height: 184px;
  }
  .topics-page header .row.suggested-items {
    width: 95%;
    margin-left: 5%;
  }
  .all-supplier-items .masonry .grid-sizer, .all-supplier-items .masonry .card {
    width: calc(50% - 14px);
  }
  .partners-grid.many-items {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (max-width: 980px) {
  .item-promo-block .col, .two-col-image-text .col {
    display: block;
  }
  .partners-grid.many-items {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sponsor-popup .col.image {
    margin-bottom: 20px;
  }
  .page-header.color .row {
    padding-top: 0;
  }
  .half-half-image-text .row {
    display: block;
  }
  .half-half-image-text .col.image img {
    -o-object-fit: contain;
       object-fit: contain;
    height: auto;
  }
  .half-half-image-text .col.half.content {
    width: clamp(16rem, 95vw, 100rem);
    margin-left: auto;
    margin-right: auto;
    padding: 40px 20px;
  }
  .half-half-image-text p {
    max-width: 65ch;
  }
  .half-half-image-text p:last-child {
    margin-bottom: 0;
  }
  .page-header .ribbon {
    display: none;
  }
  .col.video-area {
    margin-top: 1.5em;
  }
  .event.card {
    width: calc(50% - 14px);
  }
  .event-info-short .row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .event-info-main .row {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .event-info-main .col {
    padding: 40px;
  }
  .speakers.row {
    flex-direction: row;
  }
  .speakers.row .col {
    flex: 0 0 50%;
  }
  .agenda-block .large-copy p {
    margin-bottom: 2em;
  }
  .agenda-block {
    padding-bottom: 70px;
  }
  .masonry-gallery li {
    width: calc(50% - 14px);
  }
  .media-galleries header .row {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .media-galleries header .col.half {
    flex: 0 0 100%;
  }
  .media-galleries header .col.quarter {
    flex: 0 0 50%;
  }
  .media-galleries .site-gallery {
    padding: 40px 0;
  }
  .latest-press-releases .row .press-release-item {
    grid-column: span 2;
  }
  .header-slider-area .col.half {
    margin-left: 0;
  }
  .partners-block {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .partners-block .row {
    display: block;
  }
  .partners-block p {
    max-width: 45ch;
    margin-left: auto;
    margin-right: auto;
  }
  .partners-block .col.forty {
    padding-right: 0;
    text-align: center;
  }
  .partners-block .med-copy {
    margin-bottom: 1.5em;
  }
  .lightbox-item {
    max-height: 100vh;
    overflow: scroll;
  }
  .lightbox-item .row.fullwidth {
    display: block;
  }
  .lightbox-item .col.sixty {
    padding: 40px;
    display: block;
  }
  .lightbox-item .col.forty {
    padding: 40px;
    display: flex;
  }
  .header-slider-area .header-post-slider {
    margin-left: 0;
    margin-bottom: 60px;
  }
  .latest-posts .pinned-item {
    grid-column: span 4;
  }
  .latest-posts .news-item {
    grid-column: span 2;
  }
  .latest-posts .news-item h3 {
    margin-bottom: 0;
  }
  .key-topics, .locations {
    grid-template-rows: repeat(3, minmax(0, 1fr));
    grid-template-columns: auto;
    grid-gap: 28px;
  }
  .key-topics .card, .locations .card {
    flex-direction: row;
  }
  .key-topics .card .content, .key-topics .card a:not(.archive-link), .locations .card .content, .locations .card a:not(.archive-link) {
    flex: 0 0 50%;
  }
  .key-topics .card .content .kicker, .locations .card .content .kicker {
    margin-bottom: 5px;
  }
  .key-topics .card img, .locations .card img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .row {
    padding-left: 20px;
    padding-right: 20px;
  }
  .guidance-page .page-header .row h1, .work-page .page-header .row h1 {
    margin-bottom: 20px;
  }
  .campaign-archive .page-header .row {
    display: block;
  }
  .archive-filter {
    margin-top: 20px;
  }
  .campaigns-block .featured-campaigns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page-header .header-area-menu ul.menu {
    display: none;
    position: absolute;
    top: 5em;
    border-radius: 2.5em;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
  .page-header .header-area-menu ul.menu li:hover a, .page-header .header-area-menu ul.menu li:focus a {
    color: #00A19A;
  }
  .page-header .header-area-menu ul.menu li.current-menu-item:hover a, .page-header .header-area-menu ul.menu li.current-menu-item:focus a {
    color: #004052;
  }
  .page-header .header-area-menu ul.menu li {
    padding: 14px 23px;
  }
  .page-header .header-area-menu ul.menu li a {
    display: flex;
    justify-content: space-between;
  }
  .page-header .header-area-menu ul.menu li a img, .page-header .header-area-menu ul.menu li a svg {
    margin-right: 0;
  }
  .page-header.has-menu + .entry-content section:before {
    height: 0;
  }
  .intro-text-with-button .col.forty {
    padding-left: 0;
  }
  .intro-text-with-button .col.forty .button {
    margin-left: 0;
    margin-top: 1em;
  }
  .two-col-numbered-list .numbered-list {
    -moz-column-count: 1;
         column-count: 1;
  }
  .centered-text-area.has-button {
    padding-bottom: 50px;
  }
  .page-header.darkteal svg.ribbon {
    opacity: 0.5;
  }
  .page-header.darkteal .header-area-menu button.menu-toggle {
    background: #00A19A;
  }
  .row.menu-area {
    margin-bottom: 0;
  }
  .header-area-menu button.menu-toggle {
    position: relative;
    left: 0;
    top: 0;
    width: auto;
    display: block;
    height: auto;
    border-radius: 3em;
    font-size: clamp(1.13rem, 0.97rem + 0.32vw, 1.25rem);
    line-height: 1.6em;
    padding: 14px 33px;
    padding-right: 23px;
    color: white;
    background: #004052;
    display: flex;
    margin-bottom: 2em;
  }
  .header-area-menu button.menu-toggle svg path {
    stroke: currentColor;
    transition: rotate 0.2s ease;
  }
  .header-area-menu button.menu-toggle img, .header-area-menu button.menu-toggle svg {
    display: block;
    margin: auto;
    margin-left: 25px;
  }
  .headermenuopen .page-header .header-area-menu ul.menu {
    display: block;
  }
  .headermenuopen button.menu-toggle svg {
    transform: rotate(90deg);
  }
  .media-center .page-header .col.threequarter {
    padding-left: 0;
  }
  .page-header {
    padding-bottom: 40px;
  }
  .page-header.color .row {
    display: block;
  }
  .archive-pressrelease .page-header a.button {
    margin-left: 0;
    margin-right: auto;
  }
  .archive-pressrelease .page-header h1 {
    margin-bottom: 1em;
  }
  .press-release.archive-item {
    flex-wrap: wrap;
  }
  .press-release.archive-item .xs-copy, .press-release.archive-item .large-copy, .press-release.archive-item .entry-title {
    flex: 0 0 100%;
    padding-right: 0;
    margin-bottom: 0.5em;
    margin-top: 0;
  }
  .press-release.archive-item .large-copy {
    margin-bottom: 0;
  }
  .pagination {
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: row;
  }
  .topics-page header .row.suggested-items {
    width: 100%;
    margin-left: 0;
    flex-direction: row;
  }
  .topics-page header .background-image path {
    fill: white;
  }
  .topics-page header .col.hot-topics-list {
    flex: 0 0 40%;
  }
  .topics-page header .col.all-topics-list {
    padding-left: 5vw;
    flex: 0 0 60%;
  }
  .hot-topics li {
    margin-bottom: 0.2em;
  }
  .half-half-mixed-content {
    padding-bottom: 40px;
    padding-top: 40px;
  }
  .two-col-numbered-list h2 {
    margin-bottom: 1em;
  }
  .two-col-numbered-list .numbered-list .number {
    flex: 0 0 50px;
    height: 50px;
    margin-right: 30px;
  }
  .two-col-numbered-list .numbered-list li {
    margin-bottom: 1.5em;
  }
  .events-block {
    padding: 40px 0;
  }
  .icons-descriptions {
    padding: 40px 0;
  }
  .testimonial-slider-area {
    padding-top: 50px;
  }
  .testimonial-slider-area .flickity-button {
    padding: 0;
  }
  .testimonial-slider-area .flickity-button svg {
    position: relative;
    margin: auto;
    top: auto;
    left: auto;
  }
  .testimonial-slider-area svg {
    margin-bottom: 20px;
  }
  .testimonial-slider-area .flickity-prev-next-button.next {
    right: -20px;
  }
  .testimonial-slider-area .flickity-prev-next-button.previous {
    left: -20px;
  }
  .voxpops-area .col.third, .voxpops-area .col.half, .voxpops-area .col.full {
    width: 100%;
    max-width: 700px;
    margin: auto;
    margin-bottom: 30px;
  }
  .voxpops-area .row.voxpops {
    display: block;
  }
  .voxpops-area {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .voxpops-area h2 {
    margin-bottom: 30px;
  }
  .voxpops-area .content .inner {
    padding-top: 0;
  }
  .team-area .col.third .copy {
    max-width: 45ch;
  }
  .team-area .row {
    display: block;
  }
  .team-area .team-member {
    margin-bottom: 40px;
  }
  .team-area .team-member.index-2 .inner, .team-area .team-member.index-4 .inner, .team-area .team-member.index-6 .inner, .team-area .team-member.index-8 .inner {
    flex-direction: row-reverse;
  }
  .team-area .team-member.index-2 .inner .info, .team-area .team-member.index-4 .inner .info, .team-area .team-member.index-6 .inner .info, .team-area .team-member.index-8 .inner .info {
    padding-left: 22px;
    padding-right: 0;
  }
  .team-area {
    padding-bottom: 60px;
  }
  .grouped-image-text .col.half img {
    margin-left: auto;
    margin-right: auto;
  }
  .grouped-image-text p.very-large {
    text-align: center;
  }
  .full-image-overlapping-text {
    margin-bottom: 40px;
  }
  .full-image-overlapping-text .row {
    position: relative;
    margin-top: -50px;
    bottom: 0;
  }
  .text-area-right-image {
    margin-top: 40px;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 40px;
  }
  .text-area-right-image .col.half {
    margin-right: auto;
    margin-bottom: 40px;
    width: 90%;
    flex: 0 0 90%;
    max-width: 700px;
  }
  .text-area-right-image .col.half p {
    padding-left: 0;
    padding-right: 0;
  }
  .text-area-right-image img.pull-right {
    align-self: center;
    flex: 0 0 100%;
    max-width: 700px;
  }
  .big-numbers-block {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .big-numbers-block .row {
    max-width: 45ch;
    margin: auto;
  }
  .big-numbers-block .col.second {
    margin-right: auto;
  }
  .text-and-chart {
    padding: 40px 0;
  }
  .centered-text-area .col {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .centered-text-area .col p:last-of-type {
    margin-bottom: 0;
  }
  .centered-text-area.has-button + section {
    padding-top: 70px;
  }
  .video-callout-page {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .video-callout-page .row {
    display: block;
  }
  .video-callout-page .inner {
    margin-top: 0;
    width: 100%;
  }
  .text-area-left-column .col.threequarter, .podcast .col.threequarter {
    padding-left: 0;
  }
  .text-area-left-column.white, .long-quote {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .med-copy blockquote:last-child {
    margin-bottom: 1em;
  }
  .med-copy:last-child p, .med-copy:last-child ul, .med-copy:last-child ol {
    margin-bottom: 0;
  }
  .highlighted-items .col.quarter, .highlighted-items .col.third, .highlighted-items .col.half {
    flex: 0 0 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .highlighted-items .col.quarter img, .highlighted-items .col.third img, .highlighted-items .col.half img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .contact-page .top .col.forty {
    margin-top: 40px;
  }
  .text-area-left-column.white.padding-large, .text-area-left-column.white {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .text-area-left-column.ice, .text-area-left-column.ice.padding-large, .podcast {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .col.threequarter ul:last-child {
    margin-bottom: 0;
  }
  .video-callout .row {
    display: block;
  }
  .item-template .video-callout .row.fullwidth .col.quarter {
    flex: 0 0 100%;
    max-width: 100%;
    margin-right: 0;
    padding: 30px 40px;
  }
  .video-callout .col.text p:last-child {
    margin-bottom: 0;
  }
  .related-content .row .col.third, .related-content .row .col.quarter {
    flex-direction: row;
  }
  .related-content .row .col.third .image, .related-content .row .col.quarter .image {
    flex: 0 0 40%;
  }
  .related-content .row .col.third .language-flag, .related-content .row .col.quarter .language-flag {
    top: 20px;
    left: auto;
    right: 17.5px;
  }
  .related-content .row .col.third .kicker, .related-content .row .col.quarter .kicker {
    margin-right: 35px;
  }
  .numbers-block {
    margin: 60px 0;
  }
  .numbers-block .row .col {
    flex: 0 0 100%;
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    border-right: none;
    border-bottom: 1px solid #BEE0D5;
  }
  .numbers-block .row .col:last-child {
    border-bottom: none;
  }
  .numbers-block {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .quote-with-image .row {
    flex-direction: row;
  }
  .quote-with-image .col.quarter {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
  .quote-with-image .col.threequarter {
    flex: 0 0 66.666666%;
    max-width: 66.666666%;
  }
  .comments-area .row {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .text-area-left-column .numbered-list {
    padding-left: 0;
  }
  .single-supplier .entry-content .col.half.logo {
    margin-bottom: 20px;
    display: block;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .single-supplier .entry-content .col.half.info {
    padding-left: 0;
  }
  .back-to-suppliers {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .supplier-info-area {
    display: block;
  }
  .single-supplier .supplier-articles .grid-display {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .not-found .col.hot-topics-list {
    flex: 0 0 100%;
    padding-right: 0;
    border-right: none;
  }
  .not-found .col.all-topics-list {
    flex: 0 0 100%;
    padding-left: 0;
    padding-top: 40px;
  }
}
@media (max-width: 980px) and (min-width: 767.1px) {
  .contact-info .row {
    flex-direction: row;
  }
  .promo-block .row, .row.featured-campaign {
    flex-direction: row;
  }
  .promo-block .row.reverse, .row.featured-campaign.reverse {
    flex-direction: row-reverse;
  }
  .promo-block .row .col, .row.featured-campaign .col {
    flex: 0 0 50%;
  }
  .topics-page.topics-archive .page-header .row {
    flex-direction: row;
  }
  .topics-page.topics-archive .page-header .row .col.half.text {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .topics-page.topics-archive .page-header .row .col.half.image {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .item-header.halfimage .row {
    flex-direction: row-reverse;
  }
  .item-header.halfimage .row .col.third {
    flex: 0 0 60%;
    max-width: 60%;
    padding-bottom: 40px;
  }
  .item-header.halfimage .row .col.image-area {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .featured-campaign .col {
    padding: 0 20px;
  }
  .featured-campaign .col.content {
    padding: 0 20px;
  }
  .row.featured-item-area {
    flex-direction: row;
  }
  .row.featured-item-area .col {
    flex: 0 0 50%;
  }
  .masonry .card.big {
    width: calc(66.66666666% - 14.6666px);
  }
  .half-half-mixed-content .row {
    flex-direction: row;
  }
  .half-half-mixed-content .col.half.first {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .half-half-mixed-content .col.half.second {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .half-half-mixed-content .info-block {
    padding: 30px;
  }
  .team-area .team-member-popup .popup-inner .row.fullwidth {
    flex-direction: row;
    display: flex;
  }
  .team-area .team-member-popup .popup-inner .row.fullwidth .col {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .text-area-left-column .row, .case-study-block .row {
    flex-direction: row;
  }
  .text-area-left-column .col.quarter, .case-study-block .col.quarter {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
  .text-area-left-column .col.threequarter, .case-study-block .col.threequarter {
    flex: 0 0 66.666666%;
    max-width: 66.666666%;
    padding-left: 5%;
  }
  .item-promo-block .row {
    flex-direction: row;
  }
  .item-promo-block .row .col.sixty {
    flex: 0 0 60%;
    max-width: 60%;
    padding-right: 5%;
  }
  .item-promo-block .row .col.forty {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .item-promo-block .row.reverse {
    flex-direction: row-reverse;
  }
  .item-promo-block .row.reverse .col.sixty {
    padding-left: 5%;
    padding-right: 0;
  }
  .callout-block .col.threequarter {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .callout-block {
    padding-top: 60px;
  }
  .item-template .row.fullwidth .col.quarter {
    flex: 0 0 var(--fullquarter);
    max-width: var(--fullquarter);
  }
  .two-col-image-text .row {
    flex-direction: row;
  }
  .two-col-image-text .row .col.text {
    flex: 0 0 60%;
    max-width: 60%;
    padding-right: 5%;
  }
  .two-col-image-text .row .col.image {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .long-quote blockquote p:first-of-type:before {
    height: 45px;
    width: 40px;
    top: 0;
    left: -60px;
  }
  .long-quote blockquote p:last-of-type:after {
    height: 45px;
    width: 40px;
    bottom: 0px;
    right: -60px;
  }
  .long-quote blockquote p, .long-quote blockquote figcaption {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .sponsor-popup .row.fullwidth {
    padding: 20px;
  }
  .partners-grid.many-items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .latest-posts .pinned-item img:not(.language-flag) {
    margin-left: 0;
    width: 100%;
    max-width: 100%;
  }
  .page-header.color .header-area-menu button.menu-toggle {
    margin-bottom: 0;
  }
  .sponsors-block .row.items {
    display: block;
  }
  .sponsors-block .row.items .col .sponsorlink {
    height: auto;
    margin-bottom: 20px;
  }
  .sponsors-block .row.items .col {
    margin-bottom: 28px;
    border-bottom: 1px solid #BEE0D5;
  }
  .sponsors-block .row.items .col:last-child {
    border-bottom: none;
  }
  .media-center .page-header {
    padding-top: 40px;
  }
  .media-center .entry-content .highlighted-items {
    padding-bottom: 40px;
  }
  .media-center .latest-press-releases {
    padding-top: 40px;
    padding-bottom: 0;
  }
  img.partner-logo, svg.partner-logo {
    width: 85%;
    height: 85%;
  }
  .latest-posts .pinned-item {
    grid-column: span 4;
    display: flex;
    flex-direction: column-reverse;
  }
  .latest-posts .pinned-item .content {
    flex-grow: 1;
  }
  .latest-posts .pinned-item img {
    margin-left: 0;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 1.7;
  }
  .latest-posts .press-release-item {
    grid-column: span 2;
  }
  .latest-posts .press-release-item h3 {
    margin-bottom: 0;
  }
  .key-topics .card .content, .locations .card .content {
    padding: 20px;
  }
  .key-topics-area, .locations-area {
    padding-top: 35px;
    padding-bottom: 40px;
  }
  .header-area.small-title {
    margin-bottom: 35px;
  }
  .header-area.small-title .small-section-title {
    margin-bottom: 0;
  }
  .latest-posts {
    padding-bottom: 40px;
  }
  .promo-block .image img {
    position: relative;
    aspect-ratio: 1.5;
  }
  .promo-block.large p {
    max-width: 45ch;
    margin-bottom: 2em;
  }
  .masonry .grid-sizer, .masonry .card {
    width: calc(50% - 14px);
  }
  .card .image img {
    max-height: 214px;
  }
  .page-header.icebg .background-image path {
    fill: white;
  }
  .item-header.color {
    padding-top: 40px;
  }
  .page-header.color {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .insights-page .page-header .background-image, .guidance-page .page-header .background-image, .work-page .page-header .background-image, .event-archive .background-image, .page-header.color .background-image, .media-center .page-header .background-image, .archive-pressrelease .background-image {
    display: none;
  }
  .insights-page .page-header {
    padding-top: 40px;
  }
  .campaign-archive .page-header .background-image path {
    fill: #EDF6F4;
  }
  .campaign-archive .page-header .large-copy {
    margin-bottom: 0;
  }
  .row.featured-campaign {
    display: block;
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .row.featured-campaign .col {
    max-width: 600px;
    margin: 0 auto;
  }
  .row.featured-campaign .col.content {
    padding: 0;
    margin-top: 28px;
  }
  .row.featured-campaign h2 {
    max-width: none;
  }
  .row.featured-campaign img {
    width: 100%;
  }
  .topics-page.topics-archive .page-header .col.half.text, .item-header.halfimage .col.third {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .topics-page.topics-archive .page-header .col.half.text h1, .item-header.halfimage .col.third h1 {
    margin-bottom: 0;
  }
  .topics-page.topics-archive .page-header .col.half.text p, .item-header.halfimage .col.third p {
    margin-top: 1.5em;
    margin-bottom: 0;
  }
  .featured-item {
    flex-direction: column;
  }
  .featured-item .image img {
    margin-bottom: 0;
  }
  .masonry .card.big {
    width: 100%;
  }
  .featured-item .content {
    padding: 30px;
  }
  .featured-item .content .large-copy p:last-of-type {
    margin-bottom: 0;
  }
  .news-page .page-header .background-image path {
    fill: #BEE0D5;
  }
  .half-half-mixed-content .row {
    flex-direction: column-reverse;
  }
  .half-half-mixed-content .row .col.half.second {
    margin-bottom: 40px;
  }
  .half-half-mixed-content img, .half-half-mixed-content .info-block {
    width: 100%;
  }
  .topics-page header .row.suggested-items {
    flex-direction: column;
  }
  .topics-page header .row.suggested-items ul.hot-topics {
    margin-bottom: 1.5em;
  }
  .topics-page header .col.hot-topics-list {
    padding-right: 0;
    border-right: none;
  }
  .topics-page header .col.all-topics-list {
    padding-left: 0;
  }
  .topics-page header {
    padding-bottom: 40px;
  }
  .topics-page.topics-archive .page-header .row .col.half.image, .item-header.halfimage .row .col.image-area {
    flex: 0 0 40%;
  }
  .topics-page.topics-archive .page-header .row .col.half.text, .item-header.halfimage .row .col.third {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .item-header.image .title-area {
    padding: 20px 30px;
  }
  .item-header.image .row {
    margin-top: -5em;
    margin-bottom: -6em;
  }
  .item-header.image + section {
    padding-top: 9em;
  }
  .item-header.color .author-meta img {
    flex: 0 0 100px;
    max-width: 100px;
  }
  .voxpops-area .col.portrait .col-inner {
    flex-direction: column;
    max-width: 500px;
    margin: auto;
    width: 100%;
  }
  .voxpops-area .content .inner {
    padding-bottom: 0;
  }
  .team-area .team-member-popup .popup-inner .col.first {
    padding-right: 0;
    padding-bottom: 40px;
  }
  .team-area {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .full-image-overlapping-text .row .col {
    padding: 30px;
  }
  .contact-info .row {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .contact-info .col.quarter {
    flex: 0 0 calc(50% - 14px);
    max-width: calc(50% - 14px);
  }
  .contact-info .col.half {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .text-area-left-column .row, .item-promo-block .row {
    display: block;
  }
  .text-area-left-column .lh-image {
    max-width: 500px;
    margin-right: auto;
  }
  .download-block {
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
  }
  .download-block h3 {
    text-align: center;
  }
  .item-promo-block .col.image img, .two-col-image-text .col.image img, .item-promo-block .col.half.text, .two-col-image-text .col.half.text {
    max-width: 500px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .case-study-block .col.quarter {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 20px;
  }
  .case-study-block .col.quarter img {
    flex: 0 0 100px;
    max-width: 100px;
    margin-bottom: auto;
    margin-right: 20px;
  }
  .item-template .col.threequarter {
    padding-left: 0;
  }
  .callout-block {
    padding: 40px 0;
  }
  .item-promo-block .col.half.text, .two-col-image-text .col.half.text {
    padding: 0;
  }
  .two-col-image-text {
    margin: 40px 0;
  }
  .related-content {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .related-content .row {
    display: block;
  }
  .related-content article {
    margin-bottom: 28px;
  }
  .related-content .col.half.card {
    display: flex;
    flex-direction: column;
  }
  .related-content .col.half.card .language-flag {
    right: 17.5px;
  }
  .related-content .col.half.card .kicker {
    margin-right: 20px;
  }
  .related-content .col.half.card .content {
    flex-grow: 1;
  }
  .related-content .col.half.card .image {
    align-self: flex-end;
    width: 100%;
    margin-top: auto;
  }
  .related-content .col.half.card .image img {
    display: block;
    aspect-ratio: 1.5;
  }
  .related-content .row.topd-yes {
    padding-top: 40px;
  }
  .related-content .row.bottomd-yes {
    padding-bottom: 40px;
  }
  .podcast .audio-player {
    padding: 20px;
  }
  .podcast .sound-button, .podcast .player-button {
    height: 50px;
    width: 50px;
  }
  .related-content .row .col.third, .related-content .row .col.quarter, .related-content .row .col.full, .related-content .row .col.half {
    display: block;
  }
  .related-content .row .col.third p:not(.kicker), .related-content .row .col.quarter p:not(.kicker), .related-content .row .col.full p:not(.kicker), .related-content .row .col.half p:not(.kicker) {
    margin-bottom: 0;
  }
  .quote-with-image.proportional .col.threequarter .inner {
    padding: 40px 35px;
  }
  .quote-with-image .col.threequarter blockquote:before {
    height: 45px;
    width: 40px;
    top: -60px;
    left: 0;
  }
  .quote-with-image .col.threequarter blockquote {
    margin-left: 0;
    margin-right: 0;
    margin-top: 60px;
  }
  .long-quote blockquote p:first-of-type:before {
    position: relative;
    height: 45px;
    width: 40px;
    top: 0;
    left: 0;
    display: block;
    margin-bottom: 0.5em;
  }
  .long-quote blockquote p:last-of-type:after {
    display: none;
  }
  .text-area-left-column .numbered-list .number {
    flex: 0 0 50px;
    max-width: 50px;
    height: 50px;
    margin-right: 25px;
  }
  .text-area-left-column .numbered-list li {
    margin-bottom: 1.5em;
  }
  .text-area-left-column .numbered-list h3 {
    margin-bottom: 0.5em;
  }
  .all-supplier-items .masonry .grid-sizer, .all-supplier-items .masonry .card {
    width: 100%;
  }
  .media-center .page-header .buttons {
    display: block;
  }
  .archive-filter-topics {
    margin-bottom: 0;
  }
  .event.card .event-date {
    width: 70px;
    height: 70px;
    top: -35px;
    padding: 10px;
  }
  .event.card, .past-events .event.card {
    margin-bottom: 20px;
  }
  .event-archive .page-header .background-image path {
    fill: #C8D400;
  }
}
@media (max-width: 600px) {
  .event-info-main .info-area {
    display: block;
  }
  .event-info-main .info-area p.title {
    margin-bottom: 0.5em;
  }
  .event-info-short .event-date {
    flex: 0 0 90px;
    padding: 20px;
  }
  .event-info-short .event-details {
    padding: 20px;
  }
  .event.card {
    width: 100%;
    display: block;
  }
  .event.card.featured-yes {
    display: block;
  }
  .event.card.featured-yes .event-date {
    top: -35px;
  }
  .speakers.row .col {
    flex: 0 0 100%;
  }
  .speakers-block .speaker:last-child {
    margin-bottom: 20px;
  }
  .agenda-block {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .agenda-block .accordion h3 .accordion-time {
    flex: 0 0 90px;
  }
}
@media (max-width: 500px) {
  .all-news-block article.big .content, .all-news-block article.big .image {
    flex: 0 0 auto;
    max-width: 100%;
  }
  .partners-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .partners-grid a.partnerlink {
    padding: 30px;
    aspect-ratio: unset;
  }
  .latest-posts {
    grid-template-rows: auto;
  }
  .latest-posts .news-item, .latest-posts .press-release-item {
    grid-column: span 4;
  }
  .latest-posts .news-item.first {
    border-bottom: 1px solid #BEE0D5;
    padding-bottom: 28px;
  }
  .latest-posts .latest-posts .news-item:not(.no-image) {
    aspect-ratio: unset;
  }
  .key-topics, .locations {
    display: block;
  }
  .key-topics .card, .locations .card {
    flex-direction: column;
    margin-bottom: 28px;
  }
  .masonry .grid-sizer, .masonry .card {
    width: 100%;
  }
  .card .image img {
    max-height: none;
  }
  .row.featured-campaign .content a.button {
    margin: 0;
    width: 100%;
    text-align: center;
  }
  .masonry .card.big {
    width: 100%;
    flex-direction: column-reverse;
    margin-bottom: 28px;
  }
  .all-news-block article.big img.language-flag, article.big img.language-flag, .press-release-item .language-flag {
    right: 17.5px;
  }
  .campaigns-block .featured-campaigns {
    display: block;
  }
  .campaigns-block .featured-campaigns article {
    margin-bottom: 28px;
  }
  .team-area .team-member .info p.name {
    margin-top: 15px;
  }
  .highlighted-items .col.quarter, .highlighted-items .col.third, .highlighted-items .col.half {
    grid-template-columns: repeat(2, 60% 40%);
  }
  .topics-page.topics-archive .page-header .row .col.half.image, .item-header.halfimage .row .col.image-area {
    display: none;
  }
  .topics-page.topics-archive .page-header .row .col.half.text, .item-header.halfimage .row .col.third {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .gated-content a.button.small {
    margin-bottom: 20px;
  }
  .case-study-block .col.quarter {
    flex-direction: column;
  }
  .quote-with-image .row {
    flex-direction: column-reverse;
  }
  .quote-with-image .row .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .quote-with-image .row .col.quarter {
    display: flex;
  }
  .quote-with-image .row .col.quarter img, .quote-with-image .row .col.quarter p.caption {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .supplier-header .col.full {
    max-width: 100%;
  }
  .single-supplier .supplier-articles .grid-display .card {
    display: block;
  }
  .single-supplier .supplier-articles .grid-display .card .image, .single-supplier .supplier-articles .grid-display .card .content {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .media-center .latest-press-releases .row {
    display: block;
  }
  .media-center .latest-press-releases .press-release-item {
    margin-bottom: 28px;
  }
  .media-center .latest-press-releases {
    padding-bottom: 40px;
  }
  .masonry-gallery li {
    width: 100%;
  }
  .media-galleries header .col.quarter {
    flex: 0 0 100%;
  }
}
/*header search form*/
.search-form-area {
  position: fixed;
  top: 0;
  width: 100%;
  min-height: 100vw;
  left: 0;
  transform: translatey(-120%);
  transition: all 0.5s ease;
  background: #004052;
  z-index: 3;
}
.search-form-area a {
  color: white;
  text-decoration: none;
  transition: all 0.2s ease;
}
.search-form-area a:focus, .search-form-area a:hover {
  color: #00A19A;
}
.search-form-area ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.search-form-area .kicker {
  color: #00A19A;
}
.search-form-area .search-area {
  padding-top: 51px;
  padding-bottom: 72px;
}
.search-form-area button.close-search {
  background: transparent;
  border: none;
  display: flex;
  cursor: pointer;
  position: absolute;
  top: 3px;
  right: 30px;
  z-index: 2;
  padding: 10px;
}
.search-form-area button.close-search:focus {
  outline: 1px dotted white;
}
.search-form-area .search-form {
  flex: 0 0 75%;
  margin-left: auto;
  margin-right: 0;
}
.search-form-area .search-form form {
  display: flex;
}
.search-form-area .search-form form label {
  flex-grow: 1;
}
.search-form-area .search-form form label input {
  width: 100%;
  padding: 15px 22px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
  background: transparent;
}
.search-form-area .search-form form label input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.search-form-area .search-form form label input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.search-form-area .search-form form label input:focus {
  color: white;
}
.search-form-area .search-form form input[type=submit] {
  border-radius: 0;
  background: #00A19A;
  background-image: url(/wp-content/themes/UKH-WP-Theme/assets/images/search-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 86px;
  background-size: 32px;
  margin-left: 20px;
  border: 2px solid #00A19A;
}
.search-form-area .search-form form input[type=submit]:focus, .search-form-area .search-form form input[type=submit]:hover {
  background: #D6075C;
  background-image: url(/wp-content/themes/UKH-WP-Theme/assets/images/search-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px;
  border-color: #D6075C;
}
.search-form-area ul.all-topics {
  display: grid;
  grid-template-columns: repeat(auto);
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  font-size: 15px;
  line-height: 2.07em;
}
.search-form-area ul.hot-topics {
  font-size: 24px;
  line-height: 1.25em;
}
.search-form-area ul.hot-topics li {
  margin-bottom: 0.5em;
}
.search-form-area .kicker {
  margin-top: 0;
  margin-bottom: 0.8em;
}

.searchopen .search-form-area {
  transform: translatey(0);
}

/*search autocomplete */
.ui-widget-content.ui-autocomplete {
  background: #00A19A;
  border: none;
  color: #004052;
  font-size: clamp(1.13rem, 0.97rem + 0.32vw, 1.25rem);
  line-height: 1.6em;
}

.ui-widget.ui-widget-content.ui-autocomplete {
  border: 1px solid #00A19A;
  padding-bottom: 5px;
}
.ui-widget.ui-widget-content.ui-autocomplete .ui-menu-item-wrapper {
  padding: 7px 21px;
}
.ui-widget.ui-widget-content.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
  background: #00A19A;
  border: 1px solid rgba(237, 246, 244, 0.3490196078);
  color: #004052;
}

.ui-menu .ui-menu-item-wrapper:first-letter {
  color: white;
}

/*header*/
#masthead {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}

header .menu a {
  color: white;
  transition: color 0.2s ease;
}
header .menu a:focus, header .menu a:hover {
  color: #BEE0D5;
}

.login-buttons {
  display: flex;
}

/*top header*/
.top-header {
  background: #004052;
  color: white;
  font-size: 13px;
  line-height: 2.25em;
}
.top-header .menu-item-object-crisis a {
  color: #C8D400;
  font-weight: 700;
}
.top-header button.search {
  padding: 0;
  background: transparent;
  border: none;
  font-size: 13px;
  line-height: 2.25em;
  border-radius: 0;
  color: white;
  margin: auto 0;
  margin-left: 15px;
  display: flex;
  cursor: pointer;
}
.top-header button.search svg {
  margin: auto;
  margin-right: 13px;
}
.top-header .loginlink {
  color: white;
  text-decoration: none;
  margin: 0 15px;
}

.menu-top-header-menu-container {
  margin: auto;
}

.welcome-text {
  margin: 0 15px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-right: 30px;
  margin-left: 0;
}

.website-description {
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
}

.header-top-navigation {
  display: flex;
  margin-right: 0;
  margin-left: auto;
}
.header-top-navigation li {
  margin: 0 15px;
}

/*main header*/
.main-header {
  color: white;
  background: #D6075C;
  overflow: visible;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  padding: 0;
}
.main-header .site-branding {
  padding: 15px 0;
}
.main-header a.button {
  font-weight: 700;
  font-size: 16px;
  line-height: 2.25em;
  padding: 0 20px;
  display: inline-block;
  margin: auto;
  margin-right: 0;
  border-width: 1px;
}
.main-header a.button:focus, .main-header a.button:hover {
  background: #004052;
  border-color: #004052;
}
.main-header a.button.loginlink {
  background: transparent;
  border: 1px solid white;
  margin-right: 30px;
}
.main-header a.button.loginlink:focus, .main-header a.button.loginlink:hover {
  background: #004052;
  border-color: #004052;
}
.main-header .menu-main-header-menu-container {
  margin: 0;
}

.sheep-logged-in .top-header, .logged-in .top-header {
  background: #D6075C;
}
.sheep-logged-in .top-header a:hover, .sheep-logged-in .top-header a:focus, .logged-in .top-header a:hover, .logged-in .top-header a:focus {
  color: #BEE0D5;
}
.sheep-logged-in .top-header .menu-item-object-crisis a, .logged-in .top-header .menu-item-object-crisis a {
  color: white;
}
.sheep-logged-in .top-header .menu-item-object-crisis a:hover, .sheep-logged-in .top-header .menu-item-object-crisis a:focus, .logged-in .top-header .menu-item-object-crisis a:hover, .logged-in .top-header .menu-item-object-crisis a:focus {
  color: #BEE0D5;
}
.sheep-logged-in .main-header, .logged-in .main-header {
  background: #004052;
}
.sheep-logged-in .main-header .loginlink:focus, .sheep-logged-in .main-header .loginlink:hover, .sheep-logged-in .main-header a.button:focus, .sheep-logged-in .main-header a.button:hover, .logged-in .main-header .loginlink:focus, .logged-in .main-header .loginlink:hover, .logged-in .main-header a.button:focus, .logged-in .main-header a.button:hover {
  background: #D6075C;
}
.sheep-logged-in .main-header .menu a:focus, .sheep-logged-in .main-header .menu a:hover, .logged-in .main-header .menu a:focus, .logged-in .main-header .menu a:hover {
  color: #00A19A;
}
.sheep-logged-in .main-navigation ul .sub-menu-wrap, .logged-in .main-navigation ul .sub-menu-wrap {
  background: #004052;
}
.sheep-logged-in .main-navigation ul ul.sub-menu li a:focus, .sheep-logged-in .main-navigation ul ul.sub-menu li a:hover, .logged-in .main-navigation ul ul.sub-menu li a:focus, .logged-in .main-navigation ul ul.sub-menu li a:hover {
  color: #C8D400;
}

/*footer*/
.footer-signup {
  background: #004052;
  border-bottom: 1px solid #BEE0D5;
  padding: 30px 0;
  color: white;
}
.footer-signup .row {
  justify-content: space-between;
}
.footer-signup .col.mailing-list {
  min-width: 505px;
}
.footer-signup .col {
  display: flex;
  flex-direction: column;
}
.footer-signup h2:not(.kicker) {
  font-size: clamp(1.25rem, 0.87rem + 0.79vw, 1.56rem);
  line-height: 1.3em;
  max-width: 40ch;
  margin-top: 0;
}
.footer-signup .form {
  align-self: flex-end;
  margin: 0;
  margin-top: auto;
  width: 100%;
}
.footer-signup .form input {
  border: 1px solid #BEE0D5;
}
.footer-signup .form .yikes-easy-mc-success-message {
  background: transparent;
  color: white;
  padding: 0;
}
.footer-signup .edit-link {
  display: none;
}
.footer-signup .yikes-easy-mc-form input[type=text],
.footer-signup .yikes-easy-mc-form input[type=email],
.footer-signup .yikes-easy-mc-form input[type=url],
.footer-signup .yikes-easy-mc-form input[type=password],
.footer-signup .yikes-easy-mc-form input[type=search],
.footer-signup .yikes-easy-mc-form input[type=number],
.footer-signup .yikes-easy-mc-form input[type=tel],
.footer-signup .yikes-easy-mc-form input[type=range],
.footer-signup .yikes-easy-mc-form input[type=date],
.footer-signup .yikes-easy-mc-form input[type=month],
.footer-signup .yikes-easy-mc-form input[type=week],
.footer-signup .yikes-easy-mc-form input[type=time],
.footer-signup .yikes-easy-mc-form input[type=datetime],
.footer-signup .yikes-easy-mc-form input[type=datetime-local],
.footer-signup .yikes-easy-mc-form input[type=color] textarea {
  color: #004052;
  border: 1px solid #BEE0D5;
  background: #BEE0D5;
  width: 100%;
  border-radius: 0px;
  padding: 3px 12px;
  font-size: 18px;
  line-height: 1.6em;
  margin-bottom: 0;
}
.footer-signup .yikes-easy-mc-form input[type=text]:focus,
.footer-signup .yikes-easy-mc-form input[type=email]:focus,
.footer-signup .yikes-easy-mc-form input[type=url]:focus,
.footer-signup .yikes-easy-mc-form input[type=password]:focus,
.footer-signup .yikes-easy-mc-form input[type=search]:focus,
.footer-signup .yikes-easy-mc-form input[type=number]:focus,
.footer-signup .yikes-easy-mc-form input[type=tel]:focus,
.footer-signup .yikes-easy-mc-form input[type=range]:focus,
.footer-signup .yikes-easy-mc-form input[type=date]:focus,
.footer-signup .yikes-easy-mc-form input[type=month]:focus,
.footer-signup .yikes-easy-mc-form input[type=week]:focus,
.footer-signup .yikes-easy-mc-form input[type=time]:focus,
.footer-signup .yikes-easy-mc-form input[type=datetime]:focus,
.footer-signup .yikes-easy-mc-form input[type=datetime-local]:focus,
.footer-signup .yikes-easy-mc-form input[type=color] textarea:focus {
  color: #004052;
  outline: none;
  border-color: #00A19A;
}
.footer-signup .yikes-easy-mc-form label {
  margin-bottom: 0;
}
.footer-signup .yikes-easy-mc-form span.EMAIL-label, .footer-signup .yikes-easy-mc-form .empty-label {
  display: none;
}
.footer-signup .yikes-easy-mc-form .submit-button-inline-label .yikes-easy-mc-submit-button {
  padding: 3px 12px;
  font-size: 18px;
  line-height: 1.6em;
  border-width: 1px;
  min-height: 37px;
  margin-bottom: 0;
}
.footer-signup .yikes-easy-mc-form label.label-inline {
  margin-bottom: 0;
}
.footer-signup .custom-logo {
  display: block;
}
.footer-signup .social-icons a svg path {
  transition: all 0.2s ease;
}
.footer-signup .social-icons a:hover svg path, .footer-signup .social-icons a:focus svg path {
  fill: #00A19A;
}

.footer-main-menu, #colophon {
  background: #004052;
}

.sub-menu, .sub-sub-menu {
  margin: 0;
  padding: 0;
}

.main-footer-navigation {
  width: 100%;
}

.footer-main-menu {
  padding: 58px 0;
}

.menu-main-footer-menu-container {
  width: 100%;
  display: flex;
}
.menu-main-footer-menu-container .menu {
  width: 100%;
  flex: 0 0 100%;
  gap: 30px;
  justify-content: space-between;
}
.menu-main-footer-menu-container li a {
  color: #C8D400;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.2em;
  letter-spacing: 0.07em;
  margin-bottom: 15px;
  font-weight: 700;
  display: block;
  transition: color 0.2s ease;
}
.menu-main-footer-menu-container li a:focus, .menu-main-footer-menu-container li a:hover {
  color: #00A19A;
}
.menu-main-footer-menu-container li .sub-menu a {
  color: white;
  text-transform: none;
  font-weight: 400;
  font-size: 20px;
  line-height: 1em;
  letter-spacing: 0;
  margin-bottom: 8px;
}
.menu-main-footer-menu-container li .sub-menu a:focus, .menu-main-footer-menu-container li .sub-menu a:hover {
  color: #00A19A;
}

#colophon {
  border-top: 1px solid rgba(190, 224, 213, 0.2);
  color: white;
  padding: 38px 0;
  font-size: 14px;
  line-height: 1.3em;
}
#colophon a {
  color: white;
}
#colophon .site-info p {
  margin: 0;
}
#colophon .footer-navigation {
  margin-left: auto;
  margin-right: 0;
}
#colophon .footer-navigation li {
  margin: 0 10px;
}
#colophon .footer-navigation li:last-child {
  margin-right: 0;
}
#colophon .footer-navigation li a {
  transition: color 0.2s ease;
}
#colophon .footer-navigation li a:hover, #colophon .footer-navigation li a:focus {
  color: #BEE0D5;
}

@media (max-width: 1200px) {
  .top-header {
    display: none;
  }
  .menu-top-header-menu-container {
    margin: 0;
  }
  .menu-top-header-menu-container li {
    margin-left: 0;
  }
  .header-top-navigation {
    margin-right: auto;
    margin-left: 0;
  }
  .search-form-area {
    right: 0;
    left: auto;
    width: auto;
    height: 100vh;
    max-width: 100vw;
    transform: translateX(100%);
    transition: all 0.3s ease;
    top: 80px;
    height: calc(100vh - 80px);
    padding: 27px;
    overflow-y: scroll;
  }
  .search-form-area .row {
    width: auto;
    display: block;
    margin-left: auto;
  }
  .search-form-area .row .col {
    width: auto;
    max-width: 100%;
  }
  .search-form-area .suggested-items {
    padding-left: 0;
    padding-right: 0;
  }
  .search-form-area .search-area {
    padding: 0;
    padding-bottom: 2em;
  }
  .search-form-area .search-area .site-branding {
    display: none;
  }
  .search-form-area .search-form form {
    font-size: 20px;
    line-height: 1.25em;
  }
  .search-form-area .search-form form label {
    flex-grow: 0;
  }
  .search-form-area .search-form form label input {
    padding: 10px;
    font-size: 20px;
    line-height: 1.25em;
  }
  .search-form-area .search-form form input.search-submit {
    width: 49px;
    height: 49px;
    background-size: 25px;
  }
  .search-form-area button.close-search {
    position: relative;
    margin-left: auto;
    margin-right: 0;
    display: block;
    right: 0;
    padding-top: 0;
    top: 0;
  }
  .search-form-area button.close-search svg {
    width: 25px;
    height: 25px;
  }
  .search-form-area button.close-search svg path {
    fill: white;
  }
  .searchopen .search-form-area {
    transform: translateX(0);
  }
  .searchopen .search-form-area .suggested-items {
    flex-direction: column;
  }
  .searchopen .search-form-area ul.all-topics {
    display: block;
  }
  #colophon .row {
    flex-direction: column-reverse;
    justify-content: center;
  }
  #colophon .site-info p {
    text-align: center;
    margin-top: 1em;
  }
  #colophon .footer-navigation {
    margin-right: auto;
  }
  .menu-main-footer-menu-container .menu {
    flex-wrap: wrap;
  }
  #bottom-footer-menu {
    flex-wrap: wrap;
    justify-content: center;
    gap: 1em;
    margin-bottom: 1em;
  }
}
@media (max-width: 980px) {
  .footer-signup .col.mailing-list {
    margin-bottom: 2em;
  }
  .footer-signup .form {
    margin-top: 0;
  }
  .footer-signup .row {
    display: block;
  }
}
@media (max-width: 768px) {
  .footer-signup .col.mailing-list {
    min-width: 100%;
    max-width: 100%;
  }
  .footer-signup .yikes-easy-mc-form .submit-button-inline-label {
    width: 20%;
    min-width: 90px;
    float: left;
    min-width: 120px;
  }
  .footer-signup .yikes-easy-mc-form label.label-inline {
    width: 79%;
    padding-right: 10px;
    max-width: calc(100% - 120px);
  }
}
@media (max-width: 500px) {
  .footer-signup .yikes-easy-mc-form .submit-button-inline-label {
    width: 100%;
    min-width: 90px;
    float: none;
    margin-top: 10px;
  }
  .footer-signup .yikes-easy-mc-form label.label-inline {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
  }
}
/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

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

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

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

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

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

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

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

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

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

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

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

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

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #EDF6F4;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  -webkit-clip-path: none;
          clip-path: none;
  color: #004052;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

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

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

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

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}/*# sourceMappingURL=style.css.map */