html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0;
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted currentColor;
    text-decoration: underline dotted currentColor
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button;
    appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

html {
    box-sizing: border-box
}

@media (min-width: 900px) {
    html {
        overflow-y:scroll
    }
}

html.no-scroll {
    overflow-y: hidden
}

a,button,html,input,label,select,textarea,video::-webkit-media-controls-fullscreen-button,video::-webkit-media-controls-mute-button,video::-webkit-media-controls-play-button,video::-webkit-media-controls-timeline {
    cursor: none
}

*,:after,:before {
    box-sizing: inherit
}

::-moz-selection {
    background: var(--c-ujuzi-grey-light)
}

::selection {
    background: var(--c-ujuzi-grey-light)
}

body {
    font-feature-settings: "ss03" 1,"ss04" 1,"ss05" 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--c-ujuzi-black);
    font-family: Roobert,sans-serif;
    font-variation-settings: "wght" 400
}

body,main {
    background-color: var(--c-ujuzi-white)
}

main {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding-top: var(--nt-size-S)
}

@media (min-width: 900px) {
    main {
        padding-left:var(--ns-size-L);
        padding-top: var(--nt-size-L)
    }
}

figure,h1,h2,h3,h4,h5,h6,p {
    font-weight: 400;
    margin: 0
}

ol,ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

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

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

blockquote {
    margin: 0
}

cite {
    font-style: normal
}

table {
    border-collapse: collapse
}

hr {
    border-bottom: none
}

:root {
    --c-ujuzi-black: #231e20;
    --c-ujuzi-black-static: #231e20;
    --c-ujuzi-grey-dark: #575254;
    --c-ujuzi-grey-medium: #827f82;
    --c-ujuzi-grey-medium-static: #827f82;
    --c-ujuzi-grey-light: #b4b1b4;
    --c-ujuzi-white: #f2f0f2;
    --c-ujuzi-white-static: #f2f0f2;
    --ujuzi--preset--color--mindaro-green: #D8F793;
    --ujuzi--preset--color--pistachio-green: #a0ca92;
    --ujuzi--preset--color--cambridge-blue: #75B09C;
    --ujuzi--preset--color--lion: #998650
}

.text-link-lower {
    transform: translateY(200%);
}

h3.larger-h3 {
    font-size: 40px;
}

section.grid-container:nth-child(3) > a h3 em {
    font-family: Cooper,serif;
    font-style: normal;
  }

.inverted-colors {
    background-color: var(--c-ujuzi-black);
    color: var(--c-ujuzi-white)
}

.hour-0 {
    --g-blue-1: #00146e;
    --g-blue-2: #23003c
}

.hour-1 {
    --g-blue-1: #041974;
    --g-blue-2: #250343
}

.hour-2 {
    --g-blue-1: #071e7b;
    --g-blue-2: #28074a
}

.hour-3 {
    --g-blue-1: #0b2481;
    --g-blue-2: #2a0a51
}

.hour-4 {
    --g-blue-1: #0e2987;
    --g-blue-2: #2d0e58
}

.hour-5 {
    --g-blue-1: #518cff;
    --g-blue-2: #5a50dc
}

.hour-6 {
    --g-blue-1: #4d87f9;
    --g-blue-2: #584dd5
}

.hour-7 {
    --g-blue-1: #4a82f2;
    --g-blue-2: #5549ce
}

.hour-8 {
    --g-blue-1: #467cec;
    --g-blue-2: #5346c7
}

.hour-9 {
    --g-blue-1: #4377e6;
    --g-blue-2: #5042c0
}

.hour-10 {
    --g-blue-1: #3f72df;
    --g-blue-2: #4e3fb9
}

.hour-11 {
    --g-blue-1: #3c6dd9;
    --g-blue-2: #4c3bb2
}

.hour-12 {
    --g-blue-1: #3867d3;
    --g-blue-2: #4938ab
}

.hour-13 {
    --g-blue-1: #3562cd;
    --g-blue-2: #4734a4
}

.hour-14 {
    --g-blue-1: #315dc6;
    --g-blue-2: #44319d
}

.hour-15 {
    --g-blue-1: #2e58c0;
    --g-blue-2: #422d96
}

.hour-16 {
    --g-blue-1: #2a53ba;
    --g-blue-2: #402a8f
}

.hour-17 {
    --g-blue-1: #274db3;
    --g-blue-2: #3d2689
}

.hour-18 {
    --g-blue-1: #2348ad;
    --g-blue-2: #3b2382
}

.hour-19 {
    --g-blue-1: #2043a7;
    --g-blue-2: #391f7b
}

.hour-20 {
    --g-blue-1: #1c3ea0;
    --g-blue-2: #361c74
}

.hour-21 {
    --g-blue-1: #19399a;
    --g-blue-2: #34186d
}

.hour-22 {
    --g-blue-1: #153394;
    --g-blue-2: #311566
}

.hour-23 {
    --g-blue-1: #122e8e;
    --g-blue-2: #2f115f
}

@font-face {
    font-family: Roobert;
    src: url(https://khojstudios.org/wp-content/themes/khoj/assets/fonts/roobert/RoobertGX.ttf)
}

@font-face {
    font-family: Roobert Bold;
    src: url(https://khojstudios.org/wp-content/themes/khoj/assets/fonts/roobert/Roobert-Bold.woff) format("woff")
}

@font-face {
    font-family: Cooper;
    src: url(/includes/assets/fonts/ShadowsIntoLight-Regular.ttf) format("woff")
}

:root {
    --fw-bold: 650
}

.d-none {
    display: none
}

@media (min-width: 1200px) {
    .d-lg-none {
        display:none
    }

    .d-lg-block {
        display: block
    }
}

@media (prefers-reduced-motion:reduce) {
    *,:after,:before {
        animation-duration: 1ms!important;
        transition-duration: 1ms!important
    }
}

.alignleft {
    float: left;
    margin-right: 1rem;
    text-align: left
}

.alignright {
    float: right;
    margin-left: 1rem;
    text-align: right
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.wp-caption {
    max-width: 100%
}

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

.wp-caption.alignright {
    text-align: right
}

.wp-caption-text {
    margin: 0
}

:root {
    --f-h1: calc(2.05490855rem + 3.17803181vw);
    --f-h2: calc(2.38455984rem + 0.59622266vw);
    --f-h2-l: calc(2.21411451rem + 1.06968191vw);
    --f-h3: calc(1.68639881rem + 0.42166998vw);
    --f-h4: calc(1.51475944rem + 0.23677932vw);
    --f-h6: calc(1.19264414rem + 0.29821074vw);
    --f-h6-1: calc(1.07120179rem + 0.16749503vw)
}

.h1,h1 {
    font-feature-settings: "ss03" 1,"ss04" 1,"ss05" 1;
    font-family: Roobert,sans-serif;
    font-size: var(--f-h1);
    font-variation-settings: "wght" 400
}

.h1,.h1--cooper,h1,h1.cooper {
    line-height: 1;
    margin-bottom: var(--f-h1)
}

.h1--cooper,h1.cooper {
    font-family: Cooper,serif;
    font-size: var(--f-h1)
}

.h2,h2 {
    font-feature-settings: "ss03" 1,"ss04" 1,"ss05" 1;
    font-size: var(--f-h2);
    font-variation-settings: "wght" 400;
    margin-bottom: var(--f-h2)
}

.h2,.h2--large,h2,h2.large {
    font-family: Roobert,sans-serif;
    letter-spacing: -.3px;
    line-height: 1.15
}

.h2--large,h2.large {
    font-feature-settings: "ss03" 1,"ss04" 1,"ss05" 1;
    font-size: var(--f-h2-l);
    font-variation-settings: "wght" 400;
    margin-bottom: var(--f-h2-l)
}

.h2--cooper,h2.cooper {
    font-family: Cooper,serif;
    font-size: var(--f-h2);
    letter-spacing: -.3px;
    line-height: 1.15;
    margin-bottom: var(--f-h2)
}

.h3,h3 {
    font-feature-settings: "ss03" 1,"ss04" 1,"ss05" 1;
    font-family: Roobert,sans-serif;
    font-size: var(--f-h3);
    font-variation-settings: "wght" 400;
    line-height: 1.33;
    margin-bottom: var(--f-h3)
}

.h4,h4 {
    font-feature-settings: "ss03" 1,"ss04" 1,"ss05" 1;
    font-family: Roobert,sans-serif;
    font-size: var(--f-h4);
    font-variation-settings: "wght" var(--fw-bold)
}

.h4,.h5,h4,h5 {
    line-height: 1.15;
    margin-bottom: var(--f-h4)
}

.h5,h5 {
    font-feature-settings: "ss03" 1,"ss04" 1,"ss05" 1;
    font-family: Roobert,sans-serif;
    font-size: var(--f-h4);
    font-variation-settings: "wght" 400
}

.h5--cooper,h5.cooper {
    font-family: Cooper,sans-serif;
    font-size: var(--f-h4);
    line-height: 1.15;
    margin-bottom: var(--f-h4)
}

.h6,h6 {
    font-feature-settings: "ss03" 1,"ss04" 1,"ss05" 1;
    font-family: Roobert,sans-serif;
    font-size: var(--f-h6);
    font-variation-settings: "wght" 400;
    line-height: 1.15;
    margin-bottom: var(--f-h6)
}

.h6--instructions,h6.instructions {
    font-family: Cooper,sans-serif;
    font-size: var(--f-h3);
    line-height: 1.15;
    margin-bottom: var(--f-h3)
}

.cooper {
    font-family: Cooper,sans-serif
}

:root {
    --p-max-width: 48rem;
    --p-max-width-mini: 40rem;
    --p-max-width-micro: 30rem
}

p {
    font-feature-settings: "ss03" 1,"ss04" 1,"ss05" 1;
    font-family: Roobert,sans-serif;
    font-size: var(--f-h3);
    font-variation-settings: "wght" 400;
    line-height: 1.33;
    margin-bottom: var(--ms-S)
}

.h5 p {
    font-size: var(--f-h4);
    margin-bottom: var(--f-h4)
}

.h5 p,.h6 p {
    line-height: 1.15
}

.h6 p {
    font-size: var(--f-h6);
    margin-bottom: var(--f-h6)
}

:root {
    --ms-XXS: calc(0.59652207rem + 0.14910537vw);
    --ms-XS: calc(0.68137177rem + 0.32952286vw);
    --ms-S: calc(0.96384592rem + 0.46570577vw);
    --ms-M: calc(2.38455984rem + 0.59622266vw);
    --ms-L: calc(3.36936083rem + 0.84483101vw);
    --ms-XL: calc(3.85324891rem + 1.86153082vw);
    --ms-XXL: calc(5.44850557rem + 2.63220676vw)
}

html {
    font-size: 10px
}

div.meta-block {
    margin-bottom: var(--ms-S)
}

div.meta-block span.meta-label {
    color: var(--c-ujuzi-grey-medium)
}

div.meta-block span.meta-label,ul.meta-data li {
    font-feature-settings: "ss03" 1,"ss04" 1,"ss05" 1;
    font-family: Roobert,sans-serif;
    font-size: var(--f-h6);
    font-variation-settings: "wght" 400;
    font-weight: 400;
    line-height: 1.15
}

ul.meta-data li {
    display: inline-flex
}

ul.meta-data li:after {
    content: ", "
}

ul.meta-data li:last-of-type:after {
    display: none
}

ul.meta-data li a.selected {
    color: var(--c-ujuzi-grey-medium)
}

ul.meta-data.meta-data--multiline li {
    display: block;
    margin-bottom: 0
}

ul.meta-data.meta-data--multiline li:after {
    display: none
}

input[type=email],input[type=text] {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--c-ujuzi-grey-medium)
}

input[type=email],input[type=text],label {
    font-feature-settings: "ss03" 1,"ss04" 1,"ss05" 1;
    font-family: Roobert,sans-serif;
    font-size: var(--f-h3);
    font-variation-settings: "wght" 400;
    line-height: 1.33
}

label {
    margin-bottom: var(--ms-S)
}

input[type=checkbox] {
    margin-right: var(--ms-S);
    position: relative
}

input[type=checkbox]:before {
    background-color: var(--c-ujuzi-white);
    border: 1px solid var(--c-ujuzi-grey-medium);
    content: "";
    display: block;
    height: 20px;
    width: 20px
}

input[type=checkbox]:checked:before {
    background-image: url(../svg/checkmark.svg)
}

textarea {
    border: none;
    border-bottom: 1px solid var(--c-ujuzi-grey-medium);
    line-height: 1.33;
    min-height: 1.3em;
    overflow: hidden;
    resize: none
}

a.button,a[role=button],button,input[type=button],input[type=submit],textarea {
    font-feature-settings: "ss03" 1,"ss04" 1,"ss05" 1;
    background-color: transparent;
    font-family: Roobert,sans-serif;
    font-size: var(--f-h3);
    font-variation-settings: "wght" 400
}

a.button,a[role=button],button,input[type=button],input[type=submit] {
    -webkit-appearance: unset;
    appearance: unset;
    background-image: radial-gradient(circle,var(--c-ujuzi-black) 50%,transparent 50%);
    background-position: 115%;
    background-repeat: no-repeat;
    background-size: 400%;
    border: 1px solid var(--c-ujuzi-black);
    border-radius: 40px;
    padding: var(--ms-XXS) var(--ms-S) calc(var(--ms-XS) - 1px);
    transition: all .25s ease-in
}

a.button--right-arrow[role=button],a.button.button--right-arrow,button.button--right-arrow,input.button--right-arrow[type=button],input.button--right-arrow[type=submit] {
    align-items: center;
    display: inline-flex
}

a.button--right-arrow[role=button]:after,a.button.button--right-arrow:after,button.button--right-arrow:after,input.button--right-arrow[type=button]:after,input.button--right-arrow[type=submit]:after {
    background-color: var(--c-ujuzi-black);
    content: "";
    display: inline-block;
    height: var(--f-h3);
    margin-left: var(--ms-XS);
    -webkit-mask-image: url(/includes/assets/svg/right-arrow.svg);
    mask-image: url(/includes/assets/svg/right-arrow.svg);
    -webkit-mask-position: 87.5% center;
    mask-position: 87.5% center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: background-color .25s ease-in;
    width: var(--f-h3)
}

a.button--close-alt[role=button],a.button--close-inv[role=button],a.button--close[role=button],a.button--search[role=button],a.button.button--close,a.button.button--close-alt,a.button.button--close-inv,a.button.button--search,button.button--close,button.button--close-alt,button.button--close-inv,button.button--search,input.button--close-alt[type=button],input.button--close-alt[type=submit],input.button--close-inv[type=button],input.button--close-inv[type=submit],input.button--close[type=button],input.button--close[type=submit],input.button--search[type=button],input.button--search[type=submit] {
    align-items: center;
    background-position: 125%;
    border: none;
    display: flex;
    height: var(--f-h1);
    justify-content: center;
    padding: 0;
    width: var(--f-h1)
}

a.button--close-alt[role=button]:after,a.button--close-inv[role=button]:after,a.button--close[role=button]:after,a.button--search[role=button]:after,a.button.button--close-alt:after,a.button.button--close-inv:after,a.button.button--close:after,a.button.button--search:after,button.button--close-alt:after,button.button--close-inv:after,button.button--close:after,button.button--search:after,input.button--close-alt[type=button]:after,input.button--close-alt[type=submit]:after,input.button--close-inv[type=button]:after,input.button--close-inv[type=submit]:after,input.button--close[type=button]:after,input.button--close[type=submit]:after,input.button--search[type=button]:after,input.button--search[type=submit]:after {
    background-color: var(--c-ujuzi-black);
    content: "";
    display: inline-block;
    height: var(--f-h1);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: all .25s ease-in;
    width: var(--f-h1)
}

a.button--close-alt[role=button],a.button.button--close-alt,button.button--close-alt,input.button--close-alt[type=button],input.button--close-alt[type=submit] {
    height: var(--f-h2);
    width: var(--f-h2)
}

a.button--close-alt[role=button]:after,a.button.button--close-alt:after,button.button--close-alt:after,input.button--close-alt[type=button]:after,input.button--close-alt[type=submit]:after {
    height: var(--f-h2);
    -webkit-mask-image: url(../svg/close.svg);
    mask-image: url(../svg/close.svg);
    width: var(--f-h2)
}

a.button--close-inv[role=button],a.button.button--close-inv,button.button--close-inv,input.button--close-inv[type=button],input.button--close-inv[type=submit] {
    height: var(--f-h2);
    width: var(--f-h2)
}

a.button--close-inv[role=button]:after,a.button.button--close-inv:after,button.button--close-inv:after,input.button--close-inv[type=button]:after,input.button--close-inv[type=submit]:after {
    height: var(--f-h2);
    -webkit-mask-image: url(../svg/close--inverted.svg);
    mask-image: url(../svg/close--inverted.svg);
    width: var(--f-h2)
}

a.button--close[role=button]:after,a.button.button--close:after,button.button--close:after,input.button--close[type=button]:after,input.button--close[type=submit]:after {
    -webkit-mask-image: url(../svg/close-circle.svg);
    mask-image: url(../svg/close-circle.svg)
}

a.button--search[role=button]:after,a.button.button--search:after,button.button--search:after,input.button--search[type=button]:after,input.button--search[type=submit]:after {
    -webkit-mask-image: url(../svg/search-icon.svg);
    mask-image: url(../svg/search-icon.svg)
}

a.button:hover,a[role=button]:hover,button:hover,input[type=button]:hover,input[type=submit]:hover {
    background-position: 50%;
    color: var(--c-ujuzi-white)
}

a.button--right-arrow[role=button]:hover:after,a.button.button--right-arrow:hover:after,button.button--right-arrow:hover:after,input.button--right-arrow[type=button]:hover:after,input.button--right-arrow[type=submit]:hover:after {
    background-color: var(--c-ujuzi-white)
}

a.button--close[role=button]:hover,a.button.button--close:hover,button.button--close:hover,input.button--close[type=button]:hover,input.button--close[type=submit]:hover {
    background-position: 125%
}

a.button--close[role=button]:hover:after,a.button.button--close:hover:after,button.button--close:hover:after,input.button--close[type=button]:hover:after,input.button--close[type=submit]:hover:after {
    -webkit-mask-image: url(../svg/close-circle--filled.svg);
    mask-image: url(../svg/close-circle--filled.svg)
}

a.button--close-alt[role=button]:hover,a.button--search[role=button]:hover,a.button.button--close-alt:hover,a.button.button--search:hover,button.button--close-alt:hover,button.button--search:hover,input.button--close-alt[type=button]:hover,input.button--close-alt[type=submit]:hover,input.button--search[type=button]:hover,input.button--search[type=submit]:hover {
    background-position: 125%
}

a.button.large,a.large[role=button],button.large,input.large[type=button],input.large[type=submit] {
    font-feature-settings: "ss03" 1,"ss04" 1,"ss05" 1;
    border: 1px solid var(--c-ujuzi-black);
    border-radius: 20px;
    font-family: Roobert,sans-serif;
    font-size: var(--f-h4);
    font-variation-settings: "wght" 400;
    line-height: 1.15;
    margin-top: var(--ms-M);
    padding: 8px 1pc
}

#cookie-law-info-bar a[role=button],.inverted-colors a.button,.inverted-colors button,.inverted-colors input[type=button],.inverted-colors input[type=submit] {
    background-image: radial-gradient(circle,var(--c-ujuzi-white) 50%,transparent 50%);
    border-color: var(--c-ujuzi-white);
    color: var(--c-ujuzi-white)
}

#cookie-law-info-bar a[role=button]:after,.inverted-colors a.button:after,.inverted-colors button:after,.inverted-colors input[type=button]:after,.inverted-colors input[type=submit]:after {
    background-color: var(--c-ujuzi-white)
}

