:root {
  --white: #ffffff;

  --navy: #0E1946;
  --navy-80: color-mix(in srgb, var(--navy),#fff 20%);
  --navy-60: color-mix(in srgb, var(--navy),#fff 40%);
  --navy-darker: color-mix(in srgb, var(--navy),#000 35%);

  --cyan: #0098d3;
  --cyan-80: color-mix(in srgb, var(--cyan),#fff 20%);
  --cyan-60: color-mix(in srgb, var(--cyan),#fff 40%);
  --cyan-40: color-mix(in srgb, var(--cyan),#fff 60%);
  --cyan-20: color-mix(in srgb, var(--cyan),#fff 80%);

  --blue: #1c1ec7;
  --blue-80: color-mix(in srgb, var(--blue),#fff 20%);
  --blue-60: color-mix(in srgb, var(--blue),#fff 40%);
  --blue-40: color-mix(in srgb, var(--blue),#fff 60%);
  --blue-20: color-mix(in srgb, var(--blue),#fff 80%);

  --yellow: #f49811;
  --yellow-80: color-mix(in srgb, var(--yellow),#fff 20%);
  --yellow-60: color-mix(in srgb, var(--yellow),#fff 40%);
  --yellow-40: color-mix(in srgb, var(--yellow),#fff 60%);
  --yellow-20: color-mix(in srgb, var(--yellow),#fff 80%);

  --purple: #7d67da;
  --purple-80: color-mix(in srgb, var(--purple),#fff 20%);
  --purple-60: color-mix(in srgb, var(--purple),#fff 40%);
  --purple-40: color-mix(in srgb, var(--purple),#fff 60%);
  --purple-20: color-mix(in srgb, var(--purple),#fff 80%);

  --green: #7e8d36;
  --green-80: color-mix(in srgb, var(--green),#fff 20%);
  --green-60: color-mix(in srgb, var(--green),#fff 40%);
  --green-40: color-mix(in srgb, var(--green),#fff 60%);
  --green-20: color-mix(in srgb, var(--green),#fff 80%);

  --pink: #c068a6;
  --pink-80: color-mix(in srgb, var(--pink),#fff 20%);
  --pink-60: color-mix(in srgb, var(--pink),#fff 40%);
  --pink-40: color-mix(in srgb, var(--pink),#fff 60%);
  --pink-20: color-mix(in srgb, var(--pink),#fff 80%);

  --red: #e6534e;
  --red-80: color-mix(in srgb, var(--red),#fff 20%);
  --red-60: color-mix(in srgb, var(--red),#fff 40%);
  --red-40: color-mix(in srgb, var(--red),#fff 60%);
  --red-20: color-mix(in srgb, var(--red),#fff 80%);

  --clay: #F1F1F1;
  --clay-darker: color-mix(in srgb,var(--clay),#000 15%);
  --clay-80: color-mix(in srgb, var(--clay),#fff 20%);
  --clay-60: color-mix(in srgb, var(--clay),#fff 40%);
  --clay-40: color-mix(in srgb, var(--clay),#fff 60%);
  --clay-20: color-mix(in srgb, var(--clay),#fff 80%);
}

.sq {
    width: 80px;
    height: 80px;
    display: inline-block;
}

.bg-clay {
    background-color: var(--clay);
}

.bg-clay-80 {
    background-color: var(--clay-80);
}

.bg-clay-60 {
    background-color: var(--clay-60);
}

.bg-clay-40 {
    background-color: var(--clay-40);
}

.bg-clay-20 {
    background-color: var(--clay-20);
}

.bg-navy {
    background-color: var(--navy);
}

.bg-navy-80 {
    background-color: var(--navy-80);
}

.bg-navy-60 {
    background-color: var(--navy-60);
}

.bg-yellow {
    background-color: var(--yellow);
}

.bg-yellow-80 {
    background-color: var(--yellow-80);
}

.bg-yellow-60 {
    background-color: var(--yellow-60);
}

.bg-yellow-40 {
    background-color: var(--yellow-40);
}

.bg-yellow-20 {
    background-color: var(--yellow-20);
}

.bg-yellow-40:hover {
    background-color: var(--yellow-20);
}

.bg-cyan {
    background-color: var(--cyan);
}

.bg-cyan-80 {
    background-color: var(--cyan-80);
}

.bg-cyan-60 {
    background-color: var(--cyan-60);
}

.bg-cyan-40 {
    background-color: var(--cyan-40);
}

.bg-cyan-20 {
    background-color: var(--cyan-20);
}

.bg-cyan-40:hover {
    background-color: var(--cyan-20);
}


.bg-blue {
    background-color: var(--blue);
}

.bg-blue-80 {
    background-color: var(--blue-80);
}

.bg-blue-60 {
    background-color: var(--blue-60);
}

.bg-blue-40 {
    background-color: var(--blue-40);
}

.bg-blue-20 {
    background-color: var(--blue-20);
}

.bg-blue-40:hover {
    background-color: var(--blue-20);
}

.bg-purple {
    background-color: var(--purple);
}

.bg-purple-80 {
    background-color: var(--purple-80);
}

.bg-purple-60 {
    background-color: var(--purple-60);
}

.bg-purple-40 {
    background-color: var(--purple-40);
}

.bg-purple-20 {
    background-color: var(--purple-20);
}

.bg-purple-40:hover {
    background-color: var(--purple-20);
}

.bg-green {
    background-color: var(--green);
}

.bg-green-80 {
    background-color: var(--green-80);
}

.bg-green-60 {
    background-color: var(--green-60);
}

.bg-green-40 {
    background-color: var(--green-40);
}

.bg-green-20 {
    background-color: var(--green-20);
}

.bg-green-40:hover {
    background-color: var(--green-20);
}

.bg-pink {
    background-color: var(--pink);
}

.bg-pink-80 {
    background-color: var(--pink-80);
}

.bg-pink-60 {
    background-color: var(--pink-60);
}

.bg-pink-40 {
    background-color: var(--pink-40);
}

.bg-pink-20 {
    background-color: var(--pink-20);
}

.bg-pink-40:hover {
    background-color: var(--pink-20);
}

.bg-red {
    background-color: var(--red);
}

.bg-red-80 {
    background-color: var(--red-80);
}

.bg-red-60 {
    background-color: var(--red-60);
}

.bg-red-40 {
    background-color: var(--red-40);
}

.bg-red-20 {
    background-color: var(--red-20);
}

.bg-red-40:hover {
    background-color: var(--red-20);
}

@media ( min-width: 1400px ) {
  .container {
    width: 1280px !important;
      max-width: 1280px !important;
  }
}

@media ( min-width: 1600px ) {
  .container {
    width: 1480px !important;
      max-width: 1480px !important;
  }
}

/* Global Padding */
/* Global Padding */

/* 555 */

.pt-5-flex {
  padding-top: max(6vw, 60px);
}
.pb-5-flex {
  padding-bottom: max(6vw, 60px);
}

/* 333 */

.pt-3-flex {
  padding-top: max(4vw, 40px);
}
.pb-3-flex {
  padding-bottom: max(4vw, 40px);
}

/* 111 */

.pt-1-flex {
  padding-top: max(2vw, 35px);
}
.pb-1-flex {
  padding-bottom: max(2vw, 35px);
}


/* Global Margin */
/* Global Margin */

/* 555 */

.mt-5-flex {
  margin-top: max(6vw, 60px);
}
.mb-5-flex {
  margin-bottom: max(6vw, 60px);
}

/* 333 */

.mt-3-flex {
  margin-top: max(4vw, 35px);
}
.mb-3-flex {
  margin-bottom: max(4vw, 35px);
}

/* 111 */

.mt-1-flex {
  margin-top: max(2vw, 30px);
}
.mb-1-flex {
  margin-bottom: max(2vw, 30px);
}

.mt-minus-15 {
    margin-top: -15px;
}


.visually-hidden {
    height: 1px;
    overflow: hidden;
    width: 1px;
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    white-space: nowrap;
}

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

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



/* ==============================
   MAST & HEADER
   ============================== */

.mast {
    position: sticky;
    top: 0;
    z-index: 12;
    background-color: var(--navy);
}

.home .mast {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 10;
    background-color: transparent;
}

body.admin-bar .mast {
    top: 46px;
}

@media (min-width: 783px) {
    body.admin-bar .mast {
        top: 32px;
    }
}

/* ==============================
   LOGO
   ============================== */

.logo {
    padding: 20px 0;
    display: flex;
    align-items: center;
    transition: padding 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.home .logo {
    padding: 20px 0;
}

@media (min-width: 991px) {
    .home .logo {
        padding: 75px 0;
    }
}

/* Logo SVG - mobile first */
.logo svg {
    display: block;
    width: 200px;
    height: auto;
    transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1),
                fill 0.3s ease;
}

/* Subpages - white always */
.logo svg {
    fill: #ffffff;
}

/* Homepage - navy by default */
.home .logo svg {
    fill: var(--navy);
}

/* Homepage - white after scroll */
body.scrolled.home .logo svg {
    fill: #ffffff;
}

/* Desktop sizing */
@media (min-width: 991px) {
    .logo svg {
        width: 250px;
    }

    .home .logo svg {
        width: 350px;
    }

    body.scrolled.home .logo svg {
        width: 250px;
    }

    body.scrolled.home .logo {
        padding: 20px 0;
    }
}

/* ==============================
   SCROLLED STATE
   ============================== */

body.scrolled.home .mast {
    background-color: var(--navy);
    transition: background-color 0.3s ease 0.3s;
}

/* ==============================
   ICONS
   ============================== */

.icons {
    display: flex;
    height: 31px;
}

.icons .icon-link {
    margin: 0 0 0 30px;
}

.burger-icon,
.search-icon {
    display: block;
    height: auto;
    transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.burger-icon { width: 26px; margin: 7px 0 0 0; }
.search-icon { width: 24px; margin: 7px 0 0 0; }

@media (min-width: 768px) {
    .burger-icon { width: 38px; margin: 0; }
    .search-icon { width: 32px; margin: 0; }
}

/* Search icon - white on subpages always */
.search-icon circle,
.search-icon line {
    stroke: #ffffff;
    transition: stroke 0.3s ease;
}

/* Search icon - navy on homepage before scroll */
.home .search-icon circle,
.home .search-icon line {
    stroke: var(--navy);
}

/* Search icon - white on homepage after scroll */
body.scrolled.home .search-icon circle,
body.scrolled.home .search-icon line {
    stroke: #ffffff;
}

/* Burger - white on subpages always */
.burger-line {
    fill: #ffffff;
    transition: fill 0.3s ease, width 0.3s ease, x 0.3s ease;
}

/* Burger - navy on homepage before scroll */
.home .burger-line {
    fill: var(--navy);
}

/* Burger - white on homepage after scroll */
body.scrolled.home .burger-line {
    fill: #ffffff;
}

/* ==============================
   BURGER HOVER ANIMATION
   ============================== */

.icon-link:hover .burger-line--mid {
    width: 41px;
    x: 0;
}

.icon-link:hover .burger-line--bot {
    width: 41px;
    x: 0;
}



/* Overlay menu */
/* Overlay menu */

.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 0;
  
  overflow-y: hidden;
  transition: 0.6s;
}

.overlay-bg {
  background-size: 100px;
}

.overlay-search {
    background-color: var(--navy);
}

.overlay-nav {
    background-color: #e7e8ec;
}

.overlay-content {
  position: relative;
  width: 100%;
  margin: 0 auto;
}


.overlay .closebtn {
  font-size: 50px;
  color: #fff;
  text-decoration: none;
  top: 45px;
  right: 45px;
}

.overlay-content .heading {
  font-size: max(1.7vw, 1.7em);
  margin: 0 0 0.5em 0;
  padding: 0 0 0.5em 0;
  font-weight: 400;
  line-height: 1;
  color: #fff;
}

/* Control the height of the overlay */

#siteNav,
#siteSearch {
    height: 0;
    overflow: auto;
    transition: height 0.3s ease;
}

#siteNav.is-open {
    height: 100vh;
}

#siteSearch.is-open {
    min-height: 150px;
    height: auto;
}



/* Search inside menu */

#siteSearch form, #mainSearch form {
    display: flex;
    align-items: stretch;
}

#siteSearch input[type="search"], #mainSearch input[type="search"] {
    flex: 1;
    font-family: 'Hanken Grotesk', sans-serif;
    font-size: clamp(1.2em, 2vw, 2em);
    padding: 10px 20px;
    border: 0px;
    border-radius: 5px 0 0 5px;
    border-right: 0;
    background-color: #ffffff;
    color: var(--navy);
    outline: none;
}

#siteSearch .search-submit, #mainSearch .search-submit {
    display: inline-block;
    font-family: 'GraviticaCompressed-Bold', 'Hanken Grotesk', sans-serif;
    background-color: var(--cyan-80);
    color: var(--navy);
    font-size: clamp(1.2em, 2vw, 2em);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.03em;
    padding: 10px 50px;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 0 5px 5px 0;
    border: 0px;
    cursor: pointer;
}

#siteSearch .search-submit:hover, #mainSearch .search-submit:hover {
    background-color: var(--cyan);
}


/* Navigation pods */

.nav-logo {
    width: 200px;
}

@media (min-width: 991px) {
    .nav-logo {
        width: 250px;
    }
}

.nav-pod {
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
}

.nav-pod-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 30px;
    background-color: #ffffff;
}

@media (min-width: 991px) {
    .nav-pod-header {
        padding: 20px 40px;
    }
}

.nav-pod-title {
    font-family: 'Hanken Grotesk', sans-serif;
    font-size: clamp(1.4em, 2vw, 1.8em);
    font-weight: 700;
    color: var(--navy);
    text-decoration: none;
}

.nav-pod-title:hover {
    text-decoration: underline;
}

.nav-pod-dot {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    flex-shrink: 0;
}

@media (min-width: 991px) {
    .nav-pod-dot {
        width: 50px;
        height: 50px;
    }
}

.nav-pod-links {
    background-color: #dcdee4;
    padding: 10px 30px;
    height: 100%;
}

@media (min-width: 991px) {
    .nav-pod-links {
        background-color: #dcdee4;
        padding: 20px 40px;
    }
}

.nav-pod-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-pod-list li a {
    display: block;
    padding: 5px 0;
    font-size: clamp(1.2em, 1.5vw, 1.5em);
    font-weight: 600;
    color: var(--navy);
    text-decoration: none;
}

@media (min-width: 991px) {
    .nav-pod-list li a {
        padding: 10px 0;
    }
}

.nav-pod-list li a:hover {
    text-decoration: underline;
}


/* ==============================
   HOMEPAGE CONTENT OFFSET
   ============================== */

.hp-content-start {
    padding-top: 120px;
}

@media (min-width: 991px) {
    .hp-content-start {
        padding-top: 230px;
    }
}

.home-title {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  font-size: clamp(1.8em, 3.3vw, 3.9em);
  line-height: 1 !important;
  color: var(--blue);
  
}

.home-title span {
  color: var(--navy);
  display: block;
}

.home-intro-smaller {
  font-size: clamp(1.2em, 2vw, 1.9em);
  margin-top: 1em;
  margin-bottom: 0em;
  line-height: 1.25;
  font-weight: 500;
  color: var(--navy);
}

main {
    padding-bottom: 50px;
}



/* ==============================
   RESEARCH THEMES SECTION
   ============================== */
.research-themes {
    position: relative;
    padding-top: clamp(50px, 3.3vw, 110px);
    padding-bottom: clamp(50px, 5vw, 190px);
    overflow: hidden;
}

/* Navy curved background shape - reversed clip path */

@media (min-width: 991px) {
    @supports (clip-path: ellipse(150% 100% at 50% 100%)) {
        .research-themes__bg {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 60%;
            background-color: var(--navy);
            z-index: 0;
        }

        .research-themes__bg {
            height: 100%;
            clip-path: ellipse(80% 55% at 50% 100%);
        }
    }
}

/* Lift cards above the background shape */
.research-themes .container {
    position: relative;
    z-index: 1;
}

/* ==============================
   THEME BLOCK CARD
   ============================== */
.research-theme-block {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 8px;
    height: 200px;
    text-decoration: none;
    background-color: ;
    transition: background-color 0.3s ease;
}

@media (min-width: 991px) {
    .research-theme-block {
        aspect-ratio: 1 / 1;
        height: unset;
    }
}

.research-theme-block__img {
    filter: grayscale(100%) contrast(1);
    mix-blend-mode: multiply;
    opacity: 1;
    z-index: 0;
}

.research-theme-block::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--navy);
    mix-blend-mode: screen;
    z-index: 1;
    transition: background-color 0.3s ease;
}

/* Overlay - legibility only */
.research-theme-block__overlay {
    position: absolute;
    inset: 0;
    background-color: var(--navy);
    opacity: 0.3;
    z-index: 2;
    transition: opacity 0.3s ease;
}

@media (min-width: 768px) {
    .research-theme-block__overlay {
        opacity: 0.1;
    }
}

/* Title */
.research-theme-block__title {
    position: absolute;
    bottom: 3rem;
    z-index: 3;
    display: flex;
    flex-direction: column;
    line-height: 1;
    text-align: center;
    width: 100%;
}

@media (min-width: 768px) {
    .research-theme-block__title {
        bottom: 4rem;
    }
}

.research-theme-block__title-bold {
    font-family: 'GraviticaCompressed-Bold', 'Hanken Grotesk', sans-serif;
    font-size: clamp(3em, 2vw, 4em);
    font-weight: 900;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 0.9;
    transition: color 0.3s ease;
}

.research-theme-block__title-light {
    font-family: 'GraviticaCompressed-Bold', 'Hanken Grotesk', sans-serif;
    font-size: clamp(3em, 2vw, 4em);
    font-weight: 900;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 0.9;
    transition: color 0.3s ease;
}

@media (min-width: 767px) {
    .research-theme-block__title-bold {
        font-size: clamp(2.5em, 3.3vw, 7em);
    }
    .research-theme-block__title-light {
        font-size: clamp(2.5em, 3.3vw, 7em);
    }
}

/* ==============================
   HOVER STATES
   ============================== */

/* Duotone foreground colour changes on hover */
.research-theme-block--cyan:hover::before {
    background-color: var(--cyan-80);
}
.research-theme-block--green:hover::before {
    background-color: var(--green-80);
}
.research-theme-block--yellow:hover::before {
    background-color: var(--yellow-80);
}

/* Lighten overlay on hover */
.research-theme-block:hover .research-theme-block__overlay {
    opacity: 0.1;
}


/* Text turns navy on hover */
.research-theme-block:hover .research-theme-block__title-bold,
.research-theme-block:hover .research-theme-block__title-light {
    color: var(--navy);
}


/* ==============================
   ABOUT STRIP
   ============================== */
.about-strip {
    position: relative;
    display: flex;
    flex-direction: column;
}

/* Coloured background halves */
.about-strip__left,
.about-strip__right {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
}

.about-strip__left {
    left: 0;
    background-color: var(--blue-80);
}

.about-strip__right {
    right: 0;
    background-color: var(--blue-60);
}

/* Content sits on top */
.about-strip__content {
    position: relative;
    z-index: 1;
}

.about-strip__col-left {
    background-color: var(--blue-80);
    padding-top: clamp(40px, 3.3vw, 110px);
    padding-bottom: clamp(20px, 3.3vw, 110px);
    padding-left: 3rem;
    padding-right: 3rem;
    border-radius: 5px 5px 0 0;
}

.about-strip__col-right {
    background-color: var(--blue-60);
    padding-top: clamp(20px, 3.3vw, 110px);
    padding-bottom: clamp(20px, 3.3vw, 110px);
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
    align-items: center;
    border-radius:  0 0 5px 5px;
    margin-bottom: 2rem;
}

/* Mobile - hide absolute divs, columns handle colour */
@media (max-width: 990px) {
    .about-strip__left,
    .about-strip__right {
        display: none;
    }
}

/* Desktop - absolute divs take over, columns go transparent */
@media (min-width: 991px) {
    .about-strip__col-left {
        background-color: transparent;
        padding-right: 60px;
        padding-left: 0rem;
        padding-left: 0px;
    }

    .about-strip__col-right {
        background-color: transparent;
        padding-left: 80px;
    }
}

/* Text */
.about-strip__text {
    color: #ffffff;
    font-size: clamp(1.2em, 2vw, 1.8em);
    line-height: 1.5;
    margin-bottom: 1.5rem;
    font-weight: 600;
}

/* Links */
.about-strip__links {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.about-strip__link {
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    padding: 1.15rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    font-size: clamp(1.2em, 2vw, 1.8em);
    font-weight: 600;
}

.about-strip__link:first-child {
    border-top: 0px;
}

.about-strip__link:last-child {
    border-bottom: 0px;
}

.about-strip__link:hover {
    color: rgba(255, 255, 255, 0.9);
}

.c-feature-section {
    padding-top: clamp(40px, 3.3vw, 90px);
    padding-bottom: clamp(40px, 3.3vw, 90px);
}    

/* Newsletter Banner */
/* Newsletter Banner */

.newsletter-banner {
    background-color: var(--cyan-80);
    transition: background-color 0.2s ease;
}

a .bg-cyan.newsletter-banner:hover {
    background-color: var(--cyan-60);
}

.newsletter-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(30px, 4vw, 60px);
    max-width: 900px;
    margin: 0 auto;
}

.newsletter-button .btn-subscribe {
    display: inline-block;
    font-family: 'GraviticaCompressed-Bold', 'Hanken Grotesk', sans-serif;
    background-color: var(--navy);
    color: #fff;
    font-size: clamp(1.4em, 4vw, 2em);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.03em;
    padding: 15px 120px;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 5px;
}

.newsletter-divider {
    width: 3px;
    height: 90px;
    background-color: var(--navy);
    flex-shrink: 0;
}

.newsletter-text h3 {
    color: var(--navy);
    font-family: 'GraviticaCompressed-Bold', 'Hanken Grotesk', sans-serif;
    font-size: clamp(2.2em, 3vw, 3em);
    margin: 0 0 8px 0;
}

.newsletter-text p {
    color: var(--navy);
    font-family: 'GraviticaCompressed-Bold', 'Hanken Grotesk', sans-serif;
    font-size: clamp(1.4em, 1.8vw, 1.6em);
}

/* Mobile */
@media (max-width: 768px) {
    .newsletter-inner {
        flex-direction: column;
        text-align: center;
        gap: 1.5rem;
    }

    .newsletter-divider {
        width: 60px;
        height: 3px;
    }
}


/* Filter tools styles */
/* Filter tools styles */

.c-icon {
    background: url(../images/sprite.png) 0 0;
    background-image: url(../images/sprite.svg), none;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 300px 600px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top
}

.c-icon--newsletter {
    background-position: 0 -244px;
    height: 16px;
    width: 18px
}

.c-icon--linkedin {
    background-position: 0 -269px;
    height: 16px;
    width: 16px
}

.c-icon--twitter {
    background-position: 0 -293px;
    height: 16px;
    width: 17px
}

.c-icon--search {
    background-position: 0 -314px;
    height: 18px;
    width: 18px
}

.c-icon--expand {
    background-position: 0 -219px;
    height: 18px;
    width: 18px
}

.c-icon--cross {
    background-position: -80px -195px;
    height: 15px;
    width: 15px
}

.c-icon--cross--black {
    background-position: -40px -459px;
    height: 12px;
    width: 12px
}

.c-icon--cross--larger {
    background-position: -110px -192px;
    height: 18px;
    width: 18px
}

.c-icon--plus {
    background-position: -1px -221px;
    height: 14px;
    transition: transform .3s;
    width: 14px
}

.c-icon--plus.is-cross {
    transform: rotate(-45deg);
    transition: transform .3s
}

.c-icon--plus--larger {
    background-position: -140px -192px;
    height: 18px;
    width: 18px
}

.c-icon--arrow {
    background-position: -90px -220px;
    height: 17px;
    width: 16px
}

.c-icon--arrow--up {
    transform: rotate(-90deg)
}

.c-icon--arrow--down {
    transform: rotate(90deg)
}

.c-icon--arrow--left {
    transform: rotate(180deg)
}

.c-icon--arrow-right {
    background-position: -70px -220px;
    height: 17px;
    width: 16px
}

.c-icon--arrow-right--blue {
    background-position: -150px -220px
}

.c-icon--arrow-right--green {
    background-position: -150px -220px
}

.c-icon--arrow-right--pink {
    background-position: -90px -220px
}

.c-icon--arrow-right--turq {
    background-position: -170px -220px
}

.c-icon--arrow-right--yellow {
    background-position: -130px -220px
}

.c-icon--arrow-right--white {
    background-position: -50px -220px
}

.c-icon--arrow-large {
    background-position: 0 -190px;
    height: 23px;
    width: 25px
}

.c-icon--arrow-large--right {
    transform: rotate(-90deg)
}

.c-icon--arrow-large--left {
    transform: rotate(90deg)
}

.c-icon--arrow-large--up {
    transform: rotate(180deg)
}

.c-icon--external-link {
    background-position: -70px -250px;
    height: 21px;
    width: 21px
}

.c-icon--external-link--white {
    background-position: -45px -250px
}

.c-icon--external-link--green {
    background-position: -95px -250px
}

.c-icon--filter-arrow {
    background-position: -45px -200px;
    height: 9px;
    width: 15px
}

.c-icon--grid {
    background-position: -50px -155px;
    height: 22px;
    width: 22px
}

.c-icon--grid.is-active,
.c-icon--grid:focus,
.c-icon--grid:hover {
    background-position: -50px -125px
}

.c-icon--list {
    background-position: -80px -155px;
    height: 22px;
    width: 22px
}

.c-icon--list.is-active,
.c-icon--list:focus,
.c-icon--list:hover {
    background-position: -80px -125px
}


/* Site Footer */
/* Site Footer */

#site-footer .panel {
  background-color: var(--navy);
  color: #fff;
  background-position: right center;
  background-repeat: no-repeat;
}

#site-footer svg {
    max-width: 120px;
}

@media ( min-width: 1200px ) {
    #site-footer svg {
        max-width: 170px;
    }
}


/* Footer Nav */


.footer-nav h4 {
  margin: 0 0 20px 0;
  font-family: 'Hanken Grotesk', sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  text-transform: uppercase;
  font-style: normal;
  font-size: 1.2em;
  color: var(--cyan);
}

.footer-nav h4 a {
  color: var(--cyan);
}

.footer-nav {
  text-align: left;
}

@media ( min-width: 1200px ) {
  .footer-nav {
    margin: 0px;
  }
}

.footer-nav ul {
  margin: 0 0 20px 0;
  padding: 0px;
}

.footer-nav li {
  list-style: none;
  display: block;
  padding: 3px 0;
  margin: 0px;
  font-size: clamp(1.1em, 1.3vw, 1.2em);
}

@media ( min-width: 1200px ) {
  .footer-nav li {
    list-style: none;
  }
}

.footer-nav a {
  color: #fff;
  text-decoration: none;
  font-family: 'Hanken Grotesk', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.footer-nav a:hover {
  text-decoration: underline;
}

.icon-link {
  text-decoration: none !important;
  cursor: pointer;
}

.icon {
  margin: 0 15px 50px 0;
  display: inline-block;
  padding: 0;
  line-height: 0;
  white-space: none;
}

.icon img {
    display: block;
    margin: 0;
    padding: 0;
}

/* Footer Bottom */
/* Footer Bottom */

.footer-bottom-border hr {
    border: none;
    border-top: 1px solid rgba(255,255,255,0.7);
    margin: 0 0 55px 0;
}

.footer-logos {
    display: flex;
    align-items: center;
    justify-content: flex-start; /* mobile default - left aligned */
    gap: 2rem;
}

@media (min-width: 1200px) {
    .footer-logos {
        justify-content: flex-end; /* desktop - right aligned */
    }
}

.footer-logos img {
    max-height: 50px;
    width: auto;
}

@media (min-width: 991px) {
    .footer-logos img {
        max-height: 80px;
        width: auto;
    }
}


/* Hover effects on icons */
.darken {
    transition: filter 0.1s ease;
}

.darken:hover {
    filter: brightness(85%);
}

.cc-link {
    margin: 10px 0 0 0; 
    display: block;
}

.cc-logo {
    max-width: 20px;
    margin: 0 10px 0 0;
}

/* Footer Copy */

.madeby, .copyright {
  color: rgba(255,255,255,0.6);
  
}

.madeby {
  font-size: 0.9em;
}

.madeby a {
  color: rgba(255,255,255,0.4);
  text-decoration: none;
}


/* Image based banners for landing pages */
/* Image based banners for landing pages */

.page-banner {
  position: relative;
  padding: 40px 0 40px 0;
  display: flex;
  align-items: center;
}

@media (min-width: 991px) {
   .page-banner {
        padding: 50px 0 50px 0;
    } 
}

.page-banner::before {
  content: '';
  position: absolute;
  inset: 0;
  mix-blend-mode: screen;
  opacity: 0.6;
  z-index: 1;
}

@supports (clip-path: ellipse(150% 100% at 50% 0%)) {
    .page-banner {
        clip-path: ellipse(100% 100% at 50% 0%);
    }
}

.page-banner-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(100%) contrast(1);
  mix-blend-mode: multiply;
  opacity: 0.5;
  z-index: 0;
}


/* Colour modifier classes for image banners */
.page-banner-navy {
    background-color: var(--navy-60);
}
.page-banner-navy::before {
    background-color: var(--navy-60);
}

.page-banner-blue {
    background-color: var(--blue-60);
}
.page-banner-blue::before {
    background-color: var(--blue-60);
}

.page-banner-cyan {
    background-color: var(--cyan-80);
}
.page-banner-cyan::before {
    background-color: var(--cyan-60);
}

.page-banner-purple {
    background-color: var(--purple-60);
}
.page-banner-purple::before {
    background-color: var(--purple-60);
}

.page-banner-yellow {
    background-color: var(--yellow-80);
}
.page-banner-yellow::before {
    background-color: var(--yellow-60);
}

.page-banner-pink {
    background-color: var(--pink-80);
}
.page-banner-pink::before {
    background-color: var(--pink-60);
}

.page-banner-green {
    background-color: var(--green-80);
}
.page-banner-green::before {
    background-color: var(--green-60);
}

.page-banner-red {
    background-color: var(--red-80);
}
.page-banner-red::before {
    background-color: var(--red-60);
}

/* Colour modifier classes for slim banners */
.page-banner-slim-navy {
    background-color: var(--navy-60);
}

.page-banner-slim-blue {
    background-color: var(--blue-60);
}

.page-banner-slim-cyan {
    background-color: var(--cyan-60);
}

.page-banner-slim-purple {
    background-color: var(--purple-60);
}

.page-banner-slim-yellow {
    background-color: var(--yellow-60);
}

.page-banner-slim-pink {
    background-color: var(--pink-60);
}

.page-banner-slim-green {
    background-color: var(--green-60);
}

.page-banner-slim-red {
    background-color: var(--red-80);
}



/* Content */
.page-banner .container {
    position: relative;
    z-index: 3;
}

.page-banner .page-banner-title {
    font-family: 'GraviticaCompressed-Bold', 'Hanken Grotesk', sans-serif;
    color: var(--navy);
    font-size: clamp(3em, 7vw, 5em);
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.1;
}

.page-banner p {
    font-family: 'Hanken Grotesk', sans-serif;
    color: var(--navy);
    font-size: clamp(1.3em, 3vw, 2em);
    line-height: 1.4;
    font-weight: 600;
}

.page-banner-credit {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 6;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    white-space: nowrap;
    width: auto;
}

.c-media-credit__credit {
    display: none;
    margin: 0;
    font-size: 0.75rem;
    color: #ffffff;
}

.page-banner-credit.is-open .c-media-credit__credit {
    display: block;
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
}

/* If the banner is Navy we need to use White text */

.page-banner-navy h1 {
    color: #fff !important;
}

.page-banner-navy p {
    color: #fff !important;
}

/* Additional classes for when banners are slim */

/* Image based banners for landing pages */
/* Image based banners for landing pages */

.page-banner-slim {
  position: relative;
  padding: 40px 0 40px 0;
  display: flex;
  align-items: center;
}

@media (min-width: 991px) {
   .page-banner-slim {
        padding: 50px 0 50px 0;
    } 
}

@supports (clip-path: ellipse(150% 100% at 50% 0%)) {
    .page-banner-slim {
        clip-path: ellipse(100% 100% at 50% 0%);
    }
}

.single-header__pill {
    align-items: center;
    border: 1px solid var(--navy);
    margin-bottom: 1.5rem;
    display: inline-flex;
    padding: 6px 12px 6px 12px;
    border-radius: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--navy);
    font-family: 'GraviticaCompressed-Bold', 'Hanken Grotesk', sans-serif;
    font-size: clamp(1em, 2vw, 1.4em);
    line-height: 1;
}

.single-page-banner-title {
    font-family: 'Hanken Grotesk', sans-serif !important;
    text-transform: inherit !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
    font-size: clamp(1.8em, 3.3vw, 3.9em); !important;
    line-height: 1 !important   ;
}

/* Name and date */
.single-header__meta {
    font-family: 'Hanken Grotesk', sans-serif;
    color: var(--navy);
    line-height: 1.65;
    font-size: clamp(1.2em, 1.6vw, 1.4em);
    font-weight: 500;
}

.single-header__meta a {
    text-decoration: underline;
}

/* Tags */
.single-header__tags {
    font-family: 'Hanken Grotesk', sans-serif;
    color: var(--navy);
    line-height: 1.65;
    font-size: clamp(1.2em, 1.6vw, 1.4em);
    font-weight: 500;
}

.single-header__tags a {
    text-decoration: underline;
}

.single-header__meta-none {
    padding: 5px;
    border-radius: 5px;   
}

.single-header__meta_2 {
    align-items: center;
    border: 0px;
    background-color: var(--navy);
    margin-top: -90px;
    margin-bottom: 1.5rem;
    display: inline-flex;
    padding: 8px 12px 8px 12px;
    border-radius: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #fff;
    font-family: 'GraviticaCompressed-Bold', 'Hanken Grotesk', sans-serif;
    font-size: clamp(1.2em, 2vw, 1.6em);
    line-height: 1;
}

.single-header__meta_padding {
    min-height: 1.7em;
}

.single-header-meta-container::after {
    content: '';
    display: block;
    width: 75%;
    max-width: 650px;
    height: 3px;
    background-color: #D9D9D9;
    margin: 3rem auto 0;
}

.single-header__back a {
    color: var(--navy);
    text-decoration: none;
}

.single-header__back a:hover {
    text-decoration: underline;
}


/* Back to top */
/* Back to top */


#back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    background-color: var(--cyan-80);
    color: var(--navy);
    font-size: 1em;
    border-radius: 50%;
    z-index: 1000;
    cursor: pointer;
    font-weight: 600;
    text-decoration: none;

    /* Centre text in circle */
    display: flex;
    align-items: center;
    justify-content: center;

    /* Fade transition */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

#back-to-top.is-visible {
    opacity: 1;
    visibility: visible;
}

#back-to-top:hover {
    background-color: var(--cyan);
}



/* Main content blocks */

/* Mobile first - stacked layout */
.content-block {
    position: relative;
    margin-bottom: 2rem;
    border-radius: 5px;
    overflow: hidden;
}

.content-block__image-wrap {
    position: relative;
}

.content-block__image {
    width: 100%;
    display: block;
    border-radius: 5px 5px 0 0;
}

.content-block__pill {
    position: absolute;
    top: 30px;
    left: 35px;
    display: inline-block;
    padding: 6px 12px 6px 12px;
    border-radius: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--navy);
    font-family: 'GraviticaCompressed-Bold', 'Hanken Grotesk', sans-serif;
    font-size: clamp(1em, 1.2vw, 1.4em);
    line-height: 1;
}

.content-block__pill-list{
    top: 0px;
    position: static;
}

.content-block__pill.bg-navy-80 {
    color: #fff;
}

.content-block__content {
    padding: 20px;
    width: 100%;
}

.content-block__meta-strip {
    width: 100%;
    min-height: 40px;
    padding: 10px 30px;
}

.content-block__content-person {
    padding: 20px;
    width: 100%;
}

.content-block__meta-strip-person {
    width: 100%;
    height: 100%;
    min-height: 40px;
    padding: 10px 30px;
}

.content-block__meta {
    font-size: 0.9rem;
}

.content-block__meta p {
    font-size: 0.9rem;
    color: var(--navy);
}

.content-block__meta a {
    text-decoration: underline;
}

.content-block__meta a:hover {
    text-decoration: underline;
}

.bg-navy .content-block__meta {
    color: #fff !important;
}

.bg-navy .content-block__meta a {
    color: #fff !important;
    text-decoration: underline;
}

.bg-navy .content-block__meta a:hover {
    color: #fff !important;
    text-decoration: underline;
}

.content-block__title {
    font-size: clamp(1.1em, 2vw, 1.5em);
    font-weight: 700;
    margin-bottom: 0.75rem;
    line-height: 1.3;
}

.content-block__title a {
    color: var(--navy);
    text-decoration: none;
}

.bg-navy-80 .content-block__title a {
    color: #fff;
    text-decoration: none;
}

.content-block__title a:hover {
    text-decoration: underline;
}

.content-block__excerpt {
    font-size: clamp(1em, 2vw, 1.25em);
    line-height: 1.5;
}

.content-block__credit {
    position: absolute;
    top: 0;
    right: 0;
}

/* Desktop - overlay layout */
@media (min-width: 1200px) {

    .content-block__image {
        border-radius: 5px;
    }

    .content-block__image-person {
        border-radius: 5px 5px 0 0;
    }

    .content-block__content {
        position: absolute;
        bottom: 40px;
        width: 75%;
        padding: clamp(20px, 2vw, 30px);
        border-radius: 0px 5px 0 0;
    }

    .content-block__meta-strip {
        position: absolute;
        bottom: 0;
        width: 75%;
        padding: clamp(10px 20px, 2vw, 10px 30px);
    }
}


/* Related content tiles */

.content-tile {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 2rem;
    border-radius: 5px;
    transition: background-color 0.2s ease;
}

@media (min-width: 1200px) {
    .content-tile {
        min-height: 320px;
    }
}

.content-tile__pill {
    align-self: flex-start;
    align-items: center;
    border: 1px solid var(--navy);
    margin-bottom: 1.5rem;
    display: inline-flex;
    padding: 6px 12px 6px 12px;
    border-radius: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--navy);
    font-family: 'GraviticaCompressed-Bold', 'Hanken Grotesk', sans-serif;
    font-size: clamp(1em, 2vw, 1.4em);
    line-height: 1;
}

.content-tile__title {
    flex: 1;
    font-size: clamp(1.1rem, 2vw, 1.4rem);
    font-weight: 700;
    margin-bottom: 50px;
    line-height: 1.3;
}

.content-tile__title a {
    color: var(--navy);
    text-decoration: none;
}

.content-tile__title a:hover {
    text-decoration: underline;
}

.content-tile__meta {
    margin-top: auto;
}

.content-tile__meta-1,
.content-tile__meta-2 {
    font-size: 1rem;
}

.content-tile__meta-1 {
    font-weight: 700;
}



.c-media-credit__credit {
    display: none;
}

.js-image-credit-container.is-open .c-media-credit__credit {
    display: block;
    white-space: nowrap;
}



/* Toolset list view */

.c-content-list-item {
    border-bottom: 3px solid #D9D9D9;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left
}

.c-content-list-item__post-type {
    box-sizing: border-box;
    display: inline-block;
    padding: 7px 12px;
    vertical-align: top
}

.c-content-list-item__aside,
.c-content-list-item__main {
    display: inline-block;
    vertical-align: top
}

.c-content-list-item__aside {
    padding-right: 30px
}

@media only screen and (max-width:767px) {
    .c-content-list-item__aside {
        padding-bottom: 14px
    }
}

.c-content-list-item__main {
    box-sizing: border-box
}

.c-content-list-item__title:focus,
.c-content-list-item__title:hover {
    text-decoration: underline
}

.c-content-list-item__title__icon {
    margin-top: 8px;
    margin-left: 8px
}

.c-content-list-item--margin-bottom {
    margin-bottom: 50px
}



/* CK ENDS */
/* CK ENDS */
/* CK ENDS */
/* CK ENDS */















@font-face {
    font-family: "GraviticaCompressed-Bold";
    src: url(../webfonts/GraviticaCompressed-Bold.otf);
    font-weight: 700;
    font-style: normal
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

input {
    margin: 0
}

input[type=button],
input[type=email],
input[type=reset],
input[type=search],
input[type=submit],
input[type=tel],
input[type=text],
input[type=url] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    cursor: pointer
}

body {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #0d1946;
    width: 100%
}

body.no-scrolling {
    height: 100%;
    overflow: hidden
}

body.no-scrolling main,
body.no-scrolling>.c-footer,
body.no-scrolling>.c-newsletter,
body.no-scrolling>.c-related-content {
    position: relative
}

body.no-scrolling main:after,
body.no-scrolling>.c-footer:after,
body.no-scrolling>.c-newsletter:after,
body.no-scrolling>.c-related-content:after {
    background-color: #0d1946;
    content: " ";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

main {
    background-color: #fff;
    margin-top: 0px;
    overflow-x: hidden;
    transition: margin-top .5s
}

h1 {
    font-size: 30px;
    font-weight: bold;
}

h2 {
    font-size: 18px
}

h3 {
    font-size: 16px
}

h4,
h5,
h6 {
    font-size: 10px
}

p {
    line-height: 140%
}

a {
    color: inherit;
    text-decoration: none
}

a,
ol li a,
p a,
ul li a {
    cursor: pointer;
    text-decoration: none
}

a:focus,
a:hover,
ol li a:focus,
ol li a:hover,
p a:focus,
p a:hover,
ul li a:focus,
ul li a:hover {
    outline: 0;
    text-decoration: none
}

b,
body.webkit b,
body.webkit strong,
strong {
    font-weight: 700
}

em,
i {
    font-style: italic
}

button,
input,
select,
textarea {
    font-family: 'Hanken Grotesk', sans-serif;
}

input[type=email],
input[type=text] {
    border: 0;
    box-sizing: border-box;
    display: inline-block;
    height: 40px;
    outline: 0;
    padding: 8px 10px;
    vertical-align: top
}

body header ::-webkit-scrollbar {
    display: none;
    background: 0 0;
    width: 0
}

body {
    min-width: 1090px
}

.o-one-col {
    width: 67px
}

.o-one-col.border-right,
.o-one-colborder-left {
    width: 66px
}

.o-one-col.border-left.border-right {
    width: 65px
}

.o-two-col {
    width: 160px
}

.o-two-col.border-right,
.o-two-colborder-left {
    width: 159px
}

.o-two-col.border-left.border-right {
    width: 158px
}

.o-three-col {
    width: 253px
}

.o-three-col.border-right,
.o-three-colborder-left {
    width: 252px
}

.o-three-col.border-left.border-right {
    width: 251px
}

.o-four-col {
    width: 346px
}

.o-four-col.border-right,
.o-four-colborder-left {
    width: 345px
}

.o-four-col.border-left.border-right {
    width: 344px
}

.o-five-col {
    width: 439px
}

.o-five-col.border-right,
.o-five-colborder-left {
    width: 438px
}

.o-five-col.border-left.border-right {
    width: 437px
}

.o-six-col {
    width: 532px
}

.o-six-col.border-right,
.o-six-colborder-left {
    width: 531px
}

.o-six-col.border-left.border-right {
    width: 530px
}

.o-seven-col {
    width: 625px
}

.o-seven-col.border-right,
.o-seven-colborder-left {
    width: 624px
}

.o-seven-col.border-left.border-right {
    width: 623px
}

.o-eight-col {
    width: 718px
}

.o-eight-col.border-right,
.o-eight-colborder-left {
    width: 717px
}

.o-eight-col.border-left.border-right {
    width: 716px
}

.o-nine-col {
    width: 811px
}

.o-nine-col.border-right,
.o-nine-colborder-left {
    width: 810px
}

.o-nine-col.border-left.border-right {
    width: 809px
}

.o-ten-col {
    width: 904px
}

.o-ten-col.border-right,
.o-ten-colborder-left {
    width: 903px
}

.o-ten-col.border-left.border-right {
    width: 902px
}

.o-eleven-col {
    width: 997px
}

.o-eleven-col.border-right,
.o-eleven-colborder-left {
    width: 996px
}

.o-eleven-col.border-left.border-right {
    width: 995px
}

.o-twelve-col {
    width: 1090px
}

.o-twelve-col.border-right,
.o-twelve-colborder-left {
    width: 1089px
}

.o-twelve-col.border-left.border-right {
    width: 1088px
}

.o-container .o-column+.o-column.o-offset-by-one,
.o-container .o-offset-by-one {
    margin-left: 92.9166666667px
}

.o-container .o-column+.o-column.o-offset-by-two,
.o-container .o-offset-by-two {
    margin-left: 185.8333333333px
}

.o-container .o-column+.o-column.o-offset-by-three,
.o-container .o-offset-by-three {
    margin-left: 278.75px
}

.o-container .o-column+.o-column.o-offset-by-four,
.o-container .o-offset-by-four {
    margin-left: 371.6666666667px
}

.o-container .o-column+.o-column.o-offset-by-five,
.o-container .o-offset-by-five {
    margin-left: 464.5833333333px
}

.o-container .o-column+.o-column.o-offset-by-six,
.o-container .o-offset-by-six {
    margin-left: 557.5px
}

.o-container .o-column+.o-column.o-offset-by-seven,
.o-container .o-offset-by-seven {
    margin-left: 650.4166666667px
}

.o-container .o-column+.o-column.o-offset-by-eight,
.o-container .o-offset-by-eight {
    margin-left: 743.3333333333px
}

.o-container .o-column+.o-column.o-offset-by-nine,
.o-container .o-offset-by-nine {
    margin-left: 836.25px
}

.o-container .o-column+.o-column.o-offset-by-ten,
.o-container .o-offset-by-ten {
    margin-left: 929.1666666667px
}

.o-container .o-column+.o-column.o-offset-by-eleven,
.o-container .o-offset-by-eleven {
    margin-left: 1022.0833333333px
}

.o-container .o-column+.o-column.o-offset-by-twelve,
.o-container .o-offset-by-twelve {
    margin-left: 1115px
}

.o-container {
    margin: 0 auto;
    padding: 0 0;
    position: relative;
    width: 1090px
}

.o-container__inner {
    margin-right: -25px
}

.o-container__inner--centered {
    font-size: 0;
    text-align: center
}

.o-container__inner--centered .o-column {
    display: inline-block;
    float: none;
    text-align: left;
    vertical-align: top
}

.o-column {
    display: inline;
    float: left;
    margin-right: 25px
}

.o-gutter-bottom {
    margin-bottom: 25px
}

.o-gutter-left {
    margin-left: 25px
}

.o-gutter-right {
    margin-right: 25px
}

.o-gutter-top {
    margin-top: 25px
}

.o-gutter-container {
    margin-right: -25px
}

@media only screen and (max-width:1106px) {
    body {
        min-width: 764px
    }
    .o-container__inner {
        width: 100%
    }
    .o-one-col {
        width: 40px
    }
    .o-one-col.border-right,
    .o-one-colborder-left {
        width: 39px
    }
    .o-one-col.border-left.border-right {
        width: 38px
    }
    .o-two-col {
        width: 106px
    }
    .o-two-col.border-right,
    .o-two-colborder-left {
        width: 105px
    }
    .o-two-col.border-left.border-right {
        width: 104px
    }
    .o-three-col {
        width: 172px
    }
    .o-three-col.border-right,
    .o-three-colborder-left {
        width: 171px
    }
    .o-three-col.border-left.border-right {
        width: 170px
    }
    .o-four-col {
        width: 238px
    }
    .o-four-col.border-right,
    .o-four-colborder-left {
        width: 237px
    }
    .o-four-col.border-left.border-right {
        width: 236px
    }
    .o-five-col {
        width: 303px
    }
    .o-five-col.border-right,
    .o-five-colborder-left {
        width: 302px
    }
    .o-five-col.border-left.border-right {
        width: 301px
    }
    .o-six-col {
        width: 369px
    }
    .o-six-col.border-right,
    .o-six-colborder-left {
        width: 368px
    }
    .o-six-col.border-left.border-right {
        width: 367px
    }
    .o-seven-col {
        width: 435px
    }
    .o-seven-col.border-right,
    .o-seven-colborder-left {
        width: 434px
    }
    .o-seven-col.border-left.border-right {
        width: 433px
    }
    .o-eight-col {
        width: 501px
    }
    .o-eight-col.border-right,
    .o-eight-colborder-left {
        width: 500px
    }
    .o-eight-col.border-left.border-right {
        width: 499px
    }
    .o-nine-col {
        width: 566px
    }
    .o-nine-col.border-right,
    .o-nine-colborder-left {
        width: 565px
    }
    .o-nine-col.border-left.border-right {
        width: 564px
    }
    .o-ten-col {
        width: 632px
    }
    .o-ten-col.border-right,
    .o-ten-colborder-left {
        width: 631px
    }
    .o-ten-col.border-left.border-right {
        width: 630px
    }
    .o-eleven-col {
        width: 698px
    }
    .o-eleven-col.border-right,
    .o-eleven-colborder-left {
        width: 697px
    }
    .o-eleven-col.border-left.border-right {
        width: 696px
    }
    .o-twelve-col {
        width: 764px;
        max-width: 100%;
    }
    .o-twelve-col.border-right,
    .o-twelve-colborder-left {
        width: 763px
    }
    .o-twelve-col.border-left.border-right {
        width: 762px
    }
    .o-container .o-column+.o-column.o-offset-by-one,
    .o-container .o-offset-by-one {
        margin-left: 65.75px
    }
    .o-container .o-column+.o-column.o-offset-by-two,
    .o-container .o-offset-by-two {
        margin-left: 131.5px
    }
    .o-container .o-column+.o-column.o-offset-by-three,
    .o-container .o-offset-by-three {
        margin-left: 197.25px
    }
    .o-container .o-column+.o-column.o-offset-by-four,
    .o-container .o-offset-by-four {
        margin-left: 263px
    }
    .o-container .o-column+.o-column.o-offset-by-five,
    .o-container .o-offset-by-five {
        margin-left: 328.75px
    }
    .o-container .o-column+.o-column.o-offset-by-six,
    .o-container .o-offset-by-six {
        margin-left: 394.5px
    }
    .o-container .o-column+.o-column.o-offset-by-seven,
    .o-container .o-offset-by-seven {
        margin-left: 460.25px
    }
    .o-container .o-column+.o-column.o-offset-by-eight,
    .o-container .o-offset-by-eight {
        margin-left: 526px
    }
    .o-container .o-column+.o-column.o-offset-by-nine,
    .o-container .o-offset-by-nine {
        margin-left: 591.75px
    }
    .o-container .o-column+.o-column.o-offset-by-ten,
    .o-container .o-offset-by-ten {
        margin-left: 657.5px
    }
    .o-container .o-column+.o-column.o-offset-by-eleven,
    .o-container .o-offset-by-eleven {
        margin-left: 723.25px
    }
    .o-container .o-column+.o-column.o-offset-by-twelve,
    .o-container .o-offset-by-twelve {
        margin-left: 789px
    }
    .o-container {
        margin: 0 auto;
        padding: 0 0;
        position: relative;
        width: 764px
    }
    .o-container__inner {
        margin-right: -25px
    }
    .o-container__inner--centered {
        font-size: 0;
        text-align: center
    }
    .o-container__inner--centered .o-column {
        display: inline-block;
        float: none;
        text-align: left;
        vertical-align: top
    }
    .o-column {
        display: inline;
        float: left;
        margin-right: 25px
    }
    .o-gutter-bottom {
        margin-bottom: 25px
    }
    .o-gutter-left {
        margin-left: 25px
    }
    .o-gutter-right {
        margin-right: 25px
    }
    .o-gutter-top {
        margin-top: 25px
    }
    .o-gutter-container {
        margin-right: -25px
    }
}

@media only screen and (max-width:767px) {
    body {
        min-width: 320px
    }
    .o-container {
        width: 100%
    }
    .o-container .o-eight-col,
    .o-container .o-eleven-col,
    .o-container .o-five-col,
    .o-container .o-four-col,
    .o-container .o-nine-col,
    .o-container .o-seven-col,
    .o-container .o-six-col,
    .o-container .o-ten-col,
    .o-container .o-three-col,
    .o-container .o-twelve-col,
    .o-container .o-two-col {
        width: 100%
    }
    .o-container .o-offset-by-eight,
    .o-container .o-offset-by-eleven,
    .o-container .o-offset-by-five,
    .o-container .o-offset-by-four,
    .o-container .o-offset-by-nine,
    .o-container .o-offset-by-one,
    .o-container .o-offset-by-seven,
    .o-container .o-offset-by-six,
    .o-container .o-offset-by-ten,
    .o-container .o-offset-by-three,
    .o-container .o-offset-by-twelve,
    .o-container .o-offset-by-two {
        margin-left: 0!important
    }
    .o-container .o-column+.o-column {
        margin-left: 0
    }
    .o-container .o-column+.o-column.o-first {
        margin-left: 0
    }
    .o-container__inner {
        width: 100%
    }
    .o-container .o-column {
        margin-right: 0
    }
}

.o-container:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.ts-top-nav-1 {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .25px;
    line-height: 20px;
    text-transform: uppercase
}

.is-big .ts-top-nav-1 {
    color: #0d1946;
}

@media only screen and (max-width:1106px) {
    .is-big .ts-top-nav-1 {
        color: #fff;
    }
    .ts-top-nav-1 {
        font-size: 18px;
        line-height: 28px
    }
}

.ts-top-nav-2 {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .25px;
    line-height: 20px;
    text-transform: uppercase
}

@media only screen and (max-width:1106px) {
    .ts-top-nav-2 {
        color: #fff;
        font-size: 19px;
        letter-spacing: 0;
        line-height: 28px;
        text-transform: none
    }
}

.c-newsletter-form input[type=text],
.c-newsletter-form__text-input {
    border: 1px solid #dde5e9;
    box-sizing: border-box;
    height: 40px;
    outline: 0;
    margin-bottom: 20px;
    padding: 8px 10px;
    width: 100%
}

.ts-newsletter {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0098d3;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .25px;
    line-height: 24px;
    text-transform: uppercase
}

.c-newsletter-form input[type=text],
.c-newsletter-form__select-field,
.c-newsletter-form__text-input,
.ts-text-field,
input[type=email],
input[type=text] {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #73858f;
    font-size: 17px;
    font-weight: 400;
    line-height: 26px
}

.c-newsletter-form__submit,
}



.ts-contact-head {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .25px;
    line-height: 26px;
    text-transform: uppercase
}

@media only screen and (max-width:1106px) {
    .ts-contact-head {
        font-size: 12px;
        line-height: 22px
    }
}

.ts-contact-body {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

@media only screen and (max-width:1106px) {
    .ts-contact-body {
        font-size: 12px;
        line-height: 22px
    }
}

.ts-contact-body a {
    color: inherit;
    text-decoration: underline
}

.ts-small-text {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #bdccd4;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

@media only screen and (max-width:1106px) {
    .ts-small-text {
        font-size: 12px;
        line-height: 20px
    }
}

.ts-small-text a {
    color: inherit
}

.ts-table-title {
    font-family: 'Hanken Grotesk', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px
}

.ts-content-type {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .25px;
    line-height: 26px;
    text-transform: uppercase
}

@media only screen and (max-width:767px) {
    .ts-content-type {
        font-size: 12px;
        line-height: 20px
    }
}

.ts-content-type--conference,
.ts-content-type--event {
    background-color: #f49812;
    background-color: rgba(244, 153, 16, 0.8);
}

.ts-content-type--news-item {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .8)
}

.ts-content-type--project,
.ts-content-type--publication {
    background-color: #7D67DA;
    background-color: hsla(251, 61%, 63%, 0.8);
}

.ts-content-type--comment-piece,
.ts-content-type--post {
    background-color: #0098D3;
    background-color: rgba(0, 152, 211, 0.8)
}

.ts-content-type--page,
.ts-content-type--person,
.ts-content-type--vacancy {
    background-color: #eef2f4;
    background-color: rgba(238, 242, 244, .8)
}

.ts-tile-title {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px
}

@media only screen and (max-width:767px) {
    .ts-tile-title {
        font-size: 20px;
        line-height: 28px
    }
}

.ts-ft-tile-title {
    font-family: 'Hanken Grotesk', sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 32px
}

@media only screen and (max-width:767px) {
    .ts-ft-tile-title {
        font-size: 18px;
        line-height: 26px
    }
}

.ts-ft-tile-title--white {
    color: #fff
}

.ts-tile-body {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.ts-tile-body--white {
    color: #fff
}

/* This forces all content to be navy on a colour 
.c-content-block--project .ts-tile-body--white, .c-content-block--publication .ts-tile-body--white {
    color: var(--navy);
    display: block;
}
*/

.ts-ft-meta-1 {
    font-family: 'Hanken Grotesk', sans-serif;
    color: currentColor;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .25px;
    line-height: 22px
}

.ts-ft-meta-2 {
    font-family: 'Hanken Grotesk', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .25px;
    line-height: 22px
}

.ts-meta-1 {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .25px;
    line-height: 24px
}

@media only screen and (max-width:767px) {
    .ts-meta-1 {
        font-size: 12px;
        line-height: 20px
    }
}

.ts-meta-1--white {
    color: #fff
}

.ts-meta-2 {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .25px;
    line-height: 24px
}

@media only screen and (max-width:767px) {
    .ts-meta-2 {
        font-size: 12px;
        line-height: 20px
    }
}

.ts-meta-2--white {
    color: #fff
}

.ts-tags {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 24px
}

.ts-event-content-type {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .25px;
    line-height: 26px;
    text-transform: uppercase
}

@media only screen and (max-width:767px) {
    .ts-event-content-type {
        font-size: 12px;
        line-height: 20px
    }
}

.ts-tile-event-title {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: .25px;
    line-height: 32px;
    text-transform: capitalize
}

@media only screen and (max-width:767px) {
    .ts-tile-event-title {
        font-size: 18px;
        line-height: 28px
    }
}

.ts-tile-conf-title {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: .25px;
    line-height: 32px
}

@media only screen and (max-width:767px) {
    .ts-tile-conf-title {
        font-size: 18px;
        line-height: 28px
    }
}

.ts-tile-job-title {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .25px;
    line-height: 24px
}

@media only screen and (max-width:767px) {
    .ts-tile-job-title {
        font-size: 12px;
        line-height: 22px
    }
}

.ts-job-title {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0098d3;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .25px;
    line-height: 24px;
    text-transform: uppercase
}

.ts-person-contact {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.ts-page-head-1 {
    font-family: 'GraviticaCompressed-Bold', 'Hanken Grotesk', sans-serif;
    color: #0E1946;
    font-size: 60px;
    font-weight: 700;
    line-height: 90px;
    text-transform: uppercase;
}

@media only screen and (max-width:1106px) {
    .ts-page-head-1 {
        font-size: 45px;
        line-height: 48px;
    }
}

.ts-page-head-1--navy {
    color: #0d1946
}

.ts-page-head-2 {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 32px;
    font-weight: 700;
    line-height: 44px
}

@media only screen and (max-width:1106px) {
    .ts-page-head-2 {
        font-size: 30px;
        line-height: 40px
    }
}

@media only screen and (max-width:767px) {
    .ts-page-head-2 {
        font-size: 22px;
        line-height: 32px
    }
}

.c-wysiwyg-content .ts-standfirst,
.ts-standfirst {
  font-family: 'Hanken Grotesk', sans-serif;
  color: var(--navy);
  line-height: 1.65;
  font-size: clamp(1.4em, 1.6vw, 1.6em);
  font-weight: 500;
}

.c-home-header__intro.ts-standfirst {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
}

@media only screen and (max-width:768px) {
    .c-home-header__intro.ts-standfirst {
        font-size: 24px;
        line-height: 30px;
    }
}

@media only screen and (max-width:1106px) {
    .c-wysiwyg-content .ts-standfirst,
    .ts-standfirst {
        font-size: 22px;
        line-height: 32px
    }
}

@media only screen and (max-width:767px) {
    .c-wysiwyg-content .ts-standfirst,
    .ts-standfirst {
        font-size: 20px;
        line-height: 30px
    }
}

.ts-standfirst--white {
    color: #fff
}

.c-wysiwyg-content .ts-standfirst a,
.ts-standfirst a {
    border-bottom: 0;
    text-decoration: underline
}

.ts-page-meta-1 {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .25px;
    line-height: 26px;
    text-transform: uppercase
}

.ts-page-meta-1--white {
    color: #fff
}

.ts-page-meta-1--no-transform {
    text-transform: none
}

.ts-page-meta-2 {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .25px;
    line-height: 26px;
    text-transform: uppercase
}

.ts-priorities-home {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px
}

@media only screen and (max-width:1106px) {
    .ts-priorities-home {
        font-size: 16px;
        line-height: 26px
    }
}

.ts-priorities {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0098d3;
    font-size: 30px;
    font-weight: 700;
    line-height: 38px
}

@media only screen and (max-width:767px) {
    .ts-priorities {
        font-size: 26px;
        line-height: 38px
    }
}

.ts-small-body {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

@media only screen and (max-width:1106px) {
    .ts-small-body {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 32px
    }
}

@media only screen and (max-width:767px) {
    .ts-small-body {
        font-size: 18px;
        line-height: 28px
    }
}

.c-wysiwyg-content .ts-twitter,
.ts-twitter {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0098d3;
    font-size: 32px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 30px;
    margin-top: 40px;
    text-decoration: none
}

@media only screen and (max-width:1106px) {
    .c-wysiwyg-content .ts-twitter,
    .ts-twitter {
        margin-bottom: 0
    }
}

@media only screen and (max-width:767px) {
    .c-wysiwyg-content .ts-twitter,
    .ts-twitter {
        font-size: 26px;
        line-height: 36px
    }
}

.c-wysiwyg-content .ts-twitter a,
.ts-twitter a {
    border-bottom: 0;
    color: #0098d3;
    text-decoration: none
}

.ts-twitter a:focus,
.ts-twitter a:hover {
    text-decoration: underline
}

.c-wysiwyg-content .ts-twitter:before,
.ts-twitter:before {
    background: url(../images/sprite.png) -38px -415px;
    background-image: url(../images/sprite.svg), none;
    background-position: -38px -415px;
    background-repeat: no-repeat;
    background-size: 300px 600px;
    content: " ";
    display: inline-block;
    height: 30px;
    margin-right: 5px;
    margin-top: 8px;
    vertical-align: top;
    width: 30px
}

@media only screen and (max-width:767px) {
    .c-wysiwyg-content .ts-twitter:before,
    .ts-twitter:before {
        margin-top: 3px
    }
}

.ts-twitter--white {
    color: #fff
}

.ts-twitter--white:before {
    background-position: -2px -415px
}

.ts-featured-head-1 {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 42px;
    font-weight: 700;
    line-height: 52px
}

@media only screen and (max-width:1106px) {
    .ts-featured-head-1 {
        font-size: 34px;
        line-height: 44px
    }
}

@media only screen and (max-width:767px) {
    .ts-featured-head-1 {
        font-size: 26px;
        line-height: 36px
    }
}

.ts-featured-head-2 {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 30px;
    font-weight: 700;
    line-height: 42px
}

@media only screen and (max-width:1106px) {
    .ts-featured-head-2 {
        font-size: 28px;
        line-height: 38px
    }
}

@media only screen and (max-width:767px) {
    .ts-featured-head-2 {
        font-size: 24px;
        line-height: 34px
    }
}

.ts-featured-head-3 {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px
}

@media only screen and (max-width:767px) {
    .ts-featured-head-3 {
        font-size: 20px;
        line-height: 28px
    }
}

.ts-featured-text {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 24px;
    font-weight: 400;
    line-height: 34px
}

@media only screen and (max-width:767px) {
    .ts-featured-text {
        font-size: 16px;
        line-height: 26px
    }
}

.ts-module-head-1 {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0098d3;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .25px;
    line-height: 25px;
    text-transform: capitalize
}

.ts-module-head-2 {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px
}

@media only screen and (max-width:767px) {
    .ts-module-head-2 {
        font-size: 16px;
        line-height: 26px
    }
}

.ts-module-text {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

@media only screen and (max-width:767px) {
    .ts-module-text {
        font-size: 16px;
        line-height: 26px
    }
}

.ts-agenda-time {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

@media only screen and (max-width:767px) {
    .ts-agenda-time {
        font-size: 16px;
        line-height: 26px
    }
}

.ts-agenda-title {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px
}

@media only screen and (max-width:767px) {
    .ts-agenda-title {
        font-size: 16px;
        line-height: 26px
    }
}

.ts-agenda-speaker {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    line-height: 28px
}

@media only screen and (max-width:767px) {
    .ts-agenda-speaker {
        font-size: 16px;
        line-height: 26px
    }
}

.c-sessions__session__body__wysiwyg p,
.ts-agenda-text {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

@media only screen and (max-width:767px) {
    .c-sessions__session__body__wysiwyg p,
    .ts-agenda-text {
        font-size: 16px;
        line-height: 26px
    }
}

.ts-session-type {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .25px;
    line-height: 24px;
    text-transform: uppercase
}

@media only screen and (max-width:767px) {
    .ts-session-type {
        font-size: 12px;
        line-height: 22px
    }
}

.ts-programme-title-1 {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 22px;
    font-weight: 700;
    line-height: 32px
}

@media only screen and (max-width:767px) {
    .ts-programme-title-1 {
        font-size: 20px;
        line-height: 30px
    }
}

.ts-programme-title-2 {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 22px;
    font-weight: 400;
    line-height: 32px
}

@media only screen and (max-width:767px) {
    .ts-programme-title-2 {
        font-size: 20px;
        line-height: 30px
    }
}

.ts-programme-subhead {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px
}

@media only screen and (max-width:767px) {
    .ts-programme-subhead {
        font-size: 16px;
        line-height: 26px
    }
}

.ts-chair {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px
}

@media only screen and (max-width:767px) {
    .ts-chair {
        font-size: 16px;
        line-height: 26px
    }
}

.ts-chair-title {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    line-height: 28px
}

@media only screen and (max-width:767px) {
    .ts-chair-title {
        font-size: 16px;
        line-height: 26px
    }
}

.ts-speaker {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

@media only screen and (max-width:767px) {
    .ts-speaker {
        font-size: 16px;
        line-height: 26px
    }
}

.ts-speaker-title {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    line-height: 28px
}

@media only screen and (max-width:767px) {
    .ts-speaker-title {
        font-size: 16px;
        line-height: 26px
    }
}

.ts-list-1 {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 22px;
    font-weight: 700;
    line-height: 34px
}

@media only screen and (max-width:767px) {
    .ts-list-1 {
        font-size: 18px;
        line-height: 28px
    }
}

.ts-list-2 {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px
}

@media only screen and (max-width:767px) {
    .ts-list-2 {
        font-size: 16px;
        line-height: 26px
    }
}

.ts-filter-head {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 17px;
    font-weight: 700;
    line-height: 26px
}

.ts-filter-text {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 17px;
    font-weight: 400;
    line-height: 26px
}

.ts-filter-text--light {
    color: #73858f
}

.c-wysiwyg-content h1,
.ts-heading-1 {
    font-family: 'Hanken Grotesk', sans-serif;
    color: var(--cyan);
    font-size: clamp(1.6em, 1.6vw, 1.8em);
    font-weight: 700;
    line-height: 32px
}

@media only screen and (max-width:767px) {
    .c-wysiwyg-content h1,
    .ts-heading-1 {
        font-size: 20px;
        line-height: 28px;
        margin: 14px 0 28px
    }
}

.c-wysiwyg-content h2,
.ts-heading-2 {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px
}

@media only screen and (max-width:767px) {
    .c-wysiwyg-content h2,
    .ts-heading-2 {
        font-size: 18px;
        line-height: 28px
    }
}

.c-reader-contents .reader-children .reader-sub-headings li a,
.c-wysiwyg-content h3,
.ts-heading-3 {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: clamp(1.4em, 1.6vw, 1.6em);
    font-weight: 400;
    line-height: 28px;
}

@media only screen and (max-width:767px) {
    .c-reader-contents .reader-children .reader-sub-headings li a,
    .c-wysiwyg-content h3,
    .ts-heading-3 {
        font-size: 18px;
        line-height: 28px
    }
}

/* Main p tag */

.c-wysiwyg-content p, .ts-body {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #222;
    line-height: 1.65;
    font-size: clamp(1.2em, 1.6vw, 1.4em);
    font-weight: 400;
}

.ea-body p, .ea-body li {
    font-family: 'Hanken Grotesk', sans-serif;
    color: var(--navy);
    line-height: 1.65;
    font-size: clamp(1rem, 1.6vw, 1.25rem);
    font-weight: 400;
}


.c-wysiwyg-content ol,
.c-wysiwyg-content ul,
.ts-bullet {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #222;
    line-height: 1.65;
    font-size: clamp(1.2em, 1.6vw, 1.4em);
    font-weight: 400;
}

.ts-link {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #e6534e;
    font-weight: 700;
    line-height: 26px;
}

.ts-link--normal-weight {
    font-weight: 400
}

.ts-link:focus,
.ts-link:hover {
    
}

.ts-link--no-hover:focus,
.ts-link--no-hover:hover {
    text-decoration: none
}

.ts-small-link {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #e6534e;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .25px;
    text-transform: uppercase
}

@media only screen and (max-width:767px) {
    .ts-small-link {
        font-size: 12px;
        line-height: 22px
    }
}

.c-wysiwyg-content .ts-pull-out-head,
.ts-pull-out-head {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

@media only screen and (max-width:767px) {
    .c-wysiwyg-content .ts-pull-out-head,
    .ts-pull-out-head {
        font-size: 18px;
        line-height: 28px
    }
}

.c-wysiwyg-content .ts-pull-out-text,
.ts-pull-out-text {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px
}

@media only screen and (max-width:767px) {
    .c-wysiwyg-content .ts-pull-out-text,
    .ts-pull-out-text {
        font-size: 18px;
        line-height: 28px
    }
}

.c-wysiwyg-content blockquote .ts-pull-quote,
.c-wysiwyg-content blockquote p,
.ts-pull-quote {
    font-family: 'Lora', sans-serif;
    color: #0098d3;
    font-size: clamp(1.5em, 1.6vw, 1.8em);
    font-style: italic;
    font-weight: 500;
    line-height: 1.65;
}

@media only screen and (max-width:767px) {
    .c-wysiwyg-content blockquote .ts-pull-quote,
    .c-wysiwyg-content blockquote p,
    .ts-pull-quote {
        font-size: 20px;
        line-height: 30px
    }
}

.c-wysiwyg-content .ts-pull-quote-ref,
.ts-pull-quote-ref {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0098d3;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

@media only screen and (max-width:767px) {
    .c-wysiwyg-content .ts-pull-quote-ref,
    .ts-pull-quote-ref {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 28px
    }
}

.ts-small-pull-quote {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    line-height: 28px
}

@media only screen and (max-width:767px) {
    .ts-small-pull-quote {
        font-size: 16px;
        line-height: 26px
    }
}

.ts-small-pull-quote-ref {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

@media only screen and (max-width:767px) {
    .ts-small-pull-quote-ref {
        font-size: 16px;
        line-height: 26px
    }
}

.ts-caption,
.wp-caption-text {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.media-credit,
.ts-credit {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px
}

@media only screen and (max-width:767px) {
    .media-credit,
    .ts-credit {
        font-size: 14px;
        line-height: 26px
    }
}

.ts-chapter-head {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 32px;
    font-weight: 700;
    line-height: 44px
}

.ts-chapter-head--small {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

@media only screen and (max-width:767px) {
    .ts-chapter-head {
        font-size: 26px;
        line-height: 34px;
        padding: 0 20px;
        text-align: left
    }
}

.ts-contents-small {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.ts-footnote {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.ts-footnote-ref {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-weight: 400
}

.ts-conference-nav {
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0d1946;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: .25px;
    text-transform: uppercase
}

@media only screen and (max-width:1106px) {
    .ts-conference-nav {
        font-size: 15px;
        line-height: 26px
    }
}

@media only screen and (max-width:767px) {
    .ts-conference-nav {
        font-size: 16px;
        line-height: 26px
    }
}

.ts-conference-head {
    font-family: 'Hanken Grotesk', sans-serif;
    font-size: 39px;
    font-style: normal;
    font-weight: 800;
    line-height: 50px;
    letter-spacing: .25px;
    text-transform: uppercase
}

@media only screen and (max-width:1106px) {
    .ts-conference-head {
        font-size: 36px;
        line-height: 46px
    }
}

@media only screen and (max-width:767px) {
    .ts-conference-head {
        font-size: 22px;
        line-height: 32px
    }
}

.ts-conference-page {
    font-family: 'Hanken Grotesk', sans-serif;
    font-size: 52px;
    font-style: normal;
    font-weight: 800;
    line-height: 62px;
    letter-spacing: .25px;
    text-transform: uppercase
}

@media only screen and (max-width:767px) {
    .ts-conference-page {
        font-size: 26px;
        line-height: 36px
    }
}

.ts-conference-subhead {
    font-family: 'Hanken Grotesk', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: .25px;
    text-transform: uppercase
}

@media only screen and (max-width:767px) {
    .ts-conference-subhead {
        font-size: 16px;
        line-height: 26px
    }
}

.c-add-to-calendar {
    margin-bottom: 30px;
    margin-top: 30px
}

@media only screen and (max-width:767px) {
    .c-add-to-calendar {
        margin-bottom: 16px
    }
}

.c-add-to-calendar--conference {
    margin-bottom: 40px;
    margin-top: 0
}

@media only screen and (max-width:767px) {
    .c-add-to-calendar--conference {
        margin-bottom: 26px
    }
}

.c-add-to-calendar--conference-large {
    margin-bottom: 50px;
    margin-top: 50px
}

@media only screen and (max-width:767px) {
    .c-add-to-calendar--conference-large {
        margin-bottom: 36px
    }
}

@media only screen and (max-width:767px) {
    .c-add-to-calendar .c-add-to-calendar__button {
        margin-bottom: 14px;
        margin-right: 0
    }
}

.c-active-filter {
    display: inline-block;
    margin: 0 12px 24px 0;
    vertical-align: top
}

.c-active-filter__label {
    background-color: #fff;
    border: 1px solid #dde5e9;
    cursor: pointer;
    display: inline-block;
    padding: 6px 10px;
    vertical-align: top
}

.c-active-filter__label:focus,
.c-active-filter__label:hover {
    background-color: #eef2f4
}

.c-active-filter__remove {
    margin-top: 5px;
    margin-left: 7px
}

@media only screen and (max-width:1106px) {
    .c-active-filters .c-filters__form {
        padding-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    .c-active-filters .c-filters__form {
        width: 100%
    }
}


.ts-button--normal {
    font-weight: 400
}

.ts-button--navy {
    color: #0d1946
}

.c-button {
    background-color: var(--cyan-60);
    border: 0;
    border-radius: 5px;
    font-family: 'GraviticaCompressed-Bold', 'Hanken Grotesk', sans-serif;
    background-color: var(--navy);
    font-size: clamp(1.4em, 4vw, 2em);
    font-weight: 700;
    display: inline-block;
    letter-spacing: 0.03em;
    padding: 15px 50px;
    outline: 0;
    vertical-align: top;
    transition: background-color 0.2s ease;
}

.ts-button {
    color: var(--navy);
    letter-spacing: .25px;
    line-height: 24px;
    text-transform: uppercase
}

/* Stops the rest button picking up the wring styles */
input[type="reset"] {
    background-color: var(--clay);
    text-transform: capitalize !important;
    padding: 8px 14px !important;
    font-family: 'Hanken Grotesk', sans-serif;
    font-size: 1em;
}

span .ts-button {
    font-weight: 400;
}

.c-button+.c-button {
    margin-left: 21px
}

.c-button:focus,
.c-button:hover {
    background-color: var(--cyan-80);
}

.c-button--grey {
    background-color: #bdccd4
}

.c-button-block {
    margin-bottom: 28px;
    padding: 26px 0 20px 0
}

@media only screen and (max-width:767px) {
    .c-button-block {
        margin-bottom: 14px
    }
}

@media only screen and (max-width:1106px) {
    .c-button-block .o-eight-col {
        box-sizing: border-box;
        padding: 0 25px;
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .c-button-block .o-eight-col {
        padding: 0 14px
    }
}

@media only screen and (max-width:1106px) {
    .c-button-block .o-offset-by-two {
        margin: 0
    }
}

.c-button-block__title {
    margin-bottom: 10px
}

.c-button-block__content {
    margin-bottom: 12px
}

.c-button-block__button-list--no-desc {
    margin-top: 20px
}

.c-button-block--last-item {
    margin-bottom: 0
}

.c-button-list {
    margin: 0 0 18px 0
}

.c-button-list__item {
    vertical-align: top;
    margin-left: 12px;
    display: inline-block
}

@media only screen and (max-width:767px) {
    .c-button-list__item {
        display: block;
        margin-bottom: 12px;
        margin-left: 0;
        width: 100%
    }
    .c-button-list__item .c-button {
        width: 100%
    }
}

.c-button-list__item:first-child {
    margin-left: 0
}

.c-button-list__link {
    display: inline-block;
    box-sizing: border-box;
    min-width: 150px;
    background-color: var(--cyan-60);
}

.c-button-list__link:hover {
    background-color: var(--cyan);
}

.c-conference-content__header {
    padding-bottom: 20px
}

.c-conference-content__link {
    padding-bottom: 19px
}

.c-conference-header {
    background-color: #fbd6a1;
    background-size: cover;
    box-sizing: border-box;
    padding-bottom: 40px;
    padding-top: 40px;
    position: relative
}

@media only screen and (max-width:1106px) {
    .c-conference-header {
        padding-bottom: 18px;
        padding-top: 30px
    }
}

@media only screen and (max-width:767px) {
    .c-conference-header {
        padding-left: 14px;
        padding-right: 14px
    }
}

.c-conference-header__post-type {
    position: absolute;
    left: 0;
    top: 0
}

@media only screen and (max-width:1106px) {
    .c-conference-header__post-type {
        margin: 0 auto 18px;
        position: relative;
        width: 100%
    }
}

.c-conference-header__post-type__label {
    background-color: #fff;
    display: inline-block;
    padding: 5px 12px;
    vertical-align: top
}

.c-conference-header__content {
    margin-top: 2px
}

.c-conference-header__content__title {
    margin-bottom: 12px
}

.c-conference-header__content__meta-1 {
    margin-bottom: 7px
}

.c-conference-header__content__twitter {
    display: block;
    margin-top: 8px;
    color: #0d1946
}

.c-conference-header__content__logo {
    padding-bottom: 20px;
    max-width: 300px
}

.c-conference-header__content__date {
    padding: 9px 0 6px
}

.c-conference-header__overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-conference-header__share {
    margin-top: 5px;
    position: absolute;
    right: 0;
    top: 0
}

@media only screen and (max-width:1106px) {
    .c-conference-header__share {
        float: left;
        margin-top: 20px;
        position: relative;
        width: 100%
    }
}

.c-conference-header-small {
    background-color: #fbd6a1;
    background-size: cover;
    box-sizing: border-box;
    min-height: 200px;
    padding-bottom: 40px;
    padding-top: 40px;
    position: relative
}

.c-conference-header-small__content {
    margin-top: 2px
}

.c-conference-header-small__content__title {
    margin-bottom: 12px
}

.c-conference-header-small__share {
    margin-top: 5px;
    position: absolute;
    right: 0;
    top: 0
}

.c-conference-menu {
    box-sizing: border-box;
    color: #fbd6a1;
    min-height: 60px;
    padding: 10px 0 20px 0;
    text-align: center;
    width: 100%
}

@media only screen and (max-width:767px) {
    .c-conference-menu {
        padding: 10px 14px
    }
}

.c-conference-menu__button {
    background-color: #fff;
    box-sizing: border-box;
    display: inline-block;
    height: 34px;
    margin: 13px 0 0 20px;
    padding: 5px 20px
}

@media only screen and (max-width:767px) {
    .c-conference-menu__button {
        margin-left: 0;
        width: 100%
    }
    .c-conference-menu__button:first-child {
        margin-top: 0
    }
}

.c-conference-menu__button--active,
.c-conference-menu__button:focus,
.c-conference-menu__button:hover {
    border-bottom: 2px solid #e6534e;
    color: #e6534e
}

.c-conference-menu__button:first-child {
    margin-left: 0
}

.c-conference-menu--empty {
    height: 30px
}

.c-contact-us-block {
    margin-bottom: 30px;
    padding: 25px 0 32px
}

@media only screen and (max-width:1106px) {
    .c-contact-us-block .o-eight-col {
        width: 100%
    }
    .c-contact-us-block .o-offset-by-two {
        margin: 0
    }
}

.c-contact-us-block__title {
    margin-bottom: 10px
}

@media only screen and (max-width:767px) {
    .c-contact-us-block__title {
        padding: 0 14px
    }
}

.c-contact-us-block__sub-title {
    margin-bottom: 23px
}

.c-contact-us-block__content {
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .c-contact-us-block__content {
        padding: 0 14px
    }
}

@media only screen and (max-width:767px) {
    .c-contact-us-block__content__email,
    .c-contact-us-block__content__tel {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .c-contact-us-block__content__br,
    .c-contact-us-block__content__spacer {
        display: none
    }
}

.c-contact-us-block .c-newsletter {
    padding-bottom: 0;
    padding-top: 15px
}


.c-core-areas {
    margin-bottom: 10px;
    margin-top: 40px;
    text-align: center;
    font-size: 0
}

@media only screen and (max-width:767px) {
    .c-core-areas {
        margin-bottom: 20px;
        margin-top: 22px;
        padding: 0 14px
    }
}

@media only screen and (max-width:1106px) {
    .c-core-areas .o-four-col {
        margin: 10px 50px 10px;
        padding-bottom: 30px;
        width: calc(100% - 100px)
    }
}

@media only screen and (max-width:767px) {
    .c-core-areas .o-four-col {
        margin: 40px 0 10px;
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .c-core-areas .o-four-col:nth-child(2) {
        margin-top: 10px
    }
}

.c-core-areas__header__text {
    margin: 0 0 22px 0
}

.c-core-areas__area {
    border-top: 2px solid #0098d3;
    line-height: 26px;
    margin-bottom: 32px;
    padding-top: 15px;
    float: none;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    text-align: left
}

.c-core-areas__area__name {
    margin-bottom: 8px
}

.c-core-areas__area__desc {
    margin-bottom: 8px
}

.c-core-areas__area__link:focus,
.c-core-areas__area__link:hover {
    text-decoration: underline
}

.c-core-areas__area__link__icon {
    display: inline-block;
    margin-top: 3px;
    margin-left: 7px;
    vertical-align: top
}

.c-event-phase-banner {
    padding: 10px 0
}

.c-event-phase-banner__text {
    margin-bottom: 0
}

.c-features-in {
    padding: 13px 0 20px 0
}

.c-features-in__title {
    margin-bottom: 13px
}

.c-features-in__inner {
    font-size: 0
}

.c-feature-section {

}



.c-feature-section__title {
    margin-bottom: 13px
}

.c-feature-section__desc {
    margin-bottom: 30px
}

.c-feature-section__desc a {
    text-decoration: underline
}

.c-feature-section__sub-title {
    margin-bottom: 20px;
    margin-top: 10px
}

@media only screen and (max-width:1106px) {
    .c-feature-section__sub-title {
        margin-top: 0
    }
}

.c-feature-section__sub-sub-title {
    margin-bottom: 23px
}

.c-feature-section__container {
    box-sizing: border-box
}

@media only screen and (max-width:1106px) {
    .c-feature-section__container {
        padding-left: 25px
    }
}

@media only screen and (max-width:767px) {
    .c-feature-section__container {
        padding-left: 0
    }
}

.c-feature-section__container--half-width {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 25px)
}

@media only screen and (max-width:1106px) {
    .c-feature-section__container--half-width {
        width: 100%
    }
}

.c-feature-section__container--half-width+.c-feature-section__container--half-width {
    width: 50%
}

@media only screen and (max-width:1106px) {
    .c-feature-section__container--half-width+.c-feature-section__container--half-width {
        border-top: 3px solid #fff;
        width: 100%
    }
}

.c-feature-section__link {
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: top
}

.c-feature-section__link__icon {
    margin-top: 4px;
    margin-left: 7px
}

.c-feature-section__link--top {
    margin-bottom: 20px
}

@media only screen and (max-width:767px) {
    .c-feature-section__link--top {
        margin-bottom: 10px
    }
}

.c-feature-section--double .c-feature-section__title {
    margin-right: 25px
}

@media only screen and (max-width:767px) {
    .c-feature-section--double .c-feature-section__title {
        margin-right: 0
    }
}

.c-feature-section--double .c-feature-section__link {
    margin-bottom: 30px
}

@media only screen and (max-width:1106px) {
    .c-feature-section--double .c-feature-section__link {
        margin-bottom: 10px
    }
}

@media only screen and (max-width:1106px) {
    .c-feature-section--double .c-feature-section__link+.c-feature-section--double .c-feature-section__link {
        margin-bottom: 30px
    }
}

.c-feature-section--margin-top {
    margin-top: 20px
}

.c-feature-section--no-padding-bottom {
    padding-bottom: 0
}

.c-feature-section--padding-bottom {
    padding-bottom: 40px
}

.c-feature-section--other-work,
.c-feature-section--sub-sub-title {
    padding-bottom: 26px;
    padding-top: 22px
}

.c-feature-section--linked-posts,
.c-feature-section--no-titles {
    padding: 50px 0 24px 0
}

.c-feature-section--people-listing {
    padding-top: 0;
    padding-bottom: 30px
}

.c-feature-section--feat-upcoming-events {
    margin-top: -60px;
    padding-top: 0
}

.c-feature-section--feat-upcoming-events--empty {
    margin-top: 0;
    padding-top: 30px
}

.c-feature-section--feat-upcoming-events+.c-feature-section__feat-past-events {
    padding-top: 0
}

.c-feature-section--feat-past-events {
    margin-bottom: 40px;
    padding-top: 30px
}

@media only screen and (max-width:767px) {
    .c-feature-section--feat-past-events {
        margin-bottom: 20px;
        padding-top: 11px
    }
}

.c-feature-section--featured-publications {
    padding-bottom: 0;
    padding-top: 0
}

.c-feature-section--publications {
    padding-bottom: 40px;
    padding-top: 0
}

.c-feature-section--articles+.c-feature-section--media-coverage {
    padding-top: 0
}

.c-feature-section--media-coverage {
    padding-top: 30px
}

.c-feature-section--no-padding-top {
    padding-top: 0
}

.c-filters {
    font-size: 0;
    padding: 20px 0
}

.c-filters__form {
    padding-top: 20px
}

@media only screen and (max-width:1106px) {
    .c-filters__form {
        box-sizing: border-box;
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .c-filters__form {
        width: calc(100% - 28px)
    }
}

.c-filters__filters-container {
    display: inline-block;
    text-align: left;
    vertical-align: top
}

@media only screen and (max-width:1106px) {
    .c-filters__filters-container {
        display: block;
        margin: 0 auto 20px;
        width: 63%
    }
}

@media only screen and (max-width:767px) {
    .c-filters__filters-container {
        margin-bottom: 12px;
        padding-left: 14px
    }
}

.c-filters__heading {
    background-color: #fff;
    cursor: pointer;
    padding: 7px 10px;
    position: relative
}

.c-filters__heading__icon {
    margin-top: -4px;
    position: absolute;
    top: 50%;
    right: 10px;
    transition: transform .4s
}

.is-open .c-filters__heading__icon {
    transform: rotate(180deg)
}

.c-filters__list {
    background-color: #fff;
    border-top: 1px solid #dde5e9;
    display: none;
    font-size: 14px;
    max-height: 205px;
    position: relative;
    overflow: hidden
}

.c-filters__list__item.is-checked>label {
    background-color: #eef2f4
}

.c-filters__list__item input:checked+label,
.c-filters__list__item.is-checked>label {
    background-position: 13px -242px;
    background-color: #eef2f4
}

.c-filters__list__item input[type=checkbox] {
    display: none
}

.c-filters__list__item label {
    background: url(../images/checkboxes.png) 13px 6px;
    background-image: url(../images/checkboxes.svg), none;
    background-position: 13px 6px;
    background-repeat: no-repeat;
    background-size: 19px 276px;
    border-bottom: 1px solid #dde5e9;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    padding: 7px 25px 7px 42px;
    width: 100%
}

.c-filters__list__item label:focus,
.c-filters__list__item label:hover {
    background-color: #eef2f4
}

.c-filters__list__item__sub-list__item label {
    background-position: 29px 6px;
    padding-left: 62px
}

.c-filters__list__item__sub-list__item input:checked+label {
    background-position: 29px -242px
}

.c-filters__buttons {
    margin-top: 20px
}

.c-filters__button {
    margin-bottom: 24px
}



@media only screen and (max-width:767px) {
    .c-fund-us {
        padding: 0 14px
    }
}

.c-fund-us__title {
    padding: 40px 0 23px
}

.c-fund-us__section {
    margin-bottom: 24px
}

.c-fund-us__section__title {
    margin-bottom: 10px
}

.c-fund-us__section:last-of-type {
    margin-bottom: 40px
}

.c-fund-us__quote {
    padding: 20px 0
}

.c-fund-us__link {
    display: block;
    margin-top: 14px
}

.c-fund-us__link__arrow {
    margin: 5px 0 0 9px
}

.c-google-map {
    margin: 30px 0 0 0;
    position: relative;
    width: 100%
}

.c-google-map__map {
    z-index: 1;
    height: 400px;
    position: relative;
    width: 100%
}

.c-google-map__overlay {
    z-index: 2;
    background-color: #fff;
    display: inline-block;
    left: 0;
    margin: 0 auto;
    padding: 0 50px 20px 50px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    vertical-align: top
}

.c-google-map__overlay__title {
    display: block;
    margin-bottom: 13px
}

.c-google-map__overlay+.c-google-map__map {
    height: 500px
}

.c-google-map .gm-style {
    pointer-events: none
}

.c-google-map img {
    max-width: inherit!important
}

.c-google-map--conference {
    margin: 50px 0 20px 0
}


.c-key-speakers__title {
    padding-bottom: 20px
}

.c-key-speakers__link {
    display: block;
    margin-bottom: 30px
}

.c-key-speakers__link__icon {
    display: inline-block;
    margin-left: 10px;
    margin-top: 6px;
    vertical-align: top
}

@media only screen and (max-width:1106px) {
    .c-key-speakers__speaker-wrapper {
        padding-left: 25px
    }
}

@media only screen and (max-width:767px) {
    .c-key-speakers__speaker-wrapper {
        padding: 0 14px
    }
}

.c-link-list {
    display: inline-block;
    vertical-align: top
}

.c-link-list__item {
    display: inline-block;
    vertical-align: top
}

.c-link-list__link__icon {
    margin: 7px 0 0 5px
}

.c-load-more {
    margin-bottom: 50px;
    margin-top: 4px
}

@media only screen and (max-width:1106px) {
    .c-load-more {
        width: 100%
    }
}

.c-load-more__button {
    cursor: pointer
}

.c-load-more__button__icon {
    display: block;
    margin: 0 auto;
    transition: transform .3s
}

.c-load-more__button:focus .c-load-more__button__icon,
.c-load-more__button:hover .c-load-more__button__icon {
    transform: rotate(90deg) translateX(5px)
}

.c-media-credit__toggle-btn {
    z-index: 3;
    background: url(../images/sprite.png) 0 -450px;
    background-image: url(../images/sprite.svg), none;
    background-position: 0 -450px;
    background-repeat: no-repeat;
    background-size: 300px 600px;
    background-color: #fff;
    display: block;
    cursor: pointer;
    height: 30px;
    opacity: .6;
    position: relative;
    width: 30px
}

.c-media-credit__credit {
    background-color: #fff;
    color: #0d1946;
    display: none;
    min-height: 26px;
    opacity: .8;
    padding: 3px 10px 1px;
    position: absolute;
    right: 30px;
    top: 0
}

.c-media-credit.credit-is-open .c-media-credit__credit {
    display: block;
    opacity: .8
}

.c-media-credit.credit-is-open .c-media-credit__credit:after {
    background-color: #0d1946;
    box-sizing: border-box;
    content: " ";
    height: calc(100% - 14px);
    margin: 7px 0 0 0;
    opacity: .8;
    position: absolute;
    right: -1px;
    top: 0;
    width: 1px;
    z-index: 2
}

.c-media-credit.credit-is-open .c-media-credit__toggle-btn {
    background: url(../images/sprite.png) -31px -450px;
    background-image: url(../images/sprite.svg), none;
    background-position: -31px -450px;
    background-repeat: no-repeat;
    background-size: 300px 600px;
    background-color: #fff;
    opacity: .8
}


.c-news__heading {
    padding-bottom: 33px
}

.c-news__arrow {
    margin: 4px 0 0 10px
}

.c-news__link {
    margin-bottom: 60px
}

.c-overlay {
    z-index: 301;
    background-color: rgba(255, 255, 255, .8);
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    transition: opacity .3s, visibility .3s;
    top: 0;
    visibility: hidden;
    width: 100%
}

.c-overlay.is-visible {
    opacity: 1;
    transition: opacity .3s, visibility .3s;
    visibility: visible
}

.c-page-banner {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 70px 0;
    position: relative
}

@media only screen and (max-width:1106px) {
    .c-page-banner {
        padding: 90px 0 97px
    }
}

@media only screen and (max-width:767px) {
    .c-page-banner {
        padding: 32px 14px 32px
    }
}

@media only screen and (min-width:600px) and (max-width:767px) {
    .c-page-banner {
        padding: 60px 14px 60px
    }
}

.c-page-banner__overlay {
    height: 100%;
    left: 0;
    opacity: .9;
    position: absolute;
    top: 0;
    width: 100%
}

.c-page-banner__stripes {
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-page-banner__title {
    margin: 0 auto 0 auto
}

.c-page-banner__text {
    margin: 3px auto 0 auto
}

@media only screen and (max-width:1106px) {
    .c-page-banner__text {
        width: 75%
    }
}

.c-page-banner--no-image {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 42px
}

@media only screen and (max-width:767px) {
    .c-page-banner--no-image {
        padding-top: 32px
    }
}

.c-page-banner--events {
    padding: 70px 0 100px 0
}

@media only screen and (max-width:1106px) {
    .c-page-banner--events {
        padding: 70px 0 93px
    }
}

@media only screen and (max-width:767px) {
    .c-page-banner--events {
        padding-left: 14px;
        padding-right: 14px
    }
}

.c-page-banner--events--past-events,
.c-page-banner--events--upcoming-events {
    padding-bottom: 50px
}

.c-page-banner--padding-bottom {
    padding: 42px 0
}

.c-page-banner__credit .c-media-credit__toggle-btn {
    position: absolute;
    bottom: 0;
    right: 0
}

.c-page-banner__credit .c-media-credit__credit {
    bottom: 0;
    max-width: calc(50% - 24px - 30px);
    top: auto
}

@media only screen and (max-width:767px) {
    .c-page-banner__credit .c-media-credit__credit {
        bottom: auto;
        max-width: calc(100% - 30px - 30px);
        top: calc(100% - 30px);
        z-index: 10
    }
}

@media only screen and (max-width:767px) {
    .c-page-banner__credit.credit-is-open,
    .c-page-banner__credit.credit-is-open .c-media-credit__credit,
    .c-page-banner__credit.credit-is-open .c-media-credit__toggle-btn {
        opacity: 1
    }
}

@media only screen and (max-width:1106px) {
    .c-page-content .o-eight-col,
    .c-page-content .o-ten-col {
        box-sizing: border-box;
        padding: 0 50px;
        width: 100%
    }
    .c-page-content .o-eight-col.c-wysiwyg-content--reader,
    .c-page-content .o-ten-col.c-wysiwyg-content--reader {
        padding: 32px 20px
    }
    .c-page-content .o-six-col {
        box-sizing: border-box;
        display: block;
        float: none;
        margin: 0 auto;
        width: 60%
    }
    .c-page-content .o-offset-by-one,
    .c-page-content .o-offset-by-two {
        margin: 0
    }
}

@media only screen and (max-width:767px) {
    .c-page-content .o-eight-col,
    .c-page-content .o-ten-col {
        padding: 0
    }
    .c-page-content .o-six-col {
        padding-left: 14px;
        padding-right: 14px;
        width: 100%
    }
}

.c-page-content--no-body {
    padding-bottom: 42px
}

@media only screen and (max-width:767px) {
    .c-page-content--no-body {
        padding-bottom: 24px
    }
}

@media only screen and (max-width:1106px) {
    .c-partners {
        margin: 0 auto;
        width: 90%
    }
}

.c-partners__item {
    box-sizing: border-box;
    display: inline-block;
    border-bottom: 1px solid #0d1946;
    border-top: 1px solid #0d1946;
    margin-right: -4px;
    margin-top: -1px;
    padding: 20px 0;
    vertical-align: top;
    width: 269px
}

@media only screen and (max-width:1106px) {
    .c-partners__item {
        width: 33.333%
    }
}

@media only screen and (max-width:767px) {
    .c-partners__item {
        width: 100%
    }
}

.c-partners__item__content {
    position: relative;
    height: 140px;
    border-right: 1px #0d1946 solid
}

@media only screen and (max-width:767px) {
    .c-partners__item__content {
        border: none
    }
}

@media only screen and (max-width:767px) {
    .c-partners__item__content--text {
        height: auto
    }
}

.c-partners__item__content__image,
.c-partners__item__content__text {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (max-width:767px) {
    .c-partners__item__content__text {
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.c-partners__item:last-child {
    margin-bottom: 20px
}

@media only screen and (max-width:1106px) {
    .c-partners__item:nth-child(3n) .c-partners__item__content {
        border: none
    }
}

@media only screen and (min-width:1090px) {
    .c-partners__item:nth-child(4n) .c-partners__item__content {
        border: none
    }
}

.c-person-header {
    box-sizing: border-box;
    padding-top: 30px
}

@media only screen and (max-width:767px) {
    .c-person-header {
        padding: 30px 14px 0
    }
}

.c-person-header__image {
    border-radius: 50%;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c-person-header__details {
    text-align: center;
    margin-top: 10px
}

.c-person-header__job {
    margin-bottom: 16px;
    margin-top: 3px
}

.c-person-header__icon--twitter {
    margin: 3px 8px 0 0
}

.c-person-header__icon--linkedin {
    margin: 3px 8px 0 0
}

.c-person-header__email:focus,
.c-person-header__email:hover {
    text-decoration: underline
}

.c-person-header__social {
    margin-top: 2px
}

.c-person-header__social--item {
    margin: 0 5px
}

.c-person-header__social--item:focus,
.c-person-header__social--item:hover {
    text-decoration: underline
}

.c-person-header--about {
    margin: 0 auto
}

.c-person-tile {
    border-top: 2px solid #0d1946;
    box-sizing: border-box;
    font-size: 14px;
    height: 300px;
    margin-bottom: 24px;
    position: relative;
    text-align: left
}

@media only screen and (max-width:1106px) {
    .c-person-tile {
        width: calc(50% - 25px)
    }
}

@media only screen and (max-width:767px) {
    .c-person-tile {
        margin-bottom: 15px;
        width: calc(100% - 28px)
    }
}

@media only screen and (max-width:360px) {
    .c-person-tile {
        height: 277px
    }
}

.c-person-tile__head {
    text-align: center
}

.c-person-tile__information {
    bottom: 0;
    box-sizing: border-box;
    min-height: 100px;
    padding: 14px 25px;
    position: absolute;
    width: 100%
}

@media only screen and (max-width:1106px) {
    .c-person-tile__information {
        min-height: 106px
    }
}

.c-person-tile__post-type {
    background-color: rgba(255, 255, 255, .81);
    box-sizing: border-box;
    left: 25px;
    margin-bottom: 0;
    position: absolute;
    padding: 7px 12px;
    text-align: center;
    text-transform: uppercase;
    top: -40px
}

@media only screen and (max-width:767px) {
    .c-person-tile__post-type {
        top: -34px
    }
}

.c-person-tile__title:focus,
.c-person-tile__title:hover {
    text-decoration: underline
}

.c-person-tile__content {
    margin: 0 auto
}

.c-person-tile__image {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: 100%
}

.c-person-tile__job-title {
    margin-bottom: 4px
}

.c-person-tile--arrow {
    margin-left: 12px;
    margin-top: 8px
}

@media only screen and (max-width:767px) {
    .c-person-tile--arrow {
        margin-top: 5px
    }
}

.c-person-tile--inline-block {
    display: inline-block;
    float: none;
    vertical-align: top
}

.c-publication-standfirst {
    padding-top: 50px
}

@media only screen and (max-width:767px) {
    .c-publication-standfirst {
        padding: 23px 14px 0
    }
    .c-publication-standfirst .c-button {
        box-sizing: border-box;
        width: 100%
    }
    .c-publication-standfirst .c-button+.c-button {
        margin-left: 0;
        margin-top: 14px
    }
}

.c-publication-standfirst__buttons {
    padding-top: 30px
}

.c-reader-content-header {
    border-bottom: 1px solid #0d1946;
    margin-top: 50px;
    padding-bottom: 20px;
    position: relative
}

@media only screen and (max-width:1106px) {
    .c-reader-content-header {
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    .c-reader-content-header {
        border-bottom: 0;
        margin-top: 23px;
        padding: 0
    }
}

.c-reader-content-header__inner {
    margin: 0 auto
}

@media only screen and (max-width:767px) {
    .c-reader-content-header__nav {
        border-bottom: 1px solid #0d1946;
        border-top: 1px solid #0d1946;
        margin-left: 14px;
        margin-right: 14px;
        margin-top: 12px;
        padding: 10px 0 15px
    }
}

.c-reader-content-header__icon {
    height: 23px;
    position: absolute;
    top: 12px;
    width: 25px
}

@media only screen and (max-width:767px) {
    .c-reader-content-header__icon {
        position: static;
        width: 120px
    }
    .c-reader-content-header__icon .c-icon--arrow-large {
        display: none
    }
}

.c-reader-content-header__icon--previous {
    left: 0
}

@media only screen and (max-width:767px) {
    .c-reader-content-header__icon--previous {
        float: left;
        margin-left: 20px;
        text-align: left
    }
}

.c-reader-content-header__icon--next {
    right: 0
}

@media only screen and (max-width:767px) {
    .c-reader-content-header__icon--next {
        float: right;
        margin-right: 20px;
        text-align: right
    }
}

.c-reader-content-header__mobile-arrow {
    display: none
}

@media only screen and (max-width:767px) {
    .c-reader-content-header__mobile-arrow {
        display: inline-block;
        margin-top: 6px;
        vertical-align: top
    }
}

.c-reader-content-header__link-text {
    display: none
}

@media only screen and (max-width:767px) {
    .c-reader-content-header__link-text {
        display: inline-block
    }
}

.c-reader-content-header__link-text--left {
    margin-left: 5px
}

.c-reader-content-header__link-text--right {
    margin-right: 5px
}

.c-reader-contents {
    overflow: auto
}

.c-reader-contents__list-wrapper {
    display: none;
    margin: 20px auto 40px
}

@media only screen and (max-width:1106px) {
    .c-reader-contents__list-wrapper {
        box-sizing: border-box;
        padding: 0 50px;
        width: 100%
    }
    .c-reader-contents__list-wrapper .o-eight-col {
        box-sizing: border-box;
        padding: 0 50px;
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .c-reader-contents__list-wrapper {
        padding: 0 14px
    }
    .c-reader-contents__list-wrapper .o-eight-col {
        padding: 0 14px
    }
}

.c-reader-contents__heading {
    cursor: pointer;
    padding: 20px 0
}

.c-reader-contents__close {
    cursor: pointer;
    position: absolute;
    right: 96px;
    transition: transform .3s;
    top: 27px
}

@media only screen and (max-width:1106px) {
    .c-reader-contents__close {
        right: 62px;
        top: 30px
    }
}

@media only screen and (max-width:767px) {
    .c-reader-contents__close {
        right: 32px;
        top: 25px
    }
}

.c-reader-contents__close.is-cross {
    transform: rotate(-45deg)
}

.c-reader-contents .reader-children {
    position: relative
}

.c-reader-contents .reader-children>:first-child a {
    border-top: 1px solid #7D67DA;
}

.c-reader-contents .reader-children .reader-child {
    position: relative
}

.c-reader-contents .reader-children .reader-child a {
    border-bottom: 1px solid #7D67DA;
    display: block;
    padding: 11px 12px 10px
}

.c-reader-contents .reader-children .reader-child a:focus,
.c-reader-contents .reader-children .reader-child a:hover {
    background-color: #7D67DA;
    color: #fff;
}

.c-reader-contents .reader-children .reader-child .expand-icon {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 50px;
    padding: 16px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px
}

.c-reader-contents .reader-children .reader-child .c-icon {
    cursor: pointer;
    transition: transform .3s
}

.c-reader-contents .reader-children .reader-child.subheading a {
    font-size: 18px;
    padding-left: 30px
}

.c-reader-contents .reader-children .reader-child.expanded .c-icon {
    transform: rotate(-45deg)
}

.c-reader-contents .reader-children .reader-child.open-on-load .reader-sub-headings {
    display: block
}

.c-reader-contents .reader-children .reader-sub-headings {
    display: none
}

.c-reader-contents .reader-children .reader-sub-headings li a {
    border-top: 0
}

.c-reader-contents--overlay {
    z-index: 200;
    background-color: rgb(187 188 239 / 90%);
    height: 100%;
    left: 0;
    opacity: 0;
    padding-top: 82px;
    position: fixed;
    transition: opacity .3s, visibility .3s;
    top: 0;
    visibility: hidden;
    width: 100%
}

.admin-bar .c-reader-contents--overlay {
    margin-top: 31px
}

.c-reader-contents--overlay .c-reader-contents__list-wrapper {
    display: block
}

.c-reader-contents--overlay .c-reader-contents__close {
    top: 10px
}

.c-reader-contents--overlay.is-visible {
    opacity: 1;
    transition: opacity .3s, visibility .3s;
    visibility: visible
}

.c-reader-contents--overlay__close {
    cursor: pointer;
    position: absolute;
    right: 50px;
    top: 7px
}

.c-reader-footnotes {
    z-index: 303;
    background-color: #dde5e9;
    bottom: 0;
    padding: 30px 0;
    position: fixed;
    transform: translateY(100%);
    transition: transform .3s;
    width: 100%
}

.c-reader-footnotes__wrapper {
    margin: 0 auto
}

.c-reader-footnotes__footnote {
    display: none
}

.c-reader-footnotes.is-visible {
    transform: translateY(0)
}

.c-reader-footnote-ref {
    margin: 0 2px 0 -2px
}

.c-reader-footnote-ref a {
    border-bottom: 0;
    text-decoration: none
}

.c-reader-footnote-ref__close {
    z-index: 302;
    background-color: #7e8c36;
    border-radius: 15px;
    cursor: pointer;
    height: 30px;
    margin-left: -20px;
    opacity: 0;
    position: absolute;
    transition: opacity .5s;
    visibility: hidden;
    width: 30px
}

.c-reader-footnote-ref__close .c-icon {
    margin: 9px
}

.c-reader-footnote-ref__close.is-visible {
    display: inline-block;
    opacity: 1;
    visibility: visible
}

.c-reader-pagination {
    margin: 0 auto 39px;
    position: relative
}

.c-reader-pagination__link__icon {
    margin-top: 4px
}

@media only screen and (max-width:767px) {
    .c-reader-pagination__link__mobile-text {
        display: none
    }
}

.c-reader-pagination__link--previous {
    float: left
}

@media only screen and (max-width:767px) {
    .c-reader-pagination__link--previous {
        margin-left: 20px
    }
}

.c-reader-pagination__link--previous .c-icon {
    margin-right: 10px
}

.c-reader-pagination__link--next {
    float: right
}

@media only screen and (max-width:767px) {
    .c-reader-pagination__link--next {
        margin-right: 20px
    }
}

.c-reader-pagination__link--next .c-icon {
    margin-left: 10px
}

.c-reader-pagination__back-to-top {
    cursor: pointer;
    display: block;
    left: 50%;
    margin-left: -50px;
    position: absolute;
    text-align: center;
    top: -17px;
    width: 100px
}

@media only screen and (max-width:767px) {
    .c-reader-pagination__back-to-top {
        top: 0
    }
}

.c-reader-pagination__back-to-top .c-icon {
    display: block;
    margin: 0 auto
}

@media only screen and (max-width:767px) {
    .c-reader-pagination__back-to-top .c-icon {
        display: inline-block;
        margin-top: 4px;
        margin-right: 10px
    }
}

.c-related-content {
    z-index: 2;
    overflow-x: hidden;
    position: relative
}

.c-related-content__title {
    padding: 13px 0;
    margin-bottom: 0;
    width: 100%
}

.c-related-content__expand {
    display: none;
    font-size: 0;
    padding: 30px 0 6px 0
}

@media only screen and (max-width:1106px) {
    .c-related-content__expand {
        padding-left: 25px
    }
}

@media only screen and (max-width:767px) {
    .c-related-content__expand {
        padding: 14px
    }
}

.c-related-content__arrow {
    background-color: #bdccd4;
    bottom: -25px;
    box-sizing: border-box;
    cursor: pointer;
    height: 43px;
    left: 0;
    margin: 0 auto;
    padding: 10px 0;
    position: absolute;
    right: 0;
    width: 65px
}

.c-related-content__arrow__icon {
    background: url(../images/sprite.png) 0 -190px;
    background-image: url(../images/sprite.svg), none;
    background-position: 0 -190px;
    background-repeat: no-repeat;
    background-size: 300px 600px;
    display: block;
    height: 24px;
    margin: 0 auto;
    transition: transform .3s;
    width: 25px
}

.c-related-content.is-open {
    padding-bottom: 30px
}

.c-related-content.is-open .c-related-content__arrow__icon {
    transform: rotate(180deg)
}

.c-related-content--always-open {
    padding-bottom: 30px
}

.c-related-content--always-open .c-related-content__expand {
    display: block
}

.c-related-content--always-open .c-related-content__arrow {
    display: none
}

.c-results-header {
    padding: 30px 0
}

@media only screen and (max-width:767px) {
    .c-results-header {
        padding: 10px 0 20px
    }
}

@media only screen and (max-width:1106px) {
    .c-results-header .o-twelve-col {
        box-sizing: border-box;
        padding: 0 25px
    }
}

@media only screen and (max-width:767px) {
    .c-results-header .o-twelve-col {
        padding: 0 14px
    }
}

.c-results-header__list-type {
    float: right;
    height: 22px;
    margin-bottom: 0;
    margin-top: -28px
}

@media only screen and (max-width:767px) {
    .c-results-header__list-type {
        display: none;
        margin-top: -23px
    }
}

.c-results-header__list-type__list {
    margin-left: 20px
}

@media only screen and (max-width:767px) {
    .c-results-header__list-type__list {
        margin-left: 12px
    }
}

.c-search-form {
    z-index: 202;
    box-sizing: border-box;
    padding: 30px 0;
    text-align: center;
    width: 100%
}

@media only screen and (max-width:767px) {
    .c-search-form {
        padding-left: 14px;
        padding-right: 14px
    }
}

.is-big .c-search-form {
    left: auto;
    max-width: 100%;
    min-width: 250px;
    padding: 30px;
    position: absolute;
    right: 0;
    width: 35%
}

@media only screen and (max-width:767px) {
    .is-big .c-search-form {
        padding-left: 14px;
        padding-right: 14px;
        min-width: 0;
        width: 100%
    }
}

.is-big .c-search-form__field {
    border: 0;
    margin-bottom: 12px;
    width: 100%
}

@media only screen and (max-width:767px) {
    .c-search-form__field {
        margin-bottom: 12px;
        width: 100%
    }
}

@media only screen and (max-width:1106px) {
    .c-search-results--grid .c-search-results__inner {
        box-sizing: border-box;
        padding-left: 25px
    }
}

@media only screen and (max-width:767px) {
    .c-search-results--grid .c-search-results__inner {
        padding: 0 14px
    }
}

@media only screen and (max-width:1106px) {
    .c-search-results--list .c-search-results__inner {
        box-sizing: border-box;
        padding: 0 25px
    }
}

@media only screen and (max-width:767px) {
    .c-search-results--list .c-search-results__inner {
        padding: 0 14px
    }
}

.c-sessions {
    padding: 30px 0
}

@media only screen and (max-width:1106px) {
    .c-sessions {
        box-sizing: border-box;
        max-width: 100%;
        padding: 30px 25px;
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .c-sessions {
        padding: 30px 14px
    }
}

.c-sessions__title {
    margin-bottom: 20px
}

@media only screen and (max-width:1106px) {
    .c-sessions__title .o-offset-by-one {
        margin-left: 0;
        width: 100%
    }
}

.c-sessions__session {
    border-bottom: 1px solid #000
}

@media only screen and (max-width:1106px) {
    .c-sessions__session {
        width: 100%
    }
}

@media only screen and (max-width:1106px) {
    .o-container .c-sessions__session.o-offset-by-one,
    .o-container .o-column+.c-sessions__session.o-column.o-offset-by-one {
        margin-left: 0
    }
}

.c-sessions__session:first-child {
    border-top: 1px solid #000
}

.c-sessions__session--break .c-sessions__session__header__main__title {
    font-weight: 400
}

.c-sessions__session__header {
    font-size: 0;
    position: relative
}

.c-sessions__session__header--has-expand {
    cursor: pointer
}

.c-sessions__session__header__aside {
    box-sizing: border-box;
    display: inline-block;
    padding: 8px 10px 5px 10px;
    vertical-align: top
}

@media only screen and (max-width:1106px) {
    .c-sessions__session__header__aside {
        padding-left: 25px;
        padding-right: 25px;
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .c-sessions__session__header__aside {
        padding-left: 14px;
        padding-right: 14px
    }
}

@media only screen and (max-width:1106px) {
    .c-sessions__session__header__aside__time {
        display: inline-block;
        vertical-align: top;
        width: calc(20% - 25px)
    }
}

@media only screen and (max-width:767px) {
    .c-sessions__session__header__aside__time {
        width: auto
    }
}

@media only screen and (max-width:1106px) {
    .c-sessions__session__header__aside__type {
        display: inline-block;
        margin-top: 2px;
        padding-left: 12px;
        vertical-align: top;
        width: 80%
    }
}

@media only screen and (max-width:767px) {
    .c-sessions__session__header__aside__type {
        padding-left: 0
    }
}

.c-sessions__session__header__highlight-label {
    background-color: #fff;
    display: none;
    left: 0;
    margin: 10px;
    opacity: 0;
    padding: 4px 8px;
    position: absolute;
    top: 33px;
    transition: opacity 1s
}

@media only screen and (max-width:1106px) {
    .c-sessions__session__header__highlight-label {
        display: inline-block;
        opacity: 1;
        margin: 4px 0 0 0;
        position: static
    }
}

.c-sessions__session__header__main {
    box-sizing: border-box;
    display: inline-block;
    padding-bottom: 2px;
    padding-top: 8px;
    vertical-align: top
}

@media only screen and (max-width:1106px) {
    .c-sessions__session__header__main {
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 0;
        position: relative;
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .c-sessions__session__header__main {
        padding-left: 14px;
        padding-right: 14px
    }
}

@media only screen and (max-width:1106px) {
    .u-inline-block+.c-sessions__session__header__main.u-inline-block {
        margin-left: 0
    }
}

.c-sessions__session__header__main__title,
.o-container .c-sessions__session__header__main__title {
    margin: 0
}

@media only screen and (max-width:1106px) {
    .c-sessions__session__header__main__title,
    .o-container .c-sessions__session__header__main__title {
        width: calc(100% - 30px)
    }
}

.c-sessions__session__header__main__expand {
    background: url(../images/sprite.png) 0 -220px;
    background-image: url(../images/sprite.svg), none;
    background-position: 0 -220px;
    background-repeat: no-repeat;
    background-size: 300px 600px;
    display: block;
    height: 18px;
    position: absolute;
    right: 10px;
    top: 14px;
    transition: transform .3s;
    width: 18px
}

@media only screen and (max-width:1106px) {
    .c-sessions__session__header__main__expand {
        top: 4px
    }
}

@media only screen and (max-width:767px) {
    .c-sessions__session__header__main__expand {
        right: 14px
    }
}

.c-sessions__session__header__main__type {
    margin-bottom: 7px;
    margin-top: 4px
}

.c-sessions__session__body {
    display: none
}

.is-open-on-load .c-sessions__session__body {
    display: block
}

.c-sessions__session__body__wysiwyg {
    margin-bottom: 18px
}

.c-sessions__session__body__link__underline {
    border-bottom: 1px solid #e6534e
}

.c-sessions__session__body__link__underline:focus,
.c-sessions__session__body__link__underline:hover {
    color: #e6534e
}

.c-sessions__session__body__people-wrapper {
    margin-bottom: 10px
}

.c-sessions__session__body__person {
    margin-bottom: 6px
}

@media only screen and (max-width:1106px) {
    .c-sessions__session__body .o-six-col {
        box-sizing: border-box;
        margin-left: 0;
        padding: 0 25px;
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .c-sessions__session__body .o-six-col {
        padding: 0 14px
    }
}

@media only screen and (max-width:1106px) {
    .c-sessions__session__body .o-eight-col {
        box-sizing: border-box;
        margin-left: 0;
        padding: 0 25px;
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .c-sessions__session__body .o-eight-col {
        padding: 0 14px
    }
}

.c-sessions__session--highlight {
    background-color: #dde5e9
}

.c-sessions__session.is-open .c-sessions__session__header__highlight-label,
.c-sessions__session.is-open-on-load .c-sessions__session__header__highlight-label {
    display: inline-block;
    opacity: 1
}

.c-sessions__session.is-open .c-sessions__session__header__main__expand,
.c-sessions__session.is-open-on-load .c-sessions__session__header__main__expand {
    transform: rotate(45deg)
}

.c-sessions__parallel-session+.c-sessions__parallel-session {
    border-top: 1px solid #000;
    margin-top: 20px;
    padding-top: 20px
}

.c-sessions__parallel-session__title {
    margin-bottom: 4px
}

.c-sessions__parallel-session__people-wrapper {
    margin-bottom: 10px
}

.c-sessions--no-padding-bottom {
    padding-bottom: 0
}

.c-sessions--no-padding-top {
    padding-top: 0
}

.c-sessions--conf-programme {
    padding-bottom: 60px
}

.c-share-buttons__title {
    margin-bottom: 14px
}

@media only screen and (max-width:1106px) {
    .c-share-buttons__title {
        display: inline-block;
        margin-right: 15px
    }
}

.c-share-buttons__link {
    background-color: #fff;
    border-color: #e6534e;
    display: block;
    height: 32px;
    margin: 0 auto 12px;
    position: relative;
    vertical-align: top;
    width: 32px
}

@media only screen and (max-width:1106px) {
    .c-share-buttons__link {
        display: inline-block;
        margin-right: 12px
    }
}

.c-share-buttons__link--twitter {
    background: url(../images/sprite.png) 0 -340px;
    background-image: url(../images/sprite.svg), none;
    background-position: 0 -340px;
    background-repeat: no-repeat;
    background-size: 300px 600px
}

.c-share-buttons__link--linkedin {
    background: url(../images/sprite.png) 0 -380px;
    background-image: url(../images/sprite.svg), none;
    background-position: 0 -380px;
    background-repeat: no-repeat;
    background-size: 300px 600px
}

.c-share-buttons__link--small {
    height: 24px;
    width: 24px
}

.c-share-buttons__link--small.c-share-buttons__link--twitter {
    background: url(../images/sprite.png) -50px -340px;
    background-image: url(../images/sprite.svg), none;
    background-position: -50px -340px;
    background-repeat: no-repeat;
    background-size: 300px 600px
}

.c-share-buttons__link--small.c-share-buttons__link--linkedin {
    background: url(../images/sprite.png) -50px -380px;
    background-image: url(../images/sprite.svg), none;
    background-position: -50px -380px;
    background-repeat: no-repeat;
    background-size: 300px 600px
}

.c-share-buttons__link:focus:after,
.c-share-buttons__link:hover:after {
    border-bottom: 2px solid #e6534e;
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.c-share-buttons--reader-header {
    float: right;
    text-align: right
}

@media only screen and (max-width:1106px) {
    .c-share-buttons--reader-header {
        width: 136px
    }
}

.c-share-buttons--reader-header .c-share-buttons__title {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 4px;
    margin-top: 7px
}

.c-share-buttons--reader-header .c-share-buttons__link {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 8px;
    margin-top: 8px
}

@media only screen and (max-width:1106px) {
    .c-share-buttons--reader-header .c-share-buttons__link {
        margin-right: 0
    }
}

.c-share-buttons--reader-header .c-share-buttons__break {
    display: none
}

.c-single-header {
    background-color: #eef2f4;
    padding-bottom: 70px;
    padding-top: 36px;
    position: relative
}

@media only screen and (max-width:1106px) {
    .c-single-header {
        padding: 30px 0 47px
    }
}

@media only screen and (max-width:767px) {
    .c-single-header {
        padding: 30px 14px 47px
    }
}

.c-single-header__post-type {
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0
}

@media only screen and (max-width:1106px) {
    .c-single-header__post-type {
        margin: 0 auto 19px;
        position: relative;
        width: auto
    }
}

@media only screen and (max-width:767px) {
    .c-single-header__post-type {
        margin-bottom: 23px
    }
}

.c-single-header__post-type__label {
    background-color: #fff;
    display: inline-block;
    padding: 7px 10px;
    vertical-align: top
}

.c-single-header__back-button {
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0
}

.c-single-header__back-button__icon {
    margin: 6px 20px 0 0
}

@media only screen and (max-width:1106px) {
    .c-single-header__back-button {
        margin-top: 14px;
        position: static
    }
}

@media only screen and (max-width:767px) {
    .c-single-header__back-button {
        margin-top: 22px
    }
}

.c-single-header__content {
    margin-top: 2px
}

@media only screen and (max-width:1106px) {
    .o-container .c-single-header__content.o-offset-by-three {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 75%
    }
}

@media only screen and (max-width:767px) {
    .o-container .c-single-header__content.o-offset-by-three {
        width: 100%
    }
}

.c-single-header__content__title {
    margin-bottom: 12px
}

@media only screen and (max-width:1106px) {
    .c-single-header__content__title {
        margin-bottom: 22px
    }
}

.c-single-header__content__meta-1 {
    margin-bottom: 7px
}

.c-single-header__share {
    z-index: 2;
    font-size: 0;
    margin-top: 5px;
    position: absolute;
    right: 0;
    top: 0
}

@media only screen and (max-width:1106px) {
    .c-single-header__share {
        float: left;
        margin-top: 22px;
        position: relative;
        width: 100%
    }
}

.c-single-header--event {
    background-color: #fbd6a1
}

.c-single-header--project,
.c-single-header--publication {
    background-color: #BBBCEE;
}

.c-single-header--comment-piece,
.c-single-header--post {
    background-color: #99d7ee;
}

.c-single-header--reader {
    background-color: #BBBCEE;
    padding-bottom: 36px
}

.c-single-header--reader .o-container {
    z-index: 2
}

.c-single-header--reader .c-single-header__dashed-bottom {
    height: 100%
}

.c-single-header__dashed-bottom {
    z-index: 1;
    bottom: 0;
    content: " ";
    display: block;
    left: 0;
    height: 30px;
    position: absolute;
    width: 100%
}

.c-sponsors-large-logos {
    box-sizing: border-box;
    padding: 30px 0 0 0
}

@media only screen and (max-width:767px) {
    .c-sponsors-large-logos__wrapper {
        margin-bottom: 40px
    }
}

.c-sponsors-large-logos__title {
    box-sizing: border-box;
    margin: 0 auto
}

@media only screen and (max-width:767px) {
    .c-sponsors-large-logos__title {
        padding-right: 14px
    }
}

.c-sponsors-large-logos__title+.c-sponsors-large-logos__container {
    margin-top: 30px
}

.c-sponsors-large-logos__description {
    box-sizing: border-box;
    margin: 20px auto 0 auto
}

@media only screen and (max-width:767px) {
    .c-sponsors-large-logos__description {
        margin-top: 0;
        padding-right: 14px
    }
}

.c-sponsors-large-logos__container {
    font-size: 0;
    text-align: center
}

@media only screen and (max-width:767px) {
    .c-sponsors-large-logos__container {
        box-sizing: border-box;
        padding: 0 14px
    }
}

.c-sponsors-large-logos__sponsor {
    display: inline-block;
    height: 200px;
    margin-bottom: 30px;
    position: relative;
    vertical-align: top
}

@media only screen and (max-width:767px) {
    .c-sponsors-large-logos__sponsor {
        border-bottom: 1px solid #bdccd4;
        height: auto;
        margin-bottom: -1px;
        padding: 14px 0;
        text-align: left
    }
    .c-sponsors-large-logos__sponsor:first-child {
        border-top: 1px solid #bdccd4
    }
}

.c-sponsors-large-logos__sponsor__image {
    height: auto;
    left: 50%;
    max-height: 115px;
    max-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

@media only screen and (max-width:767px) {
    .c-sponsors-large-logos__sponsor__image {
        display: block;
        left: 0;
        max-height: 80px;
        position: static;
        transform: none
    }
}

@media only screen and (max-width:360px) {
    .c-sponsors-large-logos__sponsor__image {
        max-width: 250px
    }
}

.c-sponsors-large-logos__sponsor__expand {
    background: url(../images/sprite.png) 1px -120px;
    background-image: url(../images/sprite.svg), none;
    background-position: 1px -120px;
    background-repeat: no-repeat;
    background-size: 300px 600px;
    bottom: 0;
    cursor: pointer;
    display: block;
    height: 34px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    transition: transform .5s;
    width: 34px
}

@media only screen and (max-width:767px) {
    .c-sponsors-large-logos__sponsor__expand {
        left: auto;
        top: 50%;
        transform: translateY(-50%)
    }
}

.c-sponsors-large-logos__sponsor.is-open .c-sponsors-large-logos__sponsor__expand {
    transform: rotate(45deg)
}

@media only screen and (max-width:767px) {
    .c-sponsors-large-logos__sponsor.is-open .c-sponsors-large-logos__sponsor__expand {
        transform: translateY(-50%) rotate(45deg)
    }
}

.c-sponsors-large-logos__sponsor+.c-sponsors-large-logos__sponsor:before {
    border-left: 1px solid #bdccd4;
    content: " ";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: -12.5px;
    width: 1px
}

@media only screen and (max-width:767px) {
    .c-sponsors-large-logos__sponsor+.c-sponsors-large-logos__sponsor:before {
        display: none
    }
}

@media only screen and (max-width:1106px) {
    .c-sponsors-large-logos__sponsor:nth-child(3n+1):before {
        border-left: 0
    }
}

@media only screen and (min-width:1090px) {
    .c-sponsors-large-logos__sponsor :nth-child(4n+1):before {
        border-left: 0
    }
}

.c-sponsors-large-logos__expanded-content {
    margin: 0;
    padding: 30px 0
}

@media only screen and (max-width:767px) {
    .c-sponsors-large-logos__expanded-content {
        margin-bottom: 20px;
        padding: 20px 14px
    }
}

.c-sponsors-small-logos {
    box-sizing: border-box;
    padding: 30px 0 0 0
}

@media only screen and (max-width:767px) {
    .c-sponsors-small-logos__wrapper {
        margin-bottom: 40px
    }
}

.c-sponsors-small-logos__title {
    margin: 0 auto
}

.c-sponsors-small-logos__title+.c-sponsors-small-logos__container {
    margin-top: 30px
}

.c-sponsors-small-logos__description {
    margin: 10px auto 0 auto
}

.c-sponsors-small-logos__container {
    font-size: 0;
    text-align: center
}

@media only screen and (max-width:767px) {
    .c-sponsors-small-logos__container {
        box-sizing: border-box;
        padding: 0 14px
    }
}

.c-sponsors-small-logos__sponsor {
    display: inline-block;
    height: 100px;
    margin-bottom: 30px;
    position: relative;
    vertical-align: top
}

@media only screen and (max-width:767px) {
    .c-sponsors-small-logos__sponsor {
        border-bottom: 1px solid #bdccd4;
        height: auto;
        margin-bottom: -1px;
        padding: 15px 0;
        text-align: left
    }
    .c-sponsors-small-logos__sponsor:first-child {
        border-top: 1px solid #bdccd4
    }
}

.c-sponsors-small-logos__sponsor__image {
    height: auto;
    max-height: 60px;
    max-width: 100%
}

.c-sponsors-small-logos__sponsor__expand {
    background: url(../images/sprite.png) 1px -120px;
    background-image: url(../images/sprite.svg), none;
    background-position: 1px -120px;
    background-repeat: no-repeat;
    background-size: 300px 600px;
    bottom: 0;
    cursor: pointer;
    display: block;
    height: 34px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    transition: transform .5s;
    transform: rotate(0);
    width: 34px
}

@media only screen and (max-width:767px) {
    .c-sponsors-small-logos__sponsor__expand {
        left: auto;
        top: 50%;
        transform: translateY(-50%)
    }
}

.c-sponsors-small-logos__sponsor.is-open .c-sponsors-small-logos__sponsor__expand {
    transform: rotate(45deg)
}

@media only screen and (max-width:767px) {
    .c-sponsors-small-logos__sponsor.is-open .c-sponsors-small-logos__sponsor__expand {
        transform: translateY(-50%) rotate(45deg)
    }
}

.c-sponsors-small-logos__sponsor+.c-sponsors-small-logos__sponsor:before {
    border-left: 1px solid #bdccd4;
    content: " ";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: -12.5px;
    width: 1px
}

@media only screen and (max-width:1106px) {
    .c-sponsors-small-logos__sponsor:nth-child(5n+1):before {
        border-left: 0
    }
}

@media only screen and (min-width:1090px) {
    .c-sponsors-small-logos__sponsor :nth-child(6n+1):before {
        border-left: 0
    }
}

.c-sponsors-small-logos__expanded-content {
    margin: 0;
    padding: 30px 0
}

@media only screen and (max-width:767px) {
    .c-sponsors-small-logos__expanded-content {
        margin-bottom: 20px;
        padding: 20px 14px
    }
}

.c-sponsors-one-col {
    padding: 30px 0
}

@media only screen and (max-width:1106px) {
    .o-container .c-sponsors-one-col.o-offset-by-one {
        box-sizing: border-box;
        display: block;
        float: none;
        margin: 0 auto;
        width: 75%
    }
}

@media only screen and (max-width:767px) {
    .o-container .c-sponsors-one-col.o-offset-by-one {
        padding-left: 14px;
        padding-right: 14px;
        width: 100%
    }
}

.c-sponsors-one-col--venue {
    margin-bottom: 18px
}

.c-sponsors-one-col__title {
    margin: 0 auto
}

.c-sponsors-one-col__description {
    margin: 20px auto 0 auto
}

.c-sponsors-one-col__container {
    margin-top: 30px
}

.c-sponsors-one-col__sponsor {
    border-bottom: 1px solid #0d1946;
    display: block;
    position: relative
}

.c-sponsors-one-col__sponsor:first-child {
    border-top: 1px solid #0d1946
}

.c-sponsors-one-col__sponsor__name {
    box-sizing: border-box;
    margin: 0;
    padding: 6px 0 8px 0;
    vertical-align: top;
    width: 100%
}

@media only screen and (max-width:767px) {
    .c-sponsors-one-col__sponsor__name {
        padding-left: 14px;
        padding-right: 14px
    }
}

.c-sponsors-one-col__sponsor__expand {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 50px;
    margin: 0 auto;
    padding-top: 15px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: transform .3s;
    width: 50px;
    vertical-align: top
}

.c-sponsors-one-col__sponsor__expand-text {
    margin: 0 auto 13px auto
}

.c-sponsors-one-col__sponsor.is-open .c-sponsors-one-col__sponsor__expand {
    transform: rotate(45deg)
}

.c-sponsors-two-col {
    padding: 30px 0
}

.c-sponsors-two-col__title {
    margin: 0 auto 0 auto
}

.c-sponsors-two-col__description {
    margin: 20px auto 0 auto
}

.c-sponsors-two-col__container {
    font-size: 0;
    margin-top: 30px
}

@media only screen and (max-width:767px) {
    .c-sponsors-two-col__container {
        padding-left: 14px;
        padding-right: 14px;
        width: 100%;
        box-sizing: border-box
    }
}

.c-sponsors-two-col__container__right {
    margin-right: 0
}

@media only screen and (max-width:767px) {
    .c-sponsors-two-col__container__right .c-sponsors-two-col__sponsor:first-child {
        border-top: 0
    }
}

.c-sponsors-two-col__sponsor {
    border-bottom: 1px solid #0d1946;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 100%
}

.c-sponsors-two-col__sponsor:first-child {
    border-top: 1px solid #0d1946
}

.c-sponsors-two-col__sponsor__name {
    box-sizing: border-box;
    margin: 0;
    padding: 10px 0 12px 0;
    vertical-align: top;
    width: 100%
}

.c-sponsors-two-col__sponsor__expand {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 50px;
    margin: 0 auto;
    padding-top: 15px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: transform .3s;
    width: 50px;
    vertical-align: top
}

.c-sponsors-two-col__sponsor__expand-text {
    margin: 0 auto 13px auto
}

.c-sponsors-two-col__sponsor.is-open .c-sponsors-two-col__sponsor__expand {
    transform: rotate(45deg)
}

@media only screen and (max-width:767px) {
    .c-supporting-documents {
        box-sizing: border-box;
        padding: 0 14px
    }
}

.c-supporting-documents__title {
    border-bottom: 1px solid #0d1946;
    border-top: 1px solid #0d1946;
    cursor: pointer;
    padding: 10px 0;
    position: relative
}

.c-supporting-documents__title__icon {
    position: absolute;
    right: 10px;
    top: 15px;
    transition: transform .5s
}

.c-supporting-documents__doc {
    border-bottom: 1px solid #0d1946;
    padding: 10px 0 11px 0
}

.c-supporting-documents__doc__name {
    box-sizing: border-box;
    float: left;
    padding-right: 10px;
    width: 65%
}

.c-supporting-documents__doc__download {
    float: right;
    width: 35%
}

.c-supporting-documents.is-open .c-supporting-documents__title__icon {
    transform: rotate(45deg)
}

.c-testimonials {
    padding: 30px 0;
    margin-bottom: 30px
}

@media only screen and (max-width:1106px) {
    .c-testimonials {
        padding: 26px 0 30px 0
    }
}

@media only screen and (max-width:1106px) {
    .c-testimonials__container {
        box-sizing: border-box;
        padding: 0 25px
    }
}

@media only screen and (max-width:767px) {
    .c-testimonials__container {
        padding: 0 14px
    }
}

.c-testimonials__testimonial {
    display: inline-block;
    float: none;
    text-align: left;
    vertical-align: middle
}

@media only screen and (max-width:1106px) {
    .c-testimonials__testimonial {
        margin-right: 0;
        width: 80%
    }
}

.c-testimonials__testimonial__title {
    margin-bottom: 10px
}

.c-testimonials__testimonial__quote {
    padding: 20px 0
}

.c-testimonials__link {
    display: block;
    margin: 20px auto 0 auto
}

@media only screen and (max-width:1106px) {
    .c-testimonials__link {
        width: auto
    }
}

.c-testimonials__link__arrow {
    margin: 5px 0 0 9px
}

.c-vacancies__inner {
    box-sizing: border-box;
    padding-left: 25px;
    padding-right: 25px
}

@media only screen and (max-width:767px) {
    .c-vacancies__inner {
        padding: 0 14px
    }
    .c-vacancies__inner.o-container__inner {
        margin: 0
    }
}

.c-wysiwyg-content {
    padding: 42px 0;
    word-wrap: break-word
}

@media only screen and (max-width:767px) {
    .c-wysiwyg-content {
        padding: 22px 14px
    }
}

.c-wysiwyg-content div,
.c-wysiwyg-content iframe,
.c-wysiwyg-content img {
    max-width: 100%
}

.c-wysiwyg-content iframe {
    display: block;
    margin: 0 auto
}

.c-wysiwyg-content img {
    height: auto
}

.c-wysiwyg-content h1 {
    margin-bottom: 35px
}

.c-wysiwyg-content h2 {
    margin-bottom: 20px
}

.c-wysiwyg-content h3 {
    margin-bottom: 20px
}

.c-wysiwyg-content h3 a {
    border-bottom: 1px solid #ccc
}

.c-wysiwyg-content h3 a:focus,
.c-wysiwyg-content h3 a:hover {
    color: #e6534e
}

.c-wysiwyg-content h1:first-child,
.c-wysiwyg-content h2:first-child,
.c-wysiwyg-content h3:first-child,
.c-wysiwyg-content h4:first-child,
.c-wysiwyg-content h5:first-child,
.c-wysiwyg-content h6:first-child,
.c-wysiwyg-content ol:first-child,
.c-wysiwyg-content p:first-child,
.c-wysiwyg-content ul:first-child {
    margin-top: 0
}

.c-wysiwyg-content ol+h1,
.c-wysiwyg-content p+h1,
.c-wysiwyg-content ul+h1 {
    margin-top: 44px
}

.c-wysiwyg-content ol+h2,
.c-wysiwyg-content ol+h3,
.c-wysiwyg-content p+h2,
.c-wysiwyg-content p+h3,
.c-wysiwyg-content ul+h2,
.c-wysiwyg-content ul+h3 {
    margin-top: 30px
}

.c-wysiwyg-content ol+ol,
.c-wysiwyg-content ol+ul,
.c-wysiwyg-content p+ol,
.c-wysiwyg-content p+ul,
.c-wysiwyg-content ul+ol,
.c-wysiwyg-content ul+ul {
    margin-top: 23px
}

@media only screen and (max-width:767px) {
    .c-wysiwyg-content ol+ol,
    .c-wysiwyg-content ol+ul,
    .c-wysiwyg-content p+ol,
    .c-wysiwyg-content p+ul,
    .c-wysiwyg-content ul+ol,
    .c-wysiwyg-content ul+ul {
        margin-bottom: 18px;
        margin-top: 18px
    }
}

.c-wysiwyg-content ol {
    list-style: decimal
}

.c-wysiwyg-content ol ul {
    list-style: disc
}

.c-wysiwyg-content ol ol {
    list-style: lower-latin
}

.c-wysiwyg-content ul {
    list-style: disc
}

.c-wysiwyg-content ul ul {
    list-style: circle
}

.c-wysiwyg-content ul ol {
    list-style: decimal
}

.c-wysiwyg-content ol,
.c-wysiwyg-content ul {
    margin: 18px 0 33px 21px
}

@media only screen and (max-width:767px) {
    .c-wysiwyg-content ol,
    .c-wysiwyg-content ul {
        margin-bottom: 18px;
        margin-top: 18px
    }
}

.c-wysiwyg-content ol ol,
.c-wysiwyg-content ol ul,
.c-wysiwyg-content ul ol,
.c-wysiwyg-content ul ul {
    margin: 4px 0 5px 25px
}

.c-wysiwyg-content ol li,
.c-wysiwyg-content ul li {
    margin-bottom: 5px;
    padding-left: 5px
}

.c-wysiwyg-content ol li a,
.c-wysiwyg-content ul li a {
    border-bottom: 2px solid var(--cyan);
    color: var(--navy);
}

.c-wysiwyg-content p {
    margin-bottom: 14px
}

.c-wysiwyg-content p a[href$=gif],
.c-wysiwyg-content p a[href$=jpeg],
.c-wysiwyg-content p a[href$=jpg],
.c-wysiwyg-content p a[href$=png] {
    border: 0 none
}

.c-wysiwyg-content p a {
    border-bottom: 2px solid var(--cyan);
    color: var(--navy);
}

.c-wysiwyg-content p a:focus,
.c-wysiwyg-content p a:hover {
    color: #000
}

/*
.c-wysiwyg-content p .ts-link {
    border: 0
}
*/

.c-wysiwyg-content .link-with-arrow {
    text-align: center;
    margin: 20px 0px;
    display: inline-block;
}

/*
.c-wysiwyg-content .link-with-arrow:after {
    background: url(../images/sprite.png) -90px -220px;
    background-image: url(../images/sprite.svg), none;
    background-position: -90px -220px;
    background-repeat: no-repeat;
    background-size: 300px 600px;
    content: " ";
    display: inline-block;
    height: 17px;
    margin-left: 6px;
    margin-top: 7px;
    vertical-align: top;
    width: 16px
}
*/

.c-wysiwyg-content .ts-standfirst a {
    border-bottom: 1px solid #e6534e;
    text-decoration: none
}

.c-wysiwyg-content .ts-pull-out-head {
    margin-bottom: 4px;
    margin-top: 42px
}

.c-wysiwyg-content .ts-pull-out-text {
    margin-bottom: 24px
}

.c-wysiwyg-content .ts-pull-quote-ref {
    margin-bottom: 20px;
    margin-left: 30px
}

@media only screen and (max-width:1106px) {
    .c-wysiwyg-content .ts-pull-quote-ref {
        margin-left: 0
    }
}

.c-wysiwyg-content blockquote {
    margin-top: 40px;
    margin-bottom: 55px;
    margin-left: 40px
}

@media only screen and (max-width:767px) {
    .c-wysiwyg-content blockquote {
        margin-left: 0
    }
}

.c-wysiwyg-content .mce-item-table,
.c-wysiwyg-content table {
    font-family: 'Hanken Grotesk', sans-serif;
    border-collapse: collapse;
    margin: 20px 0 40px 0
}

.ts-table-title+.c-wysiwyg-content .mce-item-table,
.ts-table-title+.c-wysiwyg-content table {
    margin-top: 10px
}

@media only screen and (max-width:767px) {
    .c-wysiwyg-content .mce-item-table,
    .c-wysiwyg-content table {
        border: 0;
        padding: 0;
        width: 100%
    }
}

.c-wysiwyg-content .mce-item-table,
.c-wysiwyg-content .mce-item-table td,
.c-wysiwyg-content .mce-item-table th,
.c-wysiwyg-content table,
.c-wysiwyg-content table td,
.c-wysiwyg-content table th {
    border: 1px solid #000;
    padding: 5px 10px
}

.c-wysiwyg-content .mce-item-table th,
.c-wysiwyg-content table th {
    font-weight: 700
}

@media only screen and (max-width:767px) {
    .c-wysiwyg-content .mce-item-table td,
    .c-wysiwyg-content table td {
        display: block;
        height: auto!important
    }
}

.c-wysiwyg-content .alignnone {
    margin: 5px 20px 10px 0
}

.c-wysiwyg-content .aligncenter,
.c-wysiwyg-content div.aligncenter {
    display: block;
    margin: 5px auto 5px auto
}

.c-wysiwyg-content .alignright {
    float: right;
    margin: 5px 0 10px 20px
}

@media only screen and (max-width:767px) {
    .c-wysiwyg-content .alignright {
        float: none
    }
}

.c-wysiwyg-content .alignleft {
    float: left;
    margin: 5px 20px 10px 0
}

@media only screen and (max-width:767px) {
    .c-wysiwyg-content .alignleft {
        float: none
    }
}

.c-wysiwyg-content a img.alignright {
    float: right;
    margin: 5px 0 10px 20px
}

@media only screen and (max-width:767px) {
    .c-wysiwyg-content a img.alignright {
        float: none
    }
}

.c-wysiwyg-content a img.alignnone {
    margin: 5px 20px 10px 0
}

.c-wysiwyg-content a img.alignleft {
    float: left;
    margin: 5px 20px 10px 0
}

@media only screen and (max-width:767px) {
    .c-wysiwyg-content a img.alignleft {
        float: none
    }
}

.c-wysiwyg-content a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.c-wysiwyg-content .wp-caption {
    background: #fff;
    max-width: 100%;
    padding: 0;
    position: relative;
    text-align: left
}

.c-wysiwyg-content .wp-caption.alignnone {
    margin: 30px 20px 20px 0
}

.c-wysiwyg-content .wp-caption.alignleft {
    margin: 30px 20px 20px 0
}

.c-wysiwyg-content .wp-caption.alignright {
    margin: 30px 0 20px 20px
}

.c-wysiwyg-content .wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    padding: 0;
    width: auto
}

.c-wysiwyg-content .wp-caption .wp-caption-text {
    position: absolute;
    top: -4px;
    right: -135px;
    width: 120px
}

@media only screen and (max-width:1106px) {
    .c-wysiwyg-content .wp-caption .wp-caption-text {
        margin-top: -8px;
        position: static;
        width: 100%
    }
}

.c-wysiwyg-content .wp-caption .media-credit {
    background-color: #fff;
    bottom: 10px;
    color: #0d1946;
    display: none;
    opacity: .8;
    margin: 0 31px 0 0;
    padding: 7px 10px 6px;
    position: absolute;
    right: 0
}

.c-wysiwyg-content .wp-caption .media-credit-container {
    position: relative
}

.c-wysiwyg-content .wp-caption .media-credit-container .credit-toggle-btn {
    background: url(../images/sprite.png) 0 -450px;
    background-image: url(../images/sprite.svg), none;
    background-position: 0 -450px;
    background-repeat: no-repeat;
    background-size: 300px 600px;
    background-color: #fff;
    bottom: 10px;
    display: block;
    cursor: pointer;
    height: 30px;
    opacity: .8;
    position: absolute;
    right: 0;
    width: 30px
}

.c-wysiwyg-content .wp-caption .media-credit-container.credit-is-open .credit-toggle-btn {
    background: url(../images/sprite.png) -31px -450px;
    background-image: url(../images/sprite.svg), none;
    background-position: -31px -450px;
    background-repeat: no-repeat;
    background-size: 300px 600px;
    background-color: #fff
}

.c-wysiwyg-content .wp-caption .media-credit-container.credit-is-open .credit-toggle-btn:after {
    background-color: #0d1946;
    border-bottom: 7px #fff solid;
    border-top: 8px #fff solid;
    box-sizing: border-box;
    content: " ";
    height: 100%;
    position: absolute;
    left: -1px;
    top: 0;
    width: 1px
}

.c-wysiwyg-content .wp-caption .media-credit-container.credit-is-open .media-credit {
    display: block
}

.c-wysiwyg-content--no-padding-top {
    padding-top: 0
}

.c-wysiwyg-content--small-padding-top {
    padding-top: 10px
}

.c-wysiwyg-content--reader {
    margin: 0 auto
}

.c-wysiwyg-content--reader .c-reader-footnote-ref a {
    border-bottom: 0
}

@media only screen and (max-width:767px) {
    .c-wysiwyg-content br {
        display: none
    }
}

.u-black {
    color: #000
}

.u-black-bg {
    background: #000
}

.u-white {
    color: #fff
}

.u-white-bg {
    background: #fff
}

.u-grey--mid {
    color: #bdccd4
}

.u-grey--mid-bg {
    background: var(--clay);
}

.u-grey--light {
    color: #dde5e9
}

.u-grey--light-bg {
    background: #dde5e9
}

.u-grey--pale {
    color: #eef2f4
}

.u-grey--pale-bg {
    background: #eef2f4
}

.u-navy--dark {
    color: #0d1946
}

.u-navy--dark-bg {
    background: #0d1946
}

.u-navy {
    color: #0d1946
}

.u-navy-bg {
    background: #0d1946
}

/* Contenbt block for research */
.c-content-block--project .u-navy-bg,
.c-content-block--publication .u-navy-bg {
    background: var(--purple-60);
}

.u-navy--mid {
    color: #3e476b
}

.u-navy--mid-bg {
    background: #3e476b
}

.u-navy--light {
    color: #73858f
}

.u-navy--light-bg {
    background: #73858f
}

.u-pink {
    color: #e6534f
}

.u-pink-bg {
    background: #e6534f
}

.u-blue {
    color: #0098d3
}

.u-blue-bg {
    background: #0098d3
}

.u-blue--light {
    color: #dde5e9
}

.u-blue--light-bg {
    background: #E6E8EC;
}

.u-blue--lighter {
    color: #0098d3
}

.u-blue--lighter-bg {
    background: #0098d3
}

.u-turq--dark {
    color: #7c67da
}

.u-turq--dark-bg {
    background: #7c67da
}

.u-turq {
    color: #d7d2f4
}

.u-turq-bg {
    background: #d7d2f4
}

.u-green--dark {
    color: #7e8c36
}

.u-green--dark-bg {
    background: #7e8c36
}

.u-green {
    color: #7e8c36
}

.u-green-bg {
    background: #7e8c36
}

.u-green--bright {
    color: #7e8c36
}

.u-green--bright-bg {
    background: #7e8c36
}

.u-green--light {
    background-color: #ccd1af
}

.u-green--light-bg {
    background-color: #ccd1af
}

.c-reader-contents.u-green--light-bg {
    background-color: #BBBCEE;
    border-top: 1px solid #7D67DA;
}

.u-yellow {
    color: #f49812
}

.u-yellow-bg {
    background: #f49812
}

.u-dashed-bg {
    background-color: #e6e8ec;
}

.u-dashed--pale-bg {
    background-color: var(--clay);
}

.u-stripe--blue {
    background: repeating-linear-gradient(-45deg, transparent, transparent 6px, #0098d3 6px, #0098d3 8px)
}

.u-stripe--blue-on-navy {
    background: repeating-linear-gradient(-45deg, #0d1946, #0d1946 6px, #0098d3 6px, #0098d3 8px)
}

.u-stripe--green {
    background: repeating-linear-gradient(-45deg, transparent, transparent 6px, #7e8c36 6px, #7e8c36 8px)
}

.u-padding-top-40 {
    padding-top: 40px
}

.u-padding-bottom-40 {
    padding-bottom: 40px
}

.u-padding-top-60 {
    padding-top: 60px
}

.u-padding-bottom-60 {
    padding-bottom: 60px
}

.u-clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.u-left {
    float: left
}

.u-right {
    float: right
}

.u-inline-block {
    display: inline-block;
    vertical-align: top
}

.u-inline-block+.u-inline-block {
    margin-left: -4px
}

.u-text-left {
    text-align: left
}

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

.u-text-right {
    text-align: right
}

.u-hidden {
    display: none
}

.u-anchor {
    display: block;
    margin-top: -140px;
    position: absolute;
    visibility: hidden
}

.u-relative {
    position: relative
}

.u-font-zero {
    font-size: 0
}

.u-border-top {
    border-top: 3px solid #fff
}

.u-border-top--light-grey {
    border-top: 3px solid #dde5e9
}

.u-width-auto {
    width: auto
}

.is-mobile,
.is-tablet {
    display: none
}

@media only screen and (max-width:1106px) {
    .is-desktop {
        display: none
    }
    .is-tablet {
        display: block
    }
    .is-tablet.u-inline-block {
        display: inline-block;
        vertical-align: top
    }
}

@media only screen and (max-width:767px) {
    .is-mobile {
        display: block
    }
    .is-mobile.u-inline-block {
        display: inline-block;
        vertical-align: top
    }
    .is-tablet-and-desktop {
        display: none
    }
}



.page-id-354 .u-dashed-bg {
    background-color: #d7d2f4;
}

.parent-pageid-354 .c-page-banner--no-image .page-id-354 .c-page-banner--no-image {
    background-color: #d7d2f4;
    padding-bottom: 42px;
}

.parent-pageid-8337 .u-dashed-bg,
.page-id-8337 .u-dashed-bg {
    background-color: #99d7ee;
}

.page-id-239 .c-page-banner--no-image,
.parent-pageid-8337 .c-page-banner--no-image,
.page-id-8337 .c-page-banner--no-image {
    background-color: #99d7ee;
    padding-bottom: 42px;
}

.parent-pageid-175 .u-dashed-bg,
.page-id-175 .u-dashed-bg {
    background-color: #BBBCEE;
}

.parent-pageid-175 .c-page-banner--no-image,
.page-id-175 .c-page-banner--no-image {
    background-color: #BBBCEE;
    padding-bottom: 42px;
}

.parent-pageid-354 .u-dashed-bg,
.page-id-354 .u-dashed-bg {
    background-color: #BBBCEE;
}

.parent-pageid-354 .c-page-banner--no-image,
.page-id-354 .c-page-banner--no-image {
    background-color: #BBBCEE;
    padding-bottom: 42px;
}

.parent-pageid-313 .u-dashed-bg,
.page-id-313 .u-dashed-bg {
    background-color: #FBD6A1;
}

.parent-pageid-313 .c-page-banner--no-image,
.page-id-313 .c-page-banner--no-image {
    background-color: #FBD6A1;
    padding-bottom: 84px;
}

.parent-pageid-354 .ts-priorities,
.page-id-354 .ts-priorities {
    color: #7D67DA;
}

.parent-pageid-354 .c-core-areas__area,
.page-id-354 .c-core-areas__area {
    border-top: 2px solid #7D67DA;
}

.page-id-425 .u-dashed-bg,
.parent-pageid-425 .u-dashed-bg,
.parent-pageid-617 .u-dashed-bg,
.page-id-617 .u-dashed-bg {
    background-color: #ccd1af;
}

.parent-pageid-425 .c-page-banner--no-image,
.page-id-425 .c-page-banner--no-image,
.parent-pageid-617 .c-page-banner--no-image,
.page-id-617 .c-page-banner--no-image {
    background-color: #ccd1af;
    padding-bottom: 42px;
}

.c-conference-header__content__twitter.ts-twitter:before {
    background-position: -1px -340px;
}

.page-id-239 .c-page-banner--no-image {
    background-color: #99d7ee;
    padding-bottom: 42px;
}