/*
Theme Name: DBC Digital 2024
Theme URI: http://supertusch.dk/theme/dbcdigital/
Description: Basically Bootstrap 5 Child Theme created for DBC Digital 2024
Author: Supertusch
Author URI: http://supertusch.dk
Template: basically-bootstrap-5
Version: 1.0.0
Domain Path: /languages
Text Domain: dbcdigital
*/

/* Fonts */
html {
	font-size: 14px;
	language: da;
}
body {
	font-family: 'Tajawal', Helvetica, Arial, sans-serif;
}
* {
	text-rendering: optimizeLegibility;
}
@media screen and (min-width: 576px) {
	html {
		font-size: 16px;
	}
}
@media screen and (min-width: 992px) {
	html {
		font-size: 18px;
	}
}

/* Animations */
.content-block.is-in-view {
	animation: moveUp ease 1.5s forwards;
}
.content-block .pre-header,
.content-block-faktabokse,
.content-block-billede_og_tekst .image-text-content-container,
.content-block-billede_og_tekst .image-container-normal,
.content-block-billede_og_tekst .image-container-pills,
.sub-page-background-pill-content {
	opacity: 0.5;
}
.content-block.is-in-view .pre-header {
	animation: fadeInAnimation ease 2s forwards;
}
.sub-page-background-pill-content {
	animation: fadeInAnimation ease 1s forwards;
}
.content-block .page-item:not(.slide-item) {
	opacity: 0.5;
}
.content-block.is-in-view .page-item:nth-of-type(1) {
	animation: fadeInAnimation ease 2s forwards;
}
.content-block.is-in-view .page-item:nth-of-type(2) {
	animation: fadeInAnimation ease 3s forwards;
}
.content-block.is-in-view .page-item:nth-of-type(3) {
	animation: fadeInAnimation ease 4s forwards;
}
.content-block.is-in-view .page-item:nth-of-type(4) {
	animation: fadeInAnimation ease 3s forwards;
}
.content-block.is-in-view .page-item:nth-of-type(5) {
	animation: fadeInAnimation ease 4s forwards;
}
.content-block.is-in-view .page-item:nth-of-type(6) {
	animation: fadeInAnimation ease 5s forwards;
}
.content-block-billede_og_tekst.is-in-view .image-text-content-container {
	animation: fadeInAnimation ease 5s forwards, moveUp ease 1.5s forwards;
}
.content-block-billede_og_tekst.is-in-view .image-container-normal,
.content-block-billede_og_tekst.is-in-view .image-container-pills {
	animation: fadeInAnimation ease 3s forwards, moveUp ease 1.5s forwards;
}
.image-text-grid .grid-image,
.image-text-grid .grid-text {
	opacity: 0.5;
}
.content-block-faktabokse.is-in-view,
.content-block.is-in-view .image-text-grid .grid-image {
	animation: fadeInAnimation ease 2s forwards, moveUp ease 1.5s forwards;
}
.content-block.is-in-view .image-text-grid .grid-text {
	animation: fadeInAnimation ease 3s forwards, moveUp ease 1.5s forwards;
}
.content-block-citat .quote {
	position: relative;
	left: -5%;
}
.content-block-citat .quotee {
	position: relative;
	right: -5%;
}
.content-block.is-in-view .quote {
	animation: fromLeft ease .5s forwards;
}
.content-block.is-in-view .quotee {
	animation: fromRight ease 1s forwards;
}
.content-block.is-in-view .highlight {
	display: inline-block;
	animation: scaleUpDown ease 1s;
}
.background-dark {
	background-color: var(--white);
}
.content-block.is-in-view.background-dark {
	animation: addColor ease 2.5s forwards, moveUp ease 1.5s forwards;
}
#clever-container.initialized {
	animation: fadeInFadeOutAnimation ease 6s infinite;
}
.reveal-overlay {
    animation: revealImage ease 1s forwards;
}