#cookie-law-info-bar a[role=button]:hover,.inverted-colors a.button:hover,.inverted-colors button:hover,.inverted-colors input[type=button]:hover,.inverted-colors input[type=submit]:hover {
    color: var(--c-ujuzi-black)
}

#cookie-law-info-bar a.button--right-arrow[role=button]:hover:after,.inverted-colors a.button.button--right-arrow:hover:after,.inverted-colors button.button--right-arrow:hover:after,.inverted-colors input.button--right-arrow[type=button]:hover:after,.inverted-colors input.button--right-arrow[type=submit]:hover:after {
    background-color: var(--c-ujuzi-black)
}

.asp_res_url,.grid-container--text-wrapper p a,.menu-item a,.text-link,a.cli-privacy-readmore {
    background-image: linear-gradient(var(--c-ujuzi-grey-medium),var(--c-ujuzi-grey-medium));
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 0 2px;
    transition: background-size .25s ease-in-out
}

.asp_res_url.text-link--underlined,.asp_res_url:hover,.grid-container--text-wrapper p a.text-link--underlined,.grid-container--text-wrapper p a:hover,.menu-item a.text-link--underlined,.menu-item a:hover,.text-link.text-link--underlined,.text-link:hover,a.cli-privacy-readmore.text-link--underlined,a.cli-privacy-readmore:hover {
    background-size: 100% 2px
}

.asp_res_url.text-link--underlined:hover,.grid-container--text-wrapper p a.text-link--underlined:hover,.menu-item a.text-link--underlined:hover,.text-link.text-link--underlined:hover,a.cli-privacy-readmore.text-link--underlined:hover {
    animation: redraw-underline .25s ease-in-out
}

.item.hovered .asp_res_url,a:hover .text-link {
    background-size: 100% 2px
}

@keyframes redraw-underline {
    0% {
        background-size: 0 2px
    }

    to {
        background-size: 100% 2px
    }
}

