* {
    box-sizing: border-box;
}

html {
    font-size: 16px;
    margin: 0;
    padding: 0;
}

body {
    color: var(--color-text);
    font-family: 'Univers Next', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Univers Next Condensed', sans-serif;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

h2, h3, h4, h5, h6 {
    margin-bottom: 40px;
}

h1 {
    font-weight: 600;
    font-style: normal;
    font-size: 3.75rem;
    line-height: 105%; /* 63px */
    letter-spacing: -0.6px;
}

h2 {
    font-weight: 600;
    line-height: 110%; /* 52.8px */
    font-style: normal;
    font-size: 3rem;
}

h3 {
    font-weight: 600;
    font-style: normal;
    font-size: 2.5rem;
    line-height: 110%; /* 44px */
}

h4 {
    font-weight: 700;
    font-style: normal;
    font-size: 2rem;
    line-height: 120%; /* 38.4px */
}

h5 {
    font-weight: 600;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 120%; /* 28.8px */
}

h6 {
    font-weight: 600;
    font-style: normal;
    font-size: 1rem;
    line-height: 120%;
}

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

.field--type-text-with-summary img,
.field--type-text-long img {
    min-width: 100%;
    margin-bottom: 30px;
    float: none;
    display: block;
}

/* Link. */
a,
a:hover {
    text-decoration: none;
    color: var(--color-text);
}

p, ul, ol {
    margin-top: 40px;
    margin-bottom: 40px;
}
p:last-child, ul:last-child, ol:last-child {
    margin-bottom: 0;
}
p:first-child, ul:first-child, ol:first-child {
    margin-top: 0;
}


.field--type-text-with-summary a,
.field--type-text-with-summary a:visited,
.field--type-text-long a,
.field--type-text-long a:visited {
    text-decoration: underline;
    color: var(--color-text);
}

.field--type-text-with-summary a:hover,
.field--type-text-long a:hover {
    color: var(--color-blue-500);
}

/* Quote */
blockquote {
    display: block;
    padding: 0;
    border: 0;
    font-style: italic;
}

blockquote .author {
    font-size: 0.875rem;
    font-weight: bold;
    text-transform: uppercase;
    font-style: normal;
    font-family: 'Univers Next Condensed', sans-serif;
}

blockquote .quote {
    margin-bottom: 0.5rem;
}

h1.page-header {
    padding-top: 56px;
    padding-bottom: 56px;
    border-bottom: 0;
    margin: 0;
}

/*
 * Hero.
 */
h1.page-header.header-banner {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #fff;
    min-height: calc(100dvh - 119px);
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-top: 56px;
    padding-bottom: 56px;
    line-height: 1;
    margin-bottom: 56px;
}

.main-container {
  padding-top: 119px !important;
}

.path-frontpage .node.full {
    margin-bottom: 56px;
}

/**
 * Paragraphs.
 */
.paragraph--view-mode--default {
    margin-top: 0;
    margin-bottom: 40px;
}
.paragraph--tdh-header-banner {
    display: none;
}
.paragraph--tdh-header.paragraph--view-mode--default {
    margin-bottom: 0;
}

.paragraph--type--testimonial-box {
    min-height: 454px;
    background-position: center center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.paragraph--type--testimonial-box .testimonialtext {
    margin: 60px 0;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.8);
}

/**
 * Form.
 */
a.countryButton,
a.btn-inline,
.btn {
    font-family: 'Univers Next Condensed', sans-serif;
    display: inline-block;
    font-weight: 600;
    font-size: 20px;
    line-height: 140%;
    padding: 21px 34px 19px;
    border-radius: 34px;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
    text-shadow: none;
    text-decoration: none;
    letter-spacing: 0.1px;
}

.btn {
    background-color: #fff;
    color: #161311;
    border: 2px solid #fff;
}

.btn:hover {
    background-color: #161311;
    color: #fff;
    border-color: #161311;
}

.btn:focus {
    background-color: #fff;
    color: #161311;
    border-color: #161311;
}

a.countryButton,
a.btn-inline,
.btn-primary,
a.countryButton:visited,
a.btn-inline:visited,
.btn-primary:visited {
    background-color: #304860;
    color: #fff;
    border-color: #304860;
}

a.btn-inline,
a.countryButton {
    margin: 15px 0;
}

a.btn-inline:hover,
a.countryButton:hover,
.btn-primary:hover {
    background-color: #283649;
    color: #fff;
    border-color: #283649;
}

a.btn-inline:focus,
a.countryButton:focus,
.btn-primary:focus {
    background-color: #304860;
    color: #fff;
    border-color: #161311;
}

form button {
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    letter-spacing: 0.16px !important;
    padding: 15px 24px 13px !important;
    border-radius: 25px !important;
    border: 0 !important;
}

.view--newspubs form button .icon,
form.search-form button .icon {
    display: none;
}

form.search-form button,
.view--newspubs form button  {
    padding-left: 47px !important;
    background-image: url('../images/icons/search.svg');
    background-repeat: no-repeat;
    background-position: 20px center;
}

form.search-form button .sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: auto;
    clip: auto;
    border: 0;
}

input[type="search"],
input[type="text"],
input[type="password"],
select {
    display: block !important;
    appearance: none !important;
    padding: 10px 24px !important;
    border-radius: 25px !important;
    border: 1px solid #A6AAB3 !important;
    background: #FFF !important;
    width: 100% !important;
    height: auto !important;
}

input[type="search"],
input[type="text"],
input[type="password"],
select,
input::placeholder {
    color: var(--color-text) !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 28px !important;
}

select {
    position: relative;
    padding-right: 52px !important;
}

.select-wrapper {
    position: relative !important;
    display: block !important;
}
.select-wrapper:after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    right: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background-image: url("../images/select_arrow.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}
#admin-toolbar-search-input {
    padding: 0 0.4rem !important;
    line-height: 1.75rem !important;
    margin: 0 !important;
    border: 1px solid #ccc !important;
    font-size: 1em !important;
}

.view-filters {
    padding: 0 !important;
    margin: 0 0 40px !important;
}

.input-group {
    display: block !important;
}

.input-group .form-control {
    margin: 0 0 24px !important;
}

form .form-item {
    float: none !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
}

/**
 * Tabs.
 */
.nav-tabs {
    position: relative;
    border-bottom: 0;
    z-index: 20;
}

.nav-tabs > li > a {
    font-family: "Univers Next Condensed", sans-serif;
    background-color: transparent;
    font-weight: normal;
    color: #555555;
}

.nav-tabs > li > a:hover {
    background-color: transparent;
    color: var(--color-text);
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    font-weight: bold;
    background-color: #fff;
    color: var(--color-text);
}

.tab-content {
    position: relative;
    z-index: 10;
    background-color: transparent;
    margin-top: -2px;
}

/**
 * Blocks.
 */
.block-block-content7942b144-135d-4179-aca5-09e6edc98bd6 {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    background-color: var(--color-orange-300);
    font-size: 18px;
}

.block-views-blockcountry-map-block-1 #tdh-map__map g[role="button"][aria-label*="zoom"]:hover > g:first-child {
    fill: #000000 !important;
}

.block-views-blockprogrammes-block-1,
.path-frontpage .block-views-blockcountry-map-block-1,
.path-frontpage .block-views-blocknewspubs-block-3,
.block-block-content7942b144-135d-4179-aca5-09e6edc98bd6 {
    padding-top: 64px;
}

.view--country-map .view-content {
    display: none;
}

.view--country-map .view-header {
    font-size: 18px;
}

.view--country-map #tdh-map__map {
    aspect-ratio: 334 / 200;
    width: 100%;
    height: auto;
}

.amcharts-ampopup-content {
    background-color: #FFF !important;
    padding: 0 !important;
    overflow: hidden !important;
}
.amcharts-ampopup-header {
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 4px;
    background-color: transparent !important;
    min-height: 0 !important;
    width: auto !important;
    height: auto !important;
}
.amcharts-ampopup-title {
    display: none !important;
}
.amcharts-ampopup-close {
    background-color: transparent !important;
    position: static !important;
}
.amcharts-ampopup-inside {
    padding: 0 24px 0 6px !important;
}
.amcharts-ampopup-content a,
.amcharts-ampopup-content h2 {
    margin: 0;
    padding: 0;
    color: var(--color-text);
    font-family: 'Univers Next', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 155%;
}

.block-block-content7942b144-135d-4179-aca5-09e6edc98bd6,
.block--views-blocknewspubs-block-2 {
    padding-bottom: 64px;
}
section.pre-footer {
    margin-top: 64px;
    background-color: var(--color-orange-300);
}
section.pre-footer,
footer.footer {
    padding-top: 56px;
    padding-bottom: 56px;
}

/**
 * Listing.
 */
.views-view-grid .views-row {
    margin-left: calc(var(--grid-gutter) / -2);
    margin-right: calc(var(--grid-gutter) / -2);
}
.views-view-grid .views-col {
    padding-left: calc(var(--grid-gutter) / 2);
    padding-right: calc(var(--grid-gutter) / 2);
    padding-bottom: var(--grid-gutter);
    width: 100% !important;
}

.view--newspubs img{
    width: 100%;
    height: auto;
    margin-bottom: 24px;
}

.view--newspubs [class*="field"][class*="image"] a {
    display: block;
    position: relative;
}

.view--newspubs [class*="field"][class*="image"] a:before {
    content: "";
    background-color: #FFF;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: block;
    position: absolute;
    right: 20px;
    bottom: 20px;
    background-image: url("../images/slideshow_arrow_right.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px auto;
}

.view--newspubs .content-title {
    margin-bottom: 0;
}

.block-views-blocknewspubs-block-2 .view-footer,
.block-views-blocknewspubs-block-3 .view-footer {
    padding-top: 10px;
}

.view-footer .btn-inline {
    margin: 0;
}

#block-views-block-programmes-block-1 .views-field-field-image {
    width: 100%;
    height: auto;
}
#block-views-block-programmes-block-1 .views-col {
    position: relative;
}

#block-views-block-programmes-block-1 .views-col {
    position: relative;
}
#block-views-block-programmes-block-1 .views-field-title {
    position: absolute;
    z-index: 10;
    bottom: 54px;
    left: calc(var(--grid-gutter) / 2 + 20px);
    right: calc(var(--grid-gutter) / 2 + 80px);
}
#block-views-block-programmes-block-1 .views-field-title h4 {
    margin: 0;
}
#block-views-block-programmes-block-1 .views-field-title h4 a {
    color: #FFF;
}
#block-views-block-programmes-block-1 .views-field-title h4 a:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('../images/slideshow_arrow_right.svg');
    background-size: 13px auto;
    position: absolute;
    bottom: -4px;
    right: -60px;
}

#block-views-block-projects-block-5 {
    padding-top: 3em;
}

#block-views-block-projects-block-5 img {
    border-radius: 50%;
    margin: 0 auto;
    max-width: 260px;
    border-top: none !important;
}

#block-views-block-projects-block-5 .views-field-title {
    margin-top: 24px;
    text-align: center;
}

/**
 * Search.
 */
.view-newspubs .view-header {
    font-family: 'Univers Next Condensed', sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 38.4px */
    margin-bottom: 40px;
}

.path-search ol li {
    padding-bottom: 40px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 40px;
}

.search-result-entity h5 {
    margin-bottom: 12px;
}
.search-result-entity p {
    margin: 0;
}

/**
 * Slideshow.
 */
.paragraph--tdh-slideshow.paragraph--view-mode--default {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    margin: 0 !important;
}
.paragraph--tdh-slideshow .slick__arrow {
    display: none;
}

.paragraph--tdh-slideshow .slick-dots {
    position: absolute;
    bottom: 48px;
    left: var(--grid-mobile-default);
    width: auto;
    text-align: left;
    font-size: 0;
    z-index: 10;
}

.paragraph--tdh-slideshow .slick-dots li,
.paragraph--tdh-slideshow .slick-dots button {
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0;
}

.paragraph--tdh-slideshow .slick-dots button:before {
    content: '';
    box-sizing: border-box;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #FFF;
    background: transparent;
    opacity: 1;
}

.paragraph--tdh-slideshow .slick-dots .slick-active button:before {
    background: #FFF;
    opacity: 1;
}

/*
 * Slideshow slide.
 */
.is-front-page .paragraph--tdh-slideshow .slick__slide {
    min-height: calc(100dvh - 118px);
}

.paragraph--tdh-slideshow .slick__slide {
    position: relative;
}

.paragraph--tdh-slide.paragraph--default,
.paragraph--tdh-slide.paragraph--default .paragraph__column {
    display: block;
    padding: 0;
    position: static;
    height: 100%;
    margin: 0 !important;
}

.paragraph--tdh-slide .paragraph--field-paragraph-slide-image img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.paragraph--tdh-slide .slide-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 90px var(--grid-mobile-default);
    height: 100%;
}

.paragraph--tdh-slide h1 {
    color: #FFF;
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 105%;
    letter-spacing: -0.6px;
    margin: 0;
    padding: 0;
}

.paragraph--tdh-slide .paragraph--field-para-slide-description {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    margin-top: 12px;
}

.paragraph--tdh-slide .paragraph--field-paragraph-slide-link {
    margin-top: 24px;
}

/*
 * Grid.
 */
html body.path-search h1.page-header,
.paragraph--type--donors-logos-and-text .paragraph--view-mode--default,
.region-we-mega-menu {
    padding-left: 0;
    padding-right: 0;
}

.navbar .logo {
    margin-left: var(--grid-mobile-default);
}
.navbar-toggle {
    margin-right: var(--grid-mobile-default);
}

.container,
.container-fluid {
    padding: 0;
    margin: 0;
}

h1.page-header,
h1.page-header.header-banner,
.view-id-vacancies.view-display-id-page_1,
.paragraph--view-mode--default,
.node--publication.full .node--field-gallery-image,
.node--publication.full .node--field-attachments
{
    padding-left: var(--grid-mobile-default);
    padding-right: var(--grid-mobile-default);
}

.mobile .region-content section.block-views,
.view-id-newspubs.view-display-id-page_1,
.view-id-newspubs.view-display-id-page_2,
.view-id-newspubs.view-display-id-page_3,
.view-id-newspubs.view-display-id-page_4,
.view-id-newspubs.view-display-id-page_5,
.project .content .field,
.field--type-datetime,
.path-user .region-content,
.project .content .field,
.field--type-datetime,
.region-content .field--type-text-with-summary,
.path-user .region-content,
.region--pre-footer,
#block-tdhcore-contactus,
#block-easysocial,
.view-id-newspubs.view-display-id-page_1,
.view-id-newspubs.view-display-id-page_2,
.view-id-newspubs.view-display-id-page_3,
.view-id-newspubs.view-display-id-page_4,
.view-id-newspubs.view-display-id-page_5,
.region-content section.block-views,
.page-node-type-publication .field--name-field-author,
.page-node-type-publication .field--name-field-publisher,
article.vacancy .field--name-field-attachments,
article.news .field--name-field-attachments,
.page-node-type-vacancy .content div.field,
.mobile.page-node-type-vacancy .content div.field,
.page-node-type-publication .field--name-body .field--item,
.node.full .field--name-field-short-description,
html body.path-search .region-content,
.node.full .node--field-embed-video-audio-etc,
.region-publications section.block-views
{
    margin-left: var(--grid-mobile-default);
    margin-right: var(--grid-mobile-default);
}

/* Content */
.node.full .field--name-field-short-description {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 34px */
    margin-bottom: 64px;
}

.node--programme--body {
  margin-bottom: 64px;
}

.field--name-field-event-start,
.views-field-field-event-start {
    color: var(--color-gray-600);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.view--projects .pager__item .button {
	display: inline-block;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    padding: 18px 54px;
    border-radius: 34px;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
    text-shadow: none;
    text-decoration: none;
	background-color: #304860;
	color: #fff;
	border-color: #304860;
  margin-bottom: 40px;
}

.view--projects .pager__item .button:hover {
	background-color: #304860;
    color: #fff;
    border-color: #304860;
}

.view--projects .pager__item .button:visited {
	background-color: #304860;
    color: #fff;
    border-color: #304860;
}

.node--publication.full img {
    border: 1px solid #ddd;
    margin-bottom: 40px;
}

.node--publication.full .node--field-attachments > .field--label {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 38.4px */
    font-family: 'Univers Next Condensed', sans-serif;
    margin-bottom: 24px;
}


article.publication .field--name-field-attachments .field--label-inline {
    grid-template-columns: repeat(14, minmax(0, 1fr));
    display: grid;
    padding-top: 0;
    margin-bottom: 17px;
}

article.publication .field--name-field-attachments .field--label-inline .field--label::after {
    display: none;
}

article.publication .field--name-field-attachments .field--label-inline .field--label {
    font-family:"Univers Next Condensed";
    font-weight: 700;
    grid-column: 1 / span 7;
    margin-bottom: 0;
    font-size: 20px;
    color: var(--color-text);
    line-height: 27.2px;
}

article.publication .field--name-field-attachments .field--label-inline .field--item {
    grid-column: 8 / span 7;
    margin-bottom: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%;  /* 24.8px */
}

article.publication .field--name-field-attachments .field--label-inline .field--item {
    margin-bottom: 0;
    font-size: 16px;
    color: var(--color-text);
}

article.publication .field--name-field-attachments > .field--items {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 48px;
}

article.publication .field--name-field-attachments > .field--items .icon {
    display: none;
}

article.publication .field--name-field-attachments > .field--items .field--item {
    width: 100%;
    display: inline-block;
    background-color: white;
    border: 1px solid rgba(22,19,17,0.2);
    text-align: center;
    margin: 0;
    border-radius: 9999px;
    padding: 1rem 1.5rem;
    line-height: 140%;
    cursor: pointer;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}

article.publication .field--name-field-attachments > .field--items .field--item:hover {
    background-color: black;
    border: 1px solid black;
}

.field--name-field-attachments > .field--items .field--item span {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    line-height: 140%;
    gap: .75rem;
    margin: 0;
}

article.publication .field--name-field-attachments > .field--items .field--item .file-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../images/icons/download.svg');
    background-position: center center;
    background-size: contain;
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
}

article.publication .field--name-field-attachments > .field--items .field--item:hover .file-icon {
    background-image: url('../images/icons/download-white.svg');
}

article.publication .field--name-field-attachments > .field--items .field--item .file-link {
    display: inline;
    background-color: transparent;
    color: black;
    width: fit-content;
    border: none;
}

article.publication .field--name-field-attachments > .field--items .field--item:hover .file-link {
    color: white;
}

article.publication .field--name-field-attachments > .field--items .field--item .file-link a {
    font-family:"Univers Next Condensed";
    font-weight: 700;
}

article.publication .field--name-field-attachments > .field--items .field--item .file-link a:hover {
    text-decoration: none;
}

article.publication .field--name-field-attachments > .field--items .field--item .file-size {
    display: none;
}

article.publication .field--name-body,
article.publication .node--field-embed-video-audio-etc {
    clear: both;
}
.node.full iframe {
    max-width: 100% !important;
}

.path-frontpage .region-content {
  display: flex;
  flex-direction: column;
}

.path-frontpage .region-content .node.full {
  order: 0;
}

.path-frontpage .region-content [data-derivative-plugin-id="newspubs-block_2"] {
  order: 1;
}

.path-frontpage .region-content .block-block-content7942b144-135d-4179-aca5-09e6edc98bd6 {
  order: 2;
}

.path-frontpage .region-content .block-views-blockcountry-map-block-1 {
  order: 3;
}

.path-frontpage .region-content .block-views-blockprogrammes-block-1 {
  order: 4;
}

.path-frontpage .region-content .block-views-blocknewspubs-block-3 {
  order: 5;
}