@keyframes revealImage {
	0% {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@keyframes moveUp {
	0% {
		transform: translateY(2rem);
	}
	to {
		transform: translateY(0);
	}
}

@keyframes fadeInAnimation {
	0% {
		opacity: 0.5;
	}
	to {
		opacity: 1;
	}
}

@keyframes fromLeft {
	0% {
		left: -5%;
	}
	to {
		left: 0;
	}
}

@keyframes fromRight {
	0% {
		right: -5%;
	}
	to {
		right: 0;
	}
}

@keyframes scaleUpDown {
	0% {
		transform: scale(.9);
	}
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}

@keyframes addColor {
	0% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeInFadeOutAnimation {
 	0%,100% { opacity: 0 }
 	10%,90% { opacity: 0.9 }
	50% { opacity: 1 }
}

/* Variables */

:root {
	/* Colors */
	--black: #000000;
	--black-1: #000000;
	--black-2: #000000;
	--white: #ffffff;
	--grey: #cdcecf;
	--dark-grey: #595959;
	
	/* Site 1 */
	--dark: #0C3EE3; /* Primary dark */
	--dark-rgb: 12, 62, 227;
	--medium: #f5fbff; /* Primary light */
	--medium-dark: #3c9fff;
	--medium-light: #c4e5ff;
	--electric: #0495fe; 
	
	/* Shortcuts */
	--pine: #e7ffef;
	--lime: #D0EBEE;
	--red: #ffe7e6;
	--purple: #c7c3e6;
	
	/* Teal */
	--light-teal: #ECF7F8;
	--teal: #D0EBEE;
	--medium-teal: #198C8C;
	--dark-teal: #008080;
	
	/* Sand */
	--light-sand: #F9F7EE;
	--sand: #E6D69B;
	--medium-sand: #CFA566;
	--dark-sand: #CA9B55;
	
	/* Lavender */
	--light-lavender: #F8F5F7;
	--lavender: #D1C7CF;
	--medium-lavender: #B2A2B0;
	--dark-lavender: #876e87;
	
	/* Sky */
	--light-sky: #F1F6F8;
	--sky: #D6E2E9;
	--medium-sky: #84A9BD;
	--dark-sky: #507c95;
	
	/* Eucalyptus */
	--light-eucalyptus: #F1F8F5;
	--eucalyptus: #DDEEE5;
	--medium-eucalyptus: #A4D4B4;
	--dark-eucalyptus: #2E6048;

	/* Heights */
	--header-height: 105.25px;
	--utility-height: 40px;
	--large-padding: 6rem;
	--medium-padding: 4rem;
	--small-padding: 2rem;
	--minimal-padding: 1rem;
}
.site-2 {
 	--dark: #764abc; /* Primary Dark */
 	--dark-rgb: 118, 74, 188;
 	--medium: #f8f5ff; /* Primary Light */
 	--medium-dark: #ac92d6;
 	--medium-light: #c8b6e4;
 	--electric: #e5dbff;
}

/* Distances */
.background-white {
	padding: var(--minimal-padding) 0;
}
.page-template .background-white {
	padding: var(--large-padding) 0;
}
.page-template .background-white.padding-small {
	padding: var(--small-padding) 0;
}
.page-template .content-block-1.padding-small {
	padding-top: var(--large-padding);
}
.page-template .content-block.background-white.padding-small:last-of-type {
	padding-bottom: var(--large-padding);
}
.background-white + .background-white,
.alternative-light-teal + .alternative-light-teal,
.alternative-peach + .alternative-peach,
.alternative-sand + .alternative-sand,
.alternative-light-sand + .alternative-light-sand {
	padding-top: var(--small-padding);
}
.background-light + background-white,
.background-dark + background-white {
	padding-top: var(--large-padding);
}
.background-light {
	padding: var(--large-padding) 0;
}
.background-light:not(.alternative) + .background-light {
	padding-top: var(--small-padding);
}
.background-dark {
	padding: var(--large-padding) 0;
}
.background-dark + .background-dark {
	padding-top: 0;
}
.background-light + .background-dark {
	margin-top: 0;
}
.background-dark.alternative + .background-dark {
	padding-top: var(--large-padding);
}
.background-light + .background-white,
.background-dark + .background-white {
	padding-top: var(--large-padding) !important;
}
.content-block-billedefull {
	padding-top: 0 !important;
}
.home .content-block-1,
.sub-page-background-none + .content-block-1.background-white,
.sub-page-background-stripes + .content-block-1.background-white {
	padding-top: var(--small-padding);
}
.extra-padding-bottom {
	padding-bottom: var(--medium-padding) !important;
}

/* General */
html {
	scroll-behavior: smooth;
}
article {
	padding-bottom: 0;
}
.single article {
	/*margin-bottom: 4rem;*/
}
.single article .content-block {
	padding-bottom: var(--large-padding);
}
p,
a p {
	color: var(--black-1);
	line-height: normal;
	letter-spacing: 0.2px;
	font-size: 1rem;
}
.display_archive .campaign {
	margin-bottom: 1rem;
}
.display_archive a,
p a {
	color: var(--dark);
	display: inline-block;
	font-weight: 500;
}
.display_archive a,
p a,
.breadcrumbs a span,
.category-label a,
.note-link span {
	position: relative;
	text-decoration: none;
}
.note-link span {
	padding-left: .25rem;
}
.code-block pre {
	margin-bottom: 0;
}
.display_archive a:before,
p a::before,
.category-label a:before,
.note-link span:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	border-radius: 1px;
	background-color: rgba(var(--dark-rgb), 0.4);
	bottom: 2px;
	left: 0;
	transform: scaleX(1);
}

.display_archive a:after,
p a::after,
.category-label a:after,
.note-link span:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1.5px;
	border-radius: 1px;
	background-color: #0C3EE3;
	bottom: 2px;
	left: 0;
	transform-origin: right;
	transform: scaleX(0);
	transition: transform 0.3s ease-in-out;
}
.documentation-block p a::before,
.documentation-block p a::after {
  content: none !important;
}
.documentation-block .anchor {
	scroll-margin-top: -25px;
}
#breadcrumbs-container a span:before,
#breadcrumbs-container a span:after {
	background-color: var(--white);
}
.block-link {
	display: block;
	width: 100%;
}
figure {
	margin-bottom: 0;
	display: block;
	width: 100%;
	opacity: 1 !important;
  visibility: visible !important;
  min-height: 10px;
}
img {
	display: block;
	min-height: 10px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--black-2);
	line-height: 1;
}
h1 {
	font-size: 2rem;
}
h2 {
	margin-bottom: 2rem;
	font-size: 1.75rem;
}
h3 {
	font-size: 1.5rem;
}
h3.post-h2 {
	margin-bottom: 1.5rem;
}
h4 {
	font-size: 1.3rem;
}
.error-404 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-bottom: 5rem;
	min-height: 50vh;
}
pre {
	background-color: var(--medium);
	padding: 0.5rem;
	text-wrap: balance;
}
.overlay-container {
	position: relative;
	display: flex;
	flex-direction: column;
}
.overlay-content {
	position: absolute;
	width: 100%;
	bottom: 8rem;
}
.pre-header-dark,
.pre-header-primary,
.header-dark,
.image-description-dark p,
.over-image-cta-container-dark span {
	color: var(--black);
}
.header-primary,
.image-description-primary p,
.over-image-cta-container-primary span {
	color: var(--dark);
}
.grid-columns-2 {
	align-items: center;
}
.grid-columns-2 .arrow-link {
	padding-top: 2rem;
}
.print-button {
	margin-right: .5rem;
}
@media screen and (min-width: 576px) {
	h1 {
		font-size: 2.2rem;
	}
	h2 {
		font-size: 2rem;
		margin-bottom: 3.5rem;
	}
}
*:focus-visible {
  outline: 1px dashed !important;
  outline-offset: .2rem !important;
}
.video-controls .pause-button:focus-visible,
.video-controls .play-button:focus-visible {
	outline-color: var(--white) !important;
}
*:focus:not(:focus-visible) {
  outline: none !important;
}
.sf-input-text:focus-visible {
	box-shadow: none !important;
}
input {
	border-radius: 0;
}
.anchor {
	position: relative; 
	top: -8rem; 
	visibility: hidden;
}
.anchor-content {
	position: relative;
	display: block;
	top: -15rem;
}
.anchor-link .active {
	border-bottom: 1px solid var(--dark);
}
.hidden {
	display: none;
}
.center {
	text-align: center;
}
.disabled {
	pointer-events: none;
}
.d-grid {
	display: grid;
}
.page-template-default h2 {
	font-size: 1.6875rem;
	margin-bottom: 1.5rem;
}
.post-link {
	text-decoration: none;
}
.arrow-link {
	color: var(--dark);
	font-size: 1rem;
	text-decoration: none;
}
.note-link {
	color: var(--dark);
	font-size: 1rem;
	margin-top: -1rem;
	text-decoration: none;
}
.note-link:before {
	content: '*';
}
.download-arrow svg {
	transform: rotate(90deg);
	margin-top: .25rem;
}
.download-arrow span {
	padding-left: .5rem;
}
.LinkArrow {
	stroke: currentColor;
	height: 1rem;
	margin-top: 1px;
}
.arrow-link.LinkArrow svg {
	margin-left: 0.5rem;
}
.flex-link {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}
.shortcut-link {
	display: flex;
	justify-content: center;
}
.shortcut-link .LinkArrow {
	margin-left: 1rem;
}
.LinkArrow__tipPath {
	transform: translateX(6px);
}
.center-link {
	display: flex;
	justify-self: center;
}
.left-link {
	display: flex;
	justify-self: flex-start;
}
.right-link {
	display: flex;
	justify-self: flex-end;
}
.read-more-link {
	display: flex;
	justify-content: flex-end;
	color: var(--dark);
	font-size: 1rem;
}
.read-more-link span {
	display: flex;
	justify-self: flex-end;
}
.center-link .LinkArrow,
.left-link .LinkArrow,
.right-link .LinkArrow,
.read-more-link .LinkArrow {
	margin-left: .5rem;
}
#fast-track-link .LinkArrow {
	margin-left: 1rem;
}
.slick-next,
.slick-prev {
	color: var(--dark);
	font-size: 20px;
}
.slick-prev svg {
	transform: rotate(180deg);
}
ul li,
ol li {
	margin-bottom: 0.5rem;
	color: var(--black-1);
	font-size: 1rem;
}
ul:not(.no-bullet, .pagination, .slick-dots, .mega-menu, .dropdown-menu, #menu-utility, #wp-admin-bar-root-default, #wp-admin-bar-top-secondary) li::marker {
	color: var(--dark);
	content: '\25CF   ';
}
.background-dark ul li,
.background-dark ol li {
	color: var(--white);
}
.background-dark ul:not(.pagination, .slick-dots, .mega-menu) li::marker,
.sub-page-background-dark ul:not(.pagination, .slick-dots, .mega-menu) li::marker {
	color: var(--white);
}
.image-pill .featured-image,
.image-container-high-pill,
.image-container-pill {
	overflow: hidden;
	border-radius: 9999px;
}
.video-container {
	line-height: 0;
	max-width: 2000px;
}
.video-container-high-pill video {
	border-radius: 9999px;
}
.image-container-pill img {
	object-fit: cover;
	aspect-ratio: 5 / 3;
}
.video-container-pill video {
	border-radius: 9999px;
	object-fit: cover;
	aspect-ratio: 5 / 3;
}
.video-container-pills video,
.image-container-pills img,
.image-container-normal img {
	object-fit: cover;
	aspect-ratio: 5 / 3;
}
.image-container-high-pill img,
.video-container-high-pill video {
	object-fit: cover;
	aspect-ratio: 3 / 5;
}
.video-container-pills video,
.image-container-pills img {
	max-width: 100%;
	-webkit-mask-image: url(/wp-content/themes/dbcdigital/assets/images/threepillsmask.svg);
	mask-image: url(/wp-content/themes/dbcdigital/assets/images/threepillsmask.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: 100%;
	mask-size: 100%;
}
.text-columns-1 h2,
.text-columns-2 h2,
.text-columns-3 h2 {
	margin-bottom: 1.5rem;
}
.edge-browser .read-more-link span,
.windows-system .read-more-link span {
	align-items: center;
}
.edge-browser .cta-container .arrow-link,
.windows-system .cta-container .arrow-link {
	display: flex;
	align-items: center;
}

@media screen and (min-width: 768px) {
	.arrow-link,
	.read-more-link {
		font-size: 20px;
	}
	.LinkArrow {
		height: 20px;
		margin-top: 2px;
	}
	.edge-browser .LinkArrow,
	.windows-system .LinkArrow {
		margin-top: 0;
	}
}
@media screen and (min-width: 992px) {
	.grid-columns-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.grid-columns-2 .note-link {
		margin-top: -5rem;
	}
	.text-columns-2 {
		column-count: 2;
		column-gap: 2rem;
		margin-bottom: 2rem;
	}
	.text-columns-3 {
		column-count: 3;
		column-gap: 2rem;
		margin-bottom: 2rem;
	}
}

@media screen and (min-width: 1200px) {
	.pre-header-light,
	.header-light,
	.image-description-light p,
	.over-image-cta-container-light span {
		color: var(--white) !important;
	}
}

@media screen and (hover: hover) {
	.LinkArrow__linePath {
		opacity: 0;
		transition: opacity 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.LinkArrow__tipPath {
		transition: 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translateX(0);
	}
	p a:hover,
	.note-link span:hover {
		color: var(--dark);
	}
	.display_archive a:hover::after,
	p a:hover::after,
	.documentation-block li a:hover::after,
	.breadcrumbs a span:hover::after,
	.category-label a:hover::after,
	p a:focus:after,
	.documentation-block li a:focus:after,
	.breadcrumbs a span:focus:after,
	.category-label a:focus:after,
	.note-link:hover span:after {
		transform-origin: left;
		transform: scaleX(1);
	}
	.arrow-link:hover {
		color: var(--dark);
	}
	.over-image-cta-container-light .arrow-link:hover {
		color: var(--white) !important;
	}
	.over-image-cta-container-dark .arrow-link:hover {
		color: var(--black) !important;
	}
	.block-link:hover .LinkArrow__tipPath,
	.arrow-link:hover .LinkArrow__tipPath,
	.sf-field-submit:hover .LinkArrow__tipPath,
	.arrow-link:focus .LinkArrow__tipPath,
	.sf-field-submit:focus .LinkArrow__tipPath {
		transform: translateX(6px);
	}
	.block-link:hover .LinkArrow__tipPath,
	.arrow-link:hover .LinkArrow__linePath,
	.sf-field-submit:hover .LinkArrow__linePath,
	.arrow-link:focus .LinkArrow__linePath,
	.sf-field-submit:focus .LinkArrow__linePath {
		opacity: 1;
	}
}


/* Accessibility */
.screenreader-text {
	position: absolute;
	left: -999px;
	width: 1px;
	height: 1px;
	top: auto;
}
.screenreader-text:focus {
	color: $background-color;
	display: inline-block;
	height: auto;
	width: auto;
	position: static;
	margin: auto;
}

/* Accessibility Video */
.accessible-video-container {
	position: relative;
}
.video-controls {
	position: absolute;
	right: 1rem;
	top: 1rem;
	z-index: 10;
	will-change: transform;
  transition: opacity 0.3s ease-in-out;
}
.video-pill .video-controls {
	display: flex;
	justify-content: center;
	left: 0;
  bottom: .5rem;
  top: unset;
  width: 100%;
}
.grid-video-buttons,
.related-video-buttons {
	right: .5rem !important;
	top: .5rem !important;
}
.image-text-grid-left .grid-video-buttons {
	left: 1.5rem;
	right: unset;
}
.pause-button,
.play-button {
	width: 2rem;
	cursor: pointer;
}
.grid-video-buttons .pause-button,
.grid-video-buttons .play-button,
.related-video-buttons .pause-button,
.related-video-buttons .play-button,
.video-pill .pause-button,
.video-pill .play-button {
	width: 2rem;
}
.pause-button img,
.play-button img {
	will-change: transform;
  transition: transform 0.3s ease-in-out;
  width: 100%;
}

/* Accessibility Sliders */
.slick-play-pause,
.slick-play-pause-dots {
	background: none;
	border: none;
	color: var(--dark);
}
.slick-play-pause svg,
.slick-play-pause-dots svg,
.slick-dots li button {
	transition: transform 0.3s ease-in-out;
	will-change: transform;
}
.slick-play-pause {
	width: 31px;
}
.slick-play-pause-dots {
	padding: 0;
	position: absolute;
	bottom: 0;
}
.slick-arrow .LinkArrow {
	margin-top: 0;
}
.content-slider .slick-play-pause-dots + .slick-dots {
  display: flex !important;
  align-items: center;
  margin-left: 3.5rem;
}

@media screen and (hover: hover) {
	.pause-button:hover img,
	.play-button:hover img,
	.slick-play-pause-dots:hover svg,
	.slick-dots li:hover button {
		transform: scale(1.1);
	}
	.slick-play-pause:hover svg {
		transform: scale(1.3);
	}
	.video-controls {
		opacity: 0;
	}
	.accessible-video-container:hover .video-controls,
	.accessible-video-container:focus-within .video-controls,
	.full-width-image-container:hover .video-controls,
	.full-width-image-container:focus-within .video-controls,
	.sub-page-container:hover .video-controls,
	.sub-page-container:focus-within .video-controls {
		opacity: 1;
	}
}

/* Utility area */
.utility-area {
	background-color: var(--dark);
	height: 40px;
	display: flex;
	align-items: center;
}
.utility-area a {
	color: var(--white);
	font-size: .875rem;
	position: relative;
	text-decoration: none;
}
.menu-utility-container ul {
	list-style: none;
	padding-left: 0;
	display: flex;
	margin-bottom: 0;
}
.menu-utility-container ul li {
	margin-left: 1rem;
	margin-bottom: 0;
	margin-top: 5px;
}

/* Header */
header#page-header {
	position: absolute;
	width: 100%;
	z-index: 100;
	background-color: var(--white);
	top: 40px;
}
header .navbar {
	padding: 12px 0;
}
header .navbar h1 {
	margin-bottom: 0;
}
.navbar-brand {
	display: block;
}
.navbar-brand img {
	height: 70px;
	max-width: 127px;
	will-change: transform;
	transition: height 0.1s ease-in-out;
}
#main-content {
	margin-top: var(--header-height);
}

/* Heros */
@media screen and (max-width: 1199px) {
	.sub-page-container {
		margin: 0;
		padding: 0;
	}
	.single #featured-image-container .container,
	.single-courses-container {
		padding: 0;
		margin: 0;
		margin-top: -3px;
	}
	.single .featured-image,
	.sub-page-container .featured-image,
	.single-courses-container .featured-image {
		width: 100vw;
	}
	.edge-browser .sub-page-background-pill-content,
	.windows-system sub-page-background-pill-content {
		margin-top: -3px;
	}
}
.desktop-only {
	display: none;
}
.hero-image-container {
	position: relative;
	margin-bottom: 5rem;
}
#front-page-hero {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100vw;
}
.front-page-quote-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}
.featured-image-full img {
	object-fit: cover;
	aspect-ratio: 4 / 3;
}
.sub-page-background-pill-content h1,
.sub-page-background-pill-content .sub-page-introduction {
	color: var(--white);
}
.sub-page-background .sub-page-introduction
.sub-page-background-pill-content .sub-page-introduction {
	font-size: 1rem;
	word-wrap: break-word;
	hyphens: auto
}
#clever-container {
	display: none;
	position: absolute;
	z-index: 10;
	margin-top: 5rem;
	text-shadow: 0 0 12px var(--black), 0 1px 0 var(--dark); 
}
#payoff-container {
	position: absolute;
	z-index: 10;
}
#payoff {
	text-shadow: 0 0 12px var(--black), 0 1px 0 var(--dark);
	color: var(--white);
	font-size: 2.1rem;
	font-weight: 300;
	letter-spacing: 0.5px;
	line-height: normal;
	margin-top: -1.9rem;
	padding: 0 1rem;
	text-align: center;
}
#clever-quote {
	color: var(--white);
	font-size: 2rem;
	line-height: normal;
	text-align: center;
	max-width: 800px;
}
#clever-quotee {
	color: var(--white);
	font-size: 1.2rem;
	line-height: normal;
	text-align: center;
	margin-top: 1rem;
}
.front-teaser {
	position: absolute;
	height: 100%;
	display: flex;
	width: 100%;
	align-items: center;
}
.front-teaser h2 {
	color: var(--white);
	font-size: 2.1rem;
	margin-bottom: 1.5rem;
	text-align: center;
	text-shadow: 0 0 12px var(--black), 0 1px 0 var(--dark);
}
.front-teaser .front-teaser-text {
	color: var(--white);
	text-align: center;
	text-shadow: 0 0 12px var(--black), 0 1px 0 var(--dark);
}
.pill-image {
	display: none;
}
.hero-image-container .front-image-container .attachment-full {
	aspect-ratio: 5/10;
	border-radius: 9999px;
	object-fit: cover;
	position: relative;
	z-index: 5;
	top: 0.5rem;
	width: 93%;
}
.full-width-image-container {
	position: relative;
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.photo-credit {
	color: var(--white);
	font-size: .7rem;
	margin-top: -2rem;
	margin-left: 2rem;
	max-width: 2000px;
	text-shadow: 0 0 12px var(--black), 0 1px 0 var(--dark);
	width: 100%;
	z-index: 10;
}
.page-template-page-front .full-width-image-container {
	margin-bottom: 3rem;
}
.full-width-image-container .attachment-full,
.full-width-image-container .attachment-full img {
	aspect-ratio: 16/9;
	object-fit: cover;
	width: 100%;
	filter: brightness(0.8);
	max-width: 2000px;
}
.full-width-image-container .fast-track-container #fast-track-link {
	color: var(--white);
}
.sub-page-background-pill-content,
.sub-page-background,
.sub-page-background-dark {
	padding: 3rem 0;
}
.full-width-video {
	overflow: hidden;
	height: 85vh;
}
.full-width-video video {
	object-fit: cover;
	object-position: center center;
}
.sub-page-container {
	position: relative;
	z-index: 2;
}
.sub-page-container-stripes {
	position: relative;
	top: -183px;
	margin-bottom: -180px;
	z-index: 20;
}
.entry-title {
	word-wrap: break-word;
	hyphens: auto
}
.sub-page-container .featured-image img,
.sub-page-container .video-container video {
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
.sub-page-container-full-pill .video-container video {
	border-radius: 0;
}
.sub-page-container .cta-container,
.sub-page-introduction .cta-container {
	margin-top: 2rem;
}
#hero-video {
	aspect-ratio: 4 / 3;
	object-fit: cover;
	width: 100vw;
	height: 100%;
}
.sub-page-container .featured-image,
.sub-page-container .video-pill {
	position: relative;
	overflow: hidden;
	width: 100vw;
}
.sub-page-container .video-pill {
	border-radius: 9999px;
}
.sub-page-container-video-pill {
	display: block !important;
}
.sub-page-container-video-pill #hero-video {
	width: 100%;
}
.reveal-overlay {
	height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    width: 100%;
}
@media screen and (min-width: 576px) {
	.sub-page-background-pill-content {
		padding: 3rem 0;
	}
	.front-teaser h2 {
		font-size: 2.1rem;
	}
	.front-teaser .front-teaser-text {
		font-size: 1.5rem;
	}
	.photo-credit {
		font-size: .875rem;
	}
}
@media screen and (min-width: 768px) {
	.desktop-only {
		display: block;
	}
	.mobile-only {
		display: none;
	}
	.featured-image-full img,
	#hero-video {
		aspect-ratio: 16 / 9;
	}
	#front-page-hero #hero-video {
		width: 100%;
	}
	.sub-page-introduction {
		margin-top: 2rem;
	}
	.sub-page-container .featured-image img,
	.sub-page-container .video-container video {
		aspect-ratio: 16 / 9;
	}
	.front-teaser h2 {
		font-size: 2.5rem;
	}
}
@media screen and (min-width: 992px) {
	.sub-page-background,
	.sub-page-background-pill-content {
		padding: 4rem 0;
	}
	.sub-page-background-stripes {
		padding-top: 0rem !important;
	}
}
@media screen and (min-width: 1200px) {
	#front-page-hero {
		margin-top: 1rem;
	}
	#front-page-hero {
		width: 100%;
	}
	.hero-image-container .video-container {
		aspect-ratio: 18/10;
		border-radius: 9999px;
		object-fit: cover;
		position: relative;
		z-index: 5;
		top: 0.5rem;
		overflow: hidden;
		width: 93%;
	}
	.hero-image-container .video-container video {
		border-radius: 9999px;
		object-fit: cover;
	}
	.pill-image {
		display: block;
		position: absolute;
		max-width: 100%;
		will-change: transform;
	}
	.sub-page-container .featured-image,
	.sub-page-container .video-pill {
		width: 100%;
	}
	.reveal-overlay {
		border-radius: 9999px;
	}
	#pill-1 {
		z-index: 1;
	}
	#pill-2 {
		z-index: 2;
		width: 97%;
	}
	#pill-3 {
	 	z-index: 3;
	 	width: 96%;
	}
	#pill-4 {
		z-index: 4;
		width: 94%;
	}
	#payoff {
		padding: 0 1rem;
	}
	.sub-page-introduction {
		margin-top: 0rem;
		font-size: 1.2rem;
		line-height: normal;
		margin-bottom: 2rem;
	}
	.sub-page-background {
		padding-bottom: 3rem
	}
	.sub-page-background-light,
	.sub-page-background-medium,
	.sub-page-background-dark {
		padding-top: 250px;
		position: relative;
		top: -250px;
		z-index: 0;
		margin-bottom: -250px;
	}
	.single-courses .sub-page-background-dark {
		top: -200px;
	}
	.single-courses .sub-page-background-dark {
		margin-bottom: -150px;
	}
	.single-courses .sub-page-background-dark {
		padding-bottom: 5rem;
	}
	.sub-page-background .entry-title {
		margin-bottom: 2rem;
		margin-top: 4rem;
	}
	#hero-video {
		max-width: 2000px;
	}
	.sub-page-container .featured-image img,
	.video-pill video {
		border-radius: 9999px;
	}
	.video-pill {
		aspect-ratio: 16 / 9;
	}
	.sub-page-background-pill-content.blue {
		background-color: #103ee3aa;
	}
	.site-2 .sub-page-background-pill-content.blue {
		background-color: #764abcaa;
	}
	.sub-page-background-pill-content.eucalyptus {
		background-color: #2E6048aa;
	}
	.sub-page-background-pill-content.lavender {
		background-color: #aa98a8aa;
	}
	.sub-page-background-pill-content.sand {
		background-color: #CA9B55aa;
	}
	.sub-page-background-pill-content.sky {
		background-color: #77a0b6aa;
	}
	.sub-page-background-pill-content.teal {
		background-color: #008080aa;
	}
	.sub-page-background-pill-content {
		background-color: #103ee3aa;
		backdrop-filter: blur(5px);
		padding: 4rem;
		border-radius: 9999px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.sub-page-full-width-container {
		aspect-ratio: 16 / 9;
		position: absolute;
		width: 100%;
		top: 0;
		height: 100%;
		display: flex;
        justify-content: center;
        align-items: end;
        padding-bottom: 10%;
	}
	.sub-page-background-pill-content {
		aspect-ratio: 16 /9;
	}
	.full-pill-container {
		background-color: transparent !important;
		position: relative;
		min-width: 1269px;
		max-width: 1269px;
	}
	.sub-page-container {
		display: flex;
		justify-content: center;
	}
	.featured-image-full {
		max-width: 2000px;
	}
}
@media screen and (min-width: 1500px) {
	.sub-page-background-pill-content {
		margin-left: -4.5rem;
		margin-right: 4.5rem;
	}
}
@media screen and (min-width: 2000px) {
	.sub-page-full-width-container {
		padding-bottom: 10rem;
	}
}

/* Pill hero animation */
@media screen and (min-width: 1200px) {
	#front-page-hero {
		display: block;
		margin-bottom: 12rem;
	}
	.front-image-container,
	.hero-image-container .video-container {
		width: 100%;
		top: 4rem;
	}
	.sub-page-background-pill-content {
		padding: 4rem;
	 }
	.pill-image {
		max-width: 115%;
	}
	#pill-1 {
		width: 115%;
		left: -6%;
		top: -5%;
	}
	#pill-2 {
		width: 110%;
		left: -4%;
		top: -3%;
	}
	#pill-3 {
		width: 105%;
		left: -2%;
		top: -2%;
	}
	#pill-4 {
		width: 103%;
		left: -1%;
	}
}

/* Navigation */
body.mega-menu-header-menu-mobile-open {
	overflow: hidden;
	position: fixed;
	width: 100%;
}
.main-menu-container {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
}
.mega-menu-link {
	text-underline-offset: .5rem;
}
#mega-menu-wrap-header-menu {
	order: 1;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
	padding: 0 10px;
}
#mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open + #mega-menu-header-menu {
	margin-top: 1rem;
	margin-bottom: 5rem;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
	top: -2px;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item > ul.mega-sub-menu {
	min-width: 100%;
}

@media screen and (max-width: 1199px) {
	.mega-menu-header-menu-mobile-open #mega-menu-header-menu {
		height: 120vh !important;
		overflow-y: auto !important;
		display: flex !important;
    flex-direction: column;
    padding-bottom: 20rem !important;
	}
	#mega-menu-item-470,
	#mega-menu-item-42 {
		margin-bottom: 10rem !important;
	}
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item {
		padding: .5rem 0 !important;
		max-width: 960px;
		width: 100%;
	}
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
		text-decoration: none;
	}
	.mega-hide-on-desktop > .mega-menu-link {
		font-size: 16px !important;
		font-weight: 300 !important;
	}
	.mega-disable-link > .mega-menu-link {
		font-weight: 700 !important;
	}
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
		font-size: 1rem !important;
		font-weight: 300 !important;
	}
	.mega-menu-item:last-of-type .mega-menu-column:last-of-type .mega-sub-menu {
		padding-bottom: 5rem !important;
	}
}
@media screen and (max-width: 991px) {
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item {
		max-width: 720px;
	}
}
@media screen and (max-width: 767px) {
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item {
		max-width: 540px;
	}
}
@media screen and (max-width: 767px) {
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item {
		max-width: 100%;
	}
}
@media screen and (min-width: 1200px) {
	#mega-menu-wrap-header-menu {
		width: 100%;
		justify-content: flex-end;
		display: flex;
		align-items: center;
	}
	#mega-menu-wrap-header-menu {
		order: 0;
	}
	#mega-menu-525-0-0,
	#mega-menu-525-0-1,
	#mega-menu-525-0-2,
	#mega-menu-525-0-3 {
		background-color: var(--white) !important;
	}
	.mega-menu-columns-3-of-12 {
		min-height: 330px !important;
	}
	.mega-menu-columns-1-of-5 {
		min-height: 345px !important;
	}
	#mega-menu-9111-0 .mega-menu-columns-4-of-12 {
		min-height: 370px !important;
	}
	#mega-menu-250-0 .mega-menu-columns-1-of-4 {
		min-height: 410px !important;
	}
	.mega-menu-item-525 .mega-menu-columns-1-of-4 {
		min-height: 370px !important;
	}
	.mega-menu-item-470 .mega-menu-columns-4-of-12 {
		min-height: 260px !important;
	}
	.mega-menu-columns-3-of-12:not(:first-of-type, :last-of-type),
	.mega-menu-columns-1-of-5:not(:first-of-type),
	.mega-menu-columns-1-of-4:not(:first-of-type),
	.mega-menu-columns-4-of-12:not(:first-of-type),
	.mega-menu-columns-1-of-2:not(:first-of-type) {
		border-left: 1px solid var(--grey) !important;
		padding-left: 2rem !important;
	}
	.mega-menu-columns-3-of-12:last-of-type {
		padding-left: 2rem !important;
		padding-top: 2rem !important;
	}
	#mega-menu-46-0 .mega-menu-columns-1-of-2 {
		min-height: 320px !important;
	}
}

/* Navigation search */
.overlay {
	bottom: 0;
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 65.25px;
	transform: translate3d(0, -110%, 0);
	transition: opacity 0.4s linear, transform 1ms linear 0.4s;
	z-index: 90;
}
.overlay.visible {
	background-color: var(--black-2);
	opacity: 0.4;
	transform: translateZ(0);
	transition: opacity 0.4s linear;
}
#search-icon {
	width: 40px;
	margin-left: 1rem;
}
#main-search-container {
	opacity: 0;
	position: absolute;
	width: 100%;
	background-color: var(--white);
	z-index: -1;
	will-change: transform;
	transition: all 0.3s ease-in-out;
	top: 40px;
	padding: 3rem 0;
}
#main-search-container.open {
	opacity: 1;
	top: 145.25px;
	z-index: 99;
}
.scrolled #main-search-container.open {
	top: 61.25px;
	position: sticky;
}
.main-search-container ul {
	position: relative;
}
.main-search-container label {
	width: 100%;
}
.main-search-container .sf-field-submit {
	position: absolute;
	top: 0;
	right: 0;
}
.sf-field-submit input {
	background-color: transparent;
	border: none;
	visibility: hidden;
}
.sf-field-submit {
	cursor: pointer;
}
.sf-field-submit .LinkArrow {
	color: var(--dark);
	cursor: pointer;
}
.search-description {
	padding: 2rem 0;
}
.search-description h4 {
	margin: 1rem 0;
}
.search-description .example-link {
	margin: 0.5rem 0;
}
.swp-button {
	font-size: 1rem !important;
  padding: 0.2rem 2rem 0;
  border-radius: 9999px;
  border: none;
}

/* Fast track */
.fast-track-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	z-index: 10;
	margin-bottom: 5rem;
}
.fast-track-role,
.fast-track-area {
	display: flex;
	margin-bottom: 1.5rem;
}
.fast-track-role-text,
.fast-track-area-text {
	font-size: 1.5rem;
	white-space: nowrap;
	margin: 0 0.5rem;
}
.fast-track-selector {
	appearance: none;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid var(--dark);
	border-radius: 0;
	color: var(--dark);
	font-size: 1.5rem;
	min-width: 340px;
	padding: 0;
	width: 100%;
	text-overflow: ellipsis;
}
.fast-track-container .dropdown-menu {
	min-width: 340px;
}
.fast-track-selector.dropdown-toggle::after {
	border: none !important;
}
.fast-track-selector:focus {
	border-bottom: 2px solid var(--dark);
}
#fast-track .dropdown-item:focus {
	color: var(--black);
	background-color: var(--medium-light);
}
.full-width-image-container .fast-track-container {
	position: absolute;
	bottom: 15%;
	color: var(--white);
}
.full-width-image-container .fast-track-selector {
	border-color: var(--white);
	color: var(--white);
}
#fast-track-link {
	text-align: right;
}

@media screen and (hover : hover) {
	#fast-track .dropdown-item:hover {
		color: var(--black);
		background-color: var(--medium-light);
	}
}

@media screen and (min-width: 992px) {
	.fast-track-container {
		flex-direction: row;
		margin-top: 5rem;
	}
	.fast-track-role-text {
		margin-right: 0.5rem;
	}
	.fast-track-area-text {
		margin: 0 0.5rem;
	}
	.fast-track-selector {
		margin: 0;
	}
}

/* Breadcrumbs */
#breadcrumbs-container,
#breadcrumbs-container-light {
	display: none;
}

@media screen and (min-width: 1200px) {
	#breadcrumbs-container,
	#breadcrumbs-container-light {
		display: block;
	}
	#breadcrumbs-container {
		background-color: var(--dark);
		color: var(--white);
		font-size: .875rem;
		height: 60px;
		display: flex;
		align-items: center;
		z-index: 10;
		position: relative;
	}
	#breadcrumbs-container a,
	#breadcrumbs-container-light.breadcrumbs-full-pill a,
	#breadcrumbs-container-light.breadcrumbs-full-pill .current-item,
	#breadcrumbs-container-light.breadcrumbs-full-pill .breadcrumbs {
		color: var(--white);
		text-decoration: none;
	}
	#breadcrumbs-container-light {
		color: var(--dark-grey);
		font-size: .875rem;
		padding: 1.5rem 0 4rem 0;
	}
	.single-courses #breadcrumbs-container-light {
		padding: 1.5rem 0;
	}
	#breadcrumbs-container-light a {
		color: var(--dark);
		text-decoration: none;
	}
	#breadcrumbs-container-light.breadcrumbs-full-pill {
		padding: 1.5rem 0 1rem 0;
		position: absolute;
		z-index: 10;
		width: 100%;
	}
}

/* Tables */
.content-block-faner table,
.content-block-tabel table {
	border-collapse: separate !important;
	border-spacing: 0 1rem !important;
}
.content-block-faner table th,
.content-block-tabel table th {
	background-color: transparent !important;
	border-bottom: 1px solid var(--dark) !important;
	color: var(--black-1) !important;
	font-size: 18px !important;
	font-weight: normal !important;
}
.content-block-faner table td,
.content-block-tabel table td {
	color: var(--black-1) !important;
	border-top: none !important;
	padding: 0 2rem !important;
	border-right: 1px solid var(--dark) !important;
}
.content-block-faner table td:last-child,
.content-block-tabel table td:last-child  {
	border-right: none !important;
}
.content-block-faner table th:first-child,
.content-block-tabel table th:first-child {
	padding-left: 2rem;
}
.content-block-faner table th:last-child,
.content-block-faner table td:last-child,
.content-block-tabel table th:last-child,
.content-block-tabel table td:last-child {
	padding-right: 2rem;
}
.price-table.scroll-mobile {
	min-width: 768px;
}
.price-table td.column-2,
.price-table th.column-2,
.price-table td.column-3,
.price-table th.column-3,
.price-table td.column-4,
.price-table th.column-4	{
	text-align: right;
}
.vertical-border td {
	border-right: 1px solid var(--border-color) !important;	
}
.vertical-border td:last-of-type {
	border-right: none !important;
}
.background-dark table * {
	border-color: var(--white) !important;
}
.tablepress caption {
	display: none;
}
.tablepress a {
	color: var(--dark);
}

@media screen and (min-width: 768px) {
	.price-table.scroll-mobile {
		min-width: 100%;
	}
}
@media screen and (min-width: 992px) {
	.content-block-faner table th,
	.content-block-tabel table th {
		font-size: 20px !important;
	}
}
@media screen and (min-width: 1200px) {
	.content-block-faner table th,
	.content-block-tabel table th {
		font-size: 22px !important;
	}
}
@media screen and (min-width: 1400px) {
	.content-block-faner table th,
	.content-block-tabel table th {
		font-size: 24px !important;
	}
}

/* Tabs */
.tab-nav-container .nav-tabs {
	border-bottom: 1px solid var(--dark);
}
.tab-nav-container .nav-item {
	margin-bottom: 0;
}
.tab-nav-container .nav-link {
	border: none;
	border-radius: 0;
	color: var(--dark);
	font-weight: 500;
	margin-bottom: -1px;
	padding: .5rem 1rem .25rem;
}
.tab-nav-container .nav-link.active {
	background-color: var(--dark);
	color: var(--white);
}
.tab-content {
	padding: 2rem 0;
}
.tab-link {
	color: var(--dark);
	text-decoration: none;
}
.tab-content > .active {
	overflow: auto;
}

@media screen and (hover: hover) {
	.tab-nav-container .nav-link:hover {
		background-color: var(--dark);
		color: var(--white);
	}
}

/* Contact forms */
.wpcf7 .form-element {
	padding-bottom: 1.5rem;
}
.wpcf7 label {
		font-size: 1.167rem;
		font-weight: 500;
}
.wpcf7 .pseudo-label {
	margin-bottom: .5rem;
	margin-top: -1rem;
	line-height: 1.2;
}
.wpcf7-text {
		border: 1px solid var(--dark);
		padding: .5rem;
	width: 100%;
}
.wpcf7-number {
	border: 1px solid var(--dark);
		padding: .5rem;
		width: 25%;
		text-align: right;
}
.wpcf7-number #editing-view-port div {
	margin-right: .5rem;
}
.wpcf7-textarea {
	width: 100%;
	border-color: var(--dark);
}
.wpcf7-list-item.first {
	margin-left: 0 !important;
}
.form-element ul li p {
	margin-bottom: .3rem;
}
.form-element ul {
	margin-top: -0.5rem;
	margin-bottom: 1.5rem;
}
.wpcf7-date,
.wpcf7-submit {
	border: none;
	background-color: transparent;
}
.wpcf7-submit {
	color: var(--dark);
}
.wpcf7 .not-ready {
	color: var(--dark-grey);
}
.wpcf7-spinner {
	background-color: var(--dark) !important;
	margin: 0 0 0 7px !important;
	opacity: 1 !important;
		position: absolute !important;
}
.wpcf7-response-output {
	border-color: var(--dark-sand) !important;
	margin: 0 !important;
	padding: 1rem 1rem 0.7rem 1rem !important;
}
.wpcf7-form.invalid .wpcf7-response-output {
	border-color: var(--dark-sand) !important;
}
.wpcf7-form.sent .wpcf7-response-output {
	border-color: var(--dark-teal) !important;
}
.all-required p {
	font-size: .875rem;
	margin-top: -1rem;
	margin-left: .25rem;
}
.red {
	color: red;
}

/* Single Posts */
#featured-image-container {
	position: relative;
}
#featured-image-container img {
	aspect-ratio: 5 / 3;
	object-fit: cover;
}
.justify-content-center .entry-title {
	text-align: center;
	margin: 2rem 0 0 0;
}
.entry-meta {
	padding-bottom: 3rem;
}
.entry-meta .posted-date,
.entry-meta .category-label {
	font-size: .875rem;
}
.entry-excerpt {
	margin-top: 1.5rem;
}
.entry-excerpt p {
	font-size: 1.25rem;
	font-weight: 300;
}
.category-label a {
	color: var(--dark);
	font-weight: 500;
	margin-right: 1.5rem;
	text-decoration: none;
}

/* Archives */
.searchandfilter > ul {
	padding-left: 0;
}
.sf-field-category ul,
.sf-field-taxonomy-courses_catagories ul,
.sf-field-taxonomy-pro_categories ul {
	padding-left: 0;
}
.sf-field-category ul:before,
.sf-field-taxonomy-courses_catagories ul:before,
.sf-field-taxonomy-pro_categories ul:before {
	content: 'Filtrer: ';
	font-size: .875rem;
}
.searchandfilter > ul li {
	display: flex;
	align-items: center;
}
.sf-field-category ul li,
.sf-field-taxonomy-courses_catagories ul li,
.sf-field-taxonomy-pro_categories ul li {
	display: inline-block;
	margin: 0 10px;
	cursor: pointer;
}
.sf-field-category ul li input,
.sf-field-taxonomy-courses_catagories ul li input,
.sf-field-taxonomy-pro_categories ul li input {
	display: none;
}
.sf-field-category ul li label,
.sf-field-taxonomy-courses_catagories ul li label,
.sf-field-taxonomy-pro_categories ul li label {
	font-size: .875rem;
	line-height: normal;
	cursor: pointer;
	padding-left: 0 !important;
	cursor: pointer;
}
.sf-option-active label {
	border-bottom: 1px solid var(--dark);
	font-weight: 500;
}
.results-container,
.posts-container,
.courses-container {
	padding-bottom: 10rem;
}
.results-container {
	margin-top: 2rem;
}
.posts-container,
.courses-container .search-filter-results,
.search-filter-results-container {
	display: grid;
	grid-gap: 26px;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-top: 2.5rem;
	position: relative;
}
.results-container .featured-image {
	display: none;
}
.search-filter-results-container {
	margin-bottom: 4rem;
}
#search-filter-form-61 ul,
#search-filter-form-237 ul {
	position: relative;
}
#search-filter-form-61 ul .sf-field-submit,
#search-filter-form-237 ul .sf-field-submit {
	position: absolute;
	top: 0;
	right: 0;
}
#search-filter-results-61,
#search-filter-results-237 {
	margin-top: 2rem;
	position: relative;
}
#search-filter-results-61 article a,
#search-filter-results-237 article a,
#searhwp-container-1 article a {
	display: grid;
	grid-template-columns: 1fr;
	margin-bottom: 2rem;
}
#searhwp-container-1 .search-results-description {
	position: unset;
}
.post-link .featured-image figure {
	margin: 0;
}
.post-link .featured-image {
	overflow: hidden;
	margin-bottom: 1rem;
}
.post-link .featured-image img {
	aspect-ratio: 5 / 3;
	object-fit: cover;
	min-width: 100%;
}
.grid-image,
.image-container-normal {
	overflow: hidden;
}
.post-link .featured-image img,
.grid-image img,
.image-container-normal img,
.image-container-pill img,
.image-container-pills img {
	will-change: transform;
	transition: transform 0.3s ease-in-out;
}
.post-description-container,
.course-description-container {
	display: flex;
	flex-direction: column;
	margin-top: 2rem;
}
.post-description-container .post-h2,
.course-description-container .post-h2 {
	color: var(--black-1);
}
.posts-container .post-excerpt,
.post-description-container .post-excerpt,
.course-description-container .post-excerpt,
#search-filter-results-5411 .post-excerpt {
	font-size: 1rem;
	color: var(--black-1);
}
.course-description-container .post-excerpt {
	height: 200px;
}
#search-filter-results-61 .post-excerpt,
#search-filter-results-237 .post-excerpt {
	font-size: 1rem;
	color: var(--black-1);
}
#search-filter-results-61 .post-h2,
#search-filter-results-237 .post-h2 {
	height: 1.6875rem;
}
#search-filter-results-61 .post-description-container,
#search-filter-results-237 .post-description-container {
	justify-content: space-around;
}
.searchandfilter label {
	width: 100%;
}
.pagination-nav-container {
	display: flex;
	justify-content: center;
	width: 100%;
}
.search-results-description {
	position: absolute;
	top: -7.5rem;
	font-size: 27px;
}
.sf-input-text {
	border: none;
	border-bottom: 2px solid var(--dark);
	font-size: 1.5rem;
	width: 100%;
}
.sf-input-text:focus {
	outline: 1px dashed var(--dark);
	outline-offset: 1rem;
}
.sf-field-sort_order {
	margin-top: 5rem !important;
}
.sf-field-sort_order ul {
	display: flex;
	grid-gap: 1rem;
	padding-left: 0;
	align-items: center;
}
.sf-field-sort_order ul:before {
	content: 'Sorter efter:';
	font-size: 20px;
	font-weight: 400;
}
.sf-field-sort_order ul li {
	font-size: 20px;
}
.sf-field-sort_order ul input {
	display: none;
}
.sf-field-sort_order ul label {
	padding-left: 0 !important;
	cursor: pointer;
}
.sr-label {
	color: var(--dark);
}
.course-meta {
	color: var(--black-1);
	font-size: 1rem;
}
.course-meta span {
	font-weight: 500;
	margin-right: 0.5rem;
}

@media screen and (hover: hover) {
	.post-link:hover img,
	.post-link:focus img,
	.block-link:hover .grid-image img,
	.block-link:focus .grid-image img,
	.block-link:hover .image-container-normal img,
	.block-link:focus .image-container-normal img,
	.block-link:hover .image-container-pill img,
	.block-link:focus .image-container-pill img,
	.block-link:hover .image-container-pills img,
	.block-link:focus .image-container-pills img {
		transform: scale(1.05);
	}
	.sf-field-category ul li:hover label,
	.sf-field-taxonomy-courses_catagories ul li:hover label,
	.sf-field-category ul li:focus label,
	.sf-field-taxonomy-courses_catagories ul li:focus label
		border-bottom: 1px solid var(--dark);
	}
}

@media screen and (min-width: 576px) {
	.posts-container .read-more-link,
	.post-description-container .read-more-link,
	.course-description-container .read-more-link,
	#search-filter-results-5411 .read-more-link {
		margin-top: 1rem;
	}
}

@media screen and (min-width: 768px) {
	.results-container .featured-image {
		display: block;
	}
	.posts-container,
	.search-filter-results-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	#search-filter-results-61 article a,
	#search-filter-results-237 article a {
		grid-gap: 16px;
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (min-width: 992px) {
	.posts-container,
	.search-filter-results-container {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.courses-container .search-filter-results {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	#search-filter-results-61 article a,
	#search-filter-results-237 article a {
		grid-template-columns: 2fr 4fr;
		grid-gap: 26px;
		margin-bottom: 0;
	}
}

/* Search WP */
.searchwp-live-search-result--title a {
	color: var(--dark);
}
.searchwp-highlight {
	background-color: var(--medium);
	padding: 0;
}
.searchwp-live-search-no-min-chars:after {
	content: "Indtast mindst tre bogstaver" !important;
}

/* Pagination */
.pagination .page-item .page-link {
	border: none;
	color: var(--black);
	font-size: 20px;
	color: var(--dark-grey);
}
.pagination .page-item.active .page-link {
	background-color: transparent;
	border-bottom: 1px solid var(--dark);
	border-radius: 0;
}
.pagination .page-item .page-link svg path {
	fill: var(--dark);
}

/* Default page */
.page-template-default .entry-content {
	margin: 4rem 0;
}

/* Courses */
@media screen and (min-width: 1200px) {
	.single-courses-container {
		margin-bottom: 2rem;
		position: relative;
		z-index: 2;
	}
}

/* Styling features */
.background-dark {
	background-color: var(--dark);
	position: relative;
}
.content-block.background-dark.stripes-container:after,
.breadcrumbs-stripes:after {
	content: '';
	position: absolute;
	width: 100%;
	bottom: 0px;
	box-shadow: 0px 0px 4px 2.5px var(--medium-dark);
}
.breadcrumbs-stripes.eucalyptus {
	background-color: var(--dark-eucalyptus) !important;
}
.breadcrumbs-stripes.lavender {
	background-color: var(--dark-lavender) !important;
}
.breadcrumbs-stripes.sky {
	background-color: var(--dark-sky) !important;
}
.breadcrumbs-stripes.teal {
	background-color: var(--dark-teal) !important;
}
.content-block.background-dark.stripes-container.eucalyptus:after,
.breadcrumbs-stripes.eucalyptus:after {
	box-shadow: 0px 0px 4px 2.5px var(--dark-eucalyptus);
}
.content-block.background-dark.stripes-container.lavender:after,
.breadcrumbs-stripes.lavender:after {
	box-shadow: 0px 0px 4px 2.5px var(--dark-lavender);
}
.content-block.background-dark.stripes-container.sand:after,
.breadcrumbs-stripes.sand:after {
	box-shadow: 0px 0px 4px 2.5px var(--dark-sand);
}
.content-block.background-dark.stripes-container.sky:after,
.breadcrumbs-stripes.sky:after {
	box-shadow: 0px 0px 4px 2.5px var(--dark-sky);
}
.content-block.background-dark.stripes-container.teal:after,
.breadcrumbs-stripes.teal:after {
	box-shadow: 0px 0px 4px 2.5px var(--dark-teal);
}
.background-dark *,
.sub-page-background-dark * {
	color: var(--white) !important;
}
.background-dark .grid-text a,
.background-dark .grid-text span {
	color: var(--dark) !important;
}
.background-dark .grid-text svg {
	stroke: var(--dark);
}
.background-light {
	background-color: var(--medium);
}
/* Dark backgrounds */
.sub-page-background-dark,
.reveal-background-dark {
	background-color: var(--dark);
}
.sub-page-background-dark.eucalyptus,
.reveal-background-dark.eucalyptus {
	background-color: var(--dark-eucalyptus);
}
.sub-page-background-dark.lavender,
.reveal-background-dark.lavender {
	background-color: var(--dark-lavender);
}
.sub-page-background-dark.sand,
.reveal-background-dark.sand {
	background-color: var(--dark-sand);
}
.sub-page-background-dark.sky,
.reveal-background-dark.sky {
	background-color: var(--dark-sky);
}
.sub-page-background-dark.teal,
.reveal-background-dark.teal {
	background-color: var(--dark-teal);
}
.sub-page-background-dark.sand *,
.reveal-background-dark.sand * {
	color: var(--black) !important;
}

/* Light backgrounds */
.sub-page-background-light,
.reveal-background-light {
	background-color: var(--medium);
}
.sub-page-background-light.eucalyptus,
.reveal-background-light.eucalyptus {
	background-color: var(--light-eucalyptus);
}
.sub-page-background-light.lavender,
.reveal-background-light.lavender {
	background-color: var(--light-lavender);
}
.sub-page-background-light.sand,
.reveal-background-light.sand {
	background-color: var(--light-sand);
}
.sub-page-background-light.sky,
.reveal-background-light.sky {
	background-color: var(--light-sky);
}
.sub-page-background-light.teal,
.reveal-background-light.teal {
	background-color: var(--light-teal);
}

/* Medium backgrounds */
.sub-page-background-medium,
.reveal-background-medium {
	background-color: var(--electric);
}
.sub-page-background-medium.eucalyptus,
.reveal-background-medium.eucalyptus {
	background-color: var(--eucalyptus);
}
.sub-page-background-medium.lavender,
.reveal-background-medium.lavender {
	background-color: var(--lavender);
}
.sub-page-background-medium.sand,
.reveal-background-medium.sand {
	background-color: var(--sand);
}
.sub-page-background-medium.sky,
.reveal-background-medium.sky {
	background-color: var(--sky);
}
.sub-page-background-medium.teal,
.reveal-background-medium.teal {
	background-color: var(--teal);
}

.background-white .highlight,
.background-light .highlight {
	color: var(--dark) !Important;
}

/* Alternative colors */
.alternative-black {
	background-color: var(--black);
}
.alternative-black * {
	color: var(--white);
}
.alternative-light-eucalyptus {
	background-color: var(--light-eucalyptus);
}
.alternative-light-lavender {
	background-color: var(--light-lavender);
}
.alternative-light-sand {
	background-color: var(--light-sand);
}
.alternative-light-sky {
	background-color: var(--light-sky);
}
.alternative-light-teal {
	background-color: var(--light-teal);
}
.alternative-eucalyptus {
	background-color: var(--eucalyptus);
}
.alternative-lavender {
	background-color: var(--lavender);
}
.alternative-sky {
	background-color: var(--sky);
}
.alternative-teal {
	background-color: var(--teal);
}
.alternative-sand {
	background-color: var(--sand);
}
.alternative-dark-blue {
	background-color: var(--dark);
}
.alternative-dark-eucalyptus {
	background-color: var(--dark-eucalyptus);
}
.alternative-dark-lavender {
	background-color: var(--dark-lavender);
}
.alternative-dark-sand {
	background-color: var(--dark-sand);
}
.alternative-dark-sky {
	background-color: var(--dark-sky);
}
.alternative-dark-teal {
	background-color: var(--dark-teal);
}
.alternative-dark-peach * {
	color: var(--black) !important;
}
.alternative-dark-teal * {
	color: var(--white);
}
.alternative-dark-sand * {
	color: var(--black) !important;
}
.alternative-teal .highlight {
	color: var(--dark);
}
.alternative-sand .highlight {
	color: var(--dark-teal);
}
.alternative-peach .highlight {
	color: var(--dark);
}
.alternative-dark-teal .highlight {
	color: var(--teal) !important;
}
.alternative-light-teal .highlight {
	color: var(--dark);
}
.alternative-dark-peach .highlight {
	color: var(--dark) !important;
}
.alternative-eucalyptus .arrow-link,
.alternative-lavender .arrow-link,
.alternative-sand .arrow-link,
.alternative-sky .arrow-link,
.alternative-teal .arrow-link,
.alternative-eucalyptus .read-more-link,
.alternative-lavender .read-more-link,
.alternative-sand .read-more-link,
.alternative-sky .read-more-link,
.alternative-teal .read-more-link {
	color: var(--dark);
}
.pre-header {
	color: var(--black);
	font-size: .875rem;
	letter-spacing: 0.2px;
	margin-bottom: .5rem;
	text-transform: uppercase;
}
.pre-header-light {
	color: var(--black);
}
.pre-header-light,
.pre-header-dark,
.pre-header-primary {
	font-size: 1.167rem;
	margin-bottom: 1.5rem;
}
.image-description-light p {
	font-size: 1.5rem;
}
.align-items-end .image-description-light {
	text-align: right;
}
.overflow-text {
	margin-top: 2rem;
}
.overflow-text-right {
	text-align: right;
	right: 0;
}
.background-dark .pre-header {
	color: var(--white);
}
#featured-image-container .stripes {
	display: none;
}
.stripes {
	position: relative;
	top: -4px;
	width: 100%;
	z-index: -1;
	margin-bottom: -5px;
	overflow: hidden;
}
#featured-image-container .stripes {
	position: absolute;
}
.stripes div {
	filter: blur(2.5px);
	height: 60px;
	width: 105%;
	margin-left: -2.5px;
	position: relative;
}
.stripe-1 {
	background: var(--medium-dark);
	height: 64px !important;
	z-index: 2;
	animation-name: expand-1;
	animation-duration: 1s;
}
.stripe-2 {
	background: var(--medium-light);
	z-index: 1;
	animation-name: expand-2;
	animation-duration: 1s;
}
.stripe-3 {
	background: var(--medium);
	animation-name: expand-3;
	animation-duration: 1s;
}
.stripes.eucalyptus .stripe-1 {
	background-color: var(--medium-eucalyptus);
}
.stripes.eucalyptus .stripe-2 {
	background-color: var(--eucalyptus);
}
.stripes.eucalyptus .stripe-3 {
	background-color: var(--light-eucalyptus);
}
.stripes.lavender .stripe-1 {
	background-color: var(--medium-lavender);
}
.stripes.lavender .stripe-2 {
	background-color: var(--lavender);
}
.stripes.lavender .stripe-3 {
	background-color: var(--light-lavender);
}
.stripes.sand .stripe-1 {
	background-color: var(--medium-sand);
}
.stripes.sand .stripe-2 {
	background-color: var(--sand);
}
.stripes.sand .stripe-3 {
	background-color: var(--light-sand);
}
.stripes.sky .stripe-1 {
	background-color: var(--medium-sky);
}
.stripes.sky .stripe-2 {
	background-color: var(--sky);
}
.stripes.sky .stripe-3 {
	background-color: var(--light-sky);
}
.stripes.teal .stripe-1 {
	background-color: var(--medium-teal);
}
.stripes.teal .stripe-2 {
	background-color: var(--teal);
}
.stripes.teal .stripe-3 {
	background-color: var(--light-teal);
}

@keyframes expand-1 {
	from {
		top: -60px;
	}
	to {
		top: 0;
	}
}
@keyframes expand-2 {
	from {
		top: -90px;
	}
	to {
		top: 0;
	}
}
@keyframes expand-3 {
	from {
		top: -120px;
	}
	to {
		top: 0;
	}
}

@media screen and (min-width: 1200px) {
	.overflow-text {
		position: absolute;
		max-width: 55%;
		padding: 4rem;
		bottom: 0;
		margin-top: 0;
	}
	#featured-image-container .stripes {
		display: block;
	}
	.overflow-text {
		max-width: 45%;
	}
}

/* Grids */
.pages-grid {
	padding: 0 1rem;
}
.grid-1,
.grid-2,
.grid-3,
.grid-4 {
	grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media screen and (min-width: 768px) {
	.grid-2,
	.grid-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.grid-2.large_small {
		grid-template-columns: 4fr 3fr;
	}
	.grid-2.small_large {
		grid-template-columns: 3fr 4fr;
	}
	.fact-boxes-grid.grid-3,
	.pages-grid.grid-3,
	.grid-3.three-related {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
@media screen and (min-width: 1200px) {
	.three-related.image-normal .related-video .content-video {
		aspect-ratio: auto;
	}
	.grid-3.three-related {
		grid-template-columns: 1fr 1fr 2fr;
		max-width: 2000px;
		margin: auto;
	}
	.grid-4.four-related {
		max-width: 2000px;
		margin: auto;
	}
	.grid-3.three-related .page-item:first-of-type .post-link .featured-image img {
		aspect-ratio: 4 / 5;
	}
	.grid-3.three-related .page-item:nth-of-type(2) .post-link .featured-image img {
		aspect-ratio: 5 / 4;
	}
	.grid-3.three-related .page-item:last-of-type .post-link .featured-image img {
		aspect-ratio: 6 / 5;
	}
	.three-related {
		padding: 0 26px;
	}
}
@media screen and (min-width: 1400px) {
	.four-related.image-normal .related-video .content-video {
		aspect-ratio: auto;
	}
	.grid-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	/* Testing aspect ratio */
	.grid-4.four-related .page-item .post-link .featured-image {
  	width: 100%;
  	overflow: hidden;
  	position: relative;
	}
	.grid-4.four-related .page-item:first-of-type .post-link .featured-image {
		aspect-ratio: 9 / 10;
	}
	.grid-4.four-related .page-item:nth-of-type(2) .post-link .featured-image {
		aspect-ratio: 117 / 100;
	}
	.grid-4.four-related .page-item:nth-of-type(3) .post-link .featured-image {
		aspect-ratio: 117 / 160;
	}
	.grid-4.four-related .page-item:last-of-type .post-link .featured-image {
		aspect-ratio: 9 / 10;
	}
	.grid-4.four-related .page-item .post-link .featured-image img,
	.grid-4.four-related .page-item .post-link .featured-image picture {
		position: absolute;
		inset: 0;
		width: 100%;
  	height: 100%;
  	object-fit: cover;
  	display: block;
	}
}

/* Blocks */
.one-image-container,
.image-frieze-container {
	max-width: 2000px;
	margin: auto;
}
.one-image-container .one-image-row,
.image-frieze-container .image-frieze-row {
	padding: 0 1rem;
}
.one-image-container img {
	width: 100%;
	object-fit: cover;
}
.one-image-row .post-h2 {
	margin-top: 4rem;
}
.image-description-top {
	margin-bottom: 1rem;
}
.image-cta-container {
	margin-bottom: 2rem;
}
.image-text-grid {
	position: relative;
}
.grid-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 2rem 3rem;
}
.grid-text .image-text-content {
	margin-bottom: 2rem;
}
.image-text-grid-right .grid-text {
	left: 0;
}
.image-text-grid-right .grid-image,
.image-text-grid-right .grid-video {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
.image-text-grid-right .grid-image picture {
	text-align: right;
}
.grid-text {
	background-color: var(--white);
}
.background-white .grid-text {
	background-color: var(--medium);
}
.grid-text h3,
.grid-text .image-text-content p {
	color: var(--black-1) !important;
}
.grid-text .pre-header,
.grid-text a {
	color: var(--black) !important;
}
.grid-text a .LinkArrow {
	stroke: var(--dark) !important;
}
.page-item article {
	padding-bottom: 0;
}
@media screen and (max-width: 991px) {
	.image-text-grid {
		display: flex;
	flex-direction: column;
	align-items: center;
	}
	.grid-text {
		max-width: 80%;
		margin-top: -5rem;
	}
}
@media screen and (min-width: 992px) {
	.grid-image,
	.grid-video {
		width: calc(100% - 100% / 12 * 4);
		position: relative;
	}
	.grid-text {
		width: calc(100% - 100% / 12 * 4);
		position: absolute;
		top: 9%;
		right: 0;
		height: 80%;
	}
	.image-text-grid-right .grid-image picture,
	.image-text-grid-right .grid-video video {
		width: calc(100% - 100% / 12 * 4);
	}
}
@media screen and (min-width: 1200px) {
	.grid-text {
		width: calc(100% - 100% / 12 * 6);
		padding: 3rem 5rem;
	}
}
.image-frieze-grid {
	display: grid;
	grid-gap: 26px;
}
.image-frieze-grid .image-2,
.image-frieze-grid .image-3 {
	display: none;
}
@media screen and (min-width: 768px) {
	.image-frieze-grid {
		grid-template-columns: 32fr 31fr 38fr;
	}
	.image-frieze-grid-two-images {
		grid-template-columns: 2fr 3fr;
	}
	.image-frieze-grid .image-2,
	.image-frieze-grid .image-3 {
		display: block;
	}
}
@media screen and (min-width: 1300px) {
	.image-frieze-grid-shifted {
		margin-right: -2rem;
	}
}
@media screen and (min-width: 1500px) {
	.image-frieze-grid-shifted {
		margin-right: -3rem;
	}
}
.related-cta-container {
	margin-bottom: 1rem;
}
.width-12 img {
	width: 100%;
}
.content-block {
	overflow: hidden;
}
.content-block .highlight,
.content-block .highlight-same {
	font-weight: 700;
}
.hightlight-text p {
	color: var(--black-1);
	font-size: 2.5rem;
	line-height: 1;
	text-align: center;
}
.fact-boxes-grid,
.files-grid {
	display: grid;
	grid-gap: 1.5rem;
}
.files-grid {
	margin-top: 2rem;
}
.file {
	text-align: center;
	display: flex;
	flex-direction: column;
}
.file a {
	text-decoration: none;
}
.file a img {
	transition: filter 0.4s ease-in-out;;
}
.background-dark:not(.alternative-dark-eucalyptus, .alternative-dark-lavender, .alternative-dark-sand, .alternative-dark-sky) .file img,
.alternative-black .file img {
	filter: invert(1);
}
.fact-box {
	padding: 0 21px;
	border-left: 1px solid var(--dark);
}
.fact-box h3 {
	height: 3rem;
}
.fact-box-cta-container,
.text-content-cta-container {
	margin-top: 2rem;
}
.background-dark .fact-box {
	border-left: 1px solid var(--white);
}
.fact-box p {
	margin-bottom: 0;
}
.fact-box h3 {
	color: var(--dark);
	font-size: 27px;
	font-weight: 400;
}
.pages-grid {
	display: grid;
	grid-gap: 26px;
}
.image-pill {
	grid-gap: 70px;
}
.shortcuts-grid {
	display: flex;
	flex-wrap: wrap;
}
.shortcuts-grid .shortcut {
	flex: 0 0 calc(100%);
	padding: 10px;
}
.image-normal .related-video .content-video {
	aspect-ratio: 5 / 3;
	object-fit: cover;
}
.image-pill .related-video .content-video {
	aspect-ratio: 5 / 3;
	border-radius: 9999px;
	object-fit: cover;
	min-width: 100%;
}
.shortcut a {
	background-color: var(--white);
	position: relative;
	font-size: 20px;
	padding: 2rem 1rem;
	width: 100%;
}
.shortcut .two-pills {
	margin-top: -6px;
	margin-right: 5px;
	stroke-width: 0px;
}
.shortcut .two-pills .pill-back {
	fill: var(--medium-dark);
}
.shortcut .two-pills .pill-front {
	fill: var(--medium);
}
.shortcut:nth-of-type(6n + 1) .two-pills .pill-front {
	fill: var(--medium);
}
.shortcut:nth-of-type(6n + 2) .two-pills .pill-front {
	fill: var(--lime);
}
.shortcut:nth-of-type(6n + 3) .two-pills .pill-front {
	fill: var(--red);
}
.shortcut:nth-of-type(6n + 4) .two-pills .pill-front {
	fill: var(--pine);
}
.shortcut:nth-of-type(6n + 6) .two-pills .pill-front {
	fill: var(--purple);
}
.shortcut a:after {
	display: block;
	content: '';
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.shortcut:nth-of-type(6n + 1) a:after {
	box-shadow: 6px 6px 42px 20px rgba(145, 207, 255, 0.2),
		-6px -6px 42px 20px rgba(196, 229, 255, 0.2);
}
.shortcut:nth-of-type(6n + 2) a:after {
	box-shadow: 6px 6px 42px 20px rgba(41, 202, 64, 0.2),
		-6px -6px 42px 20px rgba(255, 231, 230, 0.2);
}
.shortcut:nth-of-type(6n + 3) a:after {
	box-shadow: 6px 6px 42px 20px rgba(255, 158, 154, 0.2),
		-6px -6px 42px 20px rgba(231, 255, 239, 0.2);
}
.shortcut:nth-of-type(6n + 4) a:after {
	box-shadow: 6px 6px 42px 20px rgba(185, 255, 156, 0.25),
		-6px -6px 42px 20px rgba(221, 255, 207, 0.2);
}
.shortcut:nth-of-type(6n + 5) a:after {
	box-shadow: 6px 6px 42px 20px rgba(251, 206, 158, 0.25),
		-6px -6px 42px 20px rgba(254, 243, 231, 0.25);
}
.shortcut:nth-of-type(6n + 6) a:after {
	box-shadow: 6px 6px 42px 20px rgba(131, 123, 200, 0.25),
		-6px -6px 42px 20px rgba(199, 195, 230, 0.2);
}
.table-text-content {
	padding-top: 1.5rem;
}
.quote-container {
	margin-bottom: 2rem;
}
.quote {
	font-size: 2.5rem;
	line-height: 1;
}
.quote:before {
	content: '“';
}
.quote:after {
	content: '”';
}
.quotee {
	font-size: 18px;
	font-weight: 300;
	margin-top: 1.5rem;
}
.quotee:before {
	content: '—';
	margin-right: 1rem;
}
.image-text-heading {
	margin-bottom: 1rem;
}
.image-text-content {
	margin-bottom: 2rem;
}
.carousel-container {
	position: relative;
}
.static-slider {
	grid-gap: 2rem;
}
.static-slider .slide-item {
	flex: 1 1 0;
	width: 0;
}
.carousel-slider {
	display: flex;
	width: 100vw;
}
.carousel-slider .slick-track {
	display: flex;
	margin-left: 13px;
}
.carousel-slider .slide-item {
	margin-right: 26px;
}
.slide-item article {
	margin-top: 5px;
	margin-bottom: 5px;
}
.carousel-nav {
	position: relative;
	z-index: 1000;
}
.content-slider.slick-initialized .slick-slide {
	display: flex;
	margin: 0 3rem;
}
.content-slider .slick-list {
	margin: 0 -3rem;
}
.slider-text-content {
	margin-top: 2rem;
}
.slick-dots {
	display: flex;
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}
.slick-dots li button {
	font-size: 0;
	border-radius: 50%;
	height: 14px;
	width: 14px;
	border: 1px solid var(--dark);
	margin-right: 10px;
	background-color: transparent;
}
.background-dark:not(.alternative-dark-eucalyptus, .alternative-dark-lavender, .alternative-dark-sand, .alternative-dark-sky) .slick-dots li button {
	border: 1px solid var(--white);
}
.slick-dots .slick-active button {
	background-color: var(--dark);
}
.background-dark:not(.alternative-dark-eucalyptus, .alternative-dark-lavender, .alternative-dark-sand, .alternative-dark-sky) .slick-dots .slick-active button {
	background-color: var(--white);
}
.video-container iframe {
	aspect-ratio: 16/9;
	object-fit: cover;
	width: 100%;
	height: auto;
	margin-top: 2rem;
}
.video-container .content-video {
	aspect-ratio: 16/9;
	object-fit: contain;
}
.faq-accordion-row {
	border: 1px solid var(--medium-light);
	border-radius: .5rem;
	margin-bottom: 1rem;
}
.faq-accordion-row .faq-question {
	padding: 1rem 2rem;
	width: 100%;
  background: none;
  border: none;
  text-align: left;
}
.background-dark .faq-accordion-row svg {
	filter: brightness(0) invert(1);
}
.alternative-light-eucalyptus .faq-accordion-row, 
.alternative-light-lavender .faq-accordion-row, 
.alternative-light-sand .faq-accordion-row, 
.alternative-light-sky .faq-accordion-row,
.alternative-light-teal .faq-accordion-row,
.alternative-eucalyptus .faq-accordion-row, 
.alternative-lavender .faq-accordion-row, 
.alternative-sand .faq-accordion-row, 
.alternative-sky .faq-accordion-row,
.alternative-teal .faq-accordion-row,
.alternative-dark-eucalyptus .faq-accordion-row, 
.alternative-dark-lavender .faq-accordion-row, 
.alternative-dark-sand .faq-accordion-row, 
.alternative-dark-sky .faq-accordion-row {
	border-color: var(--black);
}
.alternative-light-eucalyptus .faq-accordion-row svg, 
.alternative-light-lavender .faq-accordion-row svg, 
.alternative-light-sand .faq-accordion-row svg, 
.alternative-light-sky .faq-accordion-row svg,
.alternative-light-teal .faq-accordion-row svg,
.alternative-eucalyptus .faq-accordion-row svg, 
.alternative-lavender .faq-accordion-row svg, 
.alternative-sand .faq-accordion-row svg, 
.alternative-sky .faq-accordion-row svg,
.alternative-teal .faq-accordion-row svg,
.alternative-dark-eucalyptus .faq-accordion-row svg, 
.alternative-dark-lavender .faq-accordion-row svg, 
.alternative-dark-sand .faq-accordion-row svg, 
.alternative-dark-sky .faq-accordion-row svg {
	filter: brightness(0);
}
.faq-question {
	display: flex;
	font-weight: 500;
	justify-content: space-between;
}
.faq-question .faq-toggler-arrow svg {
	transition: all 0.3s ease-in-out;
}
.faq-question[aria-expanded=true] .faq-toggler-arrow svg {
		transform: rotate(180deg);
}
.faq-toggler-arrow svg path {
	stroke: var(--dark);
	stroke-width: 2px;
}
.faq-answer {
	padding: 1.5rem 2rem 1rem 2rem;
	border-top: 1px solid var(--medium-light);
}
.alternative-light-eucalyptus .faq-answer,
.alternative-light-lavender .faq-answer,
.alternative-light-sand .faq-answer, 
.alternative-light-sky .faq-answer,
.alternative-light-teal .faq-answer,
.alternative-eucalyptus .faq-answer, 
.alternative-lavender .faq-answer, 
.alternative-sand .faq-answer, 
.alternative-sky .faq-answer,
.alternative-teal .faq-answer,
.alternative-dark-eucalyptus .faq-answer, 
.alternative-dark-lavender .faq-answer, 
.alternative-dark-sand .faq-answer, 
.alternative-dark-sky .faq-answer {
	border-color: var(--black);
}
.presentation-grid {
	display: grid;
	grid-gap: 2rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.presentation-title {
	font-size: .875rem;
	margin-bottom: -.5rem;
	margin-top: .5rem;
	text-transform: uppercase;
}
.presentation-name {
	font-size: 1.15rem;
	font-weight: 700;
	line-height: normal;
	margin-top: 1rem;
}
.presentation-description {
	line-height: normal;
}
.image-text-content-container {
	padding: 2rem;
}
@media screen and (hover: hover) {
	.shortcut a:hover:after,
	.shortcut a:focus:after {
		opacity: 1;
		z-index: -1;
	}
	.file a:hover img {
		filter: drop-shadow(1px 2px 3px var(--dark));
	}
	.background-dark:not(.alternative-dark-eucalyptus, .alternative-dark-lavender, .alternative-dark-sand, .alternative-dark-sky) .file a:hover img,
	.alternative-black .file a:hover img {
	filter: drop-shadow(1px 2px 3px var(--black)) invert(1);
	}
}

@media screen and (min-width: 576px) {
	.carousel-slider h3 {
		font-size: 1.5rem;
		height: 2.7rem !important;
	}
}
@media screen and (min-width: 768px) {
		.presentation-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.slider-text,
	.image-text-content-container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 100%;
	}
	.slider-text-content {
		margin-top: 0;
	}
	.slick-dots {
		margin-top: 2rem;
	}
}
@media screen and (min-width: 992px) {
	.shortcuts-grid .shortcut {
		flex: 0 0 calc(50%);
	}
	.image-text-content {
		margin-bottom: 2rem;
	}
}
@media screen and (min-width: 1200px) {
	.image-text-content-container {
		padding: 4rem;
	}
	.shortcuts-grid .shortcut {
		flex: 0 0 calc(33.33%);
	}
	.shortcut a:hover span:before {
	transform: rotate(0deg);
	}
	.image-text-content-container {
	padding: 0;
	}
}

/* Footer */
.page-footer {
	background-color: var(--dark);
	position: relative;
	z-index: 1;
}
.page-footer p,
.page-footer a {
	color: var(--white);
	text-decoration: none;
}
.page-footer a:before,
#menu-footer a:before,
#utility-menu a:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	border-radius: 1px;
	background-color: var(--white);
	bottom: 0;
	left: 0;
	transform-origin: right;
	transform: scaleX(0);
	transition: transform 0.3s ease-in-out;
}
#footer-1 {
	padding: 2.5rem 0;
	width: 100%;
}
#footer-1 .right-align {
	float: right;
	margin-right: 2rem;
	margin-top: -2rem;
}
#footer-2 {
	border-left: 1px solid var(--white);
	padding: 2.5rem 0;
}
#menu-footer {
	list-style: none;
	font-size: 18px;
}
#menu-footer li a {
	display: inline-block;
	position: relative;
	white-space: nowrap;
}

@media screen and (hover: hover) {
	.page-footer a:hover,
	#menu-footer a:hover,
	#utility-menu a:hover {
		color: var(--white);
	}
	.page-footer a:hover:before,
	.page-footer a:focus:before,
	#menu-footer .menu-item:hover a:before,
	#menu-footer .menu-item:focus a:before,
	#utility-menu .menu-item:hover a:before,
	#utility-menu .menu-item:focus a:before	{
		transform-origin: left;
		transform: scaleX(1);
	}
}

/* Documentation */
@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: calc(960px - 20vw);
    }
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: calc(1140px - 20vw);
    }
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: calc(1320px - 20vw) !important;
    }
}
@media (min-width: 1500px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px !important;
    }
}
.documentation-content h1 {
	font-size: 3.375rem;
	padding: 0 .75rem;
}
.documentation-content h2 {
	font-size: 2.5rem;
	margin-bottom: .5rem;
}
.documentation-content h3 {
	font-size: 2rem;
}
.documentation-content h4 {
	font-size: 1.778rem;
}
.documentation-content h5 {
	font-size: 1.5rem;
}
.documentation-content h6 {
	font-size: 1.125rem;
}
code p {
	font-size: .875rem;
}
.documentation-template-default #page-header,
.page-template-page-documentation #page-header {
	border-bottom: 1px solid var(--medium-light);
}
.documentation-content {
	display: flex;
	overflow: hidden;
}
#documentation-menu {
	display: none;
	padding: 1rem;
}
#documentation-content {
	width: 100%;
	min-height: 600px;
	position: relative;
	left: 0;
	height: 100%;
	/*overflow: hidden;*/
}
.documentation-entry-container {
	display: flex;
	grid-gap: 13px;
}
#documentation-breadcrumbs-container {
	background-color: var(--dark);
	color: var(--white);
	font-size: .875rem;
	height: 60px;
	display: flex;
	align-items: center;
	z-index: 10;
	position: relative;
	width: 100%;
	position: sticky;
	top: 0;
}
#documentation-breadcrumbs-container a,
#documentation-breadcrumbs-container .current-item {
	color: var(--white);
}
#documentation-breadcrumbs-container .breadcrumbs {
	display: flex;
	list-style: none;
	grid-gap: 5px 10px;
	flex-wrap: wrap;
	margin-left: 5px;
}
#documentation-content .breadcrumbs li:not(:last-child):after {
	content: '/';
	padding-left: 10px;
}
#documentation-content .breadcrumbs li a span:after {
	content: none !important;
}
#documentation-content .breadcrumbs li a {
	font-weight: 700;
}
#documentation-content .breadcrumbs .home {
	display: none;
}
#documentation-content .documentation-header {
	padding: 3rem 0;
	background: linear-gradient(90deg, rgba(49,30,78,1) 0%, rgba(70,44,112,1) 25%, rgba(118,74,188,1) 50%, rgba(70,44,112,1) 75%, rgba(49,30,78,1) 100%);
	width: 100%;
	display: flex;
	flex-direction: column;
}
#documentation-content .documentation-header a {
	color: var(--white);
}
#documentation-content .documentation-header a:before {
	background-color: var(--white);
}
#documenation-menu-toogle {
	padding: 0 1rem;
	cursor: pointer;
}
.documentation-header .quote {
	color: var(--white);
	font-size: 2rem;
	padding: 0 1rem;
}
.documentation-header .quotee {
	color: var(--white);
	margin-top: 1rem;
	padding: 0 1rem;
}
#documentation-content .introduction {
	max-width: 760px;
	padding: 0 1rem;
}
#documentation-content .entry-title,
#documentation-content .introduction p {
	color: var(--white);
}
.documentation-entry-content {
	max-width: 760px;
}
.documentation-entry-blocks {
	padding: 3rem 1rem 5rem;
	width: 100%;
}
.documentation-entry-updated {
	padding: 1rem;
	font-size: .875rem;
}
.documentation-block {
	margin-bottom: 3rem;
}
.documentation-block .code-block {
	background-color: var(--medium);
}
.documentation-block .code-content {
	background-color: var(--medium);
	color: var(--black);
}
.documentation-block .code-block-block {
	padding: 1.5rem;
}
.documentation-block .code-block-block code p,
.documentation-block .code-block-text code p {
	margin-bottom: 0;
	line-height: 1.5;
}
.documentation-block .code-block-text {
	display: inline-flex;
}
.documentation-block .cta-block .margin-min {
	margin-top: -2rem;
}
.documentation-block hr {
	background-color: var(--medium-dark);
	margin: 2rem 0;
}
.documentation-block .image-text-block {
	display: grid;
	grid-gap: 26px;
	grid-template-columns: 1fr 1fr;
}
.documentation-block .image-right {
	order: 1;
}
.documentation-block .text-block a {
	color: var(--dark);
	display: inline;
	text-decoration: underline;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 5px;
	word-wrap: break-word;
}
.notice-block {
	padding: 0 21px;
	border-left: 1px solid var(--dark);
	margin: 0 2rem;
}
.notice-block ul,
.notice-block p {
	margin-bottom: 0;
}
.notice-block a {
	display: inline;
	text-decoration: underline;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 5px;
  word-wrap: break-word;
}
.cards-block {
	display: grid;
	grid-gap: 26px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cards-block a {
	color: var(--black-1);
	text-decoration: none;
}
.cards-block .card-item {
	padding: .875rem;
	border: 1px solid var(--medium-light);
	transition: box-shadow 0.3s ease-in-out;
}
.cards-block .card-heading {
	font-weight: 700;
	line-height: 1;
	margin-bottom: .5rem;
}
.cards-block .card-teaser {
	font-size: .875rem;
}
.table-block .dt-layout-row.dt-layout-table {
	overflow: auto;
}
.table-block thead th,
.table-block thead td {
	background-color: var(--medium);
}
.table-block .dt-search {
	padding: 1rem 0;
}
.table-block .dt-search input {
	border: none;
	border-bottom: 2px solid var(--dark);
	width: 350px;
}
.table-block a {
	color: var(--dark);
	text-decoration: none;
}
.table-block .dataTable {
	border: 1px solid var(--medium-light);
}
.table-block table td {
	font-size: .875rem;
}
.documentation-block .image-slider-block .slick-initialized .slick-slide {
	display: flex;
	justify-content: center;
}
.documentation-image-slider .slick-dots {
	justify-content: center;
	margin-top: 1rem;
}
.jed-mapping-section-container {
	overflow: auto;
}
.jed-mapping-table thead th {
  background-color: var(--medium);
  font-weight: 700;
  vertical-align: left;
  text-align: left;
  word-break: normal;
  padding: .5rem;
}
.jed-mapping-table tr td {
  border-top: 1px solid #ddd;
  min-width: 10vw;
  font-size: .875rem;
  padding: .5rem;
  vertical-align: baseline;
}
@media screen and (hover: hover) {
	.cards-block .card-item:hover {
		box-shadow: 0 0 0 1px rgba(50, 50, 93, 0.01), 0 7px 14px 0 rgba(50, 50, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.02);
	}
	.table-block a:hover {
		text-decoration: underline;
		text-underline-offset: .2rem;
	}
	.documentation-block .text-block a:hover {
		text-decoration-thickness: 1.5px !important;
	}
}
@media screen and (min-width: 992px) {
	#documentation-breadcrumbs-container {
		padding-left: 1rem;
	}
	#documenation-menu-toogle {
		display: none;
	}
	#documentation-menu {
    display: block !important;
  }
}
@media screen and (min-width: 1200px) {
	#documentation-breadcrumbs-container {
		padding-left: 1.5rem;
	}
	.documentation-main {
		max-width: 100%;
	}
}
#documentation-menu.expanded {
	min-width: 350px;
	width: 20vw;
	display: block;
	border-right: 1px solid var(--medium-light);
	border-top: 1px solid var(--medium-light);
	background-color: var(--white);
	overflow-y: scroll;
	align-self: flex-start;
	position: relative;
	height: 100vh;
	scroll-behavior: smooth;
}
#menu-documentation > ul {
	padding-left: 0;
	width: 100%;
}
#menu-documentation > ul > li {
	margin-bottom: .5rem !important;
}
#menu-documentation ul li {
	font-size: .875rem;
	list-style: none;
	margin-bottom: 0;
}
#menu-documentation .sub-menu {
	padding-left: .5rem;
	overflow: hidden;
  max-height: 0;
  transition: all 0.5s ease-in-out;
}
#menu-documentation ul li a {
	padding: 5px 0;
	vertical-align: middle;
}
#menu-documentation ul li::marker {
	content: '' !important;
}
#menu-documentation ul li a {
	text-decoration: none;
	color: var(--black-1);
}
#menu-documentation > ul > li > a {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}
#menu-documentation > ul > li.no-link > a {
	cursor: pointer;
	pointer-events: none;
}
#menu-documentation .menu-item a {
	padding-left: 10px;
}
#menu-documentation .current-menu-item:not(.menu-item-object-custom) > a,
#menu-documentation .current-menu-ancestor > a {
	border-left: 2px solid var(--dark) !important;
	padding-left: 9px;
	font-weight: 700;
}
#menu-documentation .sub-menu .sub-menu .sub-menu a {
	border-left: 0 !important;
}
#menu-documentation .sub-menu .sub-menu .sub-menu .current-menu-item a {
	color: var(--dark);
}
#menu-documentation .current-menu-ancestor > a {
	font-weight: 700;
}
#menu-documentation .sub-menu.is-visible {
	max-height: 100%;
	transition: all 0.5s ease-in-out;
}
#menu-documentation .sub-menu .sub-menu .menu-item a {
	border-left: 1px solid var(--medium-dark);
}
#menu-documentation .sub-menu .current-menu-parent > .sub-menu {
	max-height: 100%;
}
#menu-documentation .current-menu-parent > span svg {
  transform: rotate(90deg);
  cursor: default;
}
#menu-documentation span svg {
	cursor: pointer;
	transition: transform 0.3s ease-in-out;
	float: right;
}
#menu-documentation a.open + span svg {
	transform: rotate(90deg);
}
#menu-documentation .LinkArrow {
	stroke: var(--dark);
}
.main-content-documentation {
	position: relative;
}
.overflow-bottom {
	display: none;
	height: 50px;
  position: absolute;
  bottom: 350px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, .3), rgba(255, 255, 255, 1));
  width: 345px;
}
.documentation-anchor-menu-container {
	display: none;
}
.relative {
	position: relative
}
.documentation-anchor-menu-container .anchor-menu-container {
	background-color: var(--white);
	padding: 1rem;
	z-index: 2;
	margin-right: 2rem;
	margin-top: 100px; 
	max-width:350px;
}
.documentation-anchor-menu-container .anchor-header {
	margin-bottom: .5rem;
}
.documentation-anchor-menu-container .anchor-link {
	border-left: 1px solid var(--dark);
	padding-left: 9px;
	width: 105%;
	overflow: hidden;
}
.documentation-anchor-menu-container .anchor-link.active {
	border-left: 2px solid var(--dark);
}
.documentation-anchor-menu-container .anchor-link a {
	display: inline-block;
	text-decoration: none;
	color: var(--dark);
	font-size: 1rem;
	line-height: normal;
	padding-bottom: .4rem;
}
.documentation-anchor-menu-container .anchor-link.active a {
	font-weight: 700;
}

@media screen and (hover: hover) {
	.documentation-anchor-menu-container .anchor-link a:hover {
		text-decoration: underline;
		text-underline-offset: .2rem;
	}
}
@media screen and (min-width: 768px) {
	.documentation-anchor-menu-container {
		display: block;
		height: 100%;
	}
}

/* Accessibility */
.screenreader-text {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.screenreader-text:focus {
  position: absolute;
  left: 6px;
  top: 7px;
  z-index: 999999;
  width: auto;
  height: auto;
  padding: 8px 16px;
  background: #000;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
}

/* CookieBot */
.CybotCookiebotDialogContentWrapper li::marker {
	content: "" !important;
}