.animated {
    animation-duration: 1.5s;
    animation-fill-mode: both;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.animated.animated--FadeInUp {
    animation-name: fadeInUp;
    opacity: 0
}

.animated.animated--delay2s {
    animation-delay: 2s
}

.animated.animated--delay3s {
    animation-delay: 3s
}

@keyframes fadeInUp {
    0% {
        transform: translate3d(0,40px,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

:root {
    --text-max-width-sm: 525px;
    --text-max-width: 640px;
    --grid-max-width: 1600px
}

.grid-container {
    display: grid
}

.grid-container.grid-container--main {
    background-color: var(--c-ujuzi-white);
    grid-template-columns: repeat(6,minmax(0,1fr));
    padding: var(--ms-XL) 5.2%
}

@media (min-width: 900px) {
    .grid-container.grid-container--main {
        grid-template-columns:repeat(12,minmax(0,1fr));
        padding-left: 2.5%;
        padding-right: 2.5%
    }
}

@media (min-width: 1200px) {
    .grid-container.grid-container--main {
        grid-template-columns:repeat(14,minmax(0,1fr));
        padding-left: 0;
        padding-right: 0
    }
}

.grid-container.grid-container--with-gutter {
    -moz-column-gap: 5.2%;
    column-gap: 5.2%
}

@media (min-width: 900px) {
    .grid-container.grid-container--with-gutter {
        -moz-column-gap:2.5%;
        column-gap: 2.5%
    }
}

@media (min-width: 1200px) {
    .grid-container.grid-container--with-gutter {
        -moz-column-gap:1.76%;
        column-gap: 1.76%
    }
}

.grid-container.grid-container--14-column {
    grid-template-columns: repeat(14,1fr)
}

.grid-container.grid-container--12-column {
    grid-template-columns: repeat(12,1fr)
}

.grid-container.grid-container--10-column {
    grid-template-columns: repeat(10,1fr)
}

.grid-container.grid-container--9-column {
    grid-template-columns: repeat(9,1fr)
}

.grid-container.grid-container--8-column {
    grid-template-columns: repeat(8,1fr)
}

.grid-container.grid-container--6-column {
    grid-template-columns: repeat(6,1fr)
}

.grid-container.grid-container--5-column {
    grid-template-columns: repeat(5,1fr)
}

.grid-container.grid-container--4-column {
    grid-template-columns: repeat(4,1fr)
}

.grid-container.grid-container--2-column {
    grid-template-columns: repeat(2,1fr)
}

.grid-item {
    grid-column: 1/-1
}

@media (min-width: 900px) {
    .grid-item {
        grid-column:auto/auto
    }

    .grid-item.grid-item--span-14 {
        grid-column-end: span 14
    }

    .grid-item.grid-item--span-12 {
        grid-column-end: span 12
    }

    .grid-item.grid-item--span-11 {
        grid-column-end: span 11
    }

    .grid-item.grid-item--span-10 {
        grid-column-end: span 10
    }

    .grid-item.grid-item--span-9 {
        grid-column-end: span 9
    }

    .grid-item.grid-item--span-8 {
        grid-column-end: span 8
    }

    .grid-item.grid-item--span-7 {
        grid-column-end: span 7
    }

    .grid-item.grid-item--span-6 {
        grid-column-end: span 6
    }

    .grid-item.grid-item--span-5 {
        grid-column-end: span 5
    }

    .grid-item.grid-item--span-4 {
        grid-column-end: span 4
    }

    .grid-item.grid-item--span-3 {
        grid-column-end: span 3
    }

    .grid-item.grid-item--span-2 {
        grid-column-end: span 2
    }
}

@media (min-width: 900px) and (min-width:1200px) {
    .grid-item.grid-item--offset-1 {
        grid-column-start:2
    }
}

.grid-container--text-wrapper-basic>*,.grid-container--text-wrapper>* {
    grid-column: 1/-1
}

@media (min-width: 900px) {
    .grid-container--text-wrapper-basic>*,.grid-container--text-wrapper>* {
        grid-column:span 7
    }
}

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

@media (min-width: 500px) {
    .listing-grid {
        grid-template-columns:repeat(6,1fr)
    }
}

@media (min-width: 900px) {
    .listing-grid {
        transition:margin .25s ease-in-out;
        width: 100%
    }
}

@media (min-width: 1200px) {
    .listing-grid {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (max-width: 899px) {
    .listing-grid.listing-grid--with-filters {
        margin-top:var(--nt-size-S)
    }
}

.listing-grid.listing-grid--mini {
    -moz-column-gap: 5.2%;
    column-gap: 5.2%
}

@media (min-width: 900px) {
    .listing-grid.listing-grid--mini {
        -moz-column-gap:2.5%;
        column-gap: 2.5%;
        grid-template-columns: repeat(6,1fr)
    }
}

@media (min-width: 1200px) {
    .listing-grid.listing-grid--mini {
        -moz-column-gap:2.76%;
        column-gap: 2.76%;
        grid-template-columns: repeat(9,1fr)
    }
}

.listing-grid .listing-grid__intro.grid-item {
    align-self: center
}

@media (max-width: 899px) {
    .listing-grid .listing-grid__intro.grid-item {
        margin-bottom:var(--ms-L)
    }
}

.listing-grid .listing-grid__intro.grid-item.listing-grid__intro--mini {
    align-self: start
}

.listing-grid .listing-grid__intro.grid-item h2 {
    display: inline-block;
    margin-bottom: var(--ms-S);
    margin-right: var(--ms-XS)
}

.listing-grid .listing-grid__intro.grid-item select.listing-grid__filter {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: url(../svg/down-arrow.svg);
    background-position: calc(100% + 15px);
    background-repeat: no-repeat;
    background-size: 65px;
    border: none;
    border-bottom: 1px solid var(--c-ujuzi-grey-medium);
    font-size: var(--f-h2);
    font-variation-settings: "wght" 400;
    letter-spacing: -.3px;
    line-height: 1.15;
    margin-bottom: var(--ms-S);
    max-width: var(--p-max-width-mini);
    text-overflow: ellipsis;
    width: 100%
}

.listing-grid .listing-grid__intro.grid-item select.listing-grid__filter option {
    background-color: var(--c-ujuzi-white)
}

.listing-grid .listing-grid__intro.grid-item p {
    color: var(--c-ujuzi-grey-dark);
    max-width: var(--text-max-width-sm)
}

.listing-grid .listing-grid__intro.grid-item button {
    display: block
}

.listing-grid .listing-grid__results-wrapper {
    display: contents
}

.listing-grid hr {
    margin-top: 0
}

.listing-grid .grid-item {
    align-self: end;
    margin-bottom: var(--ms-S)
}

@media (min-width: 900px) {
    .listing-grid .grid-item {
        margin-bottom:var(--ms-L)
    }
}

@media (max-width: 499px) {
    .listing-grid .grid-item.listing-item {
        grid-column:span 1
    }
}

@media (min-width: 500px) {
    .listing-grid .grid-item.listing-item {
        grid-column:span 2
    }
}

@media (min-width: 1200px) {
    .listing-grid .grid-item.listing-item {
        grid-column:span 3
    }
}

.listing-grid .grid-item.listing-item .listing-item__details {
    height: 15rem;
    padding-top: var(--ms-XS)
}

.listing-grid .grid-item.listing-item img {
    height: auto;
    width: 100%
}

.listing-grid .grid-item.listing-item h3 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    font-variation-settings: "wght" var(--fw-bold);
    line-height: 1.15;
    margin-bottom: var(--ms-XXS);
    overflow: hidden
}

.listing-grid .grid-item.listing-item span.h6 {
    color: var(--c-ujuzi-grey-dark);
    display: block;
    margin-bottom: var(--ms-XXS)
}

.listing-grid .grid-item.listing-featured {
    border: 1px solid var(--c-ujuzi-grey-dark);
    display: flex;
    flex-direction: column;
    height: calc(100% - var(--ms-L));
    margin-top: var(--ms-M);
    padding: var(--ms-M)
}

.listing-grid .grid-item.listing-featured li {
    font-feature-settings: "ss03" 1,"ss04" 1,"ss05" 1;
    font-family: Roobert,sans-serif;
    font-size: var(--f-h3);
    font-variation-settings: "wght" 400;
    line-height: 1.33;
    margin-bottom: var(--ms-S)
}

.listing-grid .grid-item.listing-featured li:first-of-type {
    margin-top: auto
}

.listing-grid .grid-item.listing-featured li:last-of-type {
    margin-bottom: 0
}

.listing-grid.people-grid {
    row-gap: calc(3.36936083rem + .84483101vw)
}

.listing-grid.people-grid .people-item {
    display: flex
}

.listing-grid.people-grid .people-item a {
    display: contents
}

.listing-grid.people-grid .people-item img {
    margin-right: calc(.96384592rem + .46570577vw);
    max-width: 150px
}

.listing-grid.people-grid .people-item h3 {
    font-feature-settings: "ss03" 1,"ss04" 1,"ss05" 1;
    font-family: Roobert,sans-serif;
    font-variation-settings: "wght" var(--fw-bold);
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width: 900px) {
    .listing-grid--filters {
        height:calc(100vh - var(--nt-size-L));
        margin-left: -30%;
        position: fixed;
        top: var(--nt-size-L);
        transition: margin .25s ease-in-out;
        width: 30%;
        z-index: 1
    }
}

.listing-grid.grid-item:after {
    -webkit-backdrop-filter: blur(2.5px);
    backdrop-filter: blur(2.5px);
    background-color: var(--c-ujuzi-grey-light);
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: multiply;
    opacity: 0;
    position: fixed;
    top: var(--nt-size-S);
    transition: opacity .25s ease-in-out .25s;
    visibility: hidden;
    width: 100%;
    z-index: 0
}

section.listing-grid__container {
    position: relative
}

section.listing-grid__container.reveal-filters {
    overflow-x: hidden
}

@media (min-width: 900px) {
    section.listing-grid__container.reveal-filters .listing-grid--filters {
        left:var(--ns-size-L);
        margin-left: 0;
        overflow-y: scroll
    }

    section.listing-grid__container.reveal-filters .listing-grid {
        margin-left: 30%
    }
}

section.listing-grid__container.reveal-filters .listing-grid:after {
    opacity: 1;
    visibility: visible
}

@media (max-width: 899px) {
    section.listing-grid__container.reveal-filters .filter__set {
        height:100vh
    }
}

section.listing-grid__container.reveal-filters .filter__set .filter__applyclear {
    transform: translateY(0);
    transition-delay: .3s
}

.listing-two-column {
    display: flex;
    overflow-x: hidden
}

@media (max-width: 899px) {
    .listing-two-column {
        max-width:100vw
    }
}

@media (min-width: 900px) {
    .listing-two-column {
        display:flex
    }
}

@media (max-width: 899px) {
    .listing-two-column.listing-two-column--with-filters {
        margin-top:var(--nt-size-S)
    }
}

.listing-two-column__column {
    height: calc(100vh - var(--nt-size-S));
    overflow-y: scroll
}

.listing-two-column__column::-webkit-scrollbar {
    display: none
}

@media (max-width: 899px) {
    .listing-two-column__column {
        transition:all .25s ease-in-out
    }
}

@media (min-width: 900px) {
    .listing-two-column__column {
        height:calc(100vh - var(--nt-size-L))
    }
}

.listing-two-column--past {
    --fw-bold: 600
}

.listing-two-column--past h1 {
    font-variation-settings: "wght" 400;
    margin-bottom: var(--ms-M)
}

.listing-two-column--past .listing-table__cell--addl__wrapper .listing-table__cell-intro {
    line-height: 1.414;
    margin-bottom: var(--ms-S)
}

.listing-two-column--past .listing-table__cell--addl__wrapper .listing-table__cell-intro p {
    display: inline;
    line-height: 1.414;
    margin-bottom: 0
}

.listing-two-column--past img {
    filter: brightness(.95)
}

@media (max-width: 899px) {
    .listing-two-column--past {
        margin-left:-80vw;
        width: 80vw
    }
}

@media (min-width: 900px) {
    .listing-two-column--past {
        width:45%;
        z-index: 1
    }
}

.listing-two-column--past .listing-past__intro {
    border-bottom: 1px solid var(--c-ujuzi-grey-medium);
    padding: var(--ms-L) var(--ms-S)
}

@media (min-width: 900px) {
    .listing-two-column--past .listing-past__intro {
        padding:var(--ms-XL) var(--ms-L)
    }
}

.listing-two-column--past .listing-past__intro p {
    color: var(--c-ujuzi-grey-light)
}

.listing-two-column--past .listing-past__list {
    padding: var(--ms-L) var(--ms-S)
}

@media (min-width: 900px) {
    .listing-two-column--past .listing-past__list {
        padding:var(--ms-L)
    }
}

.listing-two-column--past .listing-past__list h3 {
    margin-bottom: var(--ms-L)
}

.listing-two-column--past .listing-past__list h3.listing-past__list-subtitle {
    color: var(--c-ujuzi-grey-light);
    margin-bottom: var(--ms-XS)
}

.listing-two-column--separator {
    background-color: var(--c-ujuzi-black);
    color: var(--c-ujuzi-white);
    width: 10vw
}

@media (min-width: 900px) {
    .listing-two-column--separator {
        display:none
    }
}

.listing-two-column--separator .column-separator-text {
    display: block;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    transform: rotate(180deg);
    writing-mode: vertical-lr
}

.listing-two-column--separator .column-separator-text:after {
    background-image: url(../svg/left-arrow--inverted.svg);
    background-repeat: no-repeat;
    background-size: 5vw;
    content: "";
    display: inline-block;
    height: 5vw;
    margin-top: var(--ms-S);
    transform: rotate(180deg);
    width: 5vw
}

.listing-two-column--separator .column-separator-value {
    display: none
}

@media (min-width: 900px) {
    .listing-two-column--filters {
        margin-left:-30%;
        transition: margin .25s ease-in-out;
        width: 30%
    }
}

.listing-two-column--present {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    padding: var(--ms-L) var(--ms-S) 0;
    transition: margin .25s ease-in-out
}

@media (max-width: 899px) {
    .listing-two-column--present {
        width:90vw
    }
}

@media (min-width: 900px) {
    .listing-two-column--present {
        padding:var(--ms-XL) var(--ms-XL) 0;
        width: 55%
    }
}

.listing-two-column--present .listing-present__item {
    grid-column-gap: var(--ms-S);
    -moz-column-gap: var(--ms-S);
    column-gap: var(--ms-S);
    display: grid;
    grid-template-columns: 75pt 1fr;
    margin-bottom: calc(var(--ms-XL) + var(--ms-M))
}

@media (min-width: 500px) {
    .listing-two-column--present .listing-present__item {
        -moz-column-gap:var(--ms-M);
        column-gap: var(--ms-M);
        grid-template-columns: 150px 1fr
    }
}

@media (min-width: 1200px) {
    .listing-two-column--present .listing-present__item {
        grid-template-columns:300px 1fr
    }
}

.listing-two-column--present .listing-present__item a {
    display: contents
}

.listing-two-column--present .listing-present__item .listing-present__details {
    max-width: 450px;
    position: relative
}

.listing-two-column--present .listing-present__item .listing-present__details h2,.listing-two-column--present .listing-present__item .listing-present__details p {
    margin-bottom: var(--ms-XS)
}

.listing-two-column--present .listing-present__item .listing-present__details p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    color: var(--c-ujuzi-grey-medium);
    display: -webkit-box;
    overflow: hidden
}

.listing-two-column--present .listing-present__item .listing-present__details span.h6 {
    color: var(--c-ujuzi-grey-medium);
    display: block;
    margin-bottom: var(--ms-XXS)
}

.listing-two-column--present .listing-present__item .listing-present__details .rotating-badge {
    bottom: -50px;
    height: 75pt;
    right: 0;
    width: 75pt
}

.listing-two-column--present nav.footer {
    overflow: visible;
    overflow: initial
}

.listing-two-column.reveal-past .listing-two-column--past {
    margin-left: 0
}

.listing-two-column.reveal-past .listing-two-column--separator {
    background-color: var(--c-ujuzi-ehite);
    color: var(--c-ujuzi-color)
}

.listing-two-column.reveal-past .listing-two-column--separator .column-separator-text:after {
    background-image: url(../svg/left-arrow.svg);
    transform: rotate(0deg)
}

.listing-two-column.reveal-past .listing-two-column--present {
    margin-right: -80vw
}

@media (max-width: 899px) {
    .listing-two-column.reveal-filters .filter__set {
        height:100vh
    }
}

.listing-two-column.reveal-filters .filter__set .filter__applyclear {
    transform: translateY(0);
    transition-delay: .3s
}

@media (min-width: 900px) {
    .listing-two-column.reveal-filters .listing-two-column--filters {
        margin-left:0
    }

    .listing-two-column.reveal-filters .listing-two-column--present {
        margin-right: -30%
    }

    .thematics-selector__section.grid-container {
        margin-top: 20vh;
        padding: 0
    }

    .thematics-selector__section.grid-container .thematics-selector__title {
        grid-column-start: 2
    }
}

@media (min-width: 1200px) {
    .thematics-selector__section.grid-container .thematics-selector__title {
        grid-column-start:3
    }
}

.thematics-selector__section.grid-container .thematics-selector__title h1 {
    font-variation-settings: "wght" 800;
    line-height: 1.35;
    margin-bottom: 0
}

@media (min-width: 900px) {
    .thematics-selector__section.grid-container .thematics-selector__title h1 {
        text-align:right
    }
}

.thematics-selector__section.grid-container .thematics-selector__wrapper {
    position: relative
}

@media (min-width: 900px) {
    .thematics-selector__section.grid-container .thematics-selector__wrapper {
        height:calc(80vh - 110px)
    }

    .thematics-selector__section.grid-container .thematics-selector__wrapper:before {
        background: linear-gradient(180deg,#f2f0f2,hsla(300,7%,95%,0));
        content: "";
        display: block;
        height: 10vh;
        position: absolute;
        top: -20vh;
        width: 100%;
        z-index: 5
    }

    .thematics-selector__section.grid-container .thematics-selector__wrapper:after {
        background: linear-gradient(0deg,#f2f0f2,hsla(300,7%,95%,0));
        bottom: -10vh;
        content: "";
        display: block;
        height: 30vh;
        position: absolute;
        width: 100%;
        z-index: 0
    }
}

.about-page h2 {
    margin-bottom: var(--ms-S)
}

.about-page p {
    max-width: var(--p-max-width-mini)
}

@media (min-width: 900px) {
    .about-menu.grid-container {
        padding-top:var(--ms-M)
    }
}

@media (max-width: 899px) {
    .about-intro.grid-container {
        row-gap:var(--ms-M)
    }
}

@media (min-width: 900px) {
    .about-intro.grid-container {
        padding-bottom:0
    }
}

.about-intro.grid-container #about-intro__logo {
    margin-bottom: var(--ms-S);
    width: 75pt
}

.about-intro.grid-container h2 p {
    font-size: var(--f-h2)
}

.about-intro.grid-container h2 p em {
    font-family: Cooper,serif;
    font-style: normal
}

@media (max-width: 899px) {
    .about-blocks__wrapper.grid-container {
        padding:0
    }
}

.about-blocks__wrapper.grid-container a {
    display: contents
}

.about-blocks__wrapper.grid-container a:hover h1 {
    background-size: 100% 2px
}

.about-blocks__wrapper.grid-container .about-block {
    align-items: center;
    background-color: var(--c-ujuzi-black);
    border: 1px solid var(--c-ujuzi-grey-medium);
    color: var(--c-ujuzi-white);
    display: flex;
    justify-content: center;
    min-height: 30vh
}

@media (min-width: 900px) {
    .about-blocks__wrapper.grid-container .about-block {
        min-height:40vh
    }
}

.about-blocks__wrapper.grid-container .about-block h1 {
    margin-bottom: 0
}

.about-blocks__wrapper.grid-container .about-block.about-block--image {
    background-repeat: no-repeat;
    background-size: cover;
    filter: grayscale(1);
    transition: filter .25s ease-in-out
}

.about-blocks__wrapper.grid-container .about-block.about-block--image:hover {
    filter: grayscale(0)
}

@media (min-width: 900px) {
    .about-blocks__wrapper.grid-container .about-block.about-block--regular {
        grid-column:span 14
    }
}

.about-blocks__wrapper.grid-container>.about-block--regular~.about-block--regular {
    grid-column: span 3
}

@media (min-width: 900px) {
    .about-blocks__wrapper.grid-container>.about-block--regular~.about-block--regular {
        grid-column:span 7
    }
}

.about-team .grid-item {
    margin-bottom: var(--ms-L)
}

.about-team .grid-item a {
    display: contents
}

.about-team .grid-item>h2 {
    font-variation-settings: "wght" var(--fw-bold);
    margin-bottom: var(--ms-S)
}

.about-team ul.about-team__list li {
    font-size: var(--f-h4);
    line-height: 1.15;
    margin-bottom: var(--ms-XXS)
}

.about-team ul.about-team__block-wrapper {
    grid-column-gap: var(--ms-S);
    -moz-column-gap: var(--ms-S);
    column-gap: var(--ms-S);
    display: grid;
    grid-template-columns: repeat(2,1fr)
}

@media (min-width: 900px) {
    .about-team ul.about-team__block-wrapper {
        grid-template-columns:repeat(4,1fr)
    }
}

.about-team .about-team__block {
    border: 1px solid var(--c-ujuzi-black);
    display: flex;
    flex-direction: column;
    margin-bottom: var(--ms-S);
    min-height: 200px;
    padding: var(--ms-S);
    transition: all .25s ease-in-out
}

.about-team .about-team__block:hover {
    background-color: var(--c-ujuzi-black);
    color: var(--c-ujuzi-white)
}

.about-team .about-team__block h2 {
    margin-bottom: 0;
    margin-top: auto
}

.about-studios .grid-item:nth-child(2) {
    overflow: hidden
}

@media (min-width: 900px) {
    .about-studios .grid-item:nth-child(3) {
        grid-column-start:11
    }
}

@media (max-width: 899px) {
    .about-studios>.grid-item {
        margin-bottom:var(--ms-L)
    }
}

.about-studios p {
    max-width: 25pc
}

.about-studios .swiper-container {
    margin-bottom: var(--ms-S)
}

.about-studios .swiper-container .swiper-slide img {
    height: 100%
}

.about-studios .marquee {
    height: 50px
}

.about-studios iframe {
    margin-top: var(--ms-S)
}

section#home-welcome {
    align-items: center;
    background-color: var(--c-ujuzi-white);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

section#home-welcome lottie-player {
    width: 75vw
}

section.home-intro.grid-container {
    align-content: end;
    background-color: var(--c-ujuzi-white);
    min-height: 80vh;
    padding-bottom: var(--ms-XXL);
    padding-top: var(--ms-XXL)
}

@media (max-width: 899px) {
    section.home-intro.grid-container {
        padding-bottom:var(--ms-XL);
        padding-top: calc(var(--ms-XXL)*3)
    }
}

@media (min-width: 900px) {
    section.home-intro.grid-container {
        align-content:center
    }

    section.home-intro.grid-container .home-intro__heading {
        grid-column-start: 3
    }
}

section.home-intro.grid-container .home-intro__text {
    -moz-column-width: 300px;
    column-width: 300px
}

@media (min-width: 900px) {
    section.home-intro.grid-container .home-intro__text {
        grid-column-start:6
    }
}

@media (max-width: 899px) {
    section.home-intro.grid-container .home-intro__text p {
        font-size:var(--f-h4)
    }
}

@media (min-width: 900px) {
    section.home-intro.grid-container .home-intro__text p {
        padding-right:var(--ms-M)
    }
}

section.home-intro.grid-container h1 {
    font-size: 15vw;
    letter-spacing: -1px;
    line-height: .9
}

@media (min-width: 900px) {
    section.home-intro.grid-container h1 {
        font-size:8.5vw;
        letter-spacing: -5px;
        line-height: 7.5vw
    }
}

section.home-intro.grid-container h1:first-of-type {
    margin-bottom: 2rem
}

section.home-intro.grid-container h2 {
    margin-top: 4rem;
    margin-bottom: 2rem;
    font-size: 7.5vw;
    letter-spacing: -1px;
    line-height: .9
}

section.home-intro.grid-container h1 em {
    font-family: Cooper,serif;
    font-style: normal;
    font-weight: 300
}

section.home-intro.grid-container h2 em {
    font-family: Cooper,serif;
    font-style: normal;
    font-weight: 300
}

section.home-blocks-container {
    display: flex;
    flex-direction: column;
    margin-left: -1px;
    overflow: clip;
    padding-top: 1px
}

@media (max-width: 899px) {
    section.home-blocks-container {
        background-color:var(--c-ujuzi-grey-medium);
        padding-bottom: 1px
    }
}

@media (min-width: 900px) {
    section.home-blocks-container {
        display:grid;
        grid-auto-flow: row dense;
        grid-template-columns: repeat(4,25%);
        position: relative
    }
}

section.home-blocks-container #home-blocks__background-1 {
    background-color: var(--c-ujuzi-grey-medium);
    left: 50%;
    position: absolute;
    top: 0;
    z-index: -1
}

section.home-blocks-container #home-blocks__background-2 {
    background-color: var(--c-ujuzi-grey-medium);
    border-radius: 50%;
    left: 50%;
    position: absolute;
    top: 5%;
    z-index: -1
}

section.home-blocks-container .home-blocks__mobile-wrapper {
    display: flex;
    flex-direction: row;
    overflow-x: auto
}

@media (min-width: 900px) {
    section.home-blocks-container .home-blocks__mobile-wrapper {
        display:contents
    }
}

@media (max-width: 899px) {
    section.home-blocks-container .home-blocks__mobile-wrapper .home-block {
        min-width:75vw
    }
}

section.home-blocks-container .home-block {
    background-color: var(--c-ujuzi-white);
    display: flex;
    flex-direction: column;
    margin-bottom: 1px;
    margin-left: 1px;
    min-height: 33vh;
    padding: var(--ms-M);
    position: relative;
    transition: all .25s ease-in-out
}

@media (min-width: 900px) {
    section.home-blocks-container .home-block {
        min-height:350px
    }
}

section.home-blocks-container .home-block a {
    display: flex;
    flex-direction: column;
    height: 100%
}

@media (max-width: 899px) {
    section.home-blocks-container .home-block a .text-link {
        background-size:100% 2px
    }
}

@media (min-width: 900px) {
    section.home-blocks-container .home-block:not([class*=not-inverted]):hover {
        background-color:var(--c-ujuzi-black);
        color: var(--c-ujuzi-white)
    }

    section.home-blocks-container .home-block:not([class*=not-inverted]):hover a {
        color: var(--c-ujuzi-white)!important
    }
}

section.home-blocks-container .home-block .h2,section.home-blocks-container .home-block h2 {
    font-variation-settings: "wght" 400;
    margin-bottom: 0
}

section.home-blocks-container .home-block .h2:last-of-type,section.home-blocks-container .home-block h2:last-of-type {
    margin-bottom: var(--f-h2)
}

section.home-blocks-container .home-block h6 {
    text-transform: uppercase
}

section.home-blocks-container .home-block p {
    margin-top: auto
}

section.home-blocks-container .home-block h3,section.home-blocks-container .home-block h6,section.home-blocks-container .home-block p {
    margin-bottom: 0;
    max-width: 275px
}

section.home-blocks-container .home-block .rotating-badge {
    height: 75pt;
    right: var(--ms-M);
    width: 75pt
}

@media (min-width: 900px) {
    section.home-blocks-container .home-block .rotating-badge {
        height:133px;
        width: 133px
    }
}

section.home-blocks-container .home-block.home-block__people {
    grid-column: 1/span 2;
    grid-row-start: 4;
    overflow: hidden
}

@media (max-width: 899px) {
    section.home-blocks-container .home-block.home-block__people {
        order:6
    }
}

section.home-blocks-container .home-block.home-block__people .home-block__people-row {
    margin-top: var(--ms-S)
}

section.home-blocks-container .home-block.home-block__people .home-block__people-row:first-of-type {
    margin-top: auto
}

section.home-blocks-container .home-block.home-block__people .home-block__people-row span.h2 {
    text-transform: uppercase
}

section.home-blocks-container .home-block.home-block__people .home-block__people-row span.h3 {
    margin-left: var(--ms-XXS)
}

section.home-blocks-container .home-block.home-block__people .home-block__people-row a {
    display: inline;
    display: initial;
    margin-right: var(--ms-XL);
    padding-bottom: 2px
}

@media (max-width: 899px) {
    section.home-blocks-container .home-block.home-block__newsletter {
        order:7
    }

    section.home-blocks-container .home-block.home-block__newsletter h6 {
        margin-bottom: var(--ms-M)
    }
}

section.home-blocks-container .home-block.home-block__newsletter #mc_embed_signup {
    margin-top: auto
}

section.home-blocks-container .home-block.home-block__newsletter .mc-field-group {
    margin-bottom: var(--ms-XXS)
}

section.home-blocks-container .home-block.home-block__newsletter button {
    align-self: start;
    margin-top: var(--ms-S)
}

section.home-blocks-container .home-block.home-block__newsletter label {
    display: flex;
    font-size: var(--f-h6);
    margin-top: var(--ms-S)
}

section.home-blocks-container .home-block.home-block__newsletter .text-link {
    margin-left: var(--ms-XXS)
}

@media (max-width: 899px) {
    section.home-blocks-container .home-block.home-block__newsletter .text-link {
        text-decoration:none
    }
}

section.home-blocks-container .home-block.home-block__newsletter .clear {
    margin-top: var(--ms-M)
}

@media (max-width: 899px) {
    section.home-blocks-container .home-block.home-block__social {
        order:8
    }
}

section.home-blocks-container .home-block.home-block__social .home-block__social-icons {
    display: flex;
    margin-left: auto;
    margin-top: auto
}

section.home-blocks-container .home-block.home-block__social .home-block__social-icons img {
    transition: all .25s ease-in-out;
    width: 70px
}

section.home-blocks-container .home-block.home-block__social .home-block__social-icons a:hover img {
    filter: invert(1)
}

section.home-blocks-container .home-block.home-block__archives {
    grid-column: span 2
}

@media (max-width: 899px) {
    section.home-blocks-container .home-block.home-block__archives {
        margin-bottom:0;
        order: 9
    }
}

section.home-blocks-container .home-block.home-block__archives .home-block__archives-wrapper {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin-top: auto
}

section.home-blocks-container .home-block.home-block__archives .home-block__archives-column {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    padding-right: 5%;
}

section.home-blocks-container .home-block.home-block__archives .home-block__archives-column .h2 {
    font-variation-settings: "wght" 400
}

section.home-blocks-container .home-block.home-block__archives .home-block__archives-column a:last-of-type {
    margin-bottom: 0
}

section.home-blocks-container.has-1-hero .home-block.home-block__hero:first-of-type {
    grid-column: span 2;
    grid-row: span 2
}

@media (max-width: 899px) {
    section.home-blocks-container.has-1-hero .home-block.home-block__hero:first-of-type {
        order:1
    }

    section.home-blocks-container.has-1-hero .home-blocks__mobile-wrapper:nth-of-type(2) {
        order: 2
    }

    section.home-blocks-container.has-1-hero .home-blocks__mobile-wrapper:nth-of-type(3) {
        order: 3
    }

    section.home-blocks-container.has-1-hero .home-blocks__mobile-wrapper:nth-of-type(4) {
        order: 4
    }
}

section.home-blocks-container.has-2-hero .home-block.home-block__hero:first-of-type {
    grid-column: span 2
}

@media (max-width: 899px) {
    section.home-blocks-container.has-2-hero .home-block.home-block__hero:first-of-type {
        order:1
    }
}

section.home-blocks-container.has-2-hero .home-block.home-block__hero:nth-of-type(2) {
    grid-column-end: -1;
    grid-row: 2/span 2
}

@media (max-width: 899px) {
    section.home-blocks-container.has-2-hero .home-block.home-block__hero:nth-of-type(2) {
        order:4
    }
}

section.home-blocks-container.has-2-hero .home-block.home-block__hero:nth-of-type(2) .rotating-badge {
    left: var(--ms-M);
    right: auto;
    top: 30%
}

@media (min-width: 900px) {
    section.home-blocks-container.has-2-hero .home-block.home-block__hero:nth-of-type(2) .rotating-badge {
        top:175px
    }
}

@media (max-width: 899px) {
    section.home-blocks-container.has-2-hero .home-blocks__mobile-wrapper:nth-of-type(3) {
        order:2
    }

    section.home-blocks-container.has-2-hero .home-blocks__mobile-wrapper:nth-of-type(4) {
        order: 3
    }

    section.home-blocks-container.has-2-hero .home-blocks__mobile-wrapper:nth-of-type(5) {
        order: 5
    }
}

section.home-footer.grid-container {
    background-color: var(--c-ujuzi-white);
    padding-bottom: var(--ms-L);
    padding-top: calc(var(--ms-XXL)*2);
    row-gap: var(--ms-S)
}

section.home-footer.grid-container .h6,section.home-footer.grid-container .h6 p {
    font-size: var(--f-h6-1)
}

section.home-footer.grid-container .h6 strong {
    font-variation-settings: "wght" var(--fw-bold);
    font-weight: 650
}

section.home-footer.grid-container .home-footer__copyright {
    font-size: var(--f-h3)
}

@media (min-width: 1200px) {
    section.home-footer.grid-container .home-footer__copyright {
        font-size:var(--f-h2)
    }
}

section.home-footer.grid-container .home-footer__copyright img {
    display: inline;
    height: var(--f-h3)
}

@media (min-width: 1200px) {
    section.home-footer.grid-container .home-footer__copyright img {
        height:var(--f-h2)
    }
}

section.home-footer.grid-container .home-footer__address p {
    margin-bottom: 0
}

@media (min-width: 900px) {
    section.home-footer.grid-container .home-footer__credits {
        grid-column-start:11
    }
}

section.home-footer.grid-container .home-footer__credits img {
    height: var(--f-h4);
    margin-right: var(--ms-XXS);
    margin-top: var(--ms-S)
}

@media (min-width: 900px) {
    section.home-footer.grid-container .home-footer__awards {
        grid-column-start:5
    }
}

section.home-footer.grid-container .home-footer__awards img {
    height: var(--ms-XXL);
    margin-right: var(--ms-XS);
    margin-top: var(--ms-S)
}

@media (max-width: 899px) {
    .single-article .single-article__meta-wrapper {
        margin-bottom:var(--ms-M)
    }
}

@media (min-width: 900px) {
    .single-article .single-article__meta-wrapper .single-article__meta {
        padding-right:var(--ms-S);
        position: sticky;
        top: calc(var(--nt-size-L)*2)
    }
}

.single-article .single-article__meta-wrapper .single-article__meta button {
    margin-bottom: var(--ms-S)
}

.single-article h2.parent-title {
    font-variation-settings: "wght" var(--fw-bold);
    margin-bottom: var(--ms-S)
}

.single-article h2.cooper {
    font-weight: 400;
    margin-top: calc(var(--ms-S)*-1)
}

.single-article .readtime-counter {
    display: none
}

.single-article .readtime-counter.readtime-counter--mobile {
    background-color: var(--c-ujuzi-black);
    height: 5px;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 101
}

@media (max-width: 899px) {
    .single-article .readtime-counter.readtime-counter--mobile {
        display:block
    }
}

.single-article .readtime-counter.readtime-counter--desktop {
    flex-direction: column;
    height: 75pt;
    margin: calc(var(--ms-M) + 7.5px) 0 var(--ms-M);
    padding: var(--ms-XXS);
    position: relative;
    text-align: center;
    width: 75pt
}

@media (min-width: 900px) {
    .single-article .readtime-counter.readtime-counter--desktop {
        display:block
    }
}

.single-article .readtime-counter.readtime-counter--desktop svg {
    margin-top: 7.5px;
    transform: scale(5);
    visibility: hidden
}

.single-article .readtime-counter.readtime-counter--desktop svg .readtime-counter__line {
    fill: none;
    stroke: var(--c-ujuzi-black);
    stroke-width: 4
}

.single-article .readtime-counter.readtime-counter--desktop svg .readtime-counter__track {
    fill: none;
    stroke: var(--c-ujuzi-grey-light);
    stroke-width: 1
}

@media (max-width: 899px) {
    .single-article .grid-item--span-3 h3 {
        font-weight:var(--fw-bold)
    }
}

@media (min-width: 900px) {
    .single-article .grid-item--span-3 h3 {
        margin-bottom:0
    }
}

.single-article .issuuembed {
    height: auto!important;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%!important
}

.single-article .issuuembed iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.single-article iframe {
    width: 100%
}

.single-article .listing-grid--mini {
    grid-column: span 9
}

.other-publications .listing-grid {
    -moz-column-gap: var(--ms-M);
    column-gap: var(--ms-M)
}

@media (min-width: 900px) {
    .other-publications .listing-grid {
        grid-template-columns:repeat(9,1fr)
    }
}

body.single-programme--past {
    --c-ujuzi-black: #f2f0f2;
    --c-ujuzi-grey-dark: #b4b1b4;
    --c-ujuzi-grey-medium: #b4b1b4;
    --c-ujuzi-grey-light: #b4b1b4;
    --c-ujuzi-white: #231e20;
    --fw-bold: 600
}

body.single-programme--past #round-cursor:before {
    background-color: var(--c-ujuzi-black)
}

body.single-programme--past #round-cursor .cursor__inner {
    color: var(--c-ujuzi-white)
}

body.single-programme--past nav#side-nav #side-nav__trigger lottie-player#side-nav__trigger-logo--open {
    filter: invert(1)
}

@media (min-width: 900px) {
    body.single-programme--past nav#side-nav #side-nav__border {
        width:.5px
    }

    body.single-programme--past nav#top-nav #top-nav__border {
        height: .5px
    }
}

body.single-programme--past p {
    line-height: 1.414
}

body.single-programme--past img {
    filter: brightness(.95)
}

section.single-programme {
    border-bottom: 1px solid var(--c-ujuzi-grey-medium);
    padding-bottom: 0;
    padding-top: 0
}

section.single-programme h2.programme-title {
    font-variation-settings: "wght" var(--fw-bold);
    margin-bottom: var(--ms-XS)
}

section.single-programme .programme-description {
    font-size: calc(1.1rem + .55555556vw)
}

@media (max-width: 899px) {
    section.single-programme .programme-description {
        margin-bottom:var(--ms-L)
    }
}

@media (min-width: 900px) {
    section.single-programme .carousel-wrapper {
        grid-column-start:4
    }
}

@media (min-width: 1200px) {
    section.single-programme .carousel-wrapper {
        grid-column-start:5
    }
}

@media (max-width: 899px) {
    section.single-programme .grid-item--span-3 h3 {
        font-weight:var(--fw-bold)
    }
}

@media (min-width: 900px) {
    section.single-programme .grid-item--span-3 h3 {
        margin-bottom:0
    }
}

section.single-programme .years-list.selected {
    font-variation-settings: "wght" var(--fw-bold)
}

section.single-programme .marquee--open-application {
    overflow: hidden
}

section.single-programme .marquee--open-application .h2 {
    margin-right: var(--ms-XS)
}

section.single-programme .additional-supporter {
    display: flex;
    margin-bottom: var(--ms-XL)
}

section.single-programme .additional-supporter:last-of-type {
    margin-bottom: 0
}

section.single-programme .additional-supporter img {
    margin-right: var(--ms-M);
    max-width: 200px
}

section.single-programme .additional-supporter h2 {
    font-variation-settings: "wght" var(--fw-bold);
    margin-bottom: var(--ms-XXS)
}

section.single-programme .additional-supporter p {
    color: var(--c-ujuzi-grey-medium)
}

section.single-programme .open-application {
    border: 1px solid var(--c-ujuzi-grey-medium);
    border-top: none;
    margin-bottom: var(--ms-XL);
    overflow: hidden;
    padding: var(--ms-L) var(--ms-XL)
}

@media (min-width: 900px) {
    section.single-programme .open-application {
        grid-column-start:4
    }
}

@media (min-width: 1200px) {
    section.single-programme .open-application {
        grid-column-start:5
    }
}

section.single-programme .open-application .marquee {
    margin-bottom: var(--ms-XL)
}

.single-alternate h2.listing-title {
    font-variation-settings: "wght" var(--fw-bold);
    margin-bottom: var(--ms-XS)
}

.single-alternate .single-alternate__meta {
    grid-column-start: 11
}

@media (max-width: 899px) {
    .single-alternate .grid-item--span-3 h3 {
        font-weight:var(--fw-bold)
    }
}

@media (min-width: 900px) {
    .single-alternate .grid-item--span-3 h3 {
        margin-bottom:0
    }
}

.single-alternate .related-materials>.grid-item {
    margin-bottom: 0
}

@media (max-width: 899px) {
    .branded-programme {
        flex-direction:column;
        margin-top: 0
    }

    .branded-programme .listing-two-column--past.branded-programme__intro {
        height: auto;
        margin-left: 0;
        width: auto
    }
}

@media (min-width: 900px) {
    .branded-programme .listing-two-column--past.branded-programme__intro {
        border-right:1px solid var(--c-ujuzi-grey-medium)
    }
}

.branded-programme .listing-two-column--past.branded-programme__intro h1 {
    margin-bottom: var(--ms-M)
}

.branded-programme .listing-two-column--past.branded-programme__intro p {
    color: inherit
}

.branded-programme .listing-two-column--past.branded-programme__intro .listing-past__intro {
    border-bottom: none
}

@media (max-width: 899px) {
    .branded-programme .branded-programme__list {
        height:auto;
        overflow-y: visible;
        overflow-y: initial;
        width: auto
    }
}

.footer {
    background-color: var(--c-ujuzi-white);
    margin-top: auto;
    overflow: hidden;
    padding-bottom: var(--ms-XXS);
    padding-top: var(--ms-XXS)
}

.footer ul li {
    display: inline-block;
    margin-bottom: 0;
    text-transform: uppercase
}

.site-by {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    text-decoration: none
}

.site-by-logo a {
    display: inline; /* or use "inline-block" if you want them to have block-level features like setting width and height */
    margin-right: 10px; /* Add spacing between the links if desired */
    text-decoration: none; /* Remove the default underline styling for links */
}

.listing-table {
    margin-bottom: var(--ms-L);
    width: 100%
}

.listing-table .listing-table__cell {
    font-size: var(--f-h6);
    font-variation-settings: "wght" 400;
    font-weight: 400;
    line-height: 1.15;
    padding: var(--ms-XS) 0
}

.listing-table.listing-table--banded .listing-table__row {
    border-bottom: 1px solid var(--c-ujuzi-grey-medium);
    display: grid;
    grid-template-columns: 20% 40% 40%
}

@media (min-width: 900px) {
    .listing-table.listing-table--banded .listing-table__row:hover .listing-table__cell--addl {
        max-height:25vh
    }
}

.listing-table.listing-table--banded .listing-table__row a {
    display: contents
}

.listing-table.listing-table--banded.listing-table--wide .listing-table__row {
    grid-template-columns: 20% 80%
}

.listing-table.listing-table--banded .listing-table__cell {
    padding: var(--ms-S) var(--ms-XXS)
}

.listing-table.listing-table--banded .listing-table__cell:first-child,.listing-table.listing-table--banded .listing-table__cell:nth-child(3) {
    color: var(--c-ujuzi-grey-light)
}

.listing-table.listing-table--banded .listing-table__cell.listing-table__cell--addl {
    grid-column: span 3;
    margin-bottom: 0;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    transition: max-height .25s ease-in-out .25s
}

.listing-table.listing-table--banded .listing-table__cell.listing-table__cell--addl .listing-table__cell--addl__wrapper {
    display: grid;
    grid-template-columns: 20% 40% 40%
}

.listing-table.listing-table--banded .listing-table__cell.listing-table__cell--addl .listing-table__cell--addl__wrapper div {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    color: var(--c-ujuzi-grey-light);
    display: -webkit-box;
    grid-column-start: 2;
    overflow: hidden;
    padding: 0 var(--ms-XXS)
}

.listing-table.listing-table--banded .listing-table__cell.listing-table__cell--addl .listing-table__cell--addl__wrapper img {
    float: left;
    max-height: 130px;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 0 var(--ms-XXS) var(--ms-S)
}

.listing-table.listing-table--dual {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin-bottom: var(--ms-L)
}

.listing-table.listing-table--dual li {
    margin-bottom: var(--ms-XXS)
}

.listing-table.listing-table--dual li:nth-child(odd) {
    padding-right: var(--ms-XXS)
}

section.supporters-intro h1 {
    margin-bottom: var(--ms-M)
}

section.supporters-intro p {
    margin-bottom: var(--ms-S)
}

section.grid-container.about-supporters {
    padding-top: 0
}

section.grid-container.about-supporters h2 {
    font-variation-settings: "wght" var(--fw-bold);
    margin-bottom: var(--ms-S)
}

section.grid-container.about-supporters p.h5 {
    max-width: 350px
}

section.grid-container.about-supporters ul {
    -moz-column-gap: var(--ms-M);
    column-gap: var(--ms-M);
    -moz-column-width: 350px;
    column-width: 350px;
    margin-bottom: var(--ms-XXL)
}

section.grid-container.about-supporters ul li {
    font-size: var(--f-h4);
    line-height: 1.15;
    margin-bottom: var(--ms-XXS)
}

@media (max-width: 899px) {
    section.about-contact .about-contact__form {
        margin-bottom:var(--ms-L)
    }
}

section.about-contact .about-contact__form input[type=email],section.about-contact .about-contact__form input[type=text],section.about-contact .about-contact__form textarea {
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%
}

section.about-contact .wpcf7-form li.form-wrapper {
    padding: var(--ms-XS) 0;
    position: relative
}

section.about-contact .wpcf7-form li.form-wrapper span.wpcf7-form-control-wrap {
    z-index: 1
}

section.about-contact .wpcf7-form li.form-wrapper label {
    color: var(--c-ujuzi-grey-medium);
    left: 0;
    position: absolute;
    top: calc(var(--f-h3)/2);
    transition: all .25s ease-in-out
}

section.about-contact .wpcf7-form li.form-wrapper label.focused {
    font-size: var(--f-h6);
    margin-top: calc(var(--f-h6)*-1 - 5px)
}

section.about-contact .wpcf7-form li.form-wrapper.form-textarea-wrapper .your-message {
    display: grid
}

section.about-contact .wpcf7-form li.form-wrapper.form-textarea-wrapper .your-message:after {
    font-feature-settings: "ss03" 1,"ss04" 1,"ss05" 1;
    content: attr(data-replicated-value) " ";
    font-family: Roobert,sans-serif;
    font-size: var(--f-h3);
    font-variation-settings: "wght" 400;
    line-height: 1.33;
    visibility: hidden;
    white-space: pre-wrap
}

section.about-contact .wpcf7-form li.form-wrapper.form-textarea-wrapper .your-message:after,section.about-contact .wpcf7-form li.form-wrapper.form-textarea-wrapper .your-message>textarea {
    grid-area: 1/1/2/2;
    padding: .5rem
}

section.about-contact .contact-links {
    grid-row-gap: var(--ms-L);
    display: grid;
    grid-auto-rows: 175px;
    margin-bottom: var(--ms-L);
    row-gap: var(--ms-L)
}

@media (min-width: 900px) {
    section.about-contact .contact-links {
        grid-auto-rows:17.5vw;
        grid-template-columns: repeat(3,1fr)
    }
}

@media (min-width: 1200px) {
    section.about-contact .contact-links {
        grid-auto-rows:15vw
    }
}

section.about-contact .contact-links .contact-links__item {
    align-items: center;
    display: flex;
    position: relative
}

@media (min-width: 900px) {
    section.about-contact .contact-links .contact-links__item {
        justify-content:center
    }
}

@media (max-width: 899px) {
    section.about-contact .contact-links .contact-links__item:nth-child(2n) .contact-badge {
        right:0
    }
}

section.about-contact .contact-links .contact-links__item:hover .contact-badge--desktop {
    animation: rotate-badge 10s linear infinite
}

section.about-contact .contact-links .contact-links__item .contact-badge {
    background-repeat: no-repeat;
    background-size: contain;
    height: 175px;
    position: absolute;
    width: 175px
}

@media (min-width: 900px) {
    section.about-contact .contact-links .contact-links__item .contact-badge {
        height:17.5vw;
        width: 17.5vw
    }
}

@media (min-width: 1200px) {
    section.about-contact .contact-links .contact-links__item .contact-badge {
        height:15vw;
        width: 15vw
    }
}

@media (max-width: 899px) {
    section.about-contact .contact-links .contact-links__item .contact-badge.contact-badge--desktop {
        display:none
    }
}

@media (min-width: 900px) {
    section.about-contact .contact-links .contact-links__item .contact-badge.contact-badge--mobile {
        display:none
    }
}

section.about-contact .contact-links .contact-links__item a {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
    z-index: 1
}

section.about-contact .contact-links .contact-links__item a:hover span.text-link {
    background-size: 100% 2px
}

section.about-contact .contact-links .contact-links__item a .contact-links__wrapper {
    font-size: var(--f-h3);
    max-width: 75%;
    text-align: center;
    text-transform: uppercase
}

@media (max-width: 899px) {
    section.about-contact .contact-links .contact-links__item a .contact-links__wrapper {
        font-size:var(--f-h2);
        margin: 0 auto
    }
}

@media (min-width: 1200px) {
    section.about-contact .contact-links .contact-links__item a .contact-links__wrapper {
        max-width:65%
    }
}

section.about-contact .about-contact__address {
    display: grid;
    grid-template-columns: repeat(2,1fr)
}

section.about-contact .about-contact__address h6 {
    font-variation-settings: "wght" var(--fw-bold);
    margin-bottom: 0
}

section.about-contact .about-contact__address h6,section.about-contact .about-contact__address p.h6 {
    font-size: var(--f-h6-1)
}

section.about-contact .about-contact__social {
    align-items: flex-end;
    display: flex
}

@media (min-width: 900px) {
    section.about-contact .about-contact__social {
        justify-content:flex-end
    }
}

section.about-contact .about-contact__social img {
    transition: all .25s ease-in-out;
    width: 70px
}

section.about-contact .about-contact__social a:hover img {
    filter: invert(1)
}

@keyframes rotate-badge {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.fourohfour-intro.grid-container {
    border-bottom: 1px solid var(--c-ujuzi-grey-medium);
    padding-bottom: var(--ms-L);
    padding-top: var(--ms-L)
}

.fourohfour-intro.grid-container h1 {
    font-size: 20vw
}

.fourohfour-intro.grid-container h2 {
    margin-bottom: 0
}

.fourohfour-menu.grid-container {
    padding-bottom: var(--ms-L);
    padding-top: var(--ms-L)
}

.fourohfour-menu.grid-container ul li {
    font-size: var(--f-h6);
    line-height: 1.15;
    margin-bottom: var(--ms-XXS)
}

body.page-template-page-does-the-blue-sky-lie {
    animation: background-gradient 10s ease infinite;
    background: linear-gradient(314deg,var(--g-blue-1),var(--g-blue-2));
    background-color: var(--g-blue-1);
    background-size: 600% 600%
}

@media (max-width: 899px) {
    body.page-template-page-does-the-blue-sky-lie main {
        overflow-x:hidden
    }
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container {
    background-color: transparent;
    color: var(--c-ujuzi-white);
    -moz-column-gap: 0;
    column-gap: 0;
    height: calc(100vh - var(--nt-size-L));
    padding: 0
}

@media (max-width: 899px) {
    body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container {
        display:flex;
        height: calc(100vh - var(--nt-size-S));
        width: 100vw
    }

    body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .grid-item {
        transition: margin .2s ease-in-out;
        width: 100vw
    }

    body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container.reveal-answers .dtbsl__prompts-list {
        margin-left: -100vw
    }

    body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container.reveal-answers .dtbsl__prompts-details {
        margin-right: 0
    }
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__logo {
    align-items: flex-end;
    display: flex;
    justify-content: center;
    padding: var(--ms-S) var(--ms-M)
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__logo img {
    filter: blur(10px);
    opacity: 0;
    padding-top: 15px;
    width: 75%
}

@media (min-width: 900px) {
    body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__logo img {
        width:50%
    }
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__logo.dtbsl__logo--mobile {
    height: 45vh
}

@media (min-width: 900px) {
    body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__logo.dtbsl__logo--mobile {
        display:none
    }
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__logo.dtbsl__logo--desktop {
    align-items: center;
    height: 100%;
    width: 100%
}

@media (max-width: 899px) {
    body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__logo.dtbsl__logo--desktop {
        display:none
    }
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompts-list {
    height: calc(100vh - var(--nt-size-S));
    position: relative
}

@media (max-width: 899px) {
    body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompts-list {
        overflow-y:scroll
    }
}

@media (min-width: 900px) {
    body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompts-list {
        height:calc(100vh - var(--nt-size-L))
    }
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompts-list ul.dtbsl__prompts {
    overflow-x: hidden;
    overflow-y: scroll
}

@media (min-width: 900px) {
    body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompts-list ul.dtbsl__prompts {
        height:100%
    }
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompts-list ul.dtbsl__prompts::-webkit-scrollbar {
    display: none
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompts-list ul.dtbsl__prompts li {
    align-items: center;
    border-bottom: 1px solid var(--c-ujuzi-white);
    display: flex;
    font-size: 7vw;
    padding: 3.5vw;
    padding-right: 0;
    position: relative;
    transition: all .25s ease-in-out;
    white-space: nowrap
}

@media (min-width: 900px) {
    body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompts-list ul.dtbsl__prompts li {
        font-size:2.25vw;
        padding: 1.5vw;
        padding-right: 0
    }
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompts-list ul.dtbsl__prompts li:before {
    background: linear-gradient(to right,var(--c-ujuzi-white) 50%,transparent 100%);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .25s ease-in-out;
    width: calc(7.5vw + var(--ms-S))
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompts-list ul.dtbsl__prompts li button.dtbsl__view-prompt {
    background-color: var(--c-ujuzi-white);
    background-image: radial-gradient(circle,var(--g-blue-1) 50%,transparent 50%);
    border-color: var(--c-ujuzi-white);
    display: inline-flex;
    margin-right: var(--ms-S);
    padding: 0;
    z-index: 1
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompts-list ul.dtbsl__prompts li button.dtbsl__view-prompt:after {
    background-color: var(--g-blue-1);
    content: "";
    display: inline-block;
    height: 7vw;
    -webkit-mask-image: url(../svg/right-arrow.svg);
    mask-image: url(../svg/right-arrow.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 5vw;
    mask-size: 5vw;
    width: 7vw
}

@media (min-width: 900px) {
    body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompts-list ul.dtbsl__prompts li button.dtbsl__view-prompt:after {
        height:3vw;
        -webkit-mask-size: 2vw;
        mask-size: 2vw;
        width: 3vw
    }
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompts-list ul.dtbsl__prompts li span {
    overflow-x: scroll;
    overflow-y: hidden
}

@media (max-width: 899px) {
    body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompts-list ul.dtbsl__prompts li span {
        margin-left:0!important
    }
}

@media (min-width: 900px) {
    body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompts-list ul.dtbsl__prompts li span {
        overflow:hidden
    }
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompts-list ul.dtbsl__prompts li.selected,body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompts-list ul.dtbsl__prompts li:hover {
    background-color: var(--c-ujuzi-white);
    color: var(--g-blue-1)
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompts-list ul.dtbsl__prompts li.selected:before,body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompts-list ul.dtbsl__prompts li:hover:before {
    opacity: 1
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompts-list ul.dtbsl__prompts li.selected button.dtbsl__view-prompt,body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompts-list ul.dtbsl__prompts li:hover button.dtbsl__view-prompt {
    background-color: var(--g-blue-1);
    border-color: var(--g-blue-1)
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompts-list ul.dtbsl__prompts li.selected button.dtbsl__view-prompt:after,body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompts-list ul.dtbsl__prompts li:hover button.dtbsl__view-prompt:after {
    background-color: var(--c-ujuzi-white)
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompts-list #dtbsl__prompts-side-border {
    background-color: var(--c-ujuzi-white);
    position: absolute;
    right: 0;
    top: 0;
    width: 1px
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-details {
    overflow-y: scroll;
    padding: var(--ms-L);
    padding-bottom: 0;
    position: relative
}

@media (max-width: 899px) {
    body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-details {
        height:calc(100vh - var(--nt-size-S));
        margin-right: -100vw;
        padding: var(--ms-M);
        padding-bottom: 0
    }
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-details::-webkit-scrollbar {
    display: none
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-details .dtbsl__prompt-navigation-back {
    align-items: center;
    display: inline-flex;
    font-size: 3.5vw;
    margin-bottom: var(--ms-S)
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-details .dtbsl__prompt-navigation-back:before {
    background-color: var(--c-ujuzi-white);
    content: "";
    display: inline-block;
    height: var(--f-h3);
    margin-right: var(--ms-XS);
    -webkit-mask-image: url(../svg/left-arrow.svg);
    mask-image: url(../svg/left-arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: var(--f-h3)
}

@media (min-width: 900px) {
    body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-details .dtbsl__prompt-navigation-back {
        display:none
    }
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-details .dtbsl__prompt-question.large {
    font-size: 15vw;
    margin-bottom: 25vh
}

@media (min-width: 900px) {
    body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-details .dtbsl__prompt-question.large {
        font-size:6vw;
        margin-bottom: 25vh
    }
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-details .dtbsl__prompt-question.medium {
    font-size: 10vw;
    line-height: 1.15
}

@media (min-width: 900px) {
    body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-details .dtbsl__prompt-question.medium {
        font-size:4vw
    }
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-details .dtbsl__prompt-question.small {
    font-size: 7.5vw;
    line-height: 1.15
}

@media (min-width: 900px) {
    body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-details .dtbsl__prompt-question.small {
        font-size:3vw
    }
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-details .dtbsl__prompt-responses-container {
    position: relative
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-details .dtbsl__prompt-imgholder {
    margin-top: 5vh;
    text-align: right
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-details .dtbsl__prompt-imgholder img {
    max-width: 60%
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-details .dtbsl__prompt-imgholder img[data-spai] {
    opacity: 1
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-details ul.dtbsl__prompt-answers {
    grid-gap: var(--ms-S);
    display: grid;
    grid-template-columns: repeat(3,1fr);
    margin-bottom: var(--ms-XL)
}

@media (min-width: 900px) {
    body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-details ul.dtbsl__prompt-answers {
        grid-gap:var(--ms-L)
    }
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-details ul.dtbsl__prompt-answers li {
    align-self: center;
    border-radius: 40px;
    font-size: 3.5vw;
    justify-self: start;
    padding: 2.5vw 3.5vw;
    text-align: center;
    transform: rotate(-10deg)
}

@media (min-width: 900px) {
    body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-details ul.dtbsl__prompt-answers li {
        font-size:1.5vw;
        padding: 1vw 1.5vw
    }
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-details .dtbsl__prompt-further {
    animation: gravity-bounce 2s ease infinite;
    background-color: var(--c-ujuzi-white);
    height: 25vw;
    left: calc(50% - 12.5vw);
    -webkit-mask-image: url(../svg/down-arrow.svg);
    mask-image: url(../svg/down-arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    position: absolute;
    top: 70vh;
    width: 25vw
}

@media (min-width: 900px) {
    body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-details .dtbsl__prompt-further {
        height:7.5vw;
        left: calc(50% - 3.75vw);
        top: 70vh;
        width: 7.5vw
    }
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-details .dtbsl__prompt-submit-response {
    border-top: 1px solid var(--c-ujuzi-white);
    display: flex;
    font-size: 3.5vw;
    height: var(--nt-size-S);
    justify-content: center;
    margin-left: calc(var(--ms-M)*-1);
    padding: var(--ms-S);
    width: 100vw
}

@media (min-width: 900px) {
    body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-details .dtbsl__prompt-submit-response {
        font-size:1.5vw;
        height: var(--nt-size-L);
        margin-left: calc(var(--ms-L)*-1);
        width: calc(100% + var(--ms-L)*2)
    }
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-modal-container {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 106
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-modal-container .dtbsl__prompt-modal {
    border-radius: 40px;
    display: none;
    font-size: 1.5vw;
    pointer-events: all;
    position: relative;
    text-align: center;
    width: 85%
}

@media (min-width: 900px) {
    body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-modal-container .dtbsl__prompt-modal {
        width:40%
    }
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-modal-container .dtbsl__prompt-modal:before {
    content: "";
    display: block
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-modal-container .dtbsl__prompt-modal .dtbsl__prompt-modal-content {
    max-height: 60vh;
    overflow-y: auto
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-modal-container .dtbsl__prompt-modal.image div {
    display: flex;
    flex-direction: column;
    justify-content: center
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-modal-container .dtbsl__prompt-modal.image div h3 {
    border-bottom: none;
    padding-bottom: var(--ms-M)
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-modal-container .dtbsl__prompt-modal.image div img {
    border-radius: 0 0 40px 40px;
    width: 100%
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-modal-container .dtbsl__prompt-modal.audio div {
    display: flex;
    flex-direction: column;
    justify-content: center
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-modal-container .dtbsl__prompt-modal.audio div audio {
    align-self: center;
    margin: var(--ms-S) var(--ms-M) var(--ms-M)
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-modal-container .dtbsl__prompt-modal button.dtbsl__prompt-modal-close {
    align-content: center;
    background-color: var(--c-ujuzi-white);
    background-image: radial-gradient(circle,var(--g-blue-1) 50%,transparent 0);
    border: 1px solid var(--c-ujuzi-white);
    border-radius: 50%;
    color: var(--c-ujuzi-white);
    display: flex;
    height: 7.5vw;
    justify-content: center;
    line-height: .75vw;
    position: absolute;
    right: -5vw;
    top: -5vw;
    width: 7.5vw
}

@media (min-width: 900px) {
    body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-modal-container .dtbsl__prompt-modal button.dtbsl__prompt-modal-close {
        height:2.5vw;
        right: -2vw;
        top: -2vw;
        width: 2.5vw
    }
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-modal-container .dtbsl__prompt-modal button.dtbsl__prompt-modal-close:after {
    background-color: var(--g-blue-1)
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-modal-container .dtbsl__prompt-modal button.dtbsl__prompt-modal-close:hover:after {
    background-color: var(--c-ujuzi-white)
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-modal-container .dtbsl__prompt-modal h3 {
    border-bottom: 1px solid var(--c-ujuzi-white);
    margin-bottom: 0;
    padding: var(--ms-M) var(--ms-M) var(--ms-S)
}

body.page-template-page-does-the-blue-sky-lie section.dtbsl.grid-container .dtbsl__prompt-modal-container .dtbsl__prompt-modal p {
    font-size: var(--f-h2);
    font-weight: var(--fw-bold);
    padding: var(--ms-S) var(--ms-M) var(--ms-M)
}

body.modal-active main:after {
    opacity: 1;
    top: 0;
    visibility: visible;
    z-index: 105
}

@keyframes gravity-bounce {
    0% {
        transform: translateY(0)
    }

    30% {
        transform: translateY(-35px)
    }

    50% {
        transform: translateY(0)
    }

    57% {
        transform: translateY(-7px)
    }

    to {
        transform: translateY(0)
    }
}

.grid-container--text-wrapper h2,.grid-container--text-wrapper h3 {
    font-variation-settings: "wght" var(--fw-bold)
}

.grid-container--text-wrapper p {
    margin-bottom: var(--ms-M)
}

.grid-container--text-wrapper p a {
    background-size: 100% 2px
}

.grid-container--text-wrapper .c-accordion__item:last-of-type {
    margin-bottom: var(--ms-S)
}

.grid-container--text-wrapper hr {
    grid-column: span 9;
    margin-bottom: var(--ms-M);
    width: 100%
}

.grid-container--text-wrapper .swiper-slider,.grid-container--text-wrapper figure:not(.wp-block-pullquote) {
    grid-column: span 9
}

.grid-container--text-wrapper figure.wp-block-pullquote {
    max-width: none
}

.grid-container--text-wrapper figure.wp-block-pullquote blockquote {
    margin: 0
}

.grid-container--text-wrapper figure.wp-block-pullquote blockquote p {
    font-size: var(--f-h2);
    font-variation-settings: "wght" 400;
    line-height: 1.33;
    margin-bottom: var(--ms-S)
}

.grid-container--text-wrapper figure.wp-block-pullquote blockquote cite {
    font-size: var(--f-h6);
    font-variation-settings: "wght" 400;
    line-height: 1.15
}

.grid-container--text-wrapper .wp-block-pullquote {
    text-align: left
}

.grid-container--text-wrapper hr.wp-block-separator {
    border-color: var(--c-ujuzi-grey-medium);
    border-left: none;
    border-right: none;
    border-top: none;
    margin-bottom: var(--ms-M);
    margin-top: var(--ms-M);
    width: 100%
}

.grid-container--text-wrapper hr.wp-block-separator.is-style-dots {
    border-bottom: 1px solid var(--c-ujuzi-grey-medium)
}

.grid-container--text-wrapper hr.wp-block-separator.is-style-dots:before {
    display: none
}

.grid-container--text-wrapper figure.live-feed,.grid-container--text-wrapper figure.wp-block-embed.is-type-video,.grid-container--text-wrapper figure.wp-block-gallery,.grid-container--text-wrapper figure.wp-block-image,.grid-container--text-wrapper figure.youtube-embed {
    margin-bottom: var(--ms-M)
}

.grid-container--text-wrapper figure.live-feed,.grid-container--text-wrapper figure.wp-block-embed-vimeo .wp-block-embed__wrapper,.grid-container--text-wrapper figure.youtube-embed {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative
}

.grid-container--text-wrapper figure.live-feed iframe,.grid-container--text-wrapper figure.wp-block-embed.is-type-video iframe,.grid-container--text-wrapper figure.youtube-embed iframe {
    height: 100%;
    left: 0;
    order: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.grid-container--text-wrapper figure.wp-block-embed figcaption,.grid-container--text-wrapper figure.wp-block-image figcaption {
    font-size: var(--f-h6);
    line-height: 1.15
}

.grid-container--text-wrapper figure.wp-block-gallery .blocks-gallery-item figcaption {
    color: var(--c-ujuzi-white);
    font-size: var(--f-h6);
    line-height: 1.15
}

.grid-container--text-wrapper .issuuembed,.grid-container--text-wrapper figure.wp-block-audio {
    margin-bottom: var(--ms-M)
}

.grid-container--text-wrapper figure.wp-block-audio audio::-webkit-media-controls-panel {
    background-color: var(--c-ujuzi-white)
}

.grid-container--text-wrapper figure.wp-block-audio figcaption {
    font-size: var(--f-h6);
    line-height: 1.15
}

.grid-container--text-wrapper ol,.grid-container--text-wrapper ul {
    list-style-type: revert;
    margin-bottom: var(--ms-M);
    padding-left: 25px
}

.grid-container--text-wrapper ol li,.grid-container--text-wrapper ul li {
    font-size: var(--f-h3);
    font-variation-settings: "wght" 400;
    line-height: 1.33;
    margin-bottom: var(--ms-S)
}

.grid-container--text-wrapper ol.meta-data,.grid-container--text-wrapper ul.meta-data {
    margin: 0;
    padding: 0
}

.grid-container--text-wrapper ul li::marker {
    font-size: 30px
}

.grid-container--text-wrapper .blocks-gallery-grid {
    margin-bottom: 0;
    padding-left: 0
}

.grid-container--text-wrapper-basic blockquote p {
    font-size: var(--f-h2);
    line-height: 1.33
}

.grid-container--text-wrapper-basic .youtube-embed {
    grid-column: span 9;
    margin-bottom: var(--ms-S);
    overflow: hidden;
    padding-top: 56.25%;
    position: relative
}

.grid-container--text-wrapper-basic .youtube-embed iframe {
    height: 100%;
    left: 0;
    order: 0;
    position: absolute;
    top: 0;
    width: 100%
}

:root {
    --nt-size-S: 40px;
    --nt-size-L: 60px;
    --ns-size-S: 40px;
    --ns-size-L: 60px
}

.branded-programme:root {
    --nt-size-S: 60px;
    --nt-size-L: 90px
}

nav#top-nav {
    align-items: center;
    display: flex;
    height: var(--nt-size-S);
    position: fixed;
    width: 100%;
    z-index: 100
}

@media (max-width: 899px) {
    nav#top-nav {
        right:0;
        width: calc(100% - var(--ms-XS)*2 - var(--ms-M));
        z-index: 102
    }
}

@media (min-width: 900px) {
    nav#top-nav {
        background-color:var(--c-ujuzi-white);
        height: var(--nt-size-L);
        padding-left: var(--nt-size-L)
    }
}

@media (max-width: 899px) {
    nav#top-nav.links-active #top-nav__logo,nav#top-nav.links-inactive ul {
        display:none
    }
}

nav#top-nav #search-button--mobile {
    width: var(--ms-M)
}

@media (min-width: 900px) {
    nav#top-nav #search-button--mobile {
        display:none
    }
}

nav#top-nav ul {
    display: flex
}

@media (max-width: 899px) {
    nav#top-nav ul {
        margin-left:auto
    }

    nav#top-nav ul #search-button {
        display: none
    }
}

@media (min-width: 900px) {
    nav#top-nav ul #home-button {
        display:none
    }

    nav#top-nav ul a {
        padding: var(--ms-XXS) var(--ms-XS)
    }
}

nav#top-nav ul a li {
    border: 1px solid transparent;
    border-radius: 40px;
    font-size: var(--f-h6);
    padding: var(--ms-XXS) var(--ms-XS) var(--ms-XS);
    transition: border-color .25s ease-in-out
}

@media (max-width: 899px) {
    nav#top-nav ul a li {
        margin-right:var(--ms-XXS)
    }
}

@media (min-width: 900px) {
    nav#top-nav ul a li {
        font-size:var(--f-h4);
        padding: var(--ms-XXS) var(--ms-S) var(--ms-XS)
    }
}

nav#top-nav ul a li.top-nav__back {
    justify-content: flex-start;
    align-items: right;
    display: inline-flex;
    flex-direction: row-reverse
}

nav#top-nav ul a li.top-nav__back:before {
    background-color: var(--c-ujuzi-white);
    content: "";
    display: inline-block;
    height: var(--f-h3);
    margin-right: var(--ms-XS);
    -webkit-mask-image: url(../svg/left-arrow.svg);
    mask-image: url(../svg/left-arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: var(--f-h3)
}

nav#top-nav ul a.selected li,nav#top-nav ul a:hover li {
    border-color: var(--c-ujuzi-grey-medium)
}

nav#top-nav #top-nav__logo {
    margin-left: auto;
    margin-right: 0;
    padding-right: var(--ms-M)
}

nav#top-nav #top-nav__logo svg {
    height: var(--ms-M)
}

nav#top-nav #top-nav__logo path {
    fill: var(--c-ujuzi-black)
}

nav#top-nav #top-nav__border {
    background-color: var(--c-ujuzi-grey-medium);
    bottom: 0;
    height: 1px;
    left: 0;
    position: absolute
}

nav#side-nav {
    background-color: var(--c-ujuzi-white);
    position: fixed;
    z-index: 101
}

@media (max-width: 899px) {
    nav#side-nav {
        border-bottom:1px solid var(--c-ujuzi-grey-medium);
        overflow-x: hidden;
        transition: width .25s ease-in-out
    }
}

@media (min-width: 900px) {
    nav#side-nav {
        height:100vh
    }
}

nav#side-nav #side-nav__trigger {
    align-items: center;
    display: flex;
    height: var(--nt-size-S);
    width: 100vw
}

@media (min-width: 900px) {
    nav#side-nav #side-nav__trigger {
        height:100vh;
        justify-content: center;
        width: var(--ns-size-L)
    }

    nav#side-nav #side-nav__trigger .side-nav__trigger-logo {
        width: 30px
    }
}

@media (max-width: 899px) {
    nav#side-nav #side-nav__trigger .side-nav__trigger-logo {
        margin:0 var(--ms-XS);
        width: var(--ms-M)
    }
}

nav#side-nav #side-nav__trigger #side-nav__trigger-logo--close.side-nav__trigger-logo {
    display: none
}

nav#side-nav #side-nav__trigger #side-nav__trigger-text {
    bottom: var(--ms-S);
    font-size: var(--f-h6)
}

@media (max-width: 899px) {
    nav#side-nav #side-nav__trigger #side-nav__trigger-text {
        display:none
    }
}

@media (min-width: 900px) {
    nav#side-nav #side-nav__trigger #side-nav__trigger-text {
        position:absolute;
        transform: rotate(180deg);
        writing-mode: vertical-lr
    }

    nav#side-nav #side-nav__border {
        background-color: var(--c-ujuzi-grey-medium);
        position: absolute;
        right: 0;
        top: calc(var(--nt-size-L) - 1px);
        width: 1px
    }
}

nav#side-nav .side-nav__col {
    align-items: center;
    border-radius: 50%;
    display: flex;
    pointer-events: none;
    position: absolute;
    text-align: left;
    transform: scale(0) rotate(180deg);
    transition: transform .25s ease-in-out
}

@media (max-width: 899px) {
    nav#side-nav .side-nav__col {
        flex-direction:column
    }
}

@media (min-width: 900px) {
    nav#side-nav .side-nav__col {
        padding-left:var(--ms-XXL)
    }
}

nav#side-nav .side-nav__col ul {
    transform: rotate(180deg)
}

@media (max-width: 899px) {
    nav#side-nav .side-nav__col ul {
        margin-right:65vw;
        padding-bottom: var(--ms-XL);
        width: 50vw
    }
}

@media (min-width: 900px) {
    nav#side-nav .side-nav__col ul {
        height:225px
    }
}

nav#side-nav .side-nav__col ul li {
    font-size: var(--f-h4);
    font-variation-settings: "wght" var(--fw-bold);
    margin-bottom: var(--ms-S);
    max-width: 200px;
    opacity: 0;
    transition: opacity .25s ease-in-out
}

@media (min-width: 900px) and (max-width:1199px) {
    nav#side-nav .side-nav__col ul li {
        max-width:150px
    }
}

nav#side-nav .side-nav__col--1,nav#side-nav .side-nav__col--2,nav#side-nav .side-nav__col--3 {
    color: var(--c-ujuzi-black)
}

nav#side-nav .side-nav__col--1 {
    background-color: var(--ujuzi--preset--color--cambridge-blue);
    height: 145vw;
    left: -72.5vw;
    top: -72.5vw;
    transition-delay: .3s;
    width: 145vw;
    z-index: 6
}

@media (min-width: 900px) {
    nav#side-nav .side-nav__col--1 {
        height:50vw;
        left: -25vw;
        top: calc(50vh - 25vw);
        width: 50vw
    }
}

@media (min-width: 1200px) {
    nav#side-nav .side-nav__col--1 {
        height:50vw;
        left: -25vw;
        top: calc(50vh - 25vw);
        width: 50vw
    }
}

nav#side-nav .side-nav__col--2 {
    background-color: var(--ujuzi--preset--color--pistachio-green);
    height: 260vw;
    left: -130vw;
    top: -130vw;
    transition-delay: .2s;
    width: 260vw;
    z-index: 4
}

@media (min-width: 900px) {
    nav#side-nav .side-nav__col--2 {
        height:105vw;
        left: -52.5vw;
        top: calc(50vh - 52.5vw);
        width: 105vw
    }
}

@media (min-width: 1200px) {
    nav#side-nav .side-nav__col--2 {
        height:100vw;
        left: -50vw;
        top: calc(50vh - 50vw);
        width: 100vw
    }
}

nav#side-nav .side-nav__col--3 {
    background-color: var(--ujuzi--preset--color--mindaro-green);
    height: 340vw;
    left: -170vw;
    top: -170vw;
    transition-delay: .1s;
    width: 340vw;
    z-index: 2
}

@media (min-width: 900px) {
    nav#side-nav .side-nav__col--3 {
        height:150vw;
        left: -75vw;
        top: calc(50vh - 75vw);
        width: 150vw
    }
}

@media (min-width: 1200px) {
    nav#side-nav .side-nav__col--3 {
        height:145vw;
        left: -72.5vw;
        top: calc(50vh - 72.5vw);
        width: 145vw
    }
}

nav#side-nav .side-nav__col--4 {
    background-color: var(--c-ujuzi-white-static);
    color: var(--c-ujuzi-black-static);
    height: 480vw;
    left: -240vw;
    top: -240vw;
    transition-delay: 0s;
    width: 480vw;
    z-index: 1
}

@media (min-width: 900px) {
    nav#side-nav .side-nav__col--4 {
        height:185vw;
        left: -62.5vw;
        padding-left: calc(var(--ms-XXL)*4);
        top: calc(50vh - 92.5vw);
        width: 185vw
    }
}

@media (min-width: 1200px) {
    nav#side-nav .side-nav__col--4 {
        height:175vw;
        left: -62.5vw;
        padding-left: calc(var(--ms-XXL)*4);
        top: calc(50vh - 87.5vw);
        width: 175vw
    }
}

nav#side-nav .side-nav__col--4 a#side-nav__logo-link {
    display: contents
}

nav#side-nav .side-nav__col--4 #side-nav__logo-open {
    background-image: url(/includes/assets/svg/ujuzi.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 17.5vw;
    position: absolute;
    transform: rotate(180deg);
    width: 17.5vw
}

@media (max-width: 899px) {
    nav#side-nav .side-nav__col--4 #side-nav__logo-open {
        margin-right:32.5vw;
        margin-top: -15px
    }
}

@media (min-width: 900px) {
    nav#side-nav .side-nav__col--4 #side-nav__logo-open {
        height:90px;
        left: 25vw;
        margin-bottom: -92.5vh;
        width: 90px
    }
}

@media (min-width: 1200px) {
    nav#side-nav .side-nav__col--4 #side-nav__logo-open {
        left:15vw
    }
}

nav#side-nav .side-nav__separator {
    display: none;
    position: absolute;
    visibility: hidden
}

nav#side-nav .side-nav__separator circle {
    fill: none;
    stroke: var(--ujuzi--preset--color--cambridge-blue)
}

nav#side-nav .side-nav__separator:nth-child(4) > circle:nth-child(1) {
    stroke: var(--ujuzi--preset--color--pistachio-green)
}

nav#side-nav .side-nav__separator.side-nav__separator--1 {
    height: 180vw;
    left: -90vw;
    top: -90vw;
    width: 180vw;
    z-index: 5
}

@media (min-width: 900px) {
    nav#side-nav .side-nav__separator.side-nav__separator--1 {
        height:57.5vw;
        left: -28.75vw;
        top: calc(50vh - 28.75vw);
        width: 57.5vw
    }
}

@media (min-width: 1200px) {
    nav#side-nav .side-nav__separator.side-nav__separator--1 {
        height:57.5vw;
        left: -28.75vw;
        top: calc(50vh - 28.75vw);
        width: 57.5vw
    }
}

nav#side-nav .side-nav__separator.side-nav__separator--2 {
    height: 290vw;
    left: -145vw;
    top: -145vw;
    width: 290vw;
    z-index: 3
}

@media (min-width: 900px) {
    nav#side-nav .side-nav__separator.side-nav__separator--2 {
        height:120vw;
        left: -60vw;
        top: calc(50vh - 60vw);
        width: 120vw
    }
}

@media (min-width: 1200px) {
    nav#side-nav .side-nav__separator.side-nav__separator--2 {
        height:115vw;
        left: -57.5vw;
        top: calc(50vh - 57.5vw);
        width: 115vw
    }
}

@media (max-width: 899px) {
    nav#side-nav.open {
        background-color:var(--c-ujuzi-white-static);
        height: 100vh;
        overflow-y: scroll
    }
}

nav#side-nav.open #side-nav__trigger {
    z-index: 6
}

@media (min-width: 900px) {
    nav#side-nav.open #side-nav__trigger {
        position:absolute
    }
}

@media (max-width: 899px) {
    nav#side-nav.open #side-nav__trigger {
        justify-content:flex-end
    }
}

nav#side-nav.open #side-nav__trigger #side-nav__trigger-logo--close {
    display: block
}

nav#side-nav.open #side-nav__trigger #side-nav__trigger-logo--open {
    display: none
}

nav#side-nav.open #side-nav__trigger #side-nav__trigger-text {
    color: var(--c-ujuzi-black)
}

@media (max-width: 899px) {
    nav#side-nav.open #side-nav__trigger #side-nav__trigger-text {
        display:block;
        right: var(--ms-S);
        z-index: 6
    }
}

nav#side-nav.open .side-nav__col {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) rotate(180deg);
    transition: transform .5s cubic-bezier(.3,1.4,.5,.9)
}

nav#side-nav.open .side-nav__separator {
    display: block
}

nav#side-nav.open ul li {
    opacity: 1;
    transition: opacity .5s ease-in-out
}

@media (max-width: 899px) {
    .branded-programme nav#top-nav {
        padding-left:0;
        width: 90%
    }
}

.branded-programme nav#top-nav img.branded-programme__logo {
    height: var(--ms-L)
}

section.about-menu.grid-container {
    padding-bottom: 0;
    position: relative
}

@media (max-width: 899px) {
    section.about-menu.grid-container {
        border-bottom:1px solid var(--c-ujuzi-grey-medium);
        overflow-x: scroll;
        padding-top: 0
    }
}

section.about-menu.grid-container ul {
    align-items: center;
    display: flex
}

@media (min-width: 900px) {
    section.about-menu.grid-container ul {
        justify-content:flex-end
    }
}

section.about-menu.grid-container ul li {
    font-size: var(--f-h3);
    margin-right: var(--ms-M);
    transition: color .25s ease-in-out;
    white-space: nowrap
}

@media (min-width: 900px) {
    section.about-menu.grid-container ul li {
        margin-left:var(--ms-M);
        margin-right: 0
    }
}

@media (max-width: 899px) {
    section.about-menu.grid-container ul li {
        padding-bottom:var(--ms-S);
        padding-top: var(--ms-S)
    }

    section.about-menu.grid-container ul li:last-child {
        margin-right: 0;
        padding-right: var(--ms-M)
    }
}

section.about-menu.grid-container ul li.current-menu-item a {
    background-size: 100% 2px
}

@media (max-width: 899px) {
    section.about-menu.grid-container #about-nav__border {
        background-color:var(--c-ujuzi-grey-medium);
        bottom: 0;
        height: 1px;
        left: 0;
        position: absolute
    }
}

@media (min-width: 500px) {
    #round-cursor {
        align-items:center;
        display: flex;
        height: 20px;
        justify-content: center;
        left: 0;
        mix-blend-mode: difference;
        pointer-events: none;
        position: fixed;
        top: 0;
        width: 20px;
        will-change: transform;
        z-index: 10000000000
    }

    #round-cursor:before {
        background-color: var(--c-ujuzi-white);
        border-radius: 50%;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        transition: transform .15s ease-in-out,background .15s ease-in-out;
        width: 100%
    }

    #round-cursor .cursor__inner {
        color: var(--c-ujuzi-black);
        font-family: Cooper,sans-serif;
        font-size: var(--f-h3);
        line-height: 2.5;
        position: relative;
        text-transform: uppercase;
        z-index: 15
    }

    #round-cursor.link {
        mix-blend-mode: normal
    }

    #round-cursor.link:before {
        transform: scale(8.5)
    }

    #round-cursor.link .cursor__inner {
        font-size: var(--f-h3);
        line-height: 2.5
    }

    #round-cursor.link.link--mini:before {
        transform: scale(3.5)
    }

    #round-cursor.link.link--mini .cursor__inner {
        font-size: var(--f-h6);
        line-height: 2.5
    }
}

.swiper-container.swiper-container--dbl,.swiper-container.swiper-container--sngl {
    background-color: var(--c-ujuzi-grey-medium);
    height: 250px;
    margin: 0;
    margin-bottom: var(--ms-L);
    width: 100%
}

@media (min-width: 500px) {
    .swiper-container.swiper-container--dbl,.swiper-container.swiper-container--sngl {
        height:300px
    }
}

@media (min-width: 700px) {
    .swiper-container.swiper-container--dbl,.swiper-container.swiper-container--sngl {
        height:25pc
    }
}

@media (min-width: 900px) {
    .swiper-container.swiper-container--dbl,.swiper-container.swiper-container--sngl {
        height:550px
    }
}

.swiper-container.swiper-container--dbl .swiper-slide,.swiper-container.swiper-container--sngl .swiper-slide {
    align-items: center;
    display: flex;
    justify-content: center;
    list-style-type: none;
    margin: 0
}

.swiper-container.swiper-container--dbl .swiper-slide--video,.swiper-container.swiper-container--sngl .swiper-slide--video {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative
}

.swiper-container.swiper-container--dbl .swiper-slide--video iframe,.swiper-container.swiper-container--sngl .swiper-slide--video iframe {
    height: 100%;
    left: 0;
    order: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.swiper-container .swiper-wrapper.photo-carousel {
    margin: 0;
    padding: 0 0 0 20px
}

.swiper-container .swiper-counter {
    background-color: var(--c-ujuzi-black);
    color: var(--c-ujuzi-white);
    display: flex;
    flex-direction: column;
    font-size: 20px;
    height: 100%;
    justify-content: flex-end;
    left: 0;
    padding-bottom: var(--ms-XXS);
    position: absolute;
    top: 0;
    width: 25px;
    z-index: 1
}

@media (min-width: 900px) {
    .swiper-container .swiper-counter {
        font-size:30px;
        padding-bottom: var(--ms-XS);
        width: 40px
    }
}

.swiper-container .swiper-counter span {
    transform: rotate(-180deg);
    writing-mode: tb-rl
}

.swiper-container .swiper-counter .count,.swiper-container .swiper-counter .next {
    position: absolute
}

.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev {
    background-color: var(--c-ujuzi-white);
    bottom: var(--ms-XS);
    color: var(--c-ujuzi-white);
    cursor: none;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    opacity: .9;
    top: auto;
    transform: scale(.75)
}

@media (min-width: 900px) {
    .swiper-container .swiper-button-next,.swiper-container .swiper-button-prev {
        transform:scale(1)
    }
}

.swiper-container .swiper-button-next.swiper-button-disabled,.swiper-container .swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

.swiper-container .swiper-button-prev {
    left: 35px;
    -webkit-mask-image: url(../svg/left-arrow.svg);
    mask-image: url(../svg/left-arrow.svg)
}

@media (min-width: 900px) {
    .swiper-container .swiper-button-prev {
        left:50px
    }
}

.swiper-container .swiper-button-next {
    -webkit-mask-image: url(../svg/right-arrow.svg);
    mask-image: url(../svg/right-arrow.svg)
}

.swiper-container.swiper-slider--mini {
    height: 250px
}

.swiper-container.swiper-slider--mini .swiper-counter {
    font-size: 20px;
    padding-bottom: var(--ms-XXS);
    width: 25px
}

.swiper-container.swiper-slider--mini .swiper-button-next,.swiper-container.swiper-slider--mini .swiper-button-prev {
    transform: scale(.75)
}

.swiper-container.swiper-slider--mini .swiper-button-prev {
    left: 35px
}

.pswp img {
    -o-object-fit: contain;
    object-fit: contain
}

.marquee .h2 {
    font-variation-settings: "wght" 400;
    margin-bottom: 0
}

.marquee span {
    text-transform: uppercase
}

.marquee a {
    margin-right: var(--ms-XL)
}

.c-accordion__item {
    border-bottom: 1px solid var(--c-ujuzi-grey-dark)
}

.c-accordion__item .c-accordion__title {
    cursor: none;
    font-size: var(--f-h3);
    font-variation-settings: "wght" 400;
    line-height: 1.33;
    margin-bottom: 0;
    outline: none;
    padding-bottom: var(--ms-XS);
    padding-right: var(--ms-L);
    padding-top: var(--ms-XS)
}

.c-accordion__item .c-accordion__title:after {
    background-color: var(--c-ujuzi-black);
    content: "";
    height: 35px;
    -webkit-mask-image: url(/includes/assets/svg/accordion-expand.svg);
    mask-image: url(/includes/assets/svg/accordion-expand.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    padding-bottom: var(--ms-XS);
    padding-top: var(--ms-XS);
    width: 35px
}

@media (min-width: 900px) {
    .c-accordion__item:first-of-type .c-accordion__title {
        padding-top:0
    }
}

@media (max-width: 899px) {
    .c-accordion__item:first-of-type .c-accordion__title {
        border-top:1px solid var(--c-ujuzi-grey-dark)
    }
}

.c-accordion__item.is-open>.c-accordion__title:after {
    background-color: var(--c-ujuzi-black);
    content: "";
    -webkit-mask-image: url(/includes/assets/svg/accordion-collapse.svg);
    mask-image: url(/includes/assets/svg/accordion-collapse.svg)
}

.c-accordion__item .c-accordion__content {
    -moz-column-gap: var(--ms-M);
    column-gap: var(--ms-M);
    -moz-column-width: 300px;
    column-width: 300px;
    margin-top: var(--ms-XL);
    max-width: none;
    padding: var(--ms-S) 0 var(--ms-XS)
}

.c-accordion__item .c-accordion__content p {
    font-feature-settings: "ss03" 1,"ss04" 1,"ss05" 1;
    color: var(--c-ujuzi-black)!important;
    font-family: Roobert,sans-serif!important;
    font-size: var(--f-h4)!important;
    font-variation-settings: "wght" 400;
    line-height: 1.15!important;
    margin: 0!important;
    text-align: left!important
}

.c-accordion__item .c-accordion__content.accordion-two-column {
    -moz-column-width: auto;
    -moz-column-width: initial;
    column-width: auto
}

.c-accordion__item .c-accordion__content.accordion-two-column .accordion-two-column__wrapper {
    grid-column-gap: var(--ms-S);
    -moz-column-gap: var(--ms-S);
    column-gap: var(--ms-S);
    display: grid;
    grid-template-columns: repeat(2,1fr)
}

.c-accordion__item .c-accordion__content.accordion-two-column .accordion-two-column__links li {
    background-image: url(/includes/assets/svg/right-arrow.svg);
    background-repeat: no-repeat;
    margin-bottom: var(--ms-S);
    padding-left: var(--ms-M)
}

.accordion--mini .c-accordion__item:first-of-type {
    border-top: 1px solid var(--c-ujuzi-grey-dark)
}

.accordion--mini .c-accordion__item:first-of-type .c-accordion__title {
    padding-top: var(--ms-XS)
}

.grid-container--text-wrapper .c-accordion__item .c-accordion__content {
    -moz-column-width: auto;
    -moz-column-width: initial;
    column-width: auto;
    margin-top: 0
}

.grid-container--text-wrapper .c-accordion__item .c-accordion__content p {
    font-size: var(--f-h3)!important;
    line-height: 1.33!important;
    margin-bottom: var(--ms-S)!important
}

.js-follow img.hover-image,.js-follow video.hover-video {
    max-width: 350px
}

.rotating-badge {
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute
}

.rotating-badge.rotating-badge__applications-open {
    background-image: url(/includes/assets/svg/badge-open-application.svg)
}

.rotating-badge.rotating-badge__featured {
    background-image: url(/includes/assets/svg/badge-featured.svg)
}

.rotating-badge.rotating-badge__new {
    background-image: url(/includes/assets/svg/badge-new-at-ujuzi.svg)
}

.story-rolodex__wrapper {
    height: 80vw;
    overflow: hidden;
    position: relative
}

@media (min-width: 900px) {
    .story-rolodex__wrapper {
        height:29vw
    }
}

.story-rolodex__wrapper:before {
    background: linear-gradient(180deg,#f2f0f2,hsla(300,7%,95%,0));
    content: "";
    display: block;
    height: 7.5vh;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

@media (min-width: 900px) {
    .story-rolodex__wrapper:before {
        height:10vh
    }
}

.story-rolodex__wrapper:after {
    background: linear-gradient(0deg,#f2f0f2,hsla(300,7%,95%,0));
    bottom: 0;
    content: "";
    display: block;
    height: 7.5vh;
    position: absolute;
    width: 100%;
    z-index: 1
}

@media (min-width: 900px) {
    .story-rolodex__wrapper:after {
        height:10vh
    }
}

.story-rolodex__wrapper ul.swiper-wrapper {
    height: 90vw;
    margin: 0 auto;
    width: 70vw
}

@media (min-width: 900px) {
    .story-rolodex__wrapper ul.swiper-wrapper {
        height:39vw;
        width: 31vw
    }
}

.story-rolodex__wrapper ul.swiper-wrapper li.swiper-slide {
    background-color: var(--c-ujuzi-white);
    display: flex;
    height: 30vw!important;
    overflow: hidden;
    text-align: left;
    transition: transform .25s ease-in-out;
    width: 70vw
}

@media (min-width: 900px) {
    .story-rolodex__wrapper ul.swiper-wrapper li.swiper-slide {
        height:13vw!important;
        width: 31vw
    }
}

.story-rolodex__wrapper ul.swiper-wrapper li.swiper-slide .rolodex-item__year {
    flex: 0 0 100%;
    transition: margin .25s ease-in-out .25s;
    width: 70vw
}

@media (min-width: 900px) {
    .story-rolodex__wrapper ul.swiper-wrapper li.swiper-slide .rolodex-item__year {
        width:31vw
    }
}

.story-rolodex__wrapper ul.swiper-wrapper li.swiper-slide .rolodex-item__year h1 {
    font-size: 30vw;
    letter-spacing: -1px;
    line-height: .9;
    margin-bottom: 0
}

@media (min-width: 900px) {
    .story-rolodex__wrapper ul.swiper-wrapper li.swiper-slide .rolodex-item__year h1 {
        font-size:13vw
    }
}

.story-rolodex__wrapper ul.swiper-wrapper li.swiper-slide .rolodex-item__story {
    margin-right: -23vw;
    transition: margin .25s ease-in-out .25s;
    width: 40vw
}

@media (min-width: 900px) {
    .story-rolodex__wrapper ul.swiper-wrapper li.swiper-slide .rolodex-item__story {
        margin-right:-15vw;
        width: 20vw
    }
}

.story-rolodex__wrapper ul.swiper-wrapper li.swiper-slide .rolodex-item__story p {
    font-size: var(--f-h4);
    line-height: 1.15;
    margin-bottom: 0;
    margin-top: var(--ms-XS)
}

@media (min-width: 900px) {
    .story-rolodex__wrapper ul.swiper-wrapper li.swiper-slide .rolodex-item__story p {
        font-size:var(--f-h3);
        line-height: 1.33;
        margin-top: var(--ms-S)
    }
}

.story-rolodex__wrapper ul.swiper-wrapper li.swiper-slide[aria-label^="1 /"] .rolodex-item__year {
    padding-left: 5vw
}

@media (min-width: 900px) {
    .story-rolodex__wrapper ul.swiper-wrapper li.swiper-slide[aria-label^="1 /"] .rolodex-item__year {
        padding-left:2.5vw
    }
}

.story-rolodex__wrapper ul.swiper-wrapper li.swiper-slide.swiper-slide-active {
    transform: scale(1.15);
    z-index: 1
}

.story-rolodex__wrapper ul.swiper-wrapper li.swiper-slide.swiper-slide-active .rolodex-item__year {
    margin-left: -35vw
}

@media (min-width: 900px) {
    .story-rolodex__wrapper ul.swiper-wrapper li.swiper-slide.swiper-slide-active .rolodex-item__year {
        margin-left:-15vw
    }
}

.story-rolodex__wrapper ul.swiper-wrapper li.swiper-slide.swiper-slide-active .rolodex-item__story {
    margin-right: 0
}

.story-rolodex__wrapper ul.swiper-wrapper li.swiper-slide.swiper-slide-prev {
    margin-bottom: -5vw
}

.story-rolodex__wrapper ul.swiper-wrapper li.swiper-slide.swiper-slide-next {
    margin-top: -5vw
}

.story-rolodex__actions-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: var(--ms-M) 0
}

@media (min-width: 900px) {
    .story-rolodex__actions-wrapper {
        height:29vw;
        justify-content: flex-end;
        padding: 0
    }
}

.story-rolodex__actions-wrapper .story-rolodex__actions {
    display: flex
}

@media (min-width: 900px) {
    .story-rolodex__actions-wrapper .story-rolodex__actions {
        flex-direction:column
    }
}

.story-rolodex__actions-wrapper .story-rolodex__actions .story-rolodex-next,.story-rolodex__actions-wrapper .story-rolodex__actions .story-rolodex-prev {
    border: 2px solid var(--c-ujuzi-black);
    height: 50px;
    margin: 0 var(--ms-S);
    padding: 0;
    width: 50px
}

@media (min-width: 900px) {
    .story-rolodex__actions-wrapper .story-rolodex__actions .story-rolodex-next,.story-rolodex__actions-wrapper .story-rolodex__actions .story-rolodex-prev {
        margin:var(--ms-S) 0
    }
}

.story-rolodex__actions-wrapper .story-rolodex__actions .story-rolodex-next:after,.story-rolodex__actions-wrapper .story-rolodex__actions .story-rolodex-prev:after {
    background-color: var(--c-ujuzi-black);
    content: "";
    display: block;
    height: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: background-color .25s ease-in;
    width: 100%
}

.story-rolodex__actions-wrapper .story-rolodex__actions .story-rolodex-prev:after {
    -webkit-mask-image: url(../svg/up-button.svg);
    mask-image: url(../svg/up-button.svg)
}

.story-rolodex__actions-wrapper .story-rolodex__actions .story-rolodex-prev:hover:after {
    background-color: var(--c-ujuzi-white)
}

.story-rolodex__actions-wrapper .story-rolodex__actions .story-rolodex-next:after {
    -webkit-mask-image: url(../svg/down-button.svg);
    mask-image: url(../svg/down-button.svg)
}

.story-rolodex__actions-wrapper .story-rolodex__actions .story-rolodex-next:hover:after {
    background-color: var(--c-ujuzi-white)
}

@media (max-width: 899px) {
    .filter-button__wrapper {
        background-color:var(--c-ujuzi-white);
        border-bottom: 1px solid var(--c-ujuzi-grey-medium);
        left: 0;
        position: fixed;
        top: var(--nt-size-S);
        width: 100vw
    }

    .filter-button__wrapper .filter-button {
        background-image: url(../svg/filter.svg);
        background-position: calc(var(--ms-S) - 5px);
        background-repeat: no-repeat;
        background-size: 30px;
        border: none;
        color: var(--c-ujuzi-black);
        font-size: var(--f-h6);
        height: var(--nt-size-S);
        padding-left: calc(var(--ms-S) + 30px)
    }
}

.filter__set {
    background-color: var(--c-ujuzi-white);
    color: var(--c-ujuzi-black)
}

@media (max-width: 899px) {
    .filter__set {
        bottom:0;
        height: 0;
        left: 0;
        overflow-y: auto;
        position: fixed;
        transition: height .3s ease-in-out;
        width: 100vw;
        z-index: 200
    }
}

@media (min-width: 900px) {
    .filter__set {
        padding:var(--ms-XL) var(--ms-M) var(--ms-XXL);
        transition: max-height .3s ease-in-out
    }
}

@media (max-width: 899px) {
    .filter__set form {
        padding:var(--ms-M) var(--ms-M) var(--ms-XXL)
    }
}

.filter__set ul.filter__subset {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: var(--ms-M)
}

.filter__set ul.filter__subset li {
    display: flex;
    margin-right: var(--ms-XS)
}

.filter__set ul.filter__subset li input[type=checkbox],.filter__set ul.filter__subset li input[type=radio] {
    position: absolute;
    visibility: hidden
}

.filter__set ul.filter__subset li label {
    border: 1px solid var(--c-ujuzi-black);
    border-radius: 25px;
    font-size: var(--f-h6);
    margin-bottom: var(--ms-XS);
    padding: var(--ms-XXS) var(--ms-XS)
}

.filter__set ul.filter__subset li input:checked+label {
    background-color: var(--c-ujuzi-black);
    color: var(--c-ujuzi-white)
}

.filter__set .filter__applyclear {
    align-items: center;
    background-color: var(--c-ujuzi-white);
    border-top: 1px solid;
    bottom: 0;
    display: flex;
    justify-content: space-around;
    left: 0;
    padding: var(--ms-S) var(--ms-M);
    position: fixed;
    transform: translateY(75px);
    transition: transform .3s cubic-bezier(.68,-.55,.27,1.55);
    width: 100%
}

.filter__set .filter__applyclear a,.filter__set .filter__applyclear button {
    border: none;
    border-radius: 0;
    font-size: var(--f-h6);
    padding: 0
}

.filter__set .filter__applyclear a:after,.filter__set .filter__applyclear a:before,.filter__set .filter__applyclear button:after,.filter__set .filter__applyclear button:before {
    display: none
}

.filter__set .filter__applyclear a:hover,.filter__set .filter__applyclear button:hover {
    background-position: bottom;
    color: var(--c-ujuzi-black)
}

.filter__set .filter__applyclear.show {
    transform: translateY(0);
    transition-delay: .3s
}

@media (min-width: 900px) {
    .filter__set .filter__applyclear {
        margin-left:var(--ns-size-L);
        width: 30%
    }
}

.selected-filters {
    margin-top: var(--ms-M)
}

.selected-filters li {
    border: 1px solid var(--c-ujuzi-grey-light);
    border-radius: 40px;
    color: var(--c-ujuzi-grey-light);
    display: inline-block;
    font-size: var(--f-h6);
    font-variation-settings: "wght" 400;
    margin-bottom: var(--ms-XS);
    margin-right: var(--ms-XS);
    padding: var(--ms-XXS) var(--ms-S) calc(var(--ms-XS) - 1px)
}

.selected-filters li span.remove-filter {
    background-color: var(--c-ujuzi-grey-light);
    display: inline-block;
    height: 17.5px;
    margin-left: var(--ms-XS);
    -webkit-mask: url(../svg/close.svg);
    mask: url(../svg/close.svg);
    vertical-align: middle;
    width: 17.5px
}

.selected-filters li.clearall-filters {
    border: none
}

.thematics-selector li {
    align-items: center;
    background-color: var(--c-ujuzi-white);
    border-bottom: 1px solid var(--c-ujuzi-grey-medium);
    display: flex;
    font-size: var(--f-h1);
    padding: var(--ms-XXS) 0;
    width: 100%
}

@media (min-width: 900px) {
    .thematics-selector li {
        height:75pt
    }
}

.thematics-selector li#thematics-selector__intro {
    font-size: var(--f-h3);
    font-variation-settings: "wght" var(--fw-bold);
    line-height: 1.33
}

@media (max-width: 899px) {
    .thematics-selector li#thematics-selector__intro {
        padding-bottom:var(--ms-M)
    }
}

@media (min-width: 900px) {
    .thematics-selector li {
        position:absolute
    }
}

@media (max-width: 899px) {
    .thematics-selector li:not(#thematics-selector__intro) {
        justify-content:flex-end;
        text-align: right
    }
}

.other-slider__wrapper,.programme-slider__wrapper {
    padding-bottom: var(--ms-XL)
}

.other-slider .other-slider__slide a,.programme-slider .programme-slider__slide a {
    display: contents
}

.programme-slider .programme-slider__slide {
    grid-column-gap: var(--ms-S);
    -moz-column-gap: var(--ms-S);
    column-gap: var(--ms-S);
    display: grid;
    grid-template-columns: 30% 1fr
}

@media (min-width: 900px) {
    .programme-slider .programme-slider__slide {
        -moz-column-gap:var(--ms-M);
        column-gap: var(--ms-M)
    }
}

.programme-slider .programme-slider__slide .programme-slider__details {
    max-width: 450px
}

.programme-slider .programme-slider__slide .programme-slider__details h2,.programme-slider .programme-slider__slide .programme-slider__details p {
    margin-bottom: var(--ms-XS)
}

.programme-slider .programme-slider__slide .programme-slider__details span.h6 {
    color: var(--c-ujuzi-grey-medium);
    display: block;
    margin-bottom: var(--ms-XXS)
}

.other-slider .other-slider__slide {
    align-self: end;
    display: flex;
    flex-direction: column
}

.other-slider .other-slider__slide .other-slider__details {
    height: 10rem;
    margin-top: var(--ms-XXS)
}

.other-slider .other-slider__slide .other-slider__details h3 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    font-variation-settings: "wght" var(--fw-bold);
    overflow: hidden
}

.other-slider-next,.other-slider-prev,.programme-slider-next,.programme-slider-prev {
    background-color: var(--c-ujuzi-black);
    bottom: 0;
    font-size: 50px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    position: absolute;
    transition: opacity .25s ease-in-out;
    z-index: 10
}

.other-slider-next.swiper-button-disabled,.other-slider-prev.swiper-button-disabled,.programme-slider-next.swiper-button-disabled,.programme-slider-prev.swiper-button-disabled {
    opacity: 0
}

.other-slider-prev,.programme-slider-prev {
    -webkit-mask-image: url(../svg/left-arrow.svg);
    mask-image: url(../svg/left-arrow.svg)
}

.other-slider-next,.programme-slider-next {
    left: auto;
    -webkit-mask-image: url(../svg/right-arrow.svg);
    mask-image: url(../svg/right-arrow.svg);
    right: 10px
}

.programme-screensaver {
    display: none;
    height: calc(100vh - 60px);
    left: 60px;
    position: fixed;
    top: 60px;
    width: calc(100vw - 60px);
    z-index: 1000
}

.programme-screensaver .screensaver-part {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
    position: absolute;
    width: 100%
}

.programme-screensaver .screensaver-row {
    align-items: center;
    display: flex;
    height: 25%
}

.programme-screensaver .screensaver-row .screensaver-row__year {
    font-feature-settings: "ss03" 1,"ss04" 1,"ss05" 1;
    display: inline-block;
    font-size: 5vw;
    font-variation-settings: "wght" 400;
    text-align: center;
    width: 25%
}

.programme-screensaver .screensaver-row .screensaver-eye {
    background-color: var(--c-ujuzi-black);
    height: 75px;
    -webkit-mask-image: url(../svg/khoj-eye.svg);
    mask-image: url(../svg/khoj-eye.svg);
    width: 75px
}

.programme-screensaver .screensaver-row--even {
    margin-left: -12.5%;
    margin-right: -12.5%
}

#search-bar {
    align-items: center;
    background-color: var(--c-ujuzi-white);
    border-bottom: 1px solid var(--c-ujuzi-black);
    display: flex;
    height: var(--nt-size-S);
    margin-top: calc(var(--nt-size-S)*-1);
    position: fixed;
    width: 100%;
    z-index: 1
}

@media (min-width: 900px) {
    #search-bar {
        height:7.5vw;
        margin-top: -7.5vw
    }
}

#search-bar .asp_w_container {
    width: calc(99% - var(--f-h1))
}

#search-bar .asp_w_container .probox {
    align-items: center;
    height: auto
}

#search-bar .asp_w_container .probox .proinput {
    margin-left: var(--ms-XS);
    padding: 0
}

@media (min-width: 900px) {
    #search-bar .asp_w_container .probox .proinput {
        margin-left:var(--ns-size-L)
    }
}

#search-bar .asp_w_container .probox .proinput form {
    display: flex
}

#search-bar .asp_w_container .probox .proinput form input.orig[type=search] {
    background-image: url(../svg/search-icon.svg)!important;
    background-position: 0!important;
    background-repeat: no-repeat!important;
    background-size: var(--f-h2)!important;
    color: var(--c-ujuzi-black)!important;
    font-size: var(--f-h2);
    height: auto;
    margin: 0!important;
    padding-left: calc(var(--f-h2) + var(--ms-XS))!important
}

@media (min-width: 900px) {
    #search-bar .asp_w_container .probox .proinput form input.orig[type=search] {
        background-size:var(--f-h1)!important;
        font-size: var(--f-h1);
        padding-left: calc(var(--f-h1) + var(--ms-S))!important
    }
}

#search-bar .asp_w_container .probox .proinput form input.orig[type=search]::-moz-placeholder {
    color: var(--c-ujuzi-grey-light)
}

#search-bar .asp_w_container .probox .proinput form input.orig[type=search]::placeholder {
    color: var(--c-ujuzi-grey-light)
}

#search-bar .asp_w_container .probox .proinput form input.autocomplete {
    display: none
}

#search-bar .asp_w_container .probox .proclose {
    cursor: none;
    flex: 0 0 var(--f-h1);
    height: var(--f-h2);
    line-height: var(--f-h2);
    margin-right: var(--ms-S);
    width: var(--f-h1)
}

@media (min-width: 900px) {
    #search-bar .asp_w_container .probox .proclose {
        height:var(--f-h1);
        line-height: var(--f-h1)
    }
}

#search-bar .asp_w_container .probox .proclose:after {
    content: "clear";
    display: block;
    font-size: var(--f-h4)
}

#search-bar .asp_w_container .probox .proclose svg {
    display: none
}

#search-bar .asp_w_container .probox .proloading {
    animation: spin 1s linear infinite;
    background-color: var(--c-ujuzi-black);
    background-image: none;
    flex: 0 0 var(--f-h2);
    height: var(--f-h2);
    margin-right: var(--ms-XS);
    -webkit-mask-image: url(../svg/loading.svg);
    mask-image: url(../svg/loading.svg);
    max-height: none;
    max-width: none;
    width: var(--f-h2)
}

@media (min-width: 900px) {
    #search-bar .asp_w_container .probox .proloading {
        flex:0 0 var(--f-h1);
        height: var(--f-h1);
        margin-right: var(--ms-S);
        width: var(--f-h1)
    }
}

#search-bar #search-bar__close {
    margin-right: var(--ms-XS)
}

@media (min-width: 900px) {
    #search-bar #search-bar__close {
        margin-right:var(--ms-S)
    }
}

main:after {
    -webkit-backdrop-filter: blur(2.5px);
    backdrop-filter: blur(2.5px);
    background-color: var(--c-ujuzi-grey-light);
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: multiply;
    opacity: 0;
    position: fixed;
    top: var(--nt-size-S);
    transition: opacity .25s ease-in-out .25s;
    visibility: hidden;
    width: 100%;
    z-index: 0
}

@media (min-width: 900px) {
    main:after {
        top:7.5vw
    }
}

body {
    transition: margin .25s ease-in-out
}

body.search-active {
    margin-top: var(--nt-size-S)
}

@media (min-width: 900px) {
    body.search-active {
        margin-top:7.5vw
    }
}

body.search-active main:after {
    opacity: 1;
    visibility: visible;
    z-index: 105
}

.ajaxsearchpro.vertical {
    background-color: var(--c-ujuzi-white)!important;
    border-top: 1px solid var(--c-ujuzi-grey-medium)!important;
    padding: 0!important;
    width: 100%!important
}

@media (max-width: 899px) {
    .ajaxsearchpro.vertical {
        margin-top:0!important;
        top: var(--nt-size-S)!important
    }
}

.ajaxsearchpro.vertical .results .item {
    background: transparent!important;
    border-bottom: 1px solid var(--c-ujuzi-grey-medium);
    border-left: none!important;
    border-right: none!important;
    padding: var(--ms-S)!important
}

@media (min-width: 900px) {
    .ajaxsearchpro.vertical .results .item {
        padding:var(--ms-S) var(--nt-size-L)!important
    }
}

.ajaxsearchpro.vertical .results .item .asp_content {
    padding: 0!important
}

.ajaxsearchpro.vertical .results .item .asp_content .asp_image {
    margin-right: var(--ms-S)!important;
    margin-top: 0!important
}

.ajaxsearchpro.vertical .results .item .asp_content h3 a.asp_res_url {
    color: var(--c-ujuzi-black)!important;
    display: inline!important;
    font-size: var(--f-h6)!important;
    font-weight: var(--fw-bold)!important;
    line-height: 1.15
}

.ajaxsearchpro.vertical .results .item .asp_content .asp_res_text {
    color: var(--c-ujuzi-black)!important;
    font-size: var(--f-h6);
    line-height: 1.15
}

.ajaxsearchpro.vertical .results .item.hovered {
    background: transparent
}

.ajaxsearchpro.vertical .results .item:after {
    display: none!important
}

.ajaxsearchpro.vertical .results .asp_nores {
    background-color: var(--c-ujuzi-white)!important;
    border-bottom: 1px solid var(--c-ujuzi-grey-medium);
    font-size: var(--f-h6);
    padding: var(--ms-S) var(--ms-XS)!important;
    width: auto!important
}

@media (min-width: 900px) {
    .ajaxsearchpro.vertical .results .asp_nores {
        padding:var(--ms-S) var(--ms-S) var(--ms-S) var(--nt-size-L)!important
    }
}

.ajaxsearchpro.vertical .asp_showmore_container {
    border-bottom: 1px solid var(--c-ujuzi-grey-medium)
}

.ajaxsearchpro.vertical .asp_showmore_container p.showmore {
    margin-top: 0!important;
    padding: var(--ms-XS)!important
}

.ajaxsearchpro.vertical .asp_showmore_container p.showmore a {
    background-color: transparent!important;
    background-image: linear-gradient(var(--c-ujuzi-grey-medium),var(--c-ujuzi-grey-medium))!important;
    background-position: 50% 100%!important;
    background-repeat: no-repeat!important;
    background-size: 0 2px!important;
    color: var(--c-ujuzi-black)!important;
    display: inline-block!important;
    font-size: var(--f-h6)!important;
    padding: 2px 0!important;
    transition: background-size .25s ease-in-out
}

.ajaxsearchpro.vertical .asp_showmore_container p.showmore a:hover {
    background-size: 100% 2px!important
}

section.search-results ul.search-results__list {
    list-style-type: revert
}

@media (max-width: 899px) {
    section.search-results ul.search-results__list {
        padding-left:25px
    }
}

section.search-results ul.search-results__list li {
    font-feature-settings: "ss03" 1,"ss04" 1,"ss05" 1;
    font-family: Roobert,sans-serif;
    font-size: var(--f-h3);
    font-variation-settings: "wght" 400;
    line-height: 1.33;
    margin-bottom: var(--ms-S)
}

section.search-results ul.search-results__list li:last-of-type {
    margin-bottom: 0
}

section.search-results ul.search-results__list li::marker {
    font-size: 30px
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

#exit-popup {
    align-items: center;
    border: 1px solid var(--c-ujuzi-grey-medium);
    border-radius: 50%;
    display: none;
    height: 50vw;
    justify-content: center;
    left: 25vw;
    position: fixed;
    top: -10vw;
    transform: scale(.75);
    transition: transform .25s ease-in-out;
    width: 50vw;
    z-index: 1000
}

#exit-popup #exit-popup__content {
    max-width: 36rem;
    padding-top: 5vw
}

#exit-popup #exit-popup__content h5 {
    margin-bottom: var(--ms-XS)
}

#exit-popup #exit-popup__content h2 {
    font-weight: var(--fw-bold);
    margin-bottom: var(--ms-S)
}

#exit-popup #exit-popup__content a.button {
    display: inline-block
}

#exit-popup #exit-popup__content button#exit-popup__close {
    position: absolute;
    right: 7.5vw;
    top: 12.5vw
}

#exit-popup.reveal {
    transform: scale(1)
}

#email-click-copy {
    margin-bottom: 0;
    word-break: break-word
}

#custom-tooltip {
    display: none;
    font-family: Cooper,serif;
    font-size: var(--f-h6)
}

.visuallyhidden {
    clip: rect(1px,1px,1px,1px);
    position: absolute
}

hr {
    border-color: var(--c-ujuzi-grey-medium);
    margin: var(--ms-L) 0;
    width: 100%
}

.downloadable-files {
    margin-bottom: 0
}

.downloadable-files li {
    align-items: center;
    display: flex;
    font-size: var(--f-h3);
    line-height: 1.33;
    margin-bottom: var(--ms-XS)
}

.downloadable-files li:before {
    background-color: var(--c-ujuzi-black);
    content: "";
    display: inline-block;
    height: var(--f-h3);
    margin-right: var(--ms-XXS);
    -webkit-mask-image: url(../svg/download-icon.svg);
    mask-image: url(../svg/download-icon.svg);
    -webkit-mask-position: left center;
    mask-position: left center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: var(--f-h3)
}

.downloadable-files li:last-of-type,.other-links {
    margin-bottom: 0
}

.other-links li {
    align-items: center;
    display: flex;
    font-size: var(--f-h3);
    line-height: 1.33;
    margin-bottom: var(--ms-XXS)
}

.other-links li:before {
    background-color: var(--c-ujuzi-black);
    content: "";
    display: inline-block;
    height: var(--f-h3);
    margin-right: var(--ms-XS);
    -webkit-mask-image: url(../svg/right-arrow.svg);
    mask-image: url(../svg/right-arrow.svg);
    -webkit-mask-position: left center;
    mask-position: left center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: var(--f-h3)
}

.other-links li:last-of-type {
    margin-bottom: 0
}

div#cookie-law-info-bar {
    background-color: transparent!important;
    box-shadow: none;
    padding: 0!important
}

div#cookie-law-info-bar>span {
    background-color: var(--c-ujuzi-black);
    height: 100%;
    width: 100%
}

div#cookie-law-info-bar .cli-bar-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 5.2%
}

@media (min-width: 900px) {
    div#cookie-law-info-bar .cli-bar-container {
        padding:var(--ms-S) var(--ns-size-L)
    }
}

div#cookie-law-info-bar .cli-bar-container .cli-bar-message {
    color: var(--c-ujuzi-white);
    font-size: var(--f-h6);
    line-height: 1.15;
    margin-bottom: var(--ms-XS);
    width: 100%
}

@media (min-width: 900px) {
    div#cookie-law-info-bar .cli-bar-container .cli-bar-message {
        margin-bottom:var(--ms-XS)
    }
}

div#cookie-law-info-bar .cli-bar-container .cli-bar-btn_container {
    margin-left: 0;
    width: 100%
}

div#cookie-law-info-bar .cli-bar-container .cli-bar-btn_container a[role=button] {
    background-color: transparent!important;
    color: var(--c-ujuzi-white)!important;
    cursor: none;
    font-size: var(--f-h6);
    margin-right: var(--ms-XXS)!important
}

div#cookie-law-info-bar .cli-bar-container .cli-bar-btn_container a[role=button]:hover {
    color: var(--c-ujuzi-black)!important
}

#cliSettingsPopup {
    cursor: none
}

#cliSettingsPopup .cli-tab-container h4 {
    font-size: var(--f-h3)
}

#cliSettingsPopup .cli-privacy-content {
    max-height: 200px
}

#cliSettingsPopup .cli-privacy-content .cli-privacy-content-text {
    font-size: var(--f-h6)
}

#cliSettingsPopup a.cli-privacy-readmore {
    background-position: 50% 100%;
    border: none;
    border-radius: 0;
    color: var(--c-ujuzi-black);
    cursor: none;
    font-size: var(--f-h6);
    padding: 0;
    text-decoration: none
}

#cliSettingsPopup .cli-tab-header {
    background-color: transparent;
    border-bottom: 1px solid var(--c-ujuzi-grey-medium);
    border-radius: 0;
    cursor: none;
    padding-left: 0
}

#cliSettingsPopup .cli-tab-header a.cli-nav-link {
    background: none;
    border: none;
    color: var(--c-ujuzi-black);
    font-size: var(--f-h6);
    padding: 0
}

#cliSettingsPopup .cli-tab-header a.cli-nav-link:before {
    background-color: var(--c-ujuzi-black);
    height: 35px;
    -webkit-mask-image: url(../svg/accordion-expand.svg);
    mask-image: url(../svg/accordion-expand.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transform: none;
    width: 35px
}

#cliSettingsPopup .cli-tab-header .cli-slider,#cliSettingsPopup .cli-tab-header .cli-switch {
    cursor: none
}

#cliSettingsPopup .cli-tab-header .cli-switch .cli-slider:after,#cliSettingsPopup .cli-tab-header span.cli-necessary-caption {
    font-size: var(--f-h6-1)
}

#cliSettingsPopup .cli-tab-content {
    padding: var(--ms-L) 0 var(--ms-XS)
}

#cliSettingsPopup a#wt-cli-privacy-save-btn {
    background-color: transparent;
    border-radius: 40px;
    color: var(--c-ujuzi-black);
    cursor: none;
    padding: var(--ms-XXS) var(--ms-S) calc(var(--ms-XS) - 1px);
    text-transform: lowercase
}

#cliSettingsPopup a#wt-cli-privacy-save-btn:first-letter {
    text-transform: uppercase
}

#cliSettingsPopup a#wt-cli-privacy-save-btn:hover {
    color: var(--c-ujuzi-white);
    opacity: 1
}

.atsa-block {
    align-items: center;
    display: flex
}

@media (min-width: 900px) {
    .atsa-block {
        grid-column-start:5
    }
}

.atsa-block .atsa-block__logo {
    background-image: url(../svg/atsa-logo.svg);
    background-repeat: no-repeat;
    height: 78px;
    margin-right: var(--ms-M);
    width: 200px
}

.atsa-block p {
    margin-bottom: 0
}

.single-programme--past .atsa-block .atsa-block__logo {
    background-image: url(../svg/atsa-logo--inverted.svg)
}

.ajax-load-more-wrap {
    grid-column: 1/-1
}

.alm-reveal {
    display: contents
}

.alm-listing .alm-reveal:after {
    display: none!important
}

button.alm-load-more-btn {
    background-color: var(--c-ujuzi-black)!important;
    border: 1px solid var(--c-ujuzi-white)!important;
    border-radius: 40px!important;
    color: var(--c-ujuzi-white)!important;
    font-size: var(--f-h3)!important;
    height: auto!important;
    line-height: 1.15!important;
    padding: var(--ms-XXS) var(--ms-S) calc(var(--ms-XS) - 1px)!important
}

button.alm-load-more-btn.loading:before {
    animation: spin 1s linear infinite;
    background-color: var(--c-ujuzi-white)!important;
    background-image: none!important;
    height: var(--f-h3)!important;
    left: calc(50% - var(--f-h3)/2)!important;
    -webkit-mask-image: url(../svg/loading.svg);
    mask-image: url(../svg/loading.svg);
    -webkit-mask-repeat: no-repeat!important;
    mask-repeat: no-repeat!important;
    top: calc(50% - var(--f-h3)/2)!important;
    width: var(--f-h3)!important
}

body.minimal-shell nav#top-nav {
    background-color: transparent
}

@media (max-width: 899px) {
    body.minimal-shell nav#top-nav {
        border-bottom:1px solid var(--c-ujuzi-white);
        width: 100%
    }
}

@media (min-width: 900px) {
    body.minimal-shell nav#top-nav {
        padding-left:0
    }
}

body.minimal-shell nav#top-nav ul {
    color: var(--c-ujuzi-white)
}

body.minimal-shell nav#top-nav ul a.selected li,body.minimal-shell nav#top-nav ul a:hover li {
    border-color: var(--c-ujuzi-white)
}

body.minimal-shell nav#top-nav #top-nav__border {
    background-color: var(--c-ujuzi-white)
}

body.minimal-shell nav#top-nav #top-nav__logo path {
    fill: var(--c-ujuzi-white)
}

body.minimal-shell nav#side-nav {
    display: none
}

body.minimal-shell main {
    background-color: transparent
}

@media (min-width: 900px) {
    body.minimal-shell main {
        padding-left:0
    }
}

.imp-wrap {
    margin-bottom: var(--ms-M);
    max-height: none!important;
    max-width: 100%!important
}

.imp-wrap .imp-ui-element {
    border-radius: 0
}

.imp-fullscreen-tooltips-container .imp-fullscreen-tooltip,.imp-tooltips-container .imp-tooltip {
    background-color: var(--c-ujuzi-black)!important;
    border-radius: 4px!important
}

.imp-tooltips-container .imp-tooltip {
    padding: var(--ms-S)!important
}

.imp-tooltips-container .imp-tooltip .hs-arrow-bottom {
    display: none
}

.imp-fullscreen-tooltips-container .imp-fullscreen-tooltip {
    padding: var(--ms-M)!important
}

.imp-fullscreen-tooltips-container .imp-fullscreen-tooltip p {
    font-size: var(--f-h3)!important;
    line-height: 1.33!important
}

.imp-fullscreen-tooltips-container .imp-fullscreen-tooltip .imp-tooltip-close-button i {
    background-color: var(--c-ujuzi-white);
    height: var(--f-h3);
    margin-top: var(--ms-M);
    -webkit-mask-image: url(../svg/close.svg);
    mask-image: url(../svg/close.svg);
    width: var(--f-h3)
}

.imp-fullscreen-tooltips-container .imp-fullscreen-tooltip .imp-tooltip-close-button i:before {
    content: ""
}

@media (min-width: 900px) {
    .squares-container {
        max-width:var(--p-max-width-micro)
    }
}

.squares-container .squares-element {
    padding: 0!important
}

.squares-container .squares-element h3 {
    color: var(--c-ujuzi-white)!important;
    font-size: var(--f-h6)!important
}

.squares-container .squares-element h3,.squares-container .squares-element p {
    font-feature-settings: "ss03" 1,"ss04" 1,"ss05" 1!important;
    font-family: Roobert,sans-serif!important;
    font-variation-settings: "wght" 400!important;
    line-height: 1.15!important;
    margin-bottom: var(--ms-XS)!important
}

.squares-container .squares-element p {
    color: var(--c-ujuzi-grey-light)!important;
    font-size: var(--f-h6)!important
}

.squares-container .squares-element img,.squares-container .squares-element video {
    margin-bottom: var(--ms-S)
}

.squares-container .squares-element .squares-button {
    font-feature-settings: "ss03" 1,"ss04" 1,"ss05" 1;
    background-color: transparent!important;
    background-image: linear-gradient(var(--c-ujuzi-grey-medium),var(--c-ujuzi-grey-medium));
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 100% 2px;
    border-radius: 0!important;
    font-family: Roobert,sans-serif;
    height: auto!important;
    line-height: inherit!important;
    margin-bottom: var(--ms-S);
    padding: 0!important;
    transition: background-size .25s ease-in-out
}

.squares-container .squares-element .squares-button:hover {
    animation: redraw-underline .25s ease-in-out;
    background-size: 100% 2px
}

.squares-container .squares-element:nth-last-child(2) .squares-button,.squares-container .squares-element:nth-last-child(2) img,.squares-container .squares-element:nth-last-child(2) p,.squares-container .squares-element:nth-last-child(2) video {
    margin-bottom: 0!important
}

.imp-shape,.imp-shape-container i,.imp-shapes-menu-shape-title,.imp-ui-element {
    cursor: none!important
}

.imp-shape.imp-shape-rect.imp-shape-highlighted {
    border-radius: 0!important
}

.imp-shape .imp-shape-glow {
    border: 1px dashed var(--c-ujuzi-white)
}

.imp-shape i.fa-map-marker {
    background-image: url(../svg/map-marker.svg);
    height: var(--f-h2);
    width: var(--f-h2)
}

.imp-shape i.fa-map-marker:before {
    content: ""
}

.imp-shapes-menu-wrap {
    background-color: var(--c-ujuzi-white);
    border: 1px solid var(--c-ujuzi-grey-light)
}

.imp-shapes-menu-wrap .imp-shapes-menu-search-box {
    background-color: transparent;
    border-bottom-color: var(--c-ujuzi-grey-light)
}

.imp-shapes-menu-wrap .imp-shapes-menu-shape-title {
    border-bottom-color: var(--c-ujuzi-grey-light);
    color: var(--c-ujuzi-black);
    font-family: Roobert,sans-serif;
    font-size: var(--f-h6);
    line-height: 1.15;
    padding: var(--ms-XS)
}

.imp-responsive-menu.imp-responsive-menu-visible {
    z-index: 1000
}

body.single-programme--past .squares-container .squares-element p {
    color: var(--c-ujuzi-black-static)!important
}

nav#top-nav #top-nav__logo {
    padding-right: var(--ms-S)
}

.thumbnail {
    width: 100%
}

.grecaptcha-badge {
    visibility: hidden
}