/*
 Theme Name:   Rigshospitalet UK child theme – GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  GP Child theme for the Rigshospitalet UK website
 Author:       Urgent.Agency
 Author URI:   https://urgent.agency
 Template:     generatepress
 Version:      1.0.3.4
*/

/* This file and others in the dir /src/css are being compiled into the child theme's /styles.css with gulp */
	/* Alternatively the files can be inserted directly or imported or something else */
/* Editing directly through Wordpress Theme File Editor will not sync those /src/css/*.css changes until recompiled */
	/* But we can update the /styles.css file in WP with a newly compiled version */



/* Add fonts */
@font-face {
    font-family: 'Mari';
    src: url('/wp-content/themes/generatepress_child_rh_uk/assets/fonts/Mari-Bold.woff2') format('woff2'),
        url('/wp-content/themes/generatepress_child_rh_uk/assets/fonts/Mari-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mari';
    src: url('/wp-content/themes/generatepress_child_rh_uk/assets/fonts/MariBook.woff2') format('woff2'),
        url('/wp-content/themes/generatepress_child_rh_uk/assets/fonts/MariBook.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mari';
    src: url('/wp-content/themes/generatepress_child_rh_uk/assets/fonts/MariLight.woff2') format('woff2'),
        url('/wp-content/themes/generatepress_child_rh_uk/assets/fonts/MariLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mari';
    src: url('/wp-content/themes/generatepress_child_rh_uk/assets/fonts/MariHeavy.woff2') format('woff2'),
        url('/wp-content/themes/generatepress_child_rh_uk/assets/fonts/MariHeavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mari Poster';
    src: url('/wp-content/themes/generatepress_child_rh_uk/assets/fonts/MariPoster.woff2') format('woff2'),
        url('/wp-content/themes/generatepress_child_rh_uk/assets/fonts/MariPoster.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mari Regular';
    src: url('/wp-content/themes/generatepress_child_rh_uk/assets/fonts/Mari.woff2') format('woff2'),
        url('/wp-content/themes/generatepress_child_rh_uk/assets/fonts/Mari.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Variables */
:root {
	--rhuk-max-width: 1170px;
	--rhuk-cols: 12;
	--gutter: 1.25rem;

	/* Colors */
	--blue: #007DBB;
	--darkblue: #002555;
	--lightblue: #009CE8;
	--bluetint: #E5F2F8;

	--black: #333;
	--grey: #F7F6F0;

	--accent: var(--blue);

	/* calculcate margin when max width is 1170px */
	--rhuk-margin: calc((100% - var(--rhuk-max-width)) / 2);
	--rhuk-frame-top-padding: 10rem;


	/* Typography */
	--heading-mega: 15.1rem;
	--heading-large: 6rem;
	--heading-big: 4.5rem;
	--heading-medium: 3rem;
	--heading-medium-small: 2.25rem;
	--heading-small: 1.5rem;

}


/* Tablet variables */
@media (max-width: 1024px) {
	:root {
		--heading-mega: 10rem;
		--heading-large: 4rem;
		/* --heading-big: 2.25rem; */
		/* --heading-medium: 1.5rem; */
		/* --heading-medium-small: 1.5rem; */
		/* --heading-small: 1.5rem; */
	}
}

/* Mobile variables */
@media (max-width: 768px) {
	:root {
		--rhuk-max-width: 100%;
		--rhuk-cols: 4;
		--gutter: 1.25rem;
		--rhuk-margin: 1.25rem;

		/* --rhuk-frame-top-padding: 5rem; */
		--rhuk-frame-top-padding: 7rem;

		--heading-mega: 5.3rem;
		--heading-large: 6rem;
		--heading-big: 2.25rem;
		--heading-medium: 1.5rem;
		--heading-medium-small: 1.5rem;
		--heading-small: 1.5rem;
	}
}



body {
	color: var(--black);
}


.heading--mg {
	font-family: 'Mari Regular';
	font-size: var(--heading-mega);
	line-height: 1em;
	/* font-family: 'Mari Regular';
	font-weight: normal; */
}
.heading--l {
	font-size: var(--heading-large);
	line-height: 1.2em;
}
.heading--b {
	font-size: var(--heading-big);
}
.heading--m {
	font-size: var(--heading-medium);
}
.heading--s {
	font-size: var(--heading-small);
}


h1, h2, h3, h4, h5 {
	font-weight: normal;
}


.heading--underline {
	padding-bottom: 0.5em;
	border-bottom: 1px solid var(--accent);
	margin-bottom: 0.5em;
	color: var(--darkblue);
	font-size: 1.5rem;
}
@media (max-width: 768px) {
	.heading--underline {
		font-size: 1.1rem;
	}
}

/* Highlighting */
.gb-headline strong {
	font-weight: inherit;
	color: var(--accent);
}

/* Cite highlight */
cite strong {
	font-weight: inherit;
	color: var(--contrast-3);
}



/* Buttons */
.gb-button {
	text-align: center;
	justify-content: center;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 0.75rem 2.5rem !important;
}
.gb-button:not(.list-button){
	background-color: var(--lightblue) !important;
}

.gb-button.list-button {
	font-weight: normal;
	background-color: transparent;
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='1' x2='13' y2='1' stroke='%23009CE8' stroke-width='2'/%3E%3Cline y1='11' x2='22' y2='11' stroke='%23009CE8' stroke-width='2'/%3E%3Cline y1='21' x2='18' y2='21' stroke='%23009CE8' stroke-width='2'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat no-repeat;
	background-position: 5px center;
	padding: 1rem 1.5rem !important;
	padding-left: 40px !important;
	background-size: 20px;
}
.gb-button.list-button:hover {
	background-color: transparent !important;
}



/* Screen reader only */
/* via: https://www.useragentman.com/enable/screen-reader-only-text.php */
.sr-only {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
	margin: -1px;
}
  



/* Hide default page elements */
/* header,
.site-footer,
.page-header-image
{
	display: none;
} */
header,
.page-header-image
{
	display: none;
}


/* Front hero */
.rhuk-front-hero {
	opacity: 1;
}


/* Basic custom grid */
.rhuk-grid,
.rhuk-2col {
	display: grid !important;
	grid-template-columns: repeat(var(--rhuk-cols), 1fr);
	grid-column-gap: var(--gutter);
}
.rhuk-grid > .gb-grid-column,
.rhuk-2col > .gb-grid-column {
	width: auto !important;
}

.editor-styles-wrapper .rhuk-grid,
.editor-styles-wrapper .rhuk-2col {
	display: block !important;
}

/* Convert 2 col to flex stack on mobile */
/* Can also be reverse stacked with a class */
@media (max-width: 768px) {
	.rhuk-2col {
		display: flex !important;
		flex-direction: column;
	}
	.rhuk-mobile-reverse {
		flex-direction: column-reverse;
	}
}


/* Basic 2 col content */
/* Left spans 6 – 1 col spacing – right spans 5  */
.rhuk-2col .gb-grid-column {
	grid-column: span 6;
}
.rhuk-2col .gb-grid-column:nth-child(2) {
	grid-column: 8 / -1;
}



/* Basic content frame */
.rhuk-frame {
	/* width: 100%;
	max-width: var(--rhuk-max-width);
	margin: 0 auto; */
	padding-left: var(--rhuk-margin);
	padding-right: var(--rhuk-margin);
	padding-top: var(--rhuk-frame-top-padding);
	padding-bottom: var(--rhuk-frame-top-padding);
}

/* On smaller screens */
@media (max-width: 1200px) {
	.rhuk-frame {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
}
/* Various element overrides */






/* Hover links / multilinks */
.rhuk-hover-links {
	background: var(--bluetint);
}
@media (max-width: 768px) {
	.rhuk-hover-links {
		padding-bottom: 3rem;
	}
}


/* Each row */
.rhuk-hover-links .rhuk-multilink-row {
	position: relative;
}

/* Hide text content unless hovered */
.rhuk-multilink-row .rhuk-multilink-row-text {
	opacity: 0;
	transform: translateY(1em);
	transition: 0.3s;
	margin-bottom: 1.5rem;
	margin-top: 0.2rem;
	pointer-events: none;
}
.rhuk-multilink-row:hover .rhuk-multilink-row-text,
.rhuk-multilink-row:has(a:focus) .rhuk-multilink-row-text {
	opacity: 1;
	transform: translateY(0);
}

/* override for editor */
.editor-styles-wrapper .rhuk-multilink-row .rhuk-multilink-row-text {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

/* Transitions */
.rhuk-hover-links .rhuk-multilink-row::before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0;
	width: 0%;
	height: 2px;
	background: var(--darkblue);
	z-index: 1;
	transition: 0.3s;
}
.rhuk-hover-links .rhuk-multilink-row-header {
	font-size: 1.5rem;
	/* border-top: 1px solid var(--accent); */
	border-top: 1px solid rgba(0, 37, 85, 0.3);
	padding-top: 0.5rem;
}
/* Animate border on hover/focus */
.rhuk-hover-links .rhuk-multilink-row:hover::before, .rhuk-multilink-row:has(a:focus)::before {
	width: 100%;
}

/* Styling the link */
.rhuk-multilink-row-header a {
	color: inherit;
	text-decoration: none;
}
.rhuk-multilink-row-header:hover a {
	color: var(--blue);
}
.rhuk-multilink-row-header a::after { /* cover the entire row with link */
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

/* Link arrow */
.rhuk-hover-links .rhuk-multilink-row-header::after {
	content: '';
	position: absolute;
	top: 1rem;
	right: 0;
	width: 1rem;
	height: 1rem;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 15L14 8L7 0.999999' stroke='%23007DBB' stroke-width='2'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat no-repeat;
	background-position: center center;
	background-size: cover;
	transition: 0.3s;
	transform: translate(-1rem);
	opacity: 0;
}
.rhuk-hover-links .rhuk-multilink-row-header:hover::after, .rhuk-multilink-row:has(a:focus) .rhuk-multilink-row-header::after {
	transform: translate(0);
	opacity: 1;
}
@media (max-width: 768px) {
	.rhuk-hover-links .rhuk-multilink-row-header::after {
		top: 1.3rem;
	}
}

/* override on mobile */
/* @media (max-width: 768px) { */
@media (max-width: 1024px) {
	.rhuk-multilink-row-text,
	.rhuk-hover-links .rhuk-multilink-row-header::after {
		opacity: 1 !important;
	}
	.rhuk-multilink-row-text {
		transform: translateY(0) !important;
	}
}


/* Images */
.rhuk-hover-links figure.wp-block-gallery {
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 1fr;
}
.rhuk-hover-links figure.wp-block-gallery figure {
	grid-row: 1 / span 1;
	grid-column: 1 / span 1;
	opacity: 0;
	transition: 0.4s;
}

/* hover effects */
.rhuk-hover-links:not(:has(details:nth-child(1):hover), .rhuk-multilink-row:nth-child(1) a:focus) figure.wp-block-gallery figure:nth-child(1) {
	opacity: 1;
}
/* we use :has selector target the images based on state of the links */
.rhuk-hover-links:has(.rhuk-multilink-row:nth-child(1):hover, .rhuk-multilink-row:nth-child(1) a:focus) figure.wp-block-gallery figure:nth-child(1),
.rhuk-hover-links:has(.rhuk-multilink-row:nth-child(2):hover, .rhuk-multilink-row:nth-child(2) a:focus) figure.wp-block-gallery figure:nth-child(2),
.rhuk-hover-links:has(.rhuk-multilink-row:nth-child(3):hover, .rhuk-multilink-row:nth-child(3) a:focus) figure.wp-block-gallery figure:nth-child(3),
.rhuk-hover-links:has(.rhuk-multilink-row:nth-child(4):hover, .rhuk-multilink-row:nth-child(4) a:focus) figure.wp-block-gallery figure:nth-child(4),
.rhuk-hover-links:has(.rhuk-multilink-row:nth-child(5):hover, .rhuk-multilink-row:nth-child(5) a:focus) figure.wp-block-gallery figure:nth-child(5),
.rhuk-hover-links:has(.rhuk-multilink-row:nth-child(6):hover, .rhuk-multilink-row:nth-child(6) a:focus) figure.wp-block-gallery figure:nth-child(6),
.rhuk-hover-links:has(.rhuk-multilink-row:nth-child(7):hover, .rhuk-multilink-row:nth-child(7) a:focus) figure.wp-block-gallery figure:nth-child(7),
.rhuk-hover-links:has(.rhuk-multilink-row:nth-child(8):hover, .rhuk-multilink-row:nth-child(8) a:focus) figure.wp-block-gallery figure:nth-child(8),
.rhuk-hover-links:has(.rhuk-multilink-row:nth-child(9):hover, .rhuk-multilink-row:nth-child(9) a:focus) figure.wp-block-gallery figure:nth-child(9),
.rhuk-hover-links:has(.rhuk-multilink-row:nth-child(10):hover, .rhuk-multilink-row:nth-child(10) a:focus) figure.wp-block-gallery figure:nth-child(10),
.rhuk-hover-links:has(.rhuk-multilink-row:nth-child(11):hover, .rhuk-multilink-row:nth-child(11) a:focus) figure.wp-block-gallery figure:nth-child(11),
.rhuk-hover-links:has(.rhuk-multilink-row:nth-child(12):hover, .rhuk-multilink-row:nth-child(12) a:focus) figure.wp-block-gallery figure:nth-child(12)
{
	opacity: 1;
}


/* overide image visibility for editor */
.editor-styles-wrapper .rhuk-hover-links figure.wp-block-gallery figure.is-selected {
	opacity: 1 !important;
}
.editor-styles-wrapper .rhuk-hover-links figure.wp-block-gallery figure.is-highlighted {
	opacity: 1 !important;
}






/* Link block */
.rhuk-link-module {
	background: var(--blue);
	color: white;
}
.rhuk-link-module .heading--underline {
	margin-top: -0.5rem;
	border-color: var(--darkblue);
	color: inherit;
}
.rhuk-link-module .heading--m {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
.rhuk-link-module p {
	font-size: 1.5rem;
	line-height: 1.2em;
}
.rhuk-link-module .gb-button {
	margin-top: 0.5rem;
	width: 100%;
	background-color: var(--darkblue) !important;
}

@media (max-width: 768px) {
	.rhuk-link-module {
		gap: 2rem;
	}
	.rhuk-link-module .heading--m {
		font-size: 2.25rem;
		margin-top: 0;
	}
	.rhuk-link-module p {
		font-size: 1rem;
	}
}




/* Event block */
.rhuk-event-module {
	background: var(--darkblue);
	color: white;
}
.rhuk-event-module .heading--underline {
	margin-top: -0.5rem;
}
.rhuk-event-module .heading--underline,
.rhuk-event-module .heading--b {
	color: var(--lightblue);
}
.rhuk-event-module .heading--b {
	line-height: 1em;
	margin-top: 1.5rem;
	margin-bottom: 2rem;
}
.rhuk-event-module p {
	font-size: 1.5rem;
	line-height: 1.2em;
}
.rhuk-event-module .gb-button {
	margin-top: 1rem;
	width: 100%;
	background-color: var(--lightblue);
}
@media (max-width: 768px) {
	.rhuk-event-module {
		gap: 2rem;
	}
	.rhuk-event-module .heading--b {
		margin-top: 0;
		font-size: 4.5rem;
	}
	.rhuk-event-module p {
		font-size: 1rem;
	}
}




/* Quote module */
.rhuk-quote-module {
	background: var(--grey);
}

.rhuk-quote-module .heading--underline {
	margin-top: -0.5rem;
}

blockquote {
	font-size: 2.25rem;
	font-style: normal;
	line-height: 1.1em;
	border: none;
	padding-left: 0;
}
blockquote cite {
	position: relative;
	font-size: 1.5rem;
	font-style: normal;
	line-height: 1.1em;
	padding-left: 4rem;
	color: black !important;
}
blockquote cite mark {
	color: inherit !important;
	opacity: 0.6;
	font-size: 1.25rem;
}
@media (max-width: 768px) {
	blockquote {
		font-size: 1.5rem;
	}
	blockquote cite {
		font-size: 1rem;
		padding-left: 2rem;
	}
}
blockquote cite::before {
	content: '—';
	position: absolute;
	/* top: -0.25em; */
	line-height: 1em;
	left: 0;
	color: var(--accent);
	/* width: 1rem;
	height: 1px; */
	/* background: var(--accent); */
}

@media (max-width: 768px) {
	.rhuk-quote-module .gb-button {
		width: 100%;
		margin-bottom: 1.5rem;
	}
}



/* News module */
.rhuk-news-module {
	background: var(--bluetint);
}

.rhuk-news-module-header {
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr;
	margin-bottom: 3rem;
}
.rhuk-news-module-header h2 {
	grid-column: 1 / span 2;
	line-height: 1em;
}
.rhuk-news-module-header .gb-button {
	grid-column: 3 / -1;
	margin-top: 0.7rem;
}


.rhuk-news-grid {
	display: grid !important;
	grid-template-columns: repeat(var(--rhuk-cols), 1fr);
	gap: var(--gutter);
}
.rhuk-news-grid > div {
	grid-column: span 4;
	width: auto !important;
}
.rhuk-news-grid .gb-query-loop-item {
	position: relative;
	/* border: 1px solid red; */
}
.rhuk-news-grid .gb-query-loop-item > .gb-container {
	/* border: 1px solid blue; */
	height: 100%;
	display: flex;
	flex-direction: column;
}
.rhuk-news-grid .gb-query-loop-item .gb-headline-text {
	/* margin-bottom: 3rem; */
	/* font-size: 1.5rem;
	line-height: 1.2em; */
}

.rhuk-news-item-title {
	margin-top: 0.5rem;
	margin-bottom: 0;
	font-weight: bold !important;
	font-size: 1.5rem;
	color: var(--darkblue);
}
.rhuk-news-item-excerpt {
	margin-top: 1rem;
	font-size: 1.25rem;
	color: var(--darkblue);
}

.rhuk-news-item-title a {
	display: block;
}

.rhuk-news-item-title a::after {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.rhuk-news-grid .gb-query-loop-item .gb-headline-text:not(.heading--underline) {
	/* margin-bottom: 3rem; */
	/* margin-top: 0.5rem; */
	/* font-size: 1.5rem; */
	line-height: 1.2em;
}

.rhuk-news-grid .gb-query-loop-item .gb-container {
	margin-top: auto;
	padding-top: 3rem;
}

/* .rhuk-news-grid .gb-query-loop-item .gb-container:has(.gb-button){
	margin-top: auto;
	padding-top: 3rem;
} */
/* .rhuk-news-grid .gb-query-loop-item figure {
	margin-top: auto;
	padding-top: 3rem;
} */
.rhuk-news-grid .gb-query-loop-item .gb-button {
	margin-top: var(--gutter);
	width: 100%;
}

/* .rhuk-news-grid .gb-query-loop-item .gb-container:has(.gb-button){
	position: relative;
} */
/* .rhuk-news-grid .gb-query-loop-item a::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
} */

@media (max-width: 768px) {
	.rhuk-news-module {
		/* padding-top: 6rem; */
	}
	.rhuk-news-module-header {
		margin-bottom: 1rem;
	}
	.rhuk-news-module h2 {
		font-size: 2.25rem;
	}
	.rhuk-news-grid .gb-query-loop-item {
		margin-bottom: 3rem;
	}
	.rhuk-news-module time {
		font-size: 1rem;
	}
	.rhuk-news-item-excerpt {
		margin-bottom: 0.5rem;
	}
	.rhuk-news-grid .gb-query-loop-item figure {
		/* padding-top: 1.5rem; */
	}
	.rhuk-news-module-header .gb-button {
		display: none;
	}
}

/* Editor override */
.editor-styles-wrapper .rhuk-news-grid .gb-post-template-wrapper {
	grid-column: 1 / -1;
}




/* Large facts module */
.rhuk-large-fact-module {

}

.rhuk-large-fact-module > div:nth-child(1) {
	grid-row: 1;
	height: auto;
	margin-top: auto;
	z-index: 2;
}
.rhuk-large-fact-module > div:nth-child(2) {
	grid-row: 1;
}


.rhuk-large-fact-module > div:nth-child(1) {
	grid-column: 1 / -1;
}
.rhuk-large-fact-module > div:nth-child(2) {
	grid-column: 5 / -1;
}

/* Adjust for reversed order of images (image placed on the left in editor) */
.rhuk-large-fact-module:has(> div:nth-child(1) .image-content) > div:nth-child(1) {
	grid-column: 1 / span 8;
}

/* Text right */
/* Desktop only */
@media (min-width: 768px) { 
	.rhuk-large-fact-module:has(> div:nth-child(2) .text-content) > div:nth-child(2) {
		grid-column: 1 / -1;
		z-index: 2;
		margin-top: auto;
		text-align: right;
	}
}

.rhuk-large-fact-module .heading--mg {
	color: var(--lightblue);
}

.rhuk-large-fact-module .image-content {
	position: relative;
	opacity: 0.9;
}
.rhuk-large-fact-module .image-content::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% + 1px);
	background: linear-gradient(180deg, rgba(0, 37, 85, 0.00) 0%, #F7F6F0 100%);
}

/* Mobile */
@media (max-width: 768px) {
	.rhuk-large-fact-module {
		display: flex !important;
		flex-direction: column;
	}
	.rhuk-large-fact-module > div:has(.text-content) {
		position: relative;
		z-index: 1;
	}
	.rhuk-large-fact-module > div:has(.image-content) {
		transform: translateY(-1.25rem);
		position: relative;
		z-index: 0;
	}
	.rhuk-large-fact-module:has(> div:nth-child(1) .image-content) {
		flex-direction: column-reverse;
	}
}

/* Make the huge text smaller in editor */
.editor-styles-wrapper .rhuk-large-fact-module .heading--mg {
	font-size: var(--heading-big);
}



/* Large fact text module */
.rhuk-large-fact-text {

}
@media (max-width: 768px) {
	.rhuk-large-fact-text .heading--l {
		font-size: 2.25rem;
	}
}






/* Facts grid module */
.rhuk-facts-grid-module {
	row-gap: 4rem;
}
.rhuk-facts-grid-module > div {
	grid-column: span 6;
}


/* Fact items */
.rhuk-fact-grid-item {
	/* margin-bottom: 4rem; */
}
.rhuk-fact-grid-item-label {
	font-size: 1.5rem;
}
.rhuk-fact-grid-item-value {
	font-size: 3.875rem;
	color: var(--blue);
	line-height: 1.2em;
}

@media (max-width: 768px) {
	.rhuk-facts-grid-module {
		display: flex !important;
		flex-direction: column;
		gap: 1.5rem;
	}
	.rhuk-fact-grid-item-label {
		font-size: 1rem;
	}
	.rhuk-fact-grid-item-value {
		font-size: 3rem;
		margin-top: 0;
		line-height: 1em;
	}
}





/* List with borders */
.rhuk-list-module-heading {
	border-top: 1px solid var(--accent);
	margin-right: var(--gutter);
	padding-top: 3rem;
}
.rhuk-list-module-heading h3 {
	width: 80%;
}
ul.border-list {
	font-size: 1.5rem;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.border-list li {
	border-top: 1px solid var(--accent);
	padding: 0.5em 0;
}
ul.border-list li:first-child {
	padding-top: 3.5rem;
}
@media (max-width: 768px) {
	.rhuk-list-module-heading {
		padding-top: 1.5rem;
	}
	ul.border-list {
		margin-top: 3rem;
		font-size: 1rem;
	}
	ul.border-list li {
		padding: 1em 0;
	}
	ul.border-list li:first-child {
		padding-top: 1em;
	}
}






/* Three facts module */
.rh-three-facts-module {
	/* border: 1px solid red; */
	position: relative;
}

/* The header container */
.three-facts-module-header {
	padding-bottom: 7rem;
}
@media (max-width: 1024px) {
	.three-facts-module-header {
		padding-bottom: 2rem;
	}
}
@media (max-width: 768px) {
	.three-facts-module-header {
		padding-bottom: 3rem;
	}
}

/* The items container */
.three-facts-items-container {
	/* border: 1px solid red; */
	display: grid;
	grid-template-columns: repeat(var(--rhuk-cols), 1fr);
	gap: var(--gutter);
}
/* Each slide */
.rh-three-fact-slide {
	grid-column: span 4;
	width: auto !important;
	transition: 0.2s;
	cursor: pointer;
}

@media (max-width: 768px) {
	.three-facts-items-container {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
	}
	.rh-three-fact-slide {
		grid-row: 1;
		grid-column: 1 / -1;
	}
}

/* The value */
.rh-three-fact-slide .heading--b {
	color: var(--blue);
}
@media (max-width: 1024px) { /* Tablet */
	.rh-three-fact-slide .heading--b {
		font-size: 3.5rem;
		line-height: 1em;
	}
}

/* Inactive */
.rh-three-fact-slide:not(.active) {
	/* opacity: 0.3; */
	/* passing contrast for large size */
	/* opacity: 0.75; */
}
/* mininum opacities allowed for passing contrast below: */
.rh-three-fact-slide:not(.active) .heading--underline {
	opacity: 0.65;
}
.rh-three-fact-slide:not(.active) .heading--b {
	opacity: 0.75;
}
@media (max-width: 768px) {
	.rh-three-fact-slide:not(.active) {
		opacity: 0 !important;
	}
}


.rh-three-fact-slide .heading--underline {
	position: relative;
	border-color: #B2D8EA;
}
@media (max-width: 768px) {
	.rh-three-fact-slide .heading--underline {
		font-size: 1.5rem;
	}
}
.rh-three-fact-slide .heading--underline::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 2px;
	background: var(--darkblue);
	width: 0;
}
.rh-three-fact-slide.active .heading--underline::after {
	width: 100%;
	/* linear transition */
	transition: width 5s linear;
}
.rh-three-facts-module.focused .rh-three-fact-slide.active .heading--underline::after {
	width: 100%;
	transition: 0s;
}

@media (max-width: 768px) {
	.rh-three-fact-slide .heading--b {
		margin-top: -0.75rem;
		font-size: 4.5rem;
	}
}


.three-fact-text-content {
	/* border: 1px solid red; */
	margin-top: 4rem;
	display: grid;
	grid-template-columns: repeat(var(--rhuk-cols), 1fr);
	gap: var(--gutter);
}
.three-fact-read-more-container {
	grid-column: span 4 / -1;
	width: auto !important;
}
.three-fact-read-more-container .gb-button {
	width: 100%;
}
@media (max-width: 768px) {
	.three-fact-read-more-container {
		grid-column: 1 / -1 !important;
	}
}


/* The text descriptions */
.three-fact-text-container { /* is a rhuk-frame container also */
	grid-column: 1 / span 6;
	/* border: 1px solid purple; */
	width: auto !important;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
}
.three-fact-text-container p { /* we might need to not use p */
	grid-column: 1 / span 6;
	grid-row: 1;
	font-size: 1.5rem;
	transition: 0.3s;
}

@media (max-width: 768px) {
	.three-fact-text-container {
		grid-column: 1 / -1;
	}
	.three-fact-text-container p {
		grid-column: 1 / -1;
	}
	.three-fact-text-container p {
		margin-bottom: 1rem;
		font-size: 1rem;
	}
}
.three-fact-text-container p:not(.active) {
	opacity: 0;
}


/* The iamges */
.three-facts-images-container {
	margin-left: calc(var(--rhuk-margin) * -1);
	/* margin-right: calc(var(--rhuk-margin) * -1); */
	--height: 50vh;
	height: var(--height);
	overflow: hidden;
}
@media (max-width: 1024px) { /* Tablet */
	.three-facts-images-container {
		margin-left: 0;
	}
}
.three-facts-images-container > figure {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	height: 100%;
}
.three-facts-images-container > figure > figure {
	grid-column: 1 / -1;
	grid-row: 1;
	width: 100% !important;
	height: var(--height);
	transition: 0.3s;
}
.three-facts-images-container > figure img {
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.three-facts-images-container > figure > figure:not(.active) {
	opacity: 0;
}

/* editor override */
.editor-styles-wrapper .three-facts-images-container > figure > figure:not(.active),
.editor-styles-wrapper .three-fact-text-container p {
	opacity: 1 !important;
}
.editor-styles-wrapper .three-fact-text-container {
	display: block !important;
}


/* tab focus on the slides */
/* .rh-three-fact-slide:focus {
	opacity: 1 !important;
} */




/* Layout adjustments for frames below/above each other */
@media (max-width: 768px) {
		
	/* .facts-page-header + .rhuk-large-fact-module,
	.rhuk-large-fact-module + .rhuk-facts-grid-module,
	.rhuk-facts-grid-module + .rhuk-large-fact-text {
		padding-top: 0rem;
	} */

}


/* Facts page */
.page-facts,
.page-facts #page {
	background: var(--grey);
	color: var(--black);
}

.page-facts #page {
	margin-bottom: 20rem;
}

@media (max-width: 768px) {
	.page-facts h1 {
		font-size: var(--heading-medium);
	}	
}


.page-facts .heading--mg{
	color: var(--blue);
}


/* Layout adjustments for frames paddings */
@media (max-width: 1024px) {
	.page-facts .rhuk-frame {
		padding-top: 8rem;
		padding-bottom: 0;
	}
}
@media (max-width: 768px) {
	.page-facts .rhuk-frame {
		padding-top: 8rem;
		padding-bottom: 0;
	}
}


/* Home hero */
.rhuk-front-hero {
	min-height: 100svh !important;
	background: var(--darkblue);
}

/* @media (max-width: 1024px) {
	.rhuk-front-hero {
		height: 100svh;
	}
} */


/* Hero background positioned behind */
.rhuk-home-hero-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	opacity: 1;
}
.rhuk-home-hero-background figure {
	height: 100%;
}
.rhuk-home-hero-background video {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

/* Background gradient */
.rhuk-home-hero-background::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 66vh;
	background: linear-gradient(180deg, rgba(0, 37, 85, 0.00) 0%, #002555 100%);
}


/* Hero content containers */
.front-hero-content {
	position: relative;
	display: grid;
	grid-template-columns: repeat(var(--rhuk-cols), 1fr);
	padding-bottom: 1.5rem;
	/* background: black; */
	z-index: 2;
}


/* Welcome / fact rows */
.front-hero-welcome {
	grid-column: 1 / span 7;
	width: auto !important;
}
.front-hero-facts {
	grid-column: 8 / -1;
	width: auto !important;
}
@media (max-width: 768px) {
	.front-hero-welcome,
	.front-hero-facts {
		grid-column: 1 / -1;
	}
	.front-hero-facts {
		margin-top: 3rem;
	}
}

/* Welcome texts */
.front-hero-rh-title,
.front-hero-rh-tagline {
	font-size: var(--heading-medium-small);
	line-height: 1.1em;
	margin-bottom: 0;
}
.front-hero-rh-title {
	font-weight: bold;
}
.front-hero-rh-tagline {

}

.front-hero-welcome-tag {
	border-bottom: 1px solid rgba(255, 255, 255, 0.30);
	height: 4rem;
	display: flex;
	align-items: center;
	margin-bottom: 1.5rem;
}


/* Facts (marquee thing) */
.front-hero-facts-label-container {
	border-bottom: 3px solid white;
	height: 4rem;
	font-size: var(--heading-medium-small);
}
@media (max-width: 768px) {
	.front-hero-facts-label-container {
		height: 3.25rem;
		border-bottom: 2px solid white;
		/* margin-bottom: 0.75rem; */
	}
}

.front-hero-facts-value-container {
	font-size: 9.625rem;
	line-height: 1.1em;
	/* border: 1px solid red; */
	height: 10rem;
}
@media (max-width: 1024px) { /* Tablet */
	.front-hero-facts-value-container {
		font-size: 8rem;
		padding-top: 1rem;
		height: 10rem;
		/* border: 1px solid red; */
	}
}
@media (max-width: 768px) {
	.front-hero-facts-value-container {
		font-size: 3rem;
		/* height: 3.75rem; */
		padding-top: 1rem;
		height: 4.75rem;
	}
}

/* Animation */
/* sets multiple of 100% to translateY the the list items, based on active index */
.front-hero-facts {
	--translate: 0%;
}

/* Inner fact items */
.front-hero-facts ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden;
}

.front-hero-facts-label-container ul {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
}
.front-hero-facts-label-container li {
	grid-column: 1 / span 1;
	grid-row: 1 / span 1;
	transition: 0.5s;
}
.front-hero-facts-label-container li:not(.active) {
	opacity: 0;
}

@media (max-width: 768px) {
	.front-hero-facts-value-container ul {
		/* border: 1px solid red; */
	}
}


.front-hero-facts-value-container li {
	transition: 0.5s;
	/* transform: translateY(var(--translate)); */
	transform: translateY(calc(var(--translate) - 2rem));
	line-height: 1.5em;
}
.front-hero-facts.restart li {
	transition: 0s;
}
@media (max-width: 768px) {
	.front-hero-facts-value-container li {
		transform: translateY(calc(var(--translate) - 0rem));
		line-height: 1.1em;
	}
}





/* Front hero pause */
.front-hero-content .button--pause-hero {
	position: absolute;
	right: 2rem;
	bottom: 2rem;
	background: none !important;
	/* border: 1px solid white; */
	width: 4rem;
	height: 3rem;
	padding: 0 !important;
	cursor: pointer;
}
.front-hero-content .button--pause-hero svg rect {
	fill: white;
}

@media (max-width: 1024px) { /* Tablet */
	.front-hero-content .button--pause-hero {
		bottom: 16rem;
	}
}
@media (max-width: 768px) { /* Mobile */
	.front-hero-content .button--pause-hero {
		bottom: 2rem;
	}
}

.button--pause-hero.paused svg {
	opacity: 0;
}
.button--pause-hero.paused span {
	background-image: url("data:image/svg+xml,%3Csvg width='13' height='16' viewBox='0 0 13 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 16V0L13 8.5L0 16Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat no-repeat;
	background-position: center center;
	background-size: contain;
}



/* block editor override */
.editor-styles-wrapper .front-hero-facts-label-container {
	position: relative;
	height: auto;
}
.editor-styles-wrapper .front-hero-facts-label-container ul {
	display: block !important;
	font-size: 1.625rem;
	position: relative;
	bottom: 0;
	/* border: 1px solid hotpink; */
	height: auto;
}
.editor-styles-wrapper .front-hero-facts-label-container li:not(.active) {
	opacity: 1;
}

.editor-styles-wrapper .front-hero-facts-value-container {
	font-size: 3.625rem;
	height: auto;
}







/* Front map */
.rhuk-home-map-module {
	background: var(--darkblue);
	color: white;
	padding-bottom: 1rem;
}

.rhuk-home-map-module .partners-header-area h2 {
	width: auto;
	font-size: 3rem;
	
}
.rhuk-home-map-header-text-content {
	padding-bottom: 2rem;
	border-bottom: 1px solid var(--lightblue);
	display: grid !important;
	grid-template-columns: repeat(var(--rhuk-cols), 1fr);
}
.rhuk-home-map-header-text-content h2 {
	grid-column: 1 / span 5;
	font-size: var(--heading-big);
}
.rhuk-home-map-header-text-content .gb-button {
	grid-column: span 4 / -1;
	margin-top: 2rem;
}


@media (max-width: 1024px) { /* Tablet */
	.rhuk-home-map-header-text-content h2 {
		grid-column: 1 / span 6;
	}
	.rhuk-home-map-module #map {
		height: 50vh;
	}
}

@media (max-width: 768px) {
	.rhuk-home-map-module #map {
		height: 50vh;
	}
	.rhuk-home-map-header-text-content {
		flex-direction: column;
	}
	.rhuk-home-map-header-text-content h2 {
		grid-column: 1 / -1;
	}
	.rhuk-home-map-header-text-content .gb-button {
		width: 100%;
		margin-top: 0;
	}

}

.rhuk-home-map-module .rhuk-map-go-fullscreen {
	display: none;
}

.rhuk-home-map-module .heading--underline {
	color: inherit;
}

.rhuk-home-map-container {
	position: relative;
}
.rhuk-home-map-container .list-button {
	display: none;
	position: absolute;
	top: -1rem;
	left: var(--rhuk-margin);
	z-index: 501;
}


/* Map page / partners page */
.page-partners {
	background: var(--darkblue);
	color: white;
}
.page-partners #page {
	background: var(--darkblue);
	color: white;
}


.partners-header-area {
	padding-bottom: 0;
}


.page-partners .heading--underline {
	color: inherit;
}

.partners-header-area h1,
.partners-header-area h2 {
	margin-top: 1rem;
	width: 70%;
}
@media (max-width: 768px) {
	.partners-header-area h1,
	.partners-header-area h2 {
		width: 100%;
		margin-bottom: 2rem;
	}

}

.rhuk-maps-filters {
	padding-top: 0;
	padding-bottom: 0;
}
.rhuk-maps-filters ul {
	border-top: 1px solid var(--lightblue);
	/* border: 1px solid red; */
	margin: 0;
	margin-top: 1.5rem;
	padding-top: 1rem;
	list-style-type: none;
	display: flex;
	gap: 2rem;
}
.rhuk-maps-filters ul li a {
	color: inherit;
	text-decoration: none;
}
.rhuk-maps-filters ul li a:not(.active) {
	opacity: 0.5;
}
@media (max-width: 768px) {
	.rhuk-maps-filters ul {
		font-size: 1rem;
		gap: 1.25rem;
	}
}


/* Map element */
/* Uses amcharts */

#map {
	/* border: 1px solid red; */
	margin-top: 1rem;
	margin-bottom: 5rem;
	height: 100vh;
	width: 100%;
	background: var(--darkblue);
}
@media (max-width: 1024px) {
	#map {
		height: 60svh;
		margin-bottom: 2rem;
	}
}
@media (max-width: 768px) {
	#map {
		height: 80svh;
		margin-bottom: 2rem;
	}
}

@media (max-width: 768px) {
	.page-partners #map {
		height: 60svh;
	}
}


.leaflet-interactive {
	cursor: default;
}

/* Map top gradient overlay */
#map::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10%;
	background: linear-gradient(180deg, #002555 40%, rgba(0, 37, 85, 0.00) 100%);
	z-index: 500;
	pointer-events: none;
}
#map::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10%;
	background: linear-gradient(0deg, #002555 20%, rgba(0, 37, 85, 0.00) 100%);
	z-index: 500;
	pointer-events: none;
	/* border: 1px solid red; */
}
@media (max-width: 768px) {
	#map::before {
		height: 15%;
	}
}


/* Back button / zoom out button */
.rhuk-map-back {
	position: absolute;
	z-index: 500;
	/* left: var(--rhuk-margin); */
	left: 2rem;
	top: 4rem;
	display: none;
}
#map.zoomed .rhuk-map-back {
	display: block;
}


/* Full screen button */
.rhuk-map-go-fullscreen {
	position: absolute;
	right: 1.5rem;
	bottom: 3rem;
	z-index: 500;
	cursor: pointer;
}
.rhuk-map-go-fullscreen svg * { 
	transform-box: fill-box;
}
  
.full-screen .rhuk-map-go-fullscreen path:first-child {
	transform-origin: center;
	transform: translate(-3px, -3px) rotate(180deg);
}
.full-screen .rhuk-map-go-fullscreen path:last-of-type {
	transform-origin: center;
	transform: translate(3px, 3px) rotate(180deg);
}

.full-screen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100dvh;
	z-index: 1000;
	background: var(--darkblue);
	/* border: 2px solid red; */
}
.full-screen .rhuk-maps-filters {
	/* border: 1px solid hotpink; */
	height: 20px;
}
.full-screen .rhuk-maps-filters ul {
	border: none;
	margin-top: 0;
}
.full-screen #map {
	height: calc(100dvh - 20px);
}
.full-screen #map::after {
	display: none;
}


/* Animate lines */
/* hacky way to target them, maybe consider fixing */
#map path[stroke="#009CE8"]{
	stroke-dasharray: 100%;
	-webkit-animation: am-draw 8s;
	animation: am-draw 8s;
}

@keyframes am-draw {
	0% {
		stroke-dashoffset: 100%;
	}
	100% {
		stroke-dashoffset: 0%;
	}
}




/* Mapbox map */
#map .cluster {
	background: var(--lightblue);
	border-radius: 50px;
	display: flex;
	cursor: pointer;
}

#map .cluster-inner {
	opacity: 0;
	position: absolute;
	left: 50%;
	top: 0;
	pointer-events: none;
	transform: translateX(-50%) translateY(calc(-100% + 0.5rem));
	transition: 0.2s;
	text-align: center;
	display: flex;
	/* flex-direction: column; */
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem;
}
#map .cluster-submarker {
	background: white;
	color: var(--lightblue);
	width: max-content;
	padding: 0.6rem 1.2rem;
	font-weight: bold;
	border-top: 1px solid var(--lightblue);
}
#map .cluster-submarker::after {
	content: '';
	position: absolute;
	/* background: red; */
	width: 100%;
	height: 100%;
	left: 0;
	bottom: -1rem;
	z-index: -1;
}

#map .cluster.active .cluster-inner {
	opacity: 1;
	transform: translateX(-50%) translateY(calc(-100% - 0.5rem));
}
#map .cluster.active {
	z-index: 1002 !important;
}
@media (hover: hover) {
	#map .cluster:hover .cluster-inner {
		opacity: 1;
		transform: translateX(-50%) translateY(calc(-100% - 0.5rem));
	}
	#map .cluster:hover {
		z-index: 1002 !important;
	}
	#map .cluster.active .cluster-inner {
		opacity: 1;
		transform: translateX(-50%) translateY(calc(-100% - 0.5rem));
	}
	#map .cluster.active {
		z-index: 1002 !important;
	}
}
#map .cluster:hover,
#map .map-marker:hover {
	z-index: 1001 !important;
}

#map .map-marker {
	/* border: 1px solid blue; */
	/* cursor: pointer; */
}
#map .map-marker-inner {
	/* border: 1px solid red; */
	border-radius: 50px;
	width: 10px;
	height: 10px;
	background: var(--lightblue);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#map .marker-tooltip {
	position: absolute;
	left: 50%;
	top: 0;
	opacity: 0;
	pointer-events: none;
	background: white;
	color: var(--lightblue);
	transform: translateX(-50%) translateY(calc(-100% + 0.5rem));
	width: max-content;
	padding: 0.6rem 1.2rem;
	font-weight: bold;
	border-top: 1px solid var(--lightblue);
	transition: 0.2s;
}
#map .marker-tooltip::after {
	content: '';
	position: absolute;
	/* background: red; */
	width: 100%;
	height: 1rem;
	left: 0;
	bottom: -1rem;
}
#map .marker-tooltip.pointers,
#map .map-marker:hover .marker-tooltip,
#map .cluster:hover .cluster-inner .cluster-submarker,
#map .cluster-inner.pointers {
	pointer-events: auto;
}
@media (max-width: 768px) {
	#map .map-marker-inner {
		width: 8px;
		height: 8px;
	}
	#map .marker-tooltip, .cluster-inner {
		font-size: 0.6rem;
	}
}

#map .rh-map-marker .marker-tooltip {
	background: var(--lightblue);
	color: white;
	
}

#map .rh-map-marker.active .marker-tooltip,
#map .map-marker.active .marker-tooltip {
	opacity: 1;
	transform: translateX(-50%) translateY(calc(-100% - 0.5rem));
}
#map .map-marker.active {
	z-index: 1002 !important;
}

@media (hover: hover) {
	#map .rh-map-marker:hover .marker-tooltip,
	#map .map-marker:hover .marker-tooltip {
		opacity: 1;
		transform: translateX(-50%) translateY(calc(-100% - 0.5rem));
		pointer-events: auto !important;
	}
	#map .map-marker:hover {
		z-index: 1002 !important;
	}
	#map .rh-map-marker.active .marker-tooltip,
	#map .map-marker.active .marker-tooltip {
		opacity: 1;
		transform: translateX(-50%) translateY(calc(-100% - 0.5rem));
		/* pointer-events: auto !important; */
	}
	#map .map-marker.active {
		z-index: 1002 !important;
	}
}


/* when drawing lines, hide markers */
#map .map-marker,
#map .cluster {
	transition: 0.3s;
}
#map.drawing-lines .map-marker,
#map.drawing-lines .cluster {
	transition: 0s;
	opacity: 0 !important;
	/* transform: scale(0) !important; */
}


.leaflet-overlay-pane path {
	/* stroke: #009CE8; */
}



.leaflet-control-zoom {
	display: none;
}
.leaflet-control-attribution {
	opacity: 0.0001;
	pointer-events: none;
}

#map-svg {
	display: none;
}



/* RH marker */
.rh-map-marker {
	/* background: var(--lightblue); */
	background: white;
	border-radius: 50%;
	z-index: 1000 !important;
}





/* Text content */

@media (max-width: 768px) {
	.page-partners h2:not(.heading--b) {
		font-size: 2.25rem;
	}
}

.partners-top-100 {
	padding-top: 0;
	padding-bottom: 0;
}
@media (max-width: 768px) {
	.partners-top-100 p {
		font-size: 1rem;
	}
}

.partners-top-100 + .rhuk-frame {
	padding-top: 7rem;
}

/* Partner areas */
.partner-list-area {
	margin-bottom: 8rem;
}

/* Individual areas */
.partner-area-container {
	margin-bottom: 8rem;
}

.partner-area-heading {
	margin-right: var(--gutter);
	border-top: 1px solid var(--lightblue);
	padding-top: 1.2rem;
}

@media (max-width: 768px) {
	.partners-top-100 + .rhuk-frame {
		padding-top: 2rem;
	}
	.partner-area-container {
		margin-bottom: 5rem;
	}
	.partner-area-heading {
		margin-right: 0;
	}
}


/* Partner list items */
.rhuk-partner-list-items {
	/* border: 1px solid white; */
}

.rhuk-partner-list-item {
	position: relative;
	border-top: 1px solid var(--lightblue);
	padding: 1rem 0;
}
.rhuk-partner-list-items .gb-grid-column:last-child {
	border-bottom: 1px solid var(--lightblue);
}
.partner-items-more-list .gb-grid-column:first-child .rhuk-partner-list-item {
	border-top: none;
}

.rhuk-partner-list-item a {
	color: white;
	text-decoration: none;
}
.rhuk-partner-list-item a:hover {
	text-decoration: underline;
}
.rhuk-partner-list-item a::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.rhuk-partner-list-item:has(a)::after {
	content: '';
	position: absolute;
	top: 1.7rem;
	right: 0;
	width: 1rem;
	height: 1rem;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.32373 12.6562L11.9806 6.9994L6.32373 1.34254' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat no-repeat;
	background-position: center center;
	background-size: cover;
}

@media (max-width: 768px) {
	.rhuk-partner-list-item {

	}
	.rhuk-partner-list-item .heading--s {
		font-size: 1rem;
	}
	.rhuk-partner-list-item::after {
		top: 1.3rem;
	}
}




.partner-area-container .gb-button {
	margin-top: 2rem;
	background-color: var(--lightblue);
	padding: 0.5rem 1.2rem;
}
@media (max-width: 768px) {
	.partner-area-container .gb-button {
		width: 100%;
	}
}


/* Hide not expanded list */
.partner-area-container:not(.expanded) .partner-items-more-list {
	display: none;
}
/* hided more button if no expand items */
.partner-area-container.no-expand .gb-button {
	display: none;
}