/*EEEEEEEEEEEEEEEEEEEEUUUUUUUU     UUUUUUUUIIIIIIIIII     WWWWWWWW                           WWWWWWWWEEEEEEEEEEEEEEEEEEEEEEBBBBBBBBBBBBBBBBB        UUUUUUUU     UUUUUUUUNNNNNNNN        NNNNNNNNIIIIIIIIIITTTTTTTTTTTTTTTTTTTTTTT
E::::::::::::::::::::EU::::::U     U::::::UI::::::::I     W::::::W                           W::::::WE::::::::::::::::::::EB::::::::::::::::B       U::::::U     U::::::UN:::::::N       N::::::NI::::::::IT:::::::::::::::::::::T
E::::::::::::::::::::EU::::::U     U::::::UI::::::::I     W::::::W                           W::::::WE::::::::::::::::::::EB::::::BBBBBB:::::B      U::::::U     U::::::UN::::::::N      N::::::NI::::::::IT:::::::::::::::::::::T
EE::::::EEEEEEEEE::::EUU:::::U     U:::::UUII::::::II     W::::::W                           W::::::WEE::::::EEEEEEEEE::::EBB:::::B     B:::::B     UU:::::U     U:::::UUN:::::::::N     N::::::NII::::::IIT:::::TT:::::::TT:::::T
  E:::::E       EEEEEE U:::::U     U:::::U   I::::I        W:::::W           WWWWW           W:::::W   E:::::E       EEEEEE  B::::B     B:::::B      U:::::U     U:::::U N::::::::::N    N::::::N  I::::I  TTTTTT  T:::::T  TTTTTT
  E:::::E              U:::::D     D:::::U   I::::I         W:::::W         W:::::W         W:::::W    E:::::E               B::::B     B:::::B      U:::::D     D:::::U N:::::::::::N   N::::::N  I::::I          T:::::T        
  E::::::EEEEEEEEEE    U:::::D     D:::::U   I::::I          W:::::W       W:::::::W       W:::::W     E::::::EEEEEEEEEE     B::::BBBBBB:::::B       U:::::D     D:::::U N:::::::N::::N  N::::::N  I::::I          T:::::T        
  E:::::::::::::::E    U:::::D     D:::::U   I::::I           W:::::W     W:::::::::W     W:::::W      E:::::::::::::::E     B:::::::::::::BB        U:::::D     D:::::U N::::::N N::::N N::::::N  I::::I          T:::::T        
  E:::::::::::::::E    U:::::D     D:::::U   I::::I            W:::::W   W:::::W:::::W   W:::::W       E:::::::::::::::E     B::::BBBBBB:::::B       U:::::D     D:::::U N::::::N  N::::N:::::::N  I::::I          T:::::T        
  E::::::EEEEEEEEEE    U:::::D     D:::::U   I::::I             W:::::W W:::::W W:::::W W:::::W        E::::::EEEEEEEEEE     B::::B     B:::::B      U:::::D     D:::::U N::::::N   N:::::::::::N  I::::I          T:::::T        
  E:::::E              U:::::D     D:::::U   I::::I              W:::::W:::::W   W:::::W:::::W         E:::::E               B::::B     B:::::B      U:::::D     D:::::U N::::::N    N::::::::::N  I::::I          T:::::T        
  E:::::E       EEEEEE U::::::U   U::::::U   I::::I               W:::::::::W     W:::::::::W          E:::::E       EEEEEE  B::::B     B:::::B      U::::::U   U::::::U N::::::N     N:::::::::N  I::::I          T:::::T        
EE::::::EEEEEEEE:::::E U:::::::UUU:::::::U II::::::II              W:::::::W       W:::::::W         EE::::::EEEEEEEE:::::EBB:::::BBBBBB::::::B      U:::::::UUU:::::::U N::::::N      N::::::::NII::::::II      TT:::::::TT      
E::::::::::::::::::::E  UU:::::::::::::UU  I::::::::I               W:::::W         W:::::W          E::::::::::::::::::::EB:::::::::::::::::B        UU:::::::::::::UU  N::::::N       N:::::::NI::::::::I      T:::::::::T      
E::::::::::::::::::::E    UU:::::::::UU    I::::::::I                W:::W           W:::W           E::::::::::::::::::::EB::::::::::::::::B           UU:::::::::UU    N::::::N        N::::::NI::::::::I      T:::::::::T      
EEEEEEEEEEEEEEEEEEEEEE      UUUUUUUUU      IIIIIIIIII                 WWW             WWW            EEEEEEEEEEEEEEEEEEEEEEBBBBBBBBBBBBBBBBB              UUUUUUUUU      NNNNNNNN         NNNNNNNIIIIIIIIII      TTTTTTTTT*/



/* Root variables
---------------------------------------------------- */

:root {
	--eui-primary: #0e4876;
	--eui-primary-rgb: 14, 72, 118;

	--eui-primary-dark: #0a3253;
	--eui-primary-dark-rgb: 10, 50, 83;

	--eui-secondary: #1155CC;
	--eui-secondary-rgb: 17, 85, 204;

	--eui-secondary-dark: #0c3b8f;
	--eui-secondary-dark-rgb: 12, 59, 143;

	--eui-yellow: #f1c46f;
	--eui-yellow-rgb: 241, 196, 111;

	--eui-yellow-dark: #c19d59;
	--eui-yellow-dark-rgb: 193, 157, 89;

	--eui-red: #8B4332;
	--eui-red-rgb: 139, 67, 50;

	--eui-red-dark: #833D2F;
	--eui-red-dark-rgb: 131, 61, 47;

	--eui-brand-green: #8F942F;
	--eui-brand-green-rgb:143, 148, 47;

	--eui-brand-red: #C85826;
	--eui-brand-red-rgb:200, 88, 38;

	--eui-brand-yellow: #F1C46F;
	--eui-brand-yellow-rgb:241, 196, 111;

	--eui-brand-blue: #0E4876;
	--eui-brand-blue-rgb:14, 72, 118;

	--eui-black: #131516; /* AAA 18:3 */
	--eui-black-rgb: 19, 21, 22; /* AAA 18:3 */

	--eui-dark: #212529;
	--eui-dark-rgb: 33, 37, 41;

	--eui-light-blue: #EEF3F9;
	--eui-light-blue-rgb: 238, 243, 249;

	--eui-grey: #595959;
	--eui-grey-rgb: 89, 89, 89;

	--eui-dark-grey: #3F3C3C;
	--eui-dark-grey-rgb: 63, 60, 60;

	--eui-danger: #A91E2C;
	--eui-danger-rgb: 169, 30, 44;

	--eui-danger-dark: #aa1e2c;
	--eui-danger-dark-rgb: 170, 30, 44;	

	--eui-warning: #ffc107;
	--eui-warning-rgb: 255, 193, 7;

	--eui-warning-dark: #F0B010;
	--eui-warning-dark-rgb: 240, 176, 16;

	--eui-success: #198754;
	--eui-success-rgb: 25, 135, 84;

	--eui-success-dark: #146c43;
	--eui-success-dark-rgb: 20, 108, 67;

	--eui-highlight: #ffff00;

	--eui-border: #dee2e6;

	--sou-primary: #003865;
	--sou-primary-rgb: 0, 56, 101;

	--bs-bg-opacity: 1;

	--bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%23767676'/%3E%3C/svg%3E");
	--bs-breadcrumb-divider-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%23FFFFFF'/%3E%3C/svg%3E");

	--bs-modal-width: 80vh;

}

@media (prefers-reduced-motion: no-preference) {
	:root { scroll-behavior: auto; }
}


/* 
=========================================================================================================================
Live streaming pulsing red dot 
=========================================================================================================================
*/
.vibrate {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fc0303;
  transform: scale(1);
  box-shadow: 0 0 0 black;
  animation: anim-vibrate 2s infinite;
}
@keyframes anim-vibrate {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(252, 3, 3, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 0.6rem rgba(0, 0, 0, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}



/*
=========================================================================================================================
	TO BE REMOVED!!
=========================================================================================================================
*/
/* Add form-control class to element */
#target-audience .ais-SearchBox-input {
	display: block;
    width: 100%;
    min-height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	margin-bottom:1em;	
}

#target-audience .ais-SearchBox-submit { display: none; }

.ais-RefinementList-item { margin-bottom: 1rem; }

span.ais-RefinementList-labelText.text-white { color: #000!important; }


/*
=========================================================================================================================
	Tags
=========================================================================================================================
*/

body {
	font-family: 'Nunito Sans', sans-serif;
	color: var(--eui-black);
	font-size: 1.125rem;
	line-height: 1.65;
}

figure { margin: 0; }

img { max-width: 100%; }

main img { height: auto; }

h1, .h1, .display-1,
h2, .h2, .display-2,
h3, .h3, .display-3,
h4, .h4, .display-4,
h5, .h5, .display-5,
h6, .h6, .display-6 { font-family: 'Inter', sans-serif; } 

a { color: var(--eui-secondary); }

svg a { text-decoration: none; }
svg a:hover text,
svg a:hover span  { fill: var(--eui-red); }

/*
=========================================================================================================================
	Typography
=========================================================================================================================
*/

/* Extend line height classes
---------------------------------------------------- */

.lh-1 { line-height: 1!important; }
.lh-2 { line-height: 1.25!important; }
.lh-3 { line-height: 1.6!important; }
.lh-4 { line-height: 2!important; }


/* Text Colors
---------------------------------------------------- */

.text-white { color: #fff!important; }
.text-black { color: var(--eui-black)!important; }
.text-primary { color: var(--eui-primary)!important; }
.text-secondary { color: var(--eui-secondary)!important; }
.text-red { color: var(--eui-red)!important; }
.text-yellow { color: var(--eui-yellow)!important; }
.text-grey { color: var(--eui-grey)!important; }
.text-danger { color: var(--eui-danger)!important; }
.text-warning { color: var(--eui-warning)!important; }
.text-success { color: var(--eui-success)!important; }


/* Fab Colors
---------------------------------------------------- */

.text-soundcloud { color: #FE5000; }
.text-spotify { color: #1DB954; }
.text-youtube { color: #FF0000; }


/* Card hover effect 
---------------------------------------------------- */

.hover-effect figure figcaption > p { left: -100%; }

.hover-effect { transition: all 0.3s ease-in-out; }

.hover-effect figure {
	-webkit-transition: background 0.35s;
	transition: background 0.35s;
}

.hover-effect figure img {
	opacity: 1;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}

.hover-effect figure figcaption {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.hover-effect figure figcaption > p,
.gallery .hover-effect figure figcaption > svg {
	z-index: 1000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	white-space: nowrap;
	opacity: 0;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}

.hover-effect figure figcaption > p { left: -100%; }


/* Card corner ribbon (bottom-right)
---------------------------------------------------- */
.ribbon {
	width: 130px;
	height: 130px;
	overflow: hidden;
}

.ribbon span {
	width: 225px;
}

.ribbon-bottom-right {
	bottom: 0px;
	right: 0px;
}

.ribbon-bottom-right span {
	left: -25px;
	bottom: 15px;
	transform: rotate(315deg);
}


/* Read more link (arrow) 
---------------------------------------------------- */

.the-arrow { 
	top: 1px; 
	width: 4rem;
}

.the-arrow > .shaft {
	width: 4rem;
	display: block;
	height: 1px;
	position: relative;
}

.the-arrow.short,
.the-arrow.short > .shaft {	width: 2rem; }

.the-arrow > .shaft:before, 
.the-arrow > .shaft:after {
	width: .5rem;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	top: 0;
	right: 0;
}

.the-arrow > .shaft:before { transform: rotate(40deg); }
.the-arrow > .shaft:after { transform: rotate(-40deg); }

.the-arrow.thick > .shaft,
.the-arrow.thick > .shaft:before, 
.the-arrow.thick > .shaft:after { height: 2px; }

.the-arrow > .shaft:before { transform-origin: top right; }
.the-arrow > .shaft:after { transform-origin: bottom right; }
 
.the-arrow.arrow-left > .shaft:before { 
	transform-origin: top left; 
	left: 0; 
	right: auto;
}

.the-arrow.arrow-left > .shaft:after { 
	transform-origin: bottom left; 
	left: 0; 
	right: auto;
}

.link > .the-arrow { position: relative; } /* ???? */

.arrow-dark > .shaft,
.arrow-dark > .shaft:before,
.arrow-dark > .shaft:after { background-color: var(--eui-black); }

.arrow-white > .shaft,
.arrow-white > .shaft:before,
.arrow-white > .shaft:after { background-color: #fff!important; }


/* Read more link (Show more faded text) 
---------------------------------------------------- */
.show-more:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 3rem 0;
    background-image: linear-gradient(to bottom, transparent, #fff);
}


/* Specific links classes
---------------------------------------------------- */

.link-primary { color: var(--eui-primary)!important; }

.link-primary:focus,
.link-primary:hover { color: var(--eui-primary)!important; }

.link-secondary { color: var(--eui-secondary)!important; }

.link-secondary:focus,
.link-secondary:hover { color: var(--eui-secondary-dark)!important; }

.link-dark { color: var(--eui-black)!important; }

.link-dark:focus, 
.link-dark:hover { color: var(--eui-black)!important; }


/* Stretched link
---------------------------------------------------- */
.stretched-link::after { z-index: 99; }


/* Font weight
---------------------------------------------------- */
.fw-medium { font-weight: 500; }
.fw-semi-bold { font-weight: 600; }


.lead {
	font-weight: 400;
	font-style: italic;
	font-size: 1.5rem;
}


/*
=========================================================================================================================
	Header
=========================================================================================================================
*/

#logo img,
#logo-small img { height: 30px; }

#logo-small img,
#affiliation { transition: all .25s; }

.show-logo {
	opacity: 1;
	display: block!important;
}


/*
=========================================================================================================================
	Primary Navigation
	
	- Hamburger @ https://github.com/jonsuh/hamburgers
=========================================================================================================================
*/

.navbar-toggler:focus { box-shadow: none; }

.hamburger {
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	line-height: 1;
	overflow: visible;
	height: 24px;
}

.hamburger:hover { opacity: 0.7; }
.hamburger.is-active:hover { opacity: 0.7; }

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after { background-color: var(--bs-dark); }

.hamburger-box {
	width: 40px;
	height: 24px;
	display: inline-block;
	position: relative;
}

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
	width: 40px;
	height: 4px;
	background-color: var(--bs-dark);
	border-radius: 4px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
	content: "";
	display: block;
}

.hamburger-inner::before { top: -10px; }
.hamburger-inner::after { bottom: -10px; }

.hamburger--spin .hamburger-inner {
	transition-duration: 0.22s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.hamburger--spin .hamburger-inner::after { 	transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
	transform: rotate(225deg);
	transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
	transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger-light .hamburger-inner,
.hamburger-light .hamburger-inner::before,
.hamburger-light .hamburger-inner::after,
.hamburger-light.is-active .hamburger-inner,
.hamburger-light.is-active .hamburger-inner::before,
.hamburger-light.is-active .hamburger-inner::after{
	background-color: var(--bs-light);
}


/*
=========================================================================================================================
	Secondary Navigation
=========================================================================================================================
*/

#open-search {
	width: 50px;
    height: 50px;
    line-height: 1;
}

#dropdownLang {
    height: 50px;
    min-width: 90px;
}

#dropdownEUIunits {
	width: 55px;
	height: 55px;
}

.sticky-notice { background-color:#f1c46f; }


/*
=========================================================================================================================
	Breadcrumbs
=========================================================================================================================
*/

.breadcrumb-item+.breadcrumb-item::before { float:none!important; }
.bg-primary .breadcrumb-item+.breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider-white, "/");
}

/*
=========================================================================================================================
	Container
=========================================================================================================================
*/

.container-fluid {
	max-width: 1920px!important;
	margin: 0 auto!important;
}


/*
=========================================================================================================================
	Components
=========================================================================================================================
*/


/* Add Event
---------------------------------------------------- */

.addeventatc {
	font-family: 'Nunito Sans', sans-serif!important;
	font-size: 1.125rem!important;
	line-height: 1.65!important;	
}

/* OWL Carousel
---------------------------------------------------- */

.owl-carousel .owl-stage { display: flex; }

.owl-prev,
.owl-next { border: 0 none!important; }

.owl-prev:focus,
.owl-next:focus { outline: 1px dotted!important; }

.owl-carousel .owl-item {
  	display: flex;
  	flex: 1 0 auto;
}

.owl-carousel .caption {
  	display: flex;
  	flex: 1 0 auto;
  	flex-direction: column;
}

.owl-carousel .flex-text { flex-grow: 1; }

.owl-carousel .thumbnail {
  	display: flex;
  	flex-direction: column;
  	margin: 0 15px;
}


/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.custom-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent
}
.owl-nav.disabled+.custom-dots {
	margin-top: 1rem;
}
.custom-dots .owl-dot {
	border: 0;
	background: transparent;
	display: inline-block;
	margin: .5rem;	
	zoom:1
}
.custom-dots .owl-dot span {
	width: 1rem;
	height: 1rem;
	background: #D6D6D6;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 100%;
}

.custom-dots.red-dots .owl-dot.active span, 
.custom-dots.red-dots .owl-dot:hover span {
	background: #8B4232;
}

.custom-dots.blue-dots .owl-dot.active span, 
.custom-dots.blue-dots .owl-dot:hover span {
	background: #0e4876;
}


/* Bordered Logo Grid (partners logo grid 2 columns)
---------------------------------------------------- */

.bordered-grid-item { border-right: 0 none; }

.bordered-grid-item:nth-child(1), 
.bordered-grid-item:nth-child(2) { border-top: 1px solid #ddd; }

.bordered-grid-item:nth-child(1n), 
.bordered-grid-item:nth-child(2n) {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.bordered-grid-item:nth-child(2n) { border-right: 1px solid #ddd; }

.bordered-grid-item:last-child { border-right: 1px solid #ddd; }


/* Image gallery (masonry style)
---------------------------------------------------- */

.gallery {
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

.img-holder {
	flex-grow:1;
	margin: .2rem;
	overflow: hidden;
} 

.img-holder img {
	display: block;
	min-width: 100%;
	height: 16rem;
	object-fit: cover;
}


/* Algolia Range Input
---------------------------------------------------- */

.wrap-brackets:before { content: '('; }

.wrap-brackets:after { content: ')'; }

.ais-RefinementList-list mark { padding: 0; }

.ais-RangeSlider .rheostat {
	overflow: visible;
	margin-top: 40px;
	margin-bottom: 40px; 
}

.ais-RangeSlider .rheostat-background {
	height: 6px;
	top: 0px;
	width: 100%; 
}

.ais-RangeSlider .rheostat-handle {
	margin-left: -12px;
	top: -7px; 
}

.ais-RangeSlider .rheostat-background {
	position: relative;
	background-color: #ffffff;
	border: 1px solid #aaa; 
}

.ais-RangeSlider .rheostat-progress {
	position: absolute;
	top: 1px;
	height: 4px;
	background-color: #333; 
}

.rheostat-handle {
	position: relative;
	z-index: 1;
	width: 20px;
	height: 20px;
	background-color: #fff;
	border: 1px solid #333;
	border-radius: 50%;
	cursor: -webkit-grab;
	cursor: grab; 
}

.rheostat-marker {
	margin-left: -1px;
	position: absolute;
	width: 1px;
	height: 5px;
	background-color: #aaa; 
}

.rheostat-marker--large { height: 9px; }

.rheostat-value {
	margin-left: 50%;
	padding-top: 15px;
	position: absolute;
	text-align: center;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%); 
}

.rheostat-tooltip {
	margin-left: 50%;
	position: absolute;
	top: -22px;
	text-align: center;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%); 
}


/*	Search overlay
---------------------------------------------------- */

#header-search { display: none; }


/*	Helper People Markup
---------------------------------------------------- */

.people-markup li:last-child {
    border-bottom: 0!important;
	padding-bottom: 0!important;
}


/*	Alerts
---------------------------------------------------- */

.alert-light-blue {
    background-color: var(--eui-light-blue)!important;
    border-color: #d5e6fa;
}


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

.back-to-top {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    display: none;
}


/* Dropdown
---------------------------------------------------- */

#affiliation .dropdown-menu {
	min-width: 320px;
	font-size: 1.125rem;
}


/* Tabs
---------------------------------------------------- */ 

.nav-tabs,
.nav-tabs .nav-link { border: 0; }

.nav-tabs .nav-link:hover {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	z-index: 12;
	background-color: #fff!important; /*var(--eui-light-blue)!important;*/
	position: relative;
	zoom: 1;
}

.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:focus {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	border-bottom: 0;
	background-color: #fff!important;
	z-index: 10;
	position: relative;
	zoom: 1;
}


/* Boreder tabs
---------------------------------------------------- */ 

.border-tabs .nav-item.show .nav-link, 
.border-tabs .nav-link.active,
.border-tabs .nav-link:focus {
	background-color: #fff;
	border-bottom: 0;

}


/* Login page
---------------------------------------------------- */
#LogonControl_LoginPanel { display: none; }

.sys_wsfed-logon .sys_login-button {
	display: inline-block;
    font-weight: 400;
    line-height: 1.5;
	color: #fff;
    background-color: var(--eui-primary)!important;
    border-color: var(--eui-primary)!important;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
	padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.sys_wsfed-logon .sys_login-button:hover {
	color: #fff;
    background-color: var(--eui-primary-dark)!important;
    border-color: var(--eui-primary-dark)!important;
}

.sys_wsfed-logon .sys_login-button:focus {
	color: #fff;
    background-color: var(--eui-primary-dark)!important;
    border-color: var(--eui-primary-dark)!important;
    box-shadow: 0 0 0 0.2rem rgb(14 72 118 / 50%);
}

/* Modal
---------------------------------------------------- */

	body.modal-open { overflow: hidden; }
	.modal-dialog {	max-width: 100%; }


/*
=========================================================================================================================
	Classes
=========================================================================================================================
*/

.smaller { font-size: .75rem; }

.form-switch .form-check-input {
	width: 3em;
	height: 1.5em;
}

#coordinators_list li:not(:last-of-type)::after,
#themes_list li:not(:last-of-type)::after { content: ", "; }

.media-list li:hover { background-color: var(--eui-light-blue)!important; }

/* Object Fit
---------------------------------------------------- */
.object-fit-contain { object-fit: contain; }
.object-fit-cover { object-fit: cover; }
.object-fit-fill { object-fit: fill; }
.object-fit-none { object-fit: none; }
.object-fit-scale-down { object-fit: scale-down; }
.object-fit-unset { object-fit: unset; }


/* Overflow X
---------------------------------------------------- */
.overflowX-scroll { 
	overflow-x: scroll!important;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar; 	
}
.overflowX-hidden { overflow-x: hidden!important; }
.overflowX-visible { overflow-x: visible!important; }
.overflowX-auto { overflow-x: auto!important; }


/* Overflow Y
---------------------------------------------------- */
.overflowY-scroll { overflow-y: scroll!important; }
.overflowY-hidden { overflow-y: hidden!important; }
.overflowY-visible { overflow-y: visible!important; }
.overflowY-auto { overflow-y: auto!important; }


/* Background Opaity
---------------------------------------------------- */
.bg-opacity-05 {--bs-bg-opacity: 0.05!important;}


.bg-opacity-10 {--bs-bg-opacity: 0.1!important;}
.bg-opacity-15 {--bs-bg-opacity: 0.15!important;}

.bg-opacity-20 {--bs-bg-opacity: 0.2!important;}
.bg-opacity-25 {--bs-bg-opacity: 0.25!important;}

.bg-opacity-30 {--bs-bg-opacity: 0.3!important;}
.bg-opacity-35 {--bs-bg-opacity: 0.35!important;}

.bg-opacity-40 {--bs-bg-opacity: 0.4!important;}
.bg-opacity-45 {--bs-bg-opacity: 0.45!important;}

.bg-opacity-50 {--bs-bg-opacity: 0.5!important;}
.bg-opacity-55 {--bs-bg-opacity: 0.55!important;}

.bg-opacity-60 {--bs-bg-opacity: 0.6!important;}
.bg-opacity-65 {--bs-bg-opacity: 0.65!important;}

.bg-opacity-70 {--bs-bg-opacity: 0.7!important;}
.bg-opacity-75 {--bs-bg-opacity: 0.75!important;}

.bg-opacity-80 {--bs-bg-opacity: 0.8!important;}
.bg-opacity-85 {--bs-bg-opacity: 0.85!important;}

.bg-opacity-90 {--bs-bg-opacity: 0.9!important;}
.bg-opacity-95 {--bs-bg-opacity: 0.95!important;}


/* Background Colors
---------------------------------------------------- */
.bg-primary,
.badge-primary { background-color: rgba(var(--eui-primary-rgb), var(--bs-bg-opacity))!important; }

.bg-secondary { background-color: rgba(var(--eui-secondary-rgb), var(--bs-bg-opacity))!important; }
.bg-secondary-dark { background-color: rgba(var(--eui-secondary-dark-rgb), var(--bs-bg-opacity))!important; }

.bg-light { background-color: rgba(var(--eui-light-blue-rgb), var(--bs-bg-opacity))!important; }
.bg-red { background-color: rgba(var(--eui-red-rgb), var(--bs-bg-opacity))!important; }
.bg-yellow { background-color: rgba(var(--eui-yellow-rgb), var(--bs-bg-opacity))!important; }

.bg-brand-green {background-color: rgba(var(--eui-brand-green-rgb), var(--bs-bg-opacity))!important;}
.bg-brand-red {background-color: rgba(var(--eui-brand-red-rgb), var(--bs-bg-opacity))!important;}
.bg-brand-yellow {background-color: rgba(var(--eui-brand-yellow-rgb), var(--bs-bg-opacity))!important;}
.bg-brand-blue {background-color: rgba(var(--eui-brand-blue-rgb), var(--bs-bg-opacity))!important;}

.bg-danger { background-color: rgba(var(--eui-danger-rgb), var(--bs-bg-opacity))!important; }
.bg-danger-dark { background-color: rgba(var(--eui-danger-dark-rgb), var(--bs-bg-opacity))!important; }

.bg-warning { background-color: rgba(var(--eui-warning-rgb), var(--bs-bg-opacity))!important; }
.bg-warning-dark { background-color: rgba(var(--eui-warning-dark-rgb), var(--bs-bg-opacity))!important; }

.bg-success { background-color: rgba(var(--eui-success-rgb), var(--bs-bg-opacity))!important; }
.bg-success-dark { background-color: rgba(var(--eui-success-dark-rgb), var(--bs-bg-opacity))!important; }

.bg-primary-50 { background-color: rgba(var(--eui-primary-rgb), .5)!important; }
.bg-primary-75 { background-color: rgba(var(--eui-primary-rgb), .75)!important; }

.bg-dark-50 { background-color: rgba(var(--eui-dark-rgb), .5)!important; }
.bg-dark-75 { background-color: rgba(var(--eui-dark-rgb), .75)!important; }

.bg-light-50 { background-color: rgba(var(--eui-light-blue-rgb), .5)!important; }
.bg-light-75 { background-color: rgba(var(--eui-light-blue-rgb), .75)!important; }

.bg-secondary-transparent { background-color: rgba(108, 117, 125, .85)!important; }

.bg-sou-primary { background-color: rgba(var(--sou-primary-rgb), var(--bs-bg-opacity))!important; }


/* Borders
---------------------------------------------------- */
.border-none { border: 0!important; }
.border-1 { border-width: 1px!important; }
.border-2 { border-width: 2px!important; }
.border-3 { border-width: 3px!important; }
.border-4 { border-width: 4px!important; }
.border-5 { border-width: 5px!important; }


/* Border colors
---------------------------------------------------- */
.border-primary { border-color: var(--eui-primary)!important; }
.border-red { border-color: var(--eui-red)!important; }
.border-highlight { border-color: var(--eui-highlight)!important; }


/* Border radius
---------------------------------------------------- */
.border-top-right-rounded-1 {
	-webkit-border-top-right-radius: .25rem;
	-moz-border-radius-topright: .25rem;
	border-top-right-radius: .25rem;
}

.border-top-right-rounded-2 {
	-webkit-border-top-right-radius: .5rem;
	-moz-border-radius-topright: .5rem;
	border-top-right-radius: .5rem;
}

.border-top-right-rounded-3 {
	-webkit-border-top-right-radius: 1rem;
	-moz-border-radius-topright: 1rem;
	border-top-right-radius: 1rem;
}

.border-top-right-rounded-4 {
	-webkit-border-top-right-radius: 1.5rem;
	-moz-border-radius-topright: 1.5rem;
	border-top-right-radius: 1.5rem;
}

.border-top-right-rounded-5 {
	-webkit-border-top-right-radius: 3rem;
	-moz-border-radius-topright: 3rem;
	border-top-right-radius: 3rem;
}

/* Top left */

.border-top-left-rounded-1 {
	-webkit-border-top-left-radius: .25rem;
	-moz-border-radius-topleft: .25rem;
	border-top-left-radius: .25rem;
}

.border-top-left-rounded-2 {
	-webkit-border-top-left-radius: .5rem;
	-moz-border-radius-topleft: .5rem;
	border-top-left-radius: .5rem;
}

.border-top-left-rounded-3 {
	-webkit-border-top-left-radius: 1rem;
	-moz-border-radius-topleft: 1rem;
	border-top-left-radius: 1rem;
}

.border-top-left-rounded-4 {
	-webkit-border-top-left-radius: 1.5rem;
	-moz-border-radius-topleft: 1.5rem;
	border-top-left-radius: 1.5rem;
}

.border-top-left-rounded-5 {
	-webkit-border-top-left-radius: 3rem;
	-moz-border-radius-topleft: 3rem;
	border-top-left-radius: 3rem;
}

/* Bottom left */

.border-bottom-left-rounded-1 {
	-webkit-border-bottom-left-radius: .25rem;
	-moz-border-radius-bottomleft: .25rem;
	border-bottom-left-radius: .25rem;
}

.border-bottom-left-rounded-2 {
	-webkit-border-bottom-left-radius: .5rem;
	-moz-border-radius-bottomleft: .5rem;
	border-bottom-left-radius: .5rem;
}

.border-bottom-left-rounded-3 {
	-webkit-border-bottom-left-radius: 1rem;
	-moz-border-radius-bottomleft: 1rem;
	border-bottom-left-radius: 1rem;
}

.border-bottom-left-rounded-4 {
	-webkit-border-bottom-left-radius: 1.5rem;
	-moz-border-radius-bottomleft: 1.5rem;
	border-bottom-left-radius: 1.5rem;
}

.border-bottom-left-rounded-5 {
	-webkit-border-bottom-left-radius: 3rem;
	-moz-border-radius-bottomleft: 3rem;
	border-bottom-left-radius: 3rem;
}

/* Bottom right */

.border-bottom-right-rounded-1 {
	-webkit-border-bottom-right-radius: .25rem;
	-moz-border-radius-bottomright: .25rem;
	border-bottom-right-radius: .25rem;
}

.border-bottom-right-rounded-2 {
	-webkit-border-bottom-right-radius: .5rem;
	-moz-border-radius-bottomright: .5rem;
	border-bottom-right-radius: .5rem;
}

.border-bottom-right-rounded-3 {
	-webkit-border-bottom-right-radius: 1rem;
	-moz-border-radius-bottomright: 1rem;
	border-bottom-right-radius: 1rem;
}

.border-bottom-right-rounded-4 {
	-webkit-border-bottom-right-radius: 1.5rem;
	-moz-border-radius-bottomright: 1.5rem;
	border-bottom-right-radius: 1.5rem;
}

.border-bottom-right-rounded-5 {
	-webkit-border-bottom-right-radius: 3rem;
	-moz-border-radius-bottomright: 3rem;
	border-bottom-right-radius: 3rem;
}


/* Buttons 
---------------------------------------------------- */
.btn-outline-primary {
    color: var(--eui-primary)!important;
    border-color: var(--eui-primary)!important;
}

.btn-outline-primary:hover {
    color: #fff!important;
    background-color: var(--eui-primary)!important;
    border-color: var(--eui-primary)!important;
}


/* Btn primary
---------------------------------------------------- */
.btn-primary {
	color: #fff!important;
	background-color: var(--eui-primary)!important;
	border-color: var(--eui-primary)!important;
}

.btn-primary:hover {
	color: #fff!important;
	background-color: var(--eui-primary-dark)!important;
	border-color: var(--eui-primary-dark)!important;
}

.btn-check:focus + .btn-primary,
.btn-primary:focus {
	color: #fff!important;
	background-color: var(--eui-primary-dark)!important;
	border-color: var(--eui-primary-dark)!important;
	box-shadow: 0 0 0 .2rem rgba(14, 72, 118, .5);
}

.btn-check:active + .btn-primary,
.btn-check:checked + .btn-primary,
.btn-primary.active,
.btn-primary:active,
.show > .btn-primary.dropdown-toggle {
	color: #fff!important;
	background-color: var(--eui-primary-dark)!important;
	border-color: var(--eui-primary-dark)!important;
}

.btn-check:active + .btn-primary:focus,
.btn-check:checked + .btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(14, 72, 118, .5); }

.btn-primary.disabled,
.btn-primary:disabled {
	color: var(--eui-black)!important;
	background-color: var(--eui-gray)!important;
	border-color: var(--eui-gray)!important;
}


/* Btn secondary
---------------------------------------------------- */
.btn-secondary {
	color: #fff!important;
	background-color: var(--eui-secondary)!important;
	border-color: var(--eui-secondary)!important;
}

.btn-secondary:hover {
	color: #fff!important;
	background-color: var(--eui-secondary-dark)!important;
	border-color: var(--eui-secondary-dark)!important;
}

.btn-check:focus + .btn-secondary,
.btn-secondary:focus {
	color: #fff!important;
	background-color: var(--eui-secondary-dark)!important;
	border-color: var(--eui-secondary-dark)!important;
	box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-check:active + .btn-secondary,
.btn-check:checked + .btn-secondary,
.btn-secondary.active,
.btn-secondary:active,
.show > .btn-secondary.dropdown-toggle {
	color: #fff!important;
	background-color: var(--eui-secondary-dark)!important;
	border-color: var(--eui-secondary-dark)!important;
}

.btn-check:active + .btn-secondary:focus,
.btn-check:checked + .btn-secondary:focus,
.btn-secondary.active:focus,
.btn-secondary:active:focus,
.show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5); }

.btn-secondary.disabled,
.btn-secondary:disabled {
	color: var(--eui-black)!important;
	background-color: var(--eui-gray)!important;
	border-color: var(--eui-gray)!important;
}

.btn-outline-secondary {
    color: rgba(37, 131, 192, 1);
    border-color: rgba(37, 131, 192, 1);
}


/* Btn yellow
---------------------------------------------------- */

.btn-yellow {
	color: var(--eui-black);
	background-color: var(--eui-yellow)!important;
	border-color: var(--eui-yellow)!important;
}

.btn-yellow:hover {
	color: var(--eui-black);
	background-color: var(--eui-yellow-dark)!important;
	border-color: var(--eui-yellow-dark)!important;
}

.btn-check:focus + .btn-yellow,
.btn-yellow:focus {
	color: var(--eui-black);
	background-color: var(--eui-yellow-dark)!important;
	border-color: var(--eui-yellow-dark)!important;
	box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-check:active + .btn-yellow,
.btn-check:checked + .btn-yellow,
.btn-yellow.active,
.btn-yellow:active,
.show > .btn-yellow.dropdown-toggle {
	color: var(--eui-black);
	background-color: var(--eui-yellow-dark)!important;
	border-color: var(--eui-yellow-dark)!important;
}

.btn-check:active + .btn-yellow:focus,
.btn-check:checked + .btn-yellow:focus,
.btn-yellow.active:focus,
.btn-yellow:active:focus,
.show > .btn-yellow.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5); }


/* Btn light
---------------------------------------------------- */
.btn-light {
    color: #000!important;
    background-color: var(--eui-light-blue)!important;
    border-color: var(--eui-light-blue)!important;
}

.btn-light:hover {
	color: #000!important;
	background-color: #f8f9fa!important;
	border-color: #f8f9fa!important;
}


/* Btn red
---------------------------------------------------- */
.btn-red {
	color: #fff!important;
    background-color: var(--eui-red)!important;
    border-color: var(--eui-red)!important;
}

.btn-red:hover {
	color: #fff!important;
	background-color: var(--eui-red-dark)!important;
	border-color: var(--eui-red-dark)!important;
}


/* Search overlay + blur
---------------------------------------------------- */
.blur {
	filter: blur(2px) grayscale(.8);
	transition: .5s filter linear;
	-webkit-transition: .5s -webkit-filter linear;
	-moz-transition: .5s -moz-filter linear;
	-ms-transition: .5s -ms-filter linear;
	-o-transition: .5s -o-filter linear;
}

.overlay {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    position: fixed;
	display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	z-index: 999;
}

.shadow-2 { box-shadow: 0 2rem 2rem rgba(0,0,0,.15)!important; }
.shadow-none { box-shadow: none!important; }

/* Text shadow
---------------------------------------------------- */
.text-shadow { text-shadow: 2px 2px 5px rgba(0,0,0,0.8); }
.text-shadow-none { text-shadow: none; }


/* Text shadow background
---------------------------------------------------- */
.boxed-text-primary { 
	box-shadow: 1rem 0 0 #0e4876, -1rem 0 0 #0e4876;
	-webkit-box-decoration-break: clone;
    box-decoration-break: clone;	 
}
.boxed-text-white {
	box-shadow: 1rem 0 0 #ffffff, -1rem 0 0 #ffffff; 
	-webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}


/* Background image
---------------------------------------------------- */
.bg-cover { background-size: cover; background-repeat: no-repeat; }
.bg-center { background-position: center; }
.bg-center-left { background-position: center left; }
.bg-center-right { background-position: center right; }
.bg-top-right {	background-position: top right; }
.bg-top-left { background-position: top left; }
.bg-bottom-right { background-position: bottom right; }
.bg-bottom-left { background-position: bottom left; }


/* Image vignette
---------------------------------------------------- */
.vignette { position: relative; }

.vignette:after {
	content: '';
	position: absolute;
	top: 0; 
	left: 0; 
	bottom: 0; 
	right: 0;
	box-shadow: inset 0 -10rem 5rem rgba(0,0,0, .6);
}

.vignette-2:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    box-shadow: inset 0 -20rem 10rem rgb(0 0 0 / 80%);
}


/* CSS lists columns layout
---------------------------------------------------- */
.list-cols:after {
  content: '';
  width: 100%;
  display: inline-block;
}
.list-cols-1 {
	-webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 4em;
    -moz-column-gap: 4em;
    column-gap: 4em;
}

.list-cols-2 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 6em;
	-moz-column-gap: 6em;
	column-gap: 6em;
	column-rule: dotted #ddd;
}

.list-cols-3 {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 8em;
	-moz-column-gap: 8em;
	column-gap: 8em;
	column-rule: dotted #ddd;
}


/* Square bullet list
---------------------------------------------------- */
/*
ul.square-bullet,
.accordion-markup ul { 
	padding-left:1rem!important;
}
*/

.square-bullet li {
	list-style: none;
	margin-bottom: .5rem;
	position: relative;
	padding-left: 1.5rem;
}

.square-bullet li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .6rem;
	width: 10px;
	height: 10px;
	background-color: var(--eui-primary)!important;
	margin-right: 1rem;
}


/* Striped list
---------------------------------------------------- */
.list-striped li:nth-of-type(odd){ background: rgba(var(--eui-light-blue-rgb), var(--bs-bg-opacity))!important; }
.list-striped li:nth-of-type(even){ background:#fff; }

/* Pagination
---------------------------------------------------- */
.page-link { 
	color: var(--eui-black)!important;
	background-color: transparent;
}
.page-link:hover { color: var(--eui-black)!important; }

.ais-Pagination-item--disabled .page-link:hover {
	background: none;
	color: var(--eui-primary)!important;
}

li.ais-Pagination-item--selected:after {
    content: "";
    height: 3px;
    background-color: var(--eui-black);
    display: block;
}


/* Max width / Max height
---------------------------------------------------- */
.mw-none { max-width: none; }
.mh-auto { max-height: none; }
.mh-600 { max-height: 600px; }
.mh-720 { max-height: 720px; }


/* Min height
---------------------------------------------------- */
.min-h-auto { min-height: none!important; }


/* Negative margin classes 
---------------------------------------------------- */
.mt-n1 { margin-top: -.25rem!important }
.me-n1 { margin-right: -.25rem!important; }
.mb-n1 { margin-bottom: -.25rem!important; }
.ms-n1 { margin-left: -.25rem!important; }

.mt-n2 { margin-top: -.5rem!important; }
.me-n2 { margin-right: -.5rem!important; }
.mb-n2 { margin-bottom: -.5rem!important; }
.ms-n2 { margin-left: -.5rem!important; }

.mt-n3 { margin-top: -1rem!important; }
.me-n3 { margin-right: -1rem!important; }
.mb-n3 { margin-bottom: -1rem!important; }
.ms-n3 { margin-left: -1rem!important; }

.mt-n4 { margin-top: -1.5rem!important; }
.me-n4 { margin-right: -1.5rem!important; }
.mb-n4 { margin-bottom: -1.5rem!important; }
.ms-n4 { margin-left: -1.5rem!important; }

.mt-n5 { margin-top: -3rem!important; }
.me-n5 { margin-right: -3rem!important; }
.mb-n5 { margin-bottom:- 3rem!important; }
.ms-n5 { margin-left: -3rem!important; }


/* Extend ratio classes
---------------------------------------------------- */
.ratio-2x1 { --bs-aspect-ratio: calc(1 / 2 * 100%); }
.ratio-2x3 { --bs-aspect-ratio: calc(3 / 2 * 100%); }
.ratio-3x2 { --bs-aspect-ratio: calc(2 / 3 * 100%); }
.ratio-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%); }
.ratio-16x9 { --bs-aspect-ratio: calc(9 / 16 * 100%); }
.ratio-9x16 { --bs-aspect-ratio: calc(16 / 9 * 100%); }
.ratio-21x9 { --bs-aspect-ratio: calc(9 / 21 * 100%); }


/* Extend position classes
---------------------------------------------------- */
.sticky-top {
	position: sticky!important;
	position: -webkit-sticky!important;
	top: 0;
	z-index: 99!important;	
}

/*Move to media query*/
#sidebar.sticky-lg-top {
	top: 3rem;
	z-index: 99!important;
}


/* Links 
---------------------------------------------------- */
.link-white,
.link-white:focus, 
.link-white:hover { color: #fff!important; }


/* Z-index
---------------------------------------------------- */
.z-90 { z-index: 90!important; }
.z-93 { z-index: 93!important; }
.z-96 { z-index: 96!important; }
.z-99 { z-index: 99!important; }

.z-990 {z-index: 990!important; }
.z-993 { z-index: 993!important; }
.z-996 { z-index: 996!important; }
.z-999 { z-index: 999!important; }

.z-9990 { z-index: 9990!important; }
.z-9993 { z-index: 9993!important; }
.z-9996 { z-index: 9996!important; }
.z-9999 { z-index: 9999!important; }


/* Accordion
---------------------------------------------------- */

.accordion-wrapper .accordion:first-child { border: 1px solid var(--eui-border); }

.accordion-wrapper .accordion:not(:first-child) {
	border-left: 1px solid var(--eui-border);
	border-right: 1px solid var(--eui-border);
	border-bottom: 1px solid var(--eui-border);
}

.accordion h1,
.accordion h2,
.accordion h3,
.accordion h4,
.accordion h5,
.accordion h6 { margin-top: 0!important; }

.transition-transform { transition: transform ease-in-out .2s; }


/*
=========================================================================================================================
	Detail pages
=========================================================================================================================
*/

.detail-page h2,
.detail-page h3,
.detail-page h4 {
	margin-top: 3rem;
	margin-bottom: 1rem;
}

.detail-page h2:first-child,
.detail-page h3:first-child,
.detail-page h4:first-child { margin-top: 0; }


/*
=========================================================================================================================
	Educational Programme Detail pages
=========================================================================================================================
*/

#sidebar-navigation .nav-link.active {
	background: transparent;
	border-left: 5px solid var(--eui-red);
    padding-left: 1rem!important;
}


/*
=========================================================================================================================
	Media Queries
=========================================================================================================================
*/

/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {


	/* Extend font-size classes
	---------------------------------------------------- */
	.fs-sm-1 { font-size: 2.5rem!important; }
	.fs-sm-2 { font-size: 2rem!important; }
	.fs-sm-2 { font-size: 2rem!important; }
	.fs-sm-3 { font-size: 1.75rem!important; }
	.fs-sm-4 { font-size: 1.5rem!important; }
	.fs-sm-5 { font-size: 1.25rem!important; }
	.fs-sm-6 { font-size: 1rem!important; }	


	/* Extend line height classes
	---------------------------------------------------- */
	.lh-sm-1 { line-height: 1!important; }
	.lh-sm-2 { line-height: 1.25!important; }
	.lh-sm-3 { line-height: 1.6!important; }
	.lh-sm-4 { line-height: 2!important; }


	/* Extend border classes
	---------------------------------------------------- */
	.border-sm-top { border-top: 1px solid var(--eui-border) !important; }
	.border-sm-end { border-right: 1px solid var(--eui-border) !important; }
	.border-sm-bottom {	border-bottom: 1px solid var(--eui-border) !important; }
	.border-sm-start { border-left: 1px solid var(--eui-border) !important; }
	.border-sm-none { border: 0!important; }


	/* Border width
	---------------------------------------------------- */
	.border-sm-1 { border-width: 1px!important; }
	.border-sm-2 { border-width: 2px!important; }
	.border-sm-3 { border-width: 3px!important; }
	.border-sm-4 { border-width: 4px!important; }
	.border-sm-5 { border-width: 5px!important; }


	/* Border colors
	---------------------------------------------------- */
	.border-sm-primary { border-color: var(--eui-primary)!important; }	
	.border-sm-red { border-color: var(--eui-red)!important; }
	.border-sm-dark { border-color: var(--eui-dark)!important; }


	/* Max width / Max height
	---------------------------------------------------- */
	.mh-sm-auto { max-height: none; }
	.mh-sm-600 { max-height: 600px; }
	.mh-sm-720 { max-height: 720px; }	
	

	/* Min height
	---------------------------------------------------- */
	.min-h-sm-auto {min-height: none!important;}


	/* Extend width/height classes
	---------------------------------------------------- */
	.w-sm-20 { width:20%!important; }
	.w-sm-25 { width:25%!important; }
	.w-sm-50 { width:50%!important; }
	.w-sm-75 { width:75%!important; }
	.w-sm-100 { width:100%!important; }
	.w-sm-auto { width:auto!important; }

	.h-sm-25 { height:25%!important; }
	.h-sm-50 { height:50%!important; }
	.h-sm-75 { height:75%!important; }
	.h-sm-100 { height:100%!important; }
	.h-sm-auto { height:auto!important; }	


	/* CSS lists columns layout
	---------------------------------------------------- */
	.list-cols-sm-1 {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 4em;
		-moz-column-gap: 4em;
		column-gap: 4em;
	}

	.list-cols-sm-2 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 6em;
		-moz-column-gap: 6em;
		column-gap: 6em;
		column-rule: dotted #ddd;
	}

	.list-cols-sm-3 {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 8em;
		-moz-column-gap: 8em;
		column-gap: 8em;
		column-rule: dotted #ddd;
	}


	/* Extend ratio classes
	---------------------------------------------------- */
	.ratio-sm-1x1 { --bs-aspect-ratio: 100%; }
	.ratio-sm-2x1 { --bs-aspect-ratio: calc(1 / 2 * 100%); }
	.ratio-sm-2x3 { --bs-aspect-ratio: calc(3 / 2 * 100%); }
	.ratio-sm-3x2 { --bs-aspect-ratio: calc(2 / 3 * 100%); }
	.ratio-sm-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%); }
	.ratio-sm-16x9 { --bs-aspect-ratio: calc(9 / 16 * 100%); }
	.ratio-sm-9x16 { --bs-aspect-ratio: calc(16 / 9 * 100%); }
	.ratio-sm-21x9 { --bs-aspect-ratio: calc(9 / 21 * 100%); }
	
	.ratio-sm {
		position: relative;
    	width: 100%;
	}

	.ratio-sm > * {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.ratio-sm::before {
		display: block;
		padding-top: var(--bs-aspect-ratio);
		content: "";
	}

	.ratio-sm-auto > * {
		position: static;
		top: auto;
		left: auto;
		width: auto;
		height: auto;
	}

	.ratio-sm-auto::before {
		display: none;
		padding-top: 0;
	}


	/* Negative margin classes 
	---------------------------------------------------- */
	.mt-sm-n1 { margin-top: -.25rem!important; }
	.me-sm-n1 {	margin-right: -.25rem!important; }
	.mb-sm-n1 { margin-bottom: -.25rem!important; }
	.ms-sm-n1 { margin-left: -.25rem!important; }

	.mt-sm-n2 {	margin-top: -.5rem!important; }
	.me-sm-n2 { margin-right: -.5rem!important; }
	.mb-sm-n2 { margin-bottom: -.5rem!important; }
	.ms-sm-n2 {	margin-left: -.5rem!important; }

	.mt-md-n3 {	margin-top: -1rem!important; }
	.me-sm-n3 {	margin-right: -1rem!important; }
	.mb-sm-n3 { margin-bottom: -1rem!important; }
	.ms-sm-n3 {	margin-left: -1rem!important; }

	.mt-sm-n4 { margin-top: -1.5rem!important; }
	.me-sm-n4 {	margin-right: -1.5rem!important; }
	.mb-sm-n4 {	margin-bottom: -1.5rem!important; }
	.ms-sm-n4 {	margin-left: -1.5rem!important; }

	.mt-sm-n5 {	margin-top: -3rem!important; }
	.me-sm-n5 {	margin-right: -3rem!important; }
	.mb-sm-n5 {	margin-bottom:- 3rem!important; }
	.ms-sm-n5 { margin-left: -3rem!important; }


	/* Text shadow
	---------------------------------------------------- */
	.text-shadow-sm { text-shadow: 2px 2px 5px rgba(0,0,0,0.8); }
	.text-shadow-sm-none { text-shadow: none; }


	/* Text shadow background
	---------------------------------------------------- */
	.boxed-text-sm-primary { 
		box-shadow: 1rem 0 0 #0e4876, -1rem 0 0 #0e4876; 
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;	
	}
	.boxed-text-sm-white { 
		box-shadow: 1rem 0 0 #ffffff, -1rem 0 0 #ffffff;
		-webkit-box-decoration-break: clone;
    	box-decoration-break: clone;		
	}


	/* Box shadow
	---------------------------------------------------- */
	.shadow-sm { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }
	.shadow-sm-2 { box-shadow: 0 2rem 2rem rgba(0,0,0,.15)!important; }
	.shadow-sm-none { box-shadow: none!important; }


	/* Background Colors
	---------------------------------------------------- */
	.bg-sm-primary { background-color: rgba(var(--eui-primary-rgb), var(--bs-bg-opacity))!important; }
	.bg-sm-secondary { background-color: rgba(var(--eui-secondary-rgb), var(--bs-bg-opacity))!important; }
	.bg-sm-secondary-dark { background-color: rgba(var(--eui-secondary-dark-rgb), var(--bs-bg-opacity))!important; }
	.bg-sm-light { background-color: rgba(var(--eui-light-blue-rgb), var(--bs-bg-opacity))!important; }
	.bg-sm-red { background-color: rgba(var(--eui-red-rgb), var(--bs-bg-opacity))!important; }
	
	.bg-sm-primary-50 { background-color: rgba(14, 72, 118, .5)!important; }
	.bg-sm-white { background-color: #fff!important; }
	.bg-sm-dark { background-color: var(--eui-black)!important; }	
	.bg-sm-transparent { background-color: transparent!important; }


	/* Image vignette
	---------------------------------------------------- */
	.vignette-sm { position: relative; }

	.vignette-sm:after {
		content: '';
		position: absolute;
		top: 0; 
		left: 0; 
		bottom: 0; 
		right: 0;
		box-shadow: inset 0 -10rem 5rem rgba(0,0,0, .6);
	}

	.vignette-sm-2:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		box-shadow: inset 0 -20rem 10rem rgb(0 0 0 / 80%);
	}


	/* Overflow
	---------------------------------------------------- */
	.overflow-sm-scroll { overflow: scroll!important; }
	.overflow-sm-hidden { overflow: hidden!important; }
	.overflow-sm-visible { overflow: visible!important; }
	.overflow-sm-auto { overflow: auto!important; }


	/* Overflow X
	---------------------------------------------------- */
	.overflowX-sm-scroll {
		overflow-x: scroll!important;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar; 	
	}
	.overflowX-sm-hidden { overflow-x: hidden!important; }
	.overflowX-sm-visible { overflow-x: visible!important; }
	.overflowX-sm-auto { overflow-x: auto!important; }


	/* Overflow Y
	---------------------------------------------------- */
	.overflowY-sm-scroll { overflow-y: scroll!important; }
	.overflowY-sm-hidden { overflow-y: hidden!important; }
	.overflowY-sm-visible { overflow-y: visible!important; }
	.overflowY-sm-auto { overflow-y: auto!important; }


	/* Object Fit
	---------------------------------------------------- */
	.object-fit-sm-contain { object-fit: contain; }
	.object-fit-sm-cover { object-fit: cover; }
	.object-fit-sm-fill { object-fit: fill; }
	.object-fit-sm-none { object-fit: none; }
	.object-fit-sm-scale-down { object-fit: scale-down; }
	.object-fit-sm-unset { object-fit: unset; }


	/* Text Colors
	---------------------------------------------------- */
	.text-sm-white { color: #fff!important; }
	.text-sm-black { color: var(--eui-black)!important; }
	.text-sm-primary { color: var(--eui-primary)!important; }
	.text-sm-secondary { color: var(--eui-secondary)!important; }
	.text-sm-red { color: var(--eui-red)!important; }
	.text-sm-grey { color: var(--eui-grey)!important; }
	.text-sm-danger { color: var(--eui-danger)!important; }
	.text-sm-warning { color: var(--eui-warning)!important; }
	.text-sm-success { color: var(--eui-success)!important; }	


	/* Links 
	---------------------------------------------------- */
	.link-sm-white,
	.link-sm-white:focus,
	.link-sm-white:hover { color: #fff!important; }
	.link-sm-dark { color: var(--eui-black); }


	/* Read more link (arrow)
	---------------------------------------------------- */
	.arrow-sm-dark > .shaft,
	.arrow-sm-dark > .shaft:before,
	.arrow-sm-dark > .shaft:after { background-color: var(--eui-black); }

	.arrow-sm-white > .shaft,
	.arrow-sm-white > .shaft:before,
	.arrow-sm-white > .shaft:after { background-color: #fff!important; }


	/* Z-index
	---------------------------------------------------- */
	.z-sm-90 { z-index: 90!important; }
	.z-sm-93 { z-index: 93!important; }
	.z-sm-96 { z-index: 96!important; }
	.z-sm-99 { z-index: 99!important; }

	.z-sm-990 {z-index: 990!important; }
	.z-sm-993 { z-index: 993!important; }
	.z-sm-996 { z-index: 996!important; }
	.z-sm-999 { z-index: 999!important; }

	.z-sm-9990 { z-index: 9990!important; }
	.z-sm-9993 { z-index: 9993!important; }
	.z-sm-9996 { z-index: 9996!important; }
	.z-sm-9999 { z-index: 9999!important; }


	/* Extend position classes
	---------------------------------------------------- */
	.position-sm-static { position: static!important; }
	.position-sm-relative { position: relative!important; }
	.position-sm-absolute {	position: absolute!important; }
	.position-sm-fixed { position: fixed!important; }
	.position-sn-sticky { position: sticky!important; }

	/* Bordered Logo Grid (detail)
	---------------------------------------------------- */
	
	.bordered-grid-item { border-right: 0 none; }

	.bordered-grid-item:nth-child(1), 
	.bordered-grid-item:nth-child(2) { border-top: 1px solid #ddd; }

	.bordered-grid-item:nth-child(1n), 
	.bordered-grid-item:nth-child(2n) {
		border-left: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}

	.bordered-grid-item:nth-child(2n) { border-right: 1px solid #ddd; }

	.bordered-grid-item:last-child { border-right: 1px solid #ddd; }

	
	/* Bordered Logo Grid (landing)
	---------------------------------------------------- */
	
	.bordered-grid-item.col-sm-4:nth-child(1), 
	.bordered-grid-item.col-sm-4:nth-child(2),
	.bordered-grid-item.col-sm-4:nth-child(3) { border-top: 1px solid #ddd; }

	.bordered-grid-item.col-sm-4:nth-child(1n), 
	.bordered-grid-item.col-sm-4:nth-child(2n),
	.bordered-grid-item.col-sm-4:nth-child(3n) {
		border-left: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}

	.bordered-grid-item.col-sm-4:nth-child(2n) { border-right: 0 none; }

	.bordered-grid-item.col-sm-4:nth-child(3n) { border-right: 1px solid #ddd; }


	/* Modal
	---------------------------------------------------- */

	.modal-dialog {	max-width: 80vw; }


	/* Transform: translate
	---------------------------------------------------- */
	.translate-sm-middle-y {
    	transform: translateY(-50%) !important;
	}

}


/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {

	.hover-effect:hover { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }

	.hover-effect:hover figure { background: var(--eui-black); }

	.hover-effect:hover figure img {
		opacity: 0.25;
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	.hover-effect:hover figure figcaption > p,
	.gallery .hover-effect:hover figure svg {
		opacity: 1;
		left: 50%;
	}


	/* Hide horizontal scrollbar on secondary nav
	---------------------------------------------------- */
	.scroll-x {
		-ms-overflow-style: none;  /* IE and Edge */
		scrollbar-width: none;  /* Firefox */		
	}

	.scroll-x::-webkit-scrollbar { display: none; }
	
	
	/* Extend font-size classes
	---------------------------------------------------- */

	.fs-md-1 { font-size: 2.5rem!important; }
	.fs-md-2 { font-size: 2rem!important; }
	.fs-md-2 { font-size: 2rem!important; }
	.fs-md-3 { font-size: 1.75rem!important; }
	.fs-md-4 { font-size: 1.5rem!important; }
	.fs-md-5 { font-size: 1.25rem!important; }
	.fs-md-6 { font-size: 1rem!important; }
	

	/* Extend line height classes
	---------------------------------------------------- */
	.lh-md-1 { line-height: 1!important; }
	.lh-md-2 { line-height: 1.25!important; }
	.lh-md-3 { line-height: 1.6!important; }
	.lh-md-4 { line-height: 2!important; }


	/* Extend border classes
	---------------------------------------------------- */
	.border-md-top { border-top: 1px solid var(--eui-border) !important; }
	.border-md-end { border-right: 1px solid var(--eui-border) !important; }
	.border-md-bottom {	border-bottom: 1px solid var(--eui-border) !important; }
	.border-md-start { border-left: 1px solid var(--eui-border) !important; }
	.border-md-none { border: 0!important; }


	/* Border width
	---------------------------------------------------- */
	.border-md-1 { border-width: 1px!important; }
	.border-md-2 { border-width: 2px!important; }
	.border-md-3 { border-width: 3px!important; }
	.border-md-4 { border-width: 4px!important; }
	.border-md-5 { border-width: 5px!important; }


	/* Border colors
	---------------------------------------------------- */
	.border-md-primary { border-color: var(--eui-primary)!important; }
	.border-md-red { border-color: var(--eui-red)!important; }
	.border-md-dark { border-color: var(--eui-dark)!important; }


	/* Max width - Max height
	---------------------------------------------------- */
	.mh-md-auto { max-height: none; }
	.mh-md-600 { max-height: 600px; }
	.mh-md-720 { max-height: 720px; }


	/* Min height
	---------------------------------------------------- */
	.min-h-md-auto { min-height: none!important; }


	/* Extend position classes
	---------------------------------------------------- */
	.position-md-static { position: static!important; }
	.position-md-relative { position: relative!important; }
	.position-md-absolute {	position: absolute!important; }
	.position-md-fixed { position: fixed!important; }
	.position-md-sticky { position: sticky!important; }


	/* CSS lists columns layout
	---------------------------------------------------- */
	.list-cols-md-1 {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 4em;
		-moz-column-gap: 4em;
		column-gap: 4em;
	}

	.list-cols-md-2 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 6em;
		-moz-column-gap: 6em;
		column-gap: 6em;
		column-rule: dotted #ddd;
	}

	.list-cols-md-3 {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 8em;
		-moz-column-gap: 8em;
		column-gap: 8em;
		column-rule: dotted #ddd;
	}


	/* Extend width/height classes
	---------------------------------------------------- */
	.w-md-20 { width:20%!important; }
	.w-md-25 { width:25%!important; }
	.w-md-50 { width:50%!important; }
	.w-md-75 { width:75%!important; }
	.w-md-100 { width:100%!important; }
	.w-md-auto { width:auto!important; }

	.h-md-25 { height:25%!important; }
	.h-md-50 { height:50%!important; }
	.h-md-75 { height:75%!important; }
	.h-md-100 { height:100%!important; }
	.h-md-auto { height:auto!important; }


	/* Extend ratio classes
	---------------------------------------------------- */
	.ratio-md-1x1 { --bs-aspect-ratio: 100%; }
	.ratio-md-2x1 { --bs-aspect-ratio: calc(1 / 2 * 100%); }
	.ratio-md-2x3 { --bs-aspect-ratio: calc(3 / 2 * 100%); }
	.ratio-md-3x2 { --bs-aspect-ratio: calc(2 / 3 * 100%); }
	.ratio-md-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%); }
	.ratio-md-16x9 { --bs-aspect-ratio: calc(9 / 16 * 100%); }
	.ratio-md-9x16 { --bs-aspect-ratio: calc(16 / 9 * 100%); }
	.ratio-md-21x9 { --bs-aspect-ratio: calc(9 / 21 * 100%); }

	.ratio-md {
		position: relative;
    	width: 100%;
	}

	.ratio-md > * {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.ratio-md::before {
		display: block;
		padding-top: var(--bs-aspect-ratio);
		content: "";
	}

	.ratio-md-auto > * {
		position: static;
		top: auto;
		left: auto;
		width: auto;
		height: auto;
	}

	.ratio-md-auto::before {
		display: none;
		padding-top: 0;
	}


	/* Image vignette
	---------------------------------------------------- */
	.vignette-md { position: relative; }

	.vignette-md:after {
		content: '';
		position: absolute;
		top: 0; 
		left: 0; 
		bottom: 0; 
		right: 0;
		box-shadow: inset 0 -10rem 5rem rgba(0,0,0, .6);
	}

	.vignette-md-2:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		box-shadow: inset 0 -20rem 10rem rgb(0 0 0 / 80%);
	}


	/* Negative margin classes 
	---------------------------------------------------- */	
	.mt-md-n1 {	margin-top: -.25rem!important; }
	.me-md-n1 {	margin-right: -.25rem!important; }
	.mb-md-n1 {	margin-bottom: -.25rem!important; }
	.ms-md-n1 { margin-left: -.25rem!important; }

	.mt-md-n2 { margin-top: -.5rem!important; }
	.me-md-n2 { margin-right: -.5rem!important; }
	.mb-md-n2 { margin-bottom: -.5rem!important; }
	.ms-md-n2 { margin-left: -.5rem!important; }

	.mt-md-n3 { margin-top: -1rem!important; }
	.me-md-n3 { margin-right: -1rem!important; }
	.mb-md-n3 {	margin-bottom: -1rem!important; }
	.ms-md-n3 { margin-left: -1rem!important; }

	.mt-md-n4 {	margin-top: -1.5rem!important; }
	.me-md-n4 { margin-right: -1.5rem!important; }
	.mb-md-n4 { margin-bottom: -1.5rem!important; }
	.ms-md-n4 { margin-left: -1.5rem!important; }
	
	.mt-md-n5 { margin-top: -3rem!important; }
	.me-md-n5 {	margin-right: -3rem!important; }
	.mb-md-n5 { margin-bottom:- 3rem!important; }
	.ms-md-n5 {	margin-left: -3rem!important; }


	/* Text shadow
	---------------------------------------------------- */
	.text-shadow-md { text-shadow: 2px 2px 5px rgba(0,0,0,0.8); }
	.text-shadow-md-none { text-shadow: none; }


	/* Text shadow background
	---------------------------------------------------- */
	.boxed-text-md-primary { 
		box-shadow: 1rem 0 0 #0e4876, -1rem 0 0 #0e4876; 
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;	
	}
	.boxed-text-md-white { 
		box-shadow: 1rem 0 0 #ffffff, -1rem 0 0 #ffffff;
		-webkit-box-decoration-break: clone;
    	box-decoration-break: clone;		
	}


	/* Box shadow
	---------------------------------------------------- */
	.shadow-md { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }
	.shadow-md-2 { box-shadow: 0 2rem 2rem rgba(0,0,0,.15)!important; }
	.shadow-md-none { box-shadow: none!important; }


	/* Background Colors
	---------------------------------------------------- */
	.bg-md-primary { background-color: rgba(var(--eui-primary-rgb), var(--bs-bg-opacity))!important; }
	.bg-md-secondary { background-color: rgba(var(--eui-secondary-rgb), var(--bs-bg-opacity))!important; }
	.bg-md-secondary-dark { background-color: rgba(var(--eui-secondary-dark-rgb), var(--bs-bg-opacity))!important; }
	.bg-md-light { background-color: rgba(var(--eui-light-blue-rgb), var(--bs-bg-opacity))!important; }
	.bg-md-red { background-color: rgba(var(--eui-red-rgb), var(--bs-bg-opacity))!important; }

	.bg-md-primary-50 { background-color: rgba(14, 72, 118, .5)!important; }
	.bg-md-white { background-color: #fff!important; }
	.bg-md-dark { background-color: var(--eui-black)!important; }	
	.bg-md-transparent { background-color: transparent!important; }


	/* Overflow
	---------------------------------------------------- */
	.overflow-md-scroll { overflow: scroll!important; }
	.overflow-md-hidden { overflow: hidden!important; }
	.overflow-md-visible { overflow: visible!important; }
	.overflow-md-auto { overflow: auto!important; }


	/* Overflow X
	---------------------------------------------------- */
	.overflowX-md-scroll { 
		overflow-x: scroll!important;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar; 	
	}
	.overflowX-md-hidden { overflow-x: hidden!important; }
	.overflowX-md-visible { overflow-x: visible!important; }
	.overflowX-md-auto { overflow-x: auto!important; }


	/* Overflow Y
	---------------------------------------------------- */
	.overflowY-md-scroll { overflow-y: scroll!important; }
	.overflowY-md-hidden { overflow-y: hidden!important; }
	.overflowY-md-visible { overflow-y: visible!important; }
	.overflowY-md-auto { overflow-y: auto!important; }


	/* Object Fit
	---------------------------------------------------- */
	.object-fit-md-contain { object-fit: contain; }
	.object-fit-md-cover { object-fit: cover; }
	.object-fit-md-fill { object-fit: fill; }
	.object-fit-md-none { object-fit: none; }
	.object-fit-md-scale-down { object-fit: scale-down; }
	.object-fit-md-unset { object-fit: unset; }


	/* Text Colors
	---------------------------------------------------- */
	.text-md-white { color: #fff!important; }
	.text-md-black { color: var(--eui-black)!important; }
	.text-md-primary { color: var(--eui-primary)!important; }
	.text-md-secondary { color: var(--eui-secondary)!important; }
	.text-md-red { color: var(--eui-red)!important; }
	.text-md-grey { color: var(--eui-grey)!important; }
	.text-md-danger { color: var(--eui-danger)!important; }
	.text-md-warning { color: var(--eui-warning)!important; }
	.text-md-success { color: var(--eui-success)!important; }	


	/* Links 
	---------------------------------------------------- */
	.link-md-white,
	.link-md-white:focus, 
	.link-md-white:hover { color: #fff!important; }
	.link-md-dark { color: var(--eui-black); }


	/* Read more link (arrow)
	---------------------------------------------------- */
	.arrow-md-dark > .shaft,
	.arrow-md-dark > .shaft:before,
	.arrow-md-dark > .shaft:after { background-color: var(--eui-black); }

	.arrow-md-white > .shaft,
	.arrow-md-white > .shaft:before,
	.arrow-md-white > .shaft:after { background-color: #fff!important; }


	/* Z-index
	---------------------------------------------------- */
	.z-md-90 { z-index: 90!important; }
	.z-md-93 { z-index: 93!important; }
	.z-md-96 { z-index: 96!important; }
	.z-md-99 { z-index: 99!important; }

	.z-md-990 {z-index: 990!important; }
	.z-md-993 { z-index: 993!important; }
	.z-md-996 { z-index: 996!important; }
	.z-md-999 { z-index: 999!important; }

	.z-md-9990 { z-index: 9990!important; }
	.z-md-9993 { z-index: 9993!important; }
	.z-md-9996 { z-index: 9996!important; }
	.z-md-9999 { z-index: 9999!important; }


	/* Transform: translate
	---------------------------------------------------- */
	.translate-md-middle-y {
    	transform: translateY(-50%) !important;
	}	


}

/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {

	/* Header
	---------------------------------------------------- */
	#logo img { height: 50px; }

	#top-nav { width: 35vw!important; }


	/* Sticky Notice (Call for applications)
	---------------------------------------------------- */

	.sticky-notice { top: 106px; }


	/* Extend font-size classes 
	---------------------------------------------------- */
	.fs-lg-1 { font-size: 2.5rem!important; }
	.fs-lg-2 { font-size: 2rem!important; }
	.fs-lg-2 { font-size: 2rem!important; }
	.fs-lg-3 { font-size: 1.75rem!important; }
	.fs-lg-4 { font-size: 1.5rem!important; }
	.fs-lg-5 { font-size: 1.25rem!important; }
	.fs-lg-6 { font-size: 1rem!important; }	


	/* Extend line height classes
	---------------------------------------------------- */
	.lh-lg-1 { line-height: 1!important; }
	.lh-lg-2 { line-height: 1.25!important; }
	.lh-lg-3 { line-height: 1.6!important; }
	.lh-lg-4 { line-height: 2!important; }


	/* Extend border classes
	---------------------------------------------------- */
	.border-lg-top { border-top: 1px solid var(--eui-border) !important; }
	.border-lg-end { border-right: 1px solid var(--eui-border) !important; }
	.border-lg-bottom {	border-bottom: 1px solid var(--eui-border) !important; }
	.border-lg-start { border-left: 1px solid var(--eui-border) !important; }
	.border-lg-none { border: 0!important; }


	/* Border width
	---------------------------------------------------- */
	.border-lg-1 { border-width: 1px!important; }
	.border-lg-2 { border-width: 2px!important; }
	.border-lg-3 { border-width: 3px!important; }
	.border-lg-4 { border-width: 4px!important; }
	.border-lg-5 { border-width: 5px!important; }


	/* Border colors
	---------------------------------------------------- */
	.border-lg-primary { border-color: var(--eui-primary)!important; }
	.border-lg-red { border-color: var(--eui-red)!important; }
	.border-lg-dark { border-color: var(--eui-dark)!important; }	


	/* Max width - Max height
	---------------------------------------------------- */
	.mh-lg-auto { max-height: none; }
	.mh-lg-600 { max-height: 600px; }
	.mh-lg-720 { max-height: 720px; }


	/* Min height
	---------------------------------------------------- */
	.min-h-lg-auto { min-height: none!important; }


	/* Extend position classes 
	---------------------------------------------------- */
	.position-lg-static { position: static!important; }
	.position-lg-relative { position: relative!important; }
	.position-lg-absolute {	position: absolute!important; }
	.position-lg-fixed { position: fixed!important; }
	.position-lg-sticky { position: sticky!important; }

	.sticky-top-lg {
		position: -webkit-sticky!important;
		position: sticky!important;
		top: 0;
		z-index: 1020!important;	
	}


	/* CSS lists columns layout
	---------------------------------------------------- */
	.list-cols-lg-1 {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 4em;
		-moz-column-gap: 4em;
		column-gap: 4em;
	}

	.list-cols-lg-2 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 6em;
		-moz-column-gap: 6em;
		column-gap: 6em;
		column-rule: dotted #ddd;
	}

	.list-cols-lg-3 {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 8em;
		-moz-column-gap: 8em;
		column-gap: 8em;
		column-rule: dotted #ddd;
	}	


	/* Extend width/height classes
	---------------------------------------------------- */
	.w-lg-20 { width:20%!important; }
	.w-lg-25 { width:25%!important; }
	.w-lg-50 { width:50%!important; }
	.w-lg-75 { width:75%!important; }
	.w-lg-100 { width:100%!important; }
	.w-lg-auto { width:auto!important; }

	.h-lg-25 { height:25%!important; }
	.h-lg-50 { height:50%!important; }
	.h-lg-75 { height:75%!important; }
	.h-lg-100 { height:100%!important; }
	.h-lg-auto { height:auto!important; }


	/* Extend ratio classes
	---------------------------------------------------- */
	.ratio-lg-1x1 { --bs-aspect-ratio: 100%; }
	.ratio-lg-2x1 { --bs-aspect-ratio: calc(1 / 2 * 100%); }
	.ratio-lg-2x3 { --bs-aspect-ratio: calc(3 / 2 * 100%); }
	.ratio-lg-3x2 { --bs-aspect-ratio: calc(2 / 3 * 100%); }
	.ratio-lg-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%); }
	.ratio-lg-16x9 { --bs-aspect-ratio: calc(9 / 16 * 100%); }
	.ratio-lg-9x16 { --bs-aspect-ratio: calc(16 / 9 * 100%); }
	.ratio-lg-21x9 { --bs-aspect-ratio: calc(9 / 21 * 100%); }		
	
	.ratio-lg {
		position: relative;
    	width: 100%;
	}

	.ratio-lg > * {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.ratio-lg::before {
		display: block;
		padding-top: var(--bs-aspect-ratio);
		content: "";
	}

	.ratio-lg-auto > * {
		position: static;
		top: auto;
		left: auto;
		width: auto;
		height: auto;
	}

	.ratio-lg-auto::before {
		display: none;
		padding-top: 0;
	}


	/* Negative margin classes 
	---------------------------------------------------- */	
	.mt-lg-n1 { margin-top: -.25rem!important; }
	.me-lg-n1 { margin-right: -.25rem!important; }
	.mb-lg-n1 {	margin-bottom: -.25rem!important; }
	.ms-lg-n1 { margin-left: -.25rem!important;	}

	.mt-lg-n2 {	margin-top: -.5rem!important; }
	.me-lg-n2 {	margin-right: -.5rem!important; }
	.mb-lg-n2 {	margin-bottom: -.5rem!important; }
	.ms-lg-n2 {	margin-left: -.5rem!important; }

	.mt-lg-n3 {	margin-top: -1rem!important; }
	.me-lg-n3 {	margin-right: -1rem!important; }
	.mb-lg-n3 {	margin-bottom: -1rem!important; }
	.ms-lg-n3 {	margin-left: -1rem!important; }

	.mt-lg-n4 {	margin-top: -1.5rem!important; }
	.me-lg-n4 {	margin-right: -1.5rem!important; }
	.mb-lg-n4 {	margin-bottom: -1.5rem!important; }
	.ms-lg-n4 { margin-left: -1.5rem!important; }

	.mt-lg-n5 {	margin-top: -3rem!important; }
	.me-lg-n5 {	margin-right: -3rem!important; }
	.mb-lg-n5 { margin-bottom:- 3rem!important; }
	.ms-lg-n5 { margin-left: -3rem!important; }	


	/* Text shadow
	---------------------------------------------------- */
	.text-shadow-lg { text-shadow: 2px 2px 5px rgba(0,0,0,0.8); }
	.text-shadow-lg-none { text-shadow: none; }


	/* Text shadow background
	---------------------------------------------------- */
	.boxed-text-lg-primary { 
		box-shadow: 1rem 0 0 #0e4876, -1rem 0 0 #0e4876; 
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;	
	}
	.boxed-text-lg-white { 
		box-shadow: 1rem 0 0 #ffffff, -1rem 0 0 #ffffff;
		-webkit-box-decoration-break: clone;
    	box-decoration-break: clone;		
	}


	/* Box shadow
	---------------------------------------------------- */
	.shadow-lg { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }
	.shadow-lg-2 { box-shadow: 0 2rem 2rem rgba(0,0,0,.15)!important; }
	.shadow-lg-none { box-shadow: none!important; }


	/* Background Colors
	---------------------------------------------------- */
	.bg-lg-primary { background-color: rgba(var(--eui-primary-rgb), var(--bs-bg-opacity))!important; }
	.bg-lg-secondary { background-color: rgba(var(--eui-secondary-rgb), var(--bs-bg-opacity))!important; }
	.bg-lg-secondary-dark { background-color: rgba(var(--eui-secondary-dark-rgb), var(--bs-bg-opacity))!important; }
	.bg-lg-light { background-color: rgba(var(--eui-light-blue-rgb), var(--bs-bg-opacity))!important; }
	.bg-lg-red { background-color: rgba(var(--eui-red-rgb), var(--bs-bg-opacity))!important; }


	.bg-lg-primary-50 { background-color: rgba(14, 72, 118, .5)!important; }
	.bg-lg-white { background-color: #fff!important; }
	.bg-lg-dark { background-color: var(--eui-black)!important; }		
	.bg-lg-transparent { background-color: transparent!important; }


	/* Image vignette
	---------------------------------------------------- */
	.vignette-lg { position: relative; }

	.vignette-lg:after {
		content: '';
		position: absolute;
		top: 0; 
		left: 0; 
		bottom: 0; 
		right: 0;
		box-shadow: inset 0 -10rem 5rem rgba(0,0,0, .6);
	}

	.vignette-lg-2:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		box-shadow: inset 0 -20rem 10rem rgb(0 0 0 / 80%);
	}	


	/* Overflow
	---------------------------------------------------- */
	.overflow-lg-scroll { overflow: scroll!important; }
	.overflow-lg-hidden { overflow: hidden!important; }
	.overflow-lg-visible { overflow: visible!important; }
	.overflow-lg-auto { overflow: auto!important; }


	/* Overflow X
	---------------------------------------------------- */
	.overflowX-lg-scroll { 
		overflow-x: scroll!important;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar; 	
	}
	.overflowX-lg-hidden { overflow-x: hidden!important; }
	.overflowX-lg-visible { overflow-x: visible!important; }
	.overflowX-lg-auto { overflow-x: auto!important; }


	/* Overflow Y
	---------------------------------------------------- */
	.overflowY-lg-scroll { overflow-y: scroll!important; }
	.overflowY-lg-hidden { overflow-y: hidden!important; }
	.overflowY-lg-visible { overflow-y: visible!important; }
	.overflowY-lg-auto { overflow-y: auto!important; }


	/* Object Fit
	---------------------------------------------------- */
	.object-fit-lg-contain { object-fit: contain; }
	.object-fit-lg-cover { object-fit: cover; }
	.object-fit-lg-fill { object-fit: fill; }
	.object-fit-lg-none { object-fit: none; }
	.object-fit-lg-scale-down { object-fit: scale-down; }
	.object-fit-lg-unset { object-fit: unset; }


	/* Text Colors
	---------------------------------------------------- */
	.text-lg-white { color: #fff!important; }
	.text-lg-black { color: var(--eui-black)!important; }
	.text-lg-primary { color: var(--eui-primary)!important; }
	.text-lg-secondary { color: var(--eui-secondary)!important; }
	.text-lg-red { color: var(--eui-red)!important; }
	.text-lg-grey { color: var(--eui-grey)!important; }
	.text-lg-danger { color: var(--eui-danger)!important; }
	.text-lg-warning { color: var(--eui-warning)!important; }
	.text-lg-success { color: var(--eui-success)!important; }


	/* Links 
	---------------------------------------------------- */
	.link-lg-white,
	.link-lg-white:focus,
	.link-lg-white:hover { color: #fff!important; }
	.link-lg-dark { color: var(--eui-black); }

	.active-sidebar-link {
		border-left: 5px solid var(--eui-red);
		padding-left: calc(1rem - 5px);
		margin-left: -1rem;
	}	


	/* Read more link (arrow)
	---------------------------------------------------- */
	.arrow-lg-dark > .shaft,
	.arrow-lg-dark > .shaft:before,
	.arrow-lg-dark > .shaft:after { background-color: var(--eui-black); }

	.arrow-lg-white > .shaft,
	.arrow-lg-white > .shaft:before,
	.arrow-lg-white > .shaft:after { background-color: #fff!important; }


	/* Z-index
	---------------------------------------------------- */
	.z-lg-90 { z-index: 90!important; }
	.z-lg-93 { z-index: 93!important; }
	.z-lg-96 { z-index: 96!important; }
	.z-lg-99 { z-index: 99!important; }

	.z-lg-990 {z-index: 990!important; }
	.z-lg-993 { z-index: 993!important; }
	.z-lg-996 { z-index: 996!important; }
	.z-lg-999 { z-index: 999!important; }

	.z-lg-9990 { z-index: 9990!important; }
	.z-lg-9993 { z-index: 9993!important; }
	.z-lg-9996 { z-index: 9996!important; }
	.z-lg-9999 { z-index: 9999!important; }


	/* Modal
	---------------------------------------------------- */

	.modal { z-index: 9999!important; }
	.modal-backdrop { z-index:9998!important; }



	/* Transform: translate
	---------------------------------------------------- */
	.translate-lg-middle-y {
    	transform: translateY(-50%) !important;
	}		

}

/* X-Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
	
	#open-search,
	#dropdownEUIunits {
		width: 52px;
		height: 52px;
	}

	#dropdownLang { height: 52px; }

	#top-nav { width: auto!important; }


	/* Sticky Notice (Call for applications)
	---------------------------------------------------- */

	.sticky-notice { top: 52px; }	


	/* Extend font-size classes 
	---------------------------------------------------- */
	
	.fs-xl-1 { font-size: 2.5rem!important; }
	.fs-xl-2 { font-size: 2rem!important; }
	.fs-xl-2 { font-size: 2rem!important; }
	.fs-xl-3 { font-size: 1.75rem!important; }
	.fs-xl-4 { font-size: 1.5rem!important; }
	.fs-xl-5 { font-size: 1.25rem!important; }
	.fs-xl-6 { font-size: 1rem!important; }
	

	/* Extend line height classes
	---------------------------------------------------- */
	.lh-xl-1 { line-height: 1!important; }
	.lh-xl-2 { line-height: 1.25!important; }
	.lh-xl-3 { line-height: 1.6!important; }
	.lh-xl-4 { line-height: 2!important; }


	/* Extend border classes
	---------------------------------------------------- */
	.border-xl-top { border-top: 1px solid var(--eui-border) !important; }
	.border-xl-end { border-right: 1px solid var(--eui-border) !important; }
	.border-xl-bottom {	border-bottom: 1px solid var(--eui-border) !important; }
	.border-xl-start { border-left: 1px solid var(--eui-border) !important; }
	.border-xl-none { border: 0!important; }


	/* Border width
	---------------------------------------------------- */
	.border-xl-1 { border-width: 1px!important; }
	.border-xl-2 { border-width: 2px!important; }
	.border-xl-3 { border-width: 3px!important; }
	.border-xl-4 { border-width: 4px!important; }
	.border-xl-5 { border-width: 5px!important; }


	/* Border colors
	---------------------------------------------------- */
	.border-xl-primary { border-color: var(--eui-primary)!important; }
	.border-xl-red { border-color: var(--eui-red)!important; }		
	.border-xl-dark { border-color: var(--eui-dark)!important; }


	/* Max width - Max height
	---------------------------------------------------- */
	.mh-xl-auto { max-height: none; }
	.mh-xl-600 { max-height: 600px; }
	.mh-xl-720 { max-height: 720px; }


	/* Min height
	---------------------------------------------------- */
	.min-h-xl-auto { min-height: none!important; }	


	/* Extend position classes 
	---------------------------------------------------- */
	.position-xl-static { position: static!important; }
	.position-xl-relative { position: relative!important; }
	.position-xl-absolute {	position: absolute!important; }
	.position-xl-fixed { position: fixed!important; }
	.position-xl-sticky { position: sticky!important; }


	/* CSS lists columns layout
	---------------------------------------------------- */
	.list-cols-xl-1 {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 4em;
		-moz-column-gap: 4em;
		column-gap: 4em;
	}

	.list-cols-xl-2 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 6em;
		-moz-column-gap: 6em;
		column-gap: 6em;
		column-rule: dotted #ddd;
	}

	.list-cols-xl-3 {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 8em;
		-moz-column-gap: 8em;
		column-gap: 8em;
		column-rule: dotted #ddd;
	}	


	/* Extend width/height classes
	---------------------------------------------------- */
	.w-xl-20 { width:20%!important; }
	.w-xl-25 { width:25%!important; }
	.w-xl-50 { width:50%!important; }
	.w-xl-75 { width:75%!important; }
	.w-xl-100 { width:100%!important; }
	.w-xl-auto { width:auto!important; }

	.h-xl-25 { height:25%!important; }
	.h-xl-50 { height:50%!important; }
	.h-xl-75 { height:75%!important; }
	.h-xl-100 { height:100%!important; }
	.h-xl-auto { height:auto!important; }


	/* Extend ratio classes
	---------------------------------------------------- */
	.ratio-xl-1x1 { --bs-aspect-ratio: 100%; }
	.ratio-xl-2x1 { --bs-aspect-ratio: calc(1 / 2 * 100%); }
	.ratio-xl-2x3 { --bs-aspect-ratio: calc(3 / 2 * 100%); }
	.ratio-xl-3x2 { --bs-aspect-ratio: calc(2 / 3 * 100%); }
	.ratio-xl-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%); }
	.ratio-xl-16x9 { --bs-aspect-ratio: calc(9 / 16 * 100%); }
	.ratio-xl-9x16 { --bs-aspect-ratio: calc(16 / 9 * 100%); }
	.ratio-xl-21x9 { --bs-aspect-ratio: calc(9 / 21 * 100%); }		
	
	.ratio-xl {
		position: relative;
    	width: 100%;
	}

	.ratio-xl > * {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.ratio-xl::before {
		display: block;
		padding-top: var(--bs-aspect-ratio);
		content: "";
	}

	.ratio-xl-auto > * {
		position: static;
		top: auto;
		left: auto;
		width: auto;
		height: auto;
	}

	.ratio-xl-auto::before {
		display: none;
		padding-top: 0;
	}


	/* Negative margin classes 
	---------------------------------------------------- */	
	.mt-xl-n1 { margin-top: -.25rem!important; }
	.me-xl-n1 { margin-right: -.25rem!important; }
	.mb-xl-n1 { margin-bottom: -.25rem!important; }
	.ms-xl-n1 { margin-left: -.25rem!important; }

	.mt-xl-n2 { margin-top: -.5rem!important; }
	.me-xl-n2 { margin-right: -.5rem!important; }
	.mb-xl-n2 { margin-bottom: -.5rem!important; }
	.ms-xl-n2 { margin-left: -.5rem!important; }

	.mt-xl-n3 {	margin-top: -1rem!important; }
	.me-xl-n3 { margin-right: -1rem!important; }
	.mb-xl-n3 {	margin-bottom: -1rem!important;	}
	.ms-xl-n3 {	margin-left: -1rem!important; }

	.mt-xl-n4 {	margin-top: -1.5rem!important; }
	.me-xl-n4 {	margin-right: -1.5rem!important; }
	.mb-xl-n4 {	margin-bottom: -1.5rem!important; }
	.ms-xl-n4 {	margin-left: -1.5rem!important; }

	.mt-xl-n5 { margin-top: -3rem!important; }
	.me-xl-n5 {	margin-right: -3rem!important; }	
	.mb-xl-n5 { margin-bottom:- 3rem!important; }
	.ms-xl-n5 { margin-left: -3rem!important; }


	/* Text shadow
	---------------------------------------------------- */
	.text-shadow-xl { text-shadow: 2px 2px 5px rgba(0,0,0,0.8); }
	.text-shadow-xl-none { text-shadow: none; }


	/* Text shadow background
	---------------------------------------------------- */
	.boxed-text-xl-primary { 
		box-shadow: 1rem 0 0 #0e4876, -1rem 0 0 #0e4876; 
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;	
	}
	.boxed-text-xl-white { 
		box-shadow: 1rem 0 0 #ffffff, -1rem 0 0 #ffffff;
		-webkit-box-decoration-break: clone;
    	box-decoration-break: clone;		
	}


	/* Box shadow
	---------------------------------------------------- */
	.shadow-xl { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }
	.shadow-xl-2 { box-shadow: 0 2rem 2rem rgba(0,0,0,.15)!important; }
	.shadow-xl-none { box-shadow: none!important; }


	/* Background Colors
	---------------------------------------------------- */
	.bg-xl-primary { background-color: rgba(var(--eui-primary-rgb), var(--bs-bg-opacity))!important; }
	.bg-xl-secondary { background-color: rgba(var(--eui-secondary-rgb), var(--bs-bg-opacity))!important; }
	.bg-xl-secondary-dark { background-color: rgba(var(--eui-secondary-dark-rgb), var(--bs-bg-opacity))!important; }
	.bg-xl-light { background-color: rgba(var(--eui-light-blue-rgb), var(--bs-bg-opacity))!important; }
	.bg-xl-red { background-color: rgba(var(--eui-red-rgb), var(--bs-bg-opacity))!important; }


	.bg-xl-primary-50 { background-color: rgba(14, 72, 118, .5)!important; }
	.bg-xl-white { background-color: #fff!important; }
	.bg-xl-dark { background-color: var(--eui-black)!important; }		
	.bg-xl-transparent { background-color: transparent!important; }


	.bg-xl-diagonal {
		background: rgb(255,255,255)!important; 
		background: linear-gradient(285deg, rgba(14, 72, 118,1) 50%, rgba(255,255,255,1) 50.1%)!important;
	}

	/* Image vignette
	---------------------------------------------------- */
	.vignette-xl { position: relative; }

	.vignette-xl:after {
		content: '';
		position: absolute;
		top: 0; 
		left: 0; 
		bottom: 0; 
		right: 0;
		box-shadow: inset 0 -10rem 5rem rgba(0,0,0, .6);
	}

	.vignette-xl-2:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		box-shadow: inset 0 -20rem 10rem rgb(0 0 0 / 80%);
	}	


	/* Overflow
	---------------------------------------------------- */
	.overflow-xl-scroll { overflow: scroll!important; }
	.overflow-xl-hidden { overflow: hidden!important; }
	.overflow-xl-visible { overflow: visible!important; }
	.overflow-xl-auto { overflow: auto!important; }


	/* Overflow X
	---------------------------------------------------- */
	.overflowX-xl-scroll { 
		overflow-x: scroll!important;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar; 	
	}
	.overflowX-xl-hidden { overflow-x: hidden!important; }
	.overflowX-xl-visible { overflow-x: visible!important; }
	.overflowX-xl-auto { overflow-x: auto!important; }


	/* Overflow Y
	---------------------------------------------------- */
	.overflowY-xl-scroll { overflow-y: scroll!important; }
	.overflowY-xl-hidden { overflow-y: hidden!important; }
	.overflowY-xl-visible { overflow-y: visible!important; }
	.overflowY-xl-auto { overflow-y: auto!important; }


	/* Object Fit
	---------------------------------------------------- */
	.object-fit-xl-contain { object-fit: contain; }
	.object-fit-xl-cover { object-fit: cover; }
	.object-fit-xl-fill { object-fit: fill; }
	.object-fit-xl-none { object-fit: none; }
	.object-fit-xl-scale-down { object-fit: scale-down; }
	.object-fit-xl-unset { object-fit: unset; }


	/* Text Colors
	---------------------------------------------------- */
	.text-xl-white { color: #fff!important; }
	.text-xl-black { color: var(--eui-black)!important; }
	.text-xl-primary { color: var(--eui-primary)!important; }
	.text-xl-secondary { color: var(--eui-secondary)!important; }
	.text-xl-red { color: var(--eui-red)!important; }
	.text-xl-grey { color: var(--eui-grey)!important; }
	.text-xl-danger { color: var(--eui-danger)!important; }
	.text-xl-warning { color: var(--eui-warning)!important; }
	.text-xl-success { color: var(--eui-success)!important; }


	/* Links 
	---------------------------------------------------- */
	.link-xl-white,
	.link-xl-white:focus,
	.link-xl-white:hover { color: #fff!important; }
	.link-xl-dark { color: var(--eui-black); }


	/* Read more link (arrow)
	---------------------------------------------------- */
	.arrow-xl-dark > .shaft,
	.arrow-xl-dark > .shaft:before,
	.arrow-xl-dark > .shaft:after { background-color: var(--eui-black); }

	.arrow-xl-white > .shaft,
	.arrow-xl-white > .shaft:before,
	.arrow-xl-white > .shaft:after { background-color: #fff!important; }


	/* Z-index
	---------------------------------------------------- */
	.z-xl-90 { z-index: 90!important; }
	.z-xl-93 { z-index: 93!important; }
	.z-xl-96 { z-index: 96!important; }
	.z-xl-99 { z-index: 99!important; }

	.z-xl-990 {z-index: 990!important; }
	.z-xl-993 { z-index: 993!important; }
	.z-xl-996 { z-index: 996!important; }
	.z-xl-999 { z-index: 999!important; }

	.z-xl-9990 { z-index: 9990!important; }
	.z-xl-9993 { z-index: 9993!important; }
	.z-xl-9996 { z-index: 9996!important; }
	.z-xl-9999 { z-index: 9999!important; }


	/* Bordered Logo Grid (partners logo grid)
	---------------------------------------------------- */
	.bordered-grid-item:nth-child(1),
	.bordered-grid-item:nth-child(2),
	.bordered-grid-item:nth-child(3) {
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #ddd;
	}

	.bordered-grid-item:nth-child(1n),
	.bordered-grid-item:nth-child(2n),
	.bordered-grid-item:nth-child(3n) {
		border-left: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	
	.bordered-grid-item:nth-child(2n) { border-right: 0 none; }

	.bordered-grid-item:nth-child(3n),
	.bordered-grid-item:last-child { border-right: 1px solid #ddd; }


	/* Bordered Logo Grid (landing)
	---------------------------------------------------- */
	
	.bordered-grid-item.col-xl-2:nth-child(4),
	.bordered-grid-item.col-xl-2:nth-child(5),
	.bordered-grid-item.col-xl-2:nth-child(6) {
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #ddd;
	}

	.bordered-grid-item.col-xl-2:nth-child(3n) { border-right: 0 none; }

	.bordered-grid-item.col-xl-2:nth-child(6n) { border-right: 1px solid #ddd; }



	/* Transform: translate
	---------------------------------------------------- */
	.translate-xl-middle-y {
    	transform: translateY(-50%) !important;
	}	


}

/* XX-Large devices (larger desktops, 1400px and up) */

@media (min-width: 1400px) {

	body { font-size: 1.125rem; }	


	/* Extend font-size classes 
	---------------------------------------------------- */
	.fs-xxl-1 { font-size: calc(1.375rem + 1.5vw)!important; }
	.fs-xxl-2 { font-size: calc(1.325rem + .9vw)!important; }
	.fs-xxl-3 { font-size: calc(1.3rem + .6vw)!important; }
	.fs-xxl-4 { font-size: calc(1.275rem + .3vw)!important; }
	.fs-xxl-5 { font-size: 1.25rem!important; }		
	.fs-xxl-6 { font-size: 1rem!important; }
		

	/* Extend line height classes
	---------------------------------------------------- */
	.lh-xxl-1 { line-height: 1!important; }
	.lh-xxl-2 { line-height: 1.25!important; }
	.lh-xxl-3 { line-height: 1.6!important; }
	.lh-xxl-4 { line-height: 2!important; }


	/* Extend border classes
	---------------------------------------------------- */
	.border-xxl-top { border-top: 1px solid var(--eui-border) !important; }
	.border-xxl-end { border-right: 1px solid var(--eui-border) !important; }
	.border-xxl-bottom {	border-bottom: 1px solid var(--eui-border) !important; }
	.border-xxl-start { border-left: 1px solid var(--eui-border) !important; }
	.border-xxl-none { border: 0!important; }


	/* Border width
	---------------------------------------------------- */
	.border-xxl-1 { border-width: 1px!important; }
	.border-xxl-2 { border-width: 2px!important; }
	.border-xxl-3 { border-width: 3px!important; }
	.border-xxl-4 { border-width: 4px!important; }
	.border-xxl-5 { border-width: 5px!important; }


	/* Border colors
	---------------------------------------------------- */
	.border-xxl-primary { border-color: var(--eui-primary)!important; }
	.border-xxl-red { border-color: var(--eui-red)!important; }
	.border-xxl-dark { border-color: var(--eui-dark)!important; }	
	

	/* Max width / Max height
	---------------------------------------------------- */
	.mh-xxl-auto { max-height: none; }
	.mh-xxl-600 { max-height: 600px; }
	.mh-xxl-720 { max-height: 720px; }	
	

	/* Min height
	---------------------------------------------------- */
	.min-h-xxl-auto {min-height: none!important;}	

	/* Extend position classes 
	---------------------------------------------------- */
	.position-xxl-static { position: static!important; }
	.position-xxl-relative { position: relative!important; }
	.position-xxl-absolute { position: absolute!important; }
	.position-xxl-fixed { position: fixed!important; }
	.position-xxl-sticky { position: sticky!important; }


	/* CSS lists columns layout
	---------------------------------------------------- */
	.list-cols-xxl-1 {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 4em;
		-moz-column-gap: 4em;
		column-gap: 4em;
	}

	.list-cols-xxl-2 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 6em;
		-moz-column-gap: 6em;
		column-gap: 6em;
		column-rule: dotted #ddd;
	}

	.list-cols-xxl-3 {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 8em;
		-moz-column-gap: 8em;
		column-gap: 8em;
		column-rule: dotted #ddd;
	}


	/* Extend width/height classes
	---------------------------------------------------- */
	.w-xxl-20 { width:20%!important; }
	.w-xxl-25 { width:25%!important; }
	.w-xxl-50 { width:50%!important; }
	.w-xxl-75 { width:75%!important; }
	.w-xxl-100 { width:100%!important; }
	.w-xxl-auto { width:auto!important; }

	.h-xxl-25 { height:25%!important; }
	.h-xxl-50 { height:50%!important; }
	.h-xxl-75 { height:75%!important; }
	.h-xxl-100 { height:100%!important; }
	.h-xxl-auto { height:auto!important; }


	/* Extend ratio classes
	---------------------------------------------------- */
	.ratio-xxl-1x1 { --bs-aspect-ratio: 100%; }	
	.ratio-xxl-2x1 { --bs-aspect-ratio: calc(1 / 2 * 100%); }
	.ratio-xxl-2x3 { --bs-aspect-ratio: calc(3 / 2 * 100%); }
	.ratio-xxl-3x2 { --bs-aspect-ratio: calc(2 / 3 * 100%); }
	.ratio-xxl-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%); }
	.ratio-xxl-16x9 { --bs-aspect-ratio: calc(9 / 16 * 100%); }
	.ratio-xxl-9x16 { --bs-aspect-ratio: calc(16 / 9 * 100%); }
	.ratio-xxl-21x9 { --bs-aspect-ratio: calc(9 / 21 * 100%); }			

	.ratio-xxl {
		position: relative;
    	width: 100%;
	}

	.ratio-xxl > * {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.ratio-xxl::before {
		display: block;
		padding-top: var(--bs-aspect-ratio);
		content: "";
	}

	.ratio-xxl-auto > * {
		position: static;
		top: auto;
		left: auto;
		width: auto;
		height: auto;
	}

	.ratio-xxl-auto::before {
		display: none;
		padding-top: 0;
	}


	/* Negative margin classes 
	---------------------------------------------------- */	
	.mt-xxl-n1 { margin-top: -.25rem!important; }
	.me-xxl-n1 { margin-right: -.25rem!important; }
	.mb-xxl-n1 { margin-bottom: -.25rem!important; }
	.ms-xxl-n1 { margin-left: -.25rem!important; }

	.mt-xxl-n2 { margin-top: -.5rem!important; }
	.me-xxl-n2 { margin-right: -.5rem!important; }
	.mb-xxl-n2 { margin-bottom: -.5rem!important; }
	.ms-xxl-n2 { margin-left: -.5rem!important; }

	.mt-xxl-n3 { margin-top: -1rem!important; }
	.me-xxl-n3 { margin-right: -1rem!important; }
	.mb-xxl-n3 { margin-bottom: -1rem!important; }
	.ms-xxl-n3 { margin-left: -1rem!important; }

	.mt-xxl-n4 { margin-top: -1.5rem!important; }
	.me-xxl-n4 { margin-right: -1.5rem!important; }
	.mb-xxl-n4 { margin-bottom: -1.5rem!important; }
	.ms-xxl-n4 { margin-left: -1.5rem!important; }

	.mt-xxl-n5 { margin-top: -3rem!important; }
	.me-xxl-n5 { margin-right: -3rem!important; }
	.mb-xxl-n5 { margin-bottom:- 3rem!important; }
	.ms-xxl-n5 { margin-left: -3rem!important; }


	/* Text shadow
	---------------------------------------------------- */
	.text-shadow-xxl { text-shadow: 2px 2px 5px rgba(0,0,0,0.8); }
	.text-shadow-xxl-none { text-shadow: none; }


	/* Text shadow background
	---------------------------------------------------- */
	.boxed-text-xxl-primary { 
		box-shadow: 1rem 0 0 #0e4876, -1rem 0 0 #0e4876; 
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;	
	}
	.boxed-text-xxl-white { 
		box-shadow: 1rem 0 0 #ffffff, -1rem 0 0 #ffffff;
		-webkit-box-decoration-break: clone;
    	box-decoration-break: clone;		
	}


	/* Box shadow
	---------------------------------------------------- */
	.shadow-xxl { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }
	.shadow-xxl-2 { box-shadow: 0 2rem 2rem rgba(0,0,0,.15)!important; }
	.shadow-xxl-none { box-shadow: none!important; }


	/* Background Colors
	---------------------------------------------------- */
	.bg-xxl-primary { background-color: rgba(var(--eui-primary-rgb), var(--bs-bg-opacity))!important; }
	.bg-xxl-secondary { background-color: rgba(var(--eui-secondary-rgb), var(--bs-bg-opacity))!important; }
	.bg-xxl-secondary-dark { background-color: rgba(var(--eui-secondary-dark-rgb), var(--bs-bg-opacity))!important; }
	.bg-xxl-light { background-color: rgba(var(--eui-light-blue-rgb), var(--bs-bg-opacity))!important; }
	.bg-xxl-red { background-color: rgba(var(--eui-red-rgb), var(--bs-bg-opacity))!important; }


	.bg-xxl-primary-50 { background-color: rgba(14, 72, 118, .5)!important; }
	.bg-xxl-white { background-color: #fff!important; }
	.bg-xxl-dark { background-color: var(--eui-black)!important; }		
	.bg-xxl-transparent { background-color: transparent!important; }


	/* Image vignette
	---------------------------------------------------- */
	.vignette-xxl { position: relative; }

	.vignette-xxl:after {
		content: '';
		position: absolute;
		top: 0; 
		left: 0; 
		bottom: 0; 
		right: 0;
		box-shadow: inset 0 -10rem 5rem rgba(0,0,0, .6);
	}

	.vignette-xxl-2:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		box-shadow: inset 0 -20rem 10rem rgb(0 0 0 / 80%);
	}


	/* Overflow
	---------------------------------------------------- */
	.overflow-xxl-scroll { overflow: scroll!important; }
	.overflow-xxl-hidden { overflow: hidden!important; }
	.overflow-xxl-visible { overflow: visible!important; }
	.overflow-xxl-auto { overflow: auto!important; }


	/* Overflow X
	---------------------------------------------------- */
	.overflowX-xxl-scroll { 
		overflow-x: scroll!important;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar; 	
	}
	.overflowX-xxl-hidden { overflow-x: hidden!important; }
	.overflowX-xxl-visible { overflow-x: visible!important; }
	.overflowX-xxl-auto { overflow-x: auto!important; }


	/* Overflow Y
	---------------------------------------------------- */
	.overflowY-xxl-scroll { overflow-y: scroll!important; }
	.overflowY-xxl-hidden { overflow-y: hidden!important; }
	.overflowY-xxl-visible { overflow-y: visible!important; }
	.overflowY-xxl-auto { overflow-y: auto!important; }


	/* Object Fit
	---------------------------------------------------- */
	.object-fit-xxl-contain { object-fit: contain; }
	.object-fit-xxl-cover { object-fit: cover; }
	.object-fit-xxl-fill { object-fit: fill; }
	.object-fit-xxl-none { object-fit: none; }
	.object-fit-xxl-scale-down { object-fit: scale-down; }
	.object-fit-xxl-unset { object-fit: unset; }


	/* Text Colors
	---------------------------------------------------- */
	.text-xxl-white { color: #fff!important; }
	.text-xxl-black { color: var(--eui-black)!important; }
	.text-xxl-primary { color: var(--eui-primary)!important; }
	.text-xxl-secondary { color: var(--eui-secondary)!important; }
	.text-xxl-red { color: var(--eui-red)!important; }
	.text-xxl-grey { color: var(--eui-grey)!important; }
	.text-xxl-danger { color: var(--eui-danger)!important; }
	.text-xxl-warning { color: var(--eui-warning)!important; }
	.text-xxl-success { color: var(--eui-success)!important; }


	/* Links 
	---------------------------------------------------- */
	.link-xxl-white,
	.link-xxl-white:focus,
	.link-xxl-white:hover { color: #fff!important; }
	.link-xxl-dark { color: var(--eui-black); }


	/* Read more link (arrow)
	---------------------------------------------------- */
	.arrow-xxl-dark > .shaft,
	.arrow-xxl-dark > .shaft:before,
	.arrow-xxl-dark > .shaft:after { background-color: var(--eui-black); }

	.arrow-xxl-white > .shaft,
	.arrow-xxl-white > .shaft:before,
	.arrow-xxl-white > .shaft:after { background-color: #fff!important; }


	/* Z-index
	---------------------------------------------------- */
	.z-xxl-90 { z-index: 90!important; }
	.z-xxl-93 { z-index: 93!important; }
	.z-xxl-96 { z-index: 96!important; }
	.z-xxl-99 { z-index: 99!important; }

	.z-xxl-990 {z-index: 990!important; }
	.z-xxl-993 { z-index: 993!important; }
	.z-xxl-996 { z-index: 996!important; }
	.z-xxl-999 { z-index: 999!important; }

	.z-xxl-9990 { z-index: 9990!important; }
	.z-xxl-9993 { z-index: 9993!important; }
	.z-xxl-9996 { z-index: 9996!important; }
	.z-xxl-9999 { z-index: 9999!important; }


	/* Break an element out of its parent container
	---------------------------------------------------- */
	.break-out {
		max-width: 55vw;
	}


	/* Modal
	---------------------------------------------------- */
	
	.modal-dialog {
		max-width: 70vw;
	}
	.modal-backdrop {
		z-index:9998!important;
	}



	/* Transform: translate
	---------------------------------------------------- */
	.translate-xxl-middle-y {
    	transform: translateY(-50%) !important;
	}	




}

/* XXX-Large devices (larger desktops, 1800px and up) */

@media (min-width: 1800px) {

	/* Extend font-size classes 
	---------------------------------------------------- */
	.fs-xxxl-1 { font-size: calc(1.375rem + 1.5vw)!important; }
	.fs-xxxl-2 { font-size: calc(1.325rem + .9vw)!important; }
	.fs-xxxl-3 { font-size: calc(1.3rem + .6vw)!important; }
	.fs-xxxl-4 { font-size: calc(1.275rem + .3vw)!important; }
	.fs-xxxl-5 { font-size: 1.25rem!important; }		
	.fs-xxxl-6 { font-size: 1rem!important; }
	

	/* Extend line height classes
	---------------------------------------------------- */
	.lh-xxxl-1 { line-height: 1!important; }
	.lh-xxxl-2 { line-height: 1.25!important; }
	.lh-xxxl-3 { line-height: 1.6!important; }
	.lh-xxxl-4 { line-height: 2!important; }


	/* Extend border classes
	---------------------------------------------------- */
	.border-xxxl-top { border-top: 1px solid var(--eui-border) !important; }
	.border-xxxl-end { border-right: 1px solid var(--eui-border) !important; }
	.border-xxxl-bottom {	border-bottom: 1px solid var(--eui-border) !important; }
	.border-xxxl-start { border-left: 1px solid var(--eui-border) !important; }
	.border-xxxl-none { border: 0!important; }


	/* Border width
	---------------------------------------------------- */
	.border-xxxl-1 { border-width: 1px!important; }
	.border-xxxl-2 { border-width: 2px!important; }
	.border-xxxl-3 { border-width: 3px!important; }
	.border-xxxl-4 { border-width: 4px!important; }
	.border-xxxl-5 { border-width: 5px!important; }


	/* Border colors
	---------------------------------------------------- */
	.border-xxxl-primary { border-color: var(--eui-primary)!important; }	
	.border-xxxl-red { border-color: var(--eui-red)!important; }
	.border-xxxl-dark { border-color: var(--eui-dark)!important; }


	/* Min height
	---------------------------------------------------- */
	.min-h-xxxl-auto {min-height: none!important;}


	/* Extend align-self classes 
	---------------------------------------------------- */
	.align-self-xxxl-start { align-self: flex-start!important; }
	.align-self-xxxl-end { align-self: flex-end!important; }
	.align-self-xxxl-center { align-self: center!important; }
	.align-self-xxxl-baseline {	align-self: baseline!important; }
	.align-self-xxxl-stretch { align-self: stretch!important; }


	/* Extend margin classes 
	---------------------------------------------------- */
	.m-xxxl-auto { margin: auto!important; }
	.mx-xxxl-auto { margin-left: auto!important; margin-right: auto!important; }
	.my-xxxl-auto { margin-top: auto!important; margin-bottom: auto!important; }	
	.mt-xxxl-auto { margin-top: auto!important; }
	.me-xxxl-auto {	margin-right: auto!important; }
	.mb-xxxl-auto { margin-bottom: auto!important;}
	.ms-xxxl-auto { margin-left: auto!important; }

	.m-xxxl-0 { margin: 0!important; }
	.mx-xxxl-0 { margin-left: 0!important; margin-right: 0!important; }
	.my-xxxl-0 { margin-top: 0!important; margin-bottom: 0!important; }
	.mt-xxxl-0 { margin-top: 0!important;}
	.me-xxxl-0 { margin-right: 0!important; }
	.mb-xxxl-0 { margin-bottom: 0!important; }
	.ms-xxxl-0 { margin-left: 0!important; }

	.m-xxxl-1 { margin: .25rem!important;}
	.mx-xxxl-1 { margin-left: .25rem!important; margin-right: .25rem!important; }
	.my-xxxl-1 { margin-top: .25rem!important; margin-bottom: .25rem!important; }
	.mt-xxxl-1 { margin-top: .25rem!important; }
	.me-xxxl-1 { margin-right: .25rem!important; }
	.mb-xxxl-1 { margin-bottom: .25rem!important; }
	.ms-xxxl-1 { margin-left: .25rem!important; }

	.m-xxxl-2 { margin: .5rem!important; }
	.mx-xxxl-2 { margin-left: .5rem!important; margin-right: .5rem!important; }
	.my-xxxl-2 { margin-top: .5rem!important; margin-bottom: .5rem!important; }
	.mt-xxxl-2 { margin-top: .5rem!important; }
	.me-xxxl-2 { margin-right: .5rem!important; }
	.mb-xxxl-2 { margin-bottom: .5rem!important; }
	.ms-xxxl-2 { margin-left: .5rem!important; }

	.m-xxxl-3 { margin: 1rem!important; }
	.mx-xxxl-3 { margin-left: 1rem!important; margin-right: 1rem!important; }
	.my-xxxl-3 { margin-top: 1rem!important; margin-bottom: 1rem!important; }
	.mt-xxxl-3 { margin-top: 1rem!important; }
	.me-xxxl-3 { margin-right: 1rem!important; }
	.mb-xxxl-3 { margin-bottom: 1rem!important; }
	.ms-xxxl-3 { margin-left: 1rem!important; }

	.m-xxxl-4 { margin: 1.5rem!important; }
	.mx-xxxl-4 { margin-left: 1.5rem!important; margin-right: 1.5rem!important; }
	.my-xxxl-4 { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important; }
	.mt-xxxl-4 { margin-top: 1.5rem!important; }
	.me-xxxl-4 { margin-right: 1.5rem!important; }
	.mb-xxxl-4 { margin-bottom: 1.5rem!important; }
	.ms-xxxl-4 { margin-left: 1.5rem!important; }

	.m-xxxl-5 { margin: 3rem!important; }
	.mx-xxxl-5 { margin-left: 3rem!important; margin-right: 3rem!important; }
	.my-xxxl-5 { margin-top: 3rem!important; margin-bottom: 3rem!important; }
	.mt-xxxl-5 { margin-top: 3rem!important; }
	.me-xxxl-5 { margin-right: 3rem!important; }
	.mb-xxxl-5 { margin-bottom: 3rem!important; }
	.ms-xxxl-5 { margin-left: 3rem!important; }


	/* Negative margin classes 
	---------------------------------------------------- */	
	.mt-xxxl-n1 { margin-top: -.25rem!important; }
	.me-xxxl-n1 { margin-right: -.25rem!important; }
	.mb-xxxl-n1 { margin-bottom: -.25rem!important; }
	.ms-xxxl-n1 { margin-left: -.25rem!important; }

	.mt-xxxl-n2 { margin-top: -.5rem!important; }
	.me-xxxl-n2 { margin-right: -.5rem!important; }	
	.mb-xxxl-n2 { margin-bottom: -.5rem!important; }
	.ms-xxxl-n2 { margin-left: -.5rem!important; }

	.mt-xxxl-n3 { margin-top: -1rem!important; }
	.me-xxxl-n3 { margin-right: -1rem!important; }
	.mb-xxxl-n3 { margin-bottom: -1rem!important; }
	.ms-xxxl-n3 { margin-left: -1rem!important; }

	.mt-xxxl-n4 { margin-top: -1.5rem!important; }
	.me-xxxl-n4 { margin-right: -1.5rem!important; }
	.mb-xxxl-n4 { margin-bottom: -1.5rem!important; }
	.ms-xxxl-n4 { margin-left: -1.5rem!important; }

	.mt-xxxl-n5 { margin-top: -3rem!important; }
	.me-xxxl-n5 { margin-right: -3rem!important; }
	.mb-xxxl-n5 { margin-bottom:- 3rem!important; }
	.ms-xxxl-n5 { margin-left: -3rem!important; }


	/* Extend padding classes 
	---------------------------------------------------- */
	.p-xxxl-auto { padding: auto!important; }
	.px-xxxl-auto { padding-left: auto!important; padding-right: auto!important; }
	.py-xxxl-auto { padding-top: auto!important; padding-bottom: auto!important; }	
	.pt-xxxl-auto { padding-top: auto!important; }
	.pe-xxxl-auto {	padding-right: auto!important; }
	.pb-xxxl-auto { padding-bottom: auto!important;}
	.ps-xxxl-auto { padding-left: auto!important; }

	.p-xxxl-0 { padding: 0!important; }
	.px-xxxl-0 { padding-left: 0!important; padding-right: 0!important; }
	.py-xxxl-0 { padding-top: 0!important; padding-bottom: 0!important; }
	.pt-xxxl-0 { padding-top: 0!important;}
	.pe-xxxl-0 { padding-right: 0!important; }
	.pb-xxxl-0 { padding-bottom: 0!important; }
	.ps-xxxl-0 { padding-left: 0!important; }

	.p-xxxl-1 { padding: .25rem!important;}
	.px-xxxl-1 { padding-left: .25rem!important; padding-right: .25rem!important; }
	.py-xxxl-1 { padding-top: .25rem!important; padding-bottom: .25rem!important; }
	.pt-xxxl-1 { padding-top: .25rem!important; }
	.pe-xxxl-1 { padding-right: .25rem!important; }
	.pb-xxxl-1 { padding-bottom: .25rem!important; }
	.ps-xxxl-1 { padding-left: .25rem!important; }

	.p-xxxl-2 { padding: .5rem!important; }
	.px-xxxl-2 { padding-left: .5rem!important; padding-right: .5rem!important; }
	.py-xxxl-2 { padding-top: .5rem!important; padding-bottom: .5rem!important; }
	.pt-xxxl-2 { padding-top: .5rem!important; }
	.pe-xxxl-2 { padding-right: .5rem!important; }
	.pb-xxxl-2 { padding-bottom: .5rem!important; }
	.ps-xxxl-2 { padding-left: .5rem!important; }

	.p-xxxl-3 { padding: 1rem!important; }
	.px-xxxl-3 { padding-left: 1rem!important; padding-right: 1rem!important; }
	.py-xxxl-3 { padding-top: 1rem!important; padding-bottom: 1rem!important; }
	.pt-xxxl-3 { padding-top: 1rem!important; }
	.pe-xxxl-3 { padding-right: 1rem!important; }
	.pb-xxxl-3 { padding-bottom: 1rem!important; }
	.ps-xxxl-3 { padding-left: 1rem!important; }

	.p-xxxl-4 { padding: 1.5rem!important; }
	.px-xxxl-4 { padding-left: 1.5rem!important; padding-right: 1.5rem!important; }
	.py-xxxl-4 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important; }
	.pt-xxxl-4 { padding-top: 1.5rem!important; }
	.pe-xxxl-4 { padding-right: 1.5rem!important; }
	.pb-xxxl-4 { padding-bottom: 1.5rem!important; }
	.ps-xxxl-4 { padding-left: 1.5rem!important; }

	.p-xxxl-5 { padding: 3rem!important; }
	.px-xxxl-5 { padding-left: 3rem!important; padding-right: 3rem!important; }
	.py-xxxl-5 { padding-top: 3rem!important; padding-bottom: 3rem!important; }
	.pt-xxxl-5 { padding-top: 3rem!important; }
	.pe-xxxl-5 { padding-right: 3rem!important; }
	.pb-xxxl-5 { padding-bottom: 3rem!important; }
	.ps-xxxl-5 { padding-left: 3rem!important; }


	/* Extend row-cols classes
	---------------------------------------------------- */
	.row-cols-xxxl-auto>* { flex: 0 0 auto; width: auto}
	.row-cols-xxxl-1>* {flex: 0 0 auto; width: 100%}
	.row-cols-xxxl-2>* {flex: 0 0 auto; width: 50%}
	.row-cols-xxxl-3>* {flex: 0 0 auto; width: 33.3333333333%}
	.row-cols-xxxl-4>* {flex: 0 0 auto; width: 25%}
	.row-cols-xxxl-5>* {flex: 0 0 auto; width: 20%}
	.row-cols-xxxl-6>* {flex: 0 0 auto; width: 16.6666666667%}


	/* Extend gutter classes
	---------------------------------------------------- */	
	.g-xxxl-0,.gx-xxxl-0 { --bs-gutter-x: 0}
	.g-xxxl-0,.gy-xxxl-0 {--bs-gutter-y: 0}
	.g-xxxl-1,.gx-xxxl-1 {--bs-gutter-x: 0.25rem}
	.g-xxxl-1,.gy-xxxl-1 {--bs-gutter-y: 0.25rem}
	.g-xxxl-2,.gx-xxxl-2 {--bs-gutter-x: 0.5rem}
	.g-xxxl-2,.gy-xxxl-2 {--bs-gutter-y: 0.5rem}
	.g-xxxl-3,.gx-xxxl-3 {--bs-gutter-x: 1rem}
	.g-xxxl-3,.gy-xxxl-3 {--bs-gutter-y: 1rem}
	.g-xxxl-4,.gx-xxxl-4 {--bs-gutter-x: 1.5rem}
	.g-xxxl-4,.gy-xxxl-4 {--bs-gutter-y: 1.5rem}
	.g-xxxl-5,.gx-xxxl-5 {--bs-gutter-x: 3rem}
	.g-xxxl-5,.gy-xxxl-5 {--bs-gutter-y: 3rem}


	/* Extend columns classes 
	---------------------------------------------------- */
	.col-xxxl-1 { flex: 0 0 auto; width: 8.3333333333%; }
	.col-xxxl-2 { flex: 0 0 auto; width: 16.6666666667%; }
	.col-xxxl-3 { flex: 0 0 auto; width: 25%; }
	.col-xxxl-4 { flex: 0 0 auto; width: 33.3333333333%; }
	.col-xxxl-5 { flex: 0 0 auto; width: 41.6666666667%; }
	.col-xxxl-6 { flex: 0 0 auto; width: 50%; }
	.col-xxxl-7 { flex: 0 0 auto; width: 58.3333333333%; }
	.col-xxxl-8 { flex: 0 0 auto; width: 66.6666666667%; }
	.col-xxxl-9 { flex: 0 0 auto; width: 75%; }
	.col-xxxl-10 { flex: 0 0 auto; width: 83.3333333333%; }
	.col-xxxl-11 { flex: 0 0 auto; width: 91.6666666667%; }
	.col-xxxl-12 { flex: 0 0 auto; width: 100%; }


	/* Extend Offset classes
	---------------------------------------------------- */
	.offset-xxxl-0 { margin-left: 0; }
	.offset-xxxl-1 { margin-left: 8.3333333333%; }
	.offset-xxxl-2 { margin-left: 16.6666666667%; }
	.offset-xxxl-3 { margin-left: 25%; }
	.offset-xxxl-4 { margin-left: 33.3333333333%; }
	.offset-xxxl-5 { margin-left: 41.6666666667%; }
	.offset-xxxl-6 { margin-left: 50%; }
	.offset-xxxl-7 { margin-left: 58.3333333333%; }
	.offset-xxxl-8 { margin-left: 66.6666666667%; }
	.offset-xxxl-9 { margin-left: 75%; }
	.offset-xxxl-10 { margin-left: 83.3333333333%; }
	.offset-xxxl-11 { margin-left: 91.6666666667%; }


	/* Extend width/height classes
	---------------------------------------------------- */
	.w-xxxl-20 { width:20%!important; }
	.w-xxxl-25 { width:25%!important; }
	.w-xxxl-50 { width:50%!important; }
	.w-xxxl-75 { width:75%!important; }
	.w-xxxl-100 { width:100%!important; }
	.w-xxxl-auto { width:auto!important; }

	.h-xxxl-25 { height:25%!important; }
	.h-xxxl-50 { height:50%!important; }
	.h-xxxl-75 { height:75%!important; }
	.h-xxxl-100 { height:100%!important; }
	.h-xxxl-auto { height:auto!important; } 


	/* Extend ratio classes
	---------------------------------------------------- */
	.ratio-xxxl-1x1 { --bs-aspect-ratio: 100%; }
	.ratio-xxxl-2x1 { --bs-aspect-ratio: calc(1 / 2 * 100%); }
	.ratio-xxxl-2x3 { --bs-aspect-ratio: calc(3 / 2 * 100%); }
	.ratio-xxxl-3x2 { --bs-aspect-ratio: calc(2 / 3 * 100%); }
	.ratio-xxxl-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%); }
	.ratio-xxxl-16x9 { --bs-aspect-ratio: calc(9 / 16 * 100%); }
	.ratio-xxxl-9x16 { --bs-aspect-ratio: calc(16 / 9 * 100%); }
	.ratio-xxxl-21x9 { --bs-aspect-ratio: calc(9 / 21 * 100%); }

	.ratio-xxxl {
		position: relative;
    	width: 100%;
	}

	.ratio-xxxl > * {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.ratio-xxxl::before {
		display: block;
		padding-top: var(--bs-aspect-ratio);
		content: "";
	}

	.ratio-xxxl-auto > * {
		position: static;
		top: auto;
		left: auto;
		width: auto;
		height: auto;
	}

	.ratio-xxxl-auto::before {
		display: none;
		padding-top: 0;
	}


	/* CSS lists columns layout
	---------------------------------------------------- */
	.list-cols-xxxl-1 {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 4em;
		-moz-column-gap: 4em;
		column-gap: 4em;
	}

	.list-cols-xxxl-2 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 6em;
		-moz-column-gap: 6em;
		column-gap: 6em;
		column-rule: dotted #ddd;
	}

	.list-cols-xxxl-3 {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 8em;
		-moz-column-gap: 8em;
		column-gap: 8em;
		column-rule: dotted #ddd;
	}


	/* Text shadow
	---------------------------------------------------- */
	.text-shadow-xxxl { text-shadow: 2px 2px 5px rgba(0,0,0,0.8); }
	.text-shadow-xxxl-none { text-shadow: none; }


	/* Text shadow background
	---------------------------------------------------- */
	.boxed-text-xxxl-primary { 
		box-shadow: 1rem 0 0 #0e4876, -1rem 0 0 #0e4876; 
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;	
	}
	.boxed-text-xxxl-white { 
		box-shadow: 1rem 0 0 #ffffff, -1rem 0 0 #ffffff;
		-webkit-box-decoration-break: clone;
    	box-decoration-break: clone;		
	}


	/* Box shadow
	---------------------------------------------------- */
	.shadow-xxxl { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }
	.shadow-xxxl-2 { box-shadow: 0 2rem 2rem rgba(0,0,0,.15)!important; }
	.shadow-xxxl-none { box-shadow: none!important; }


	/* Background Colors
	---------------------------------------------------- */
	.bg-xxxl-primary { background-color: rgba(var(--eui-primary-rgb), var(--bs-bg-opacity))!important; }
	.bg-xxxl-secondary { background-color: rgba(var(--eui-secondary-rgb), var(--bs-bg-opacity))!important; }
	.bg-xxxl-secondary-dark { background-color: rgba(var(--eui-secondary-dark-rgb), var(--bs-bg-opacity))!important; }
	.bg-xxxl-light { background-color: rgba(var(--eui-light-blue-rgb), var(--bs-bg-opacity))!important; }
	.bg-xxxl-red { background-color: rgba(var(--eui-red-rgb), var(--bs-bg-opacity))!important; }


	.bg-xxxl-primary-50 { background-color: rgba(14, 72, 118, .5)!important; }
	.bg-xxxl-white { background-color: #fff!important; }
	.bg-xxxl-dark { background-color: var(--eui-black)!important; }	
	.bg-xxxl-transparent { background-color: transparent!important; }


	/* Image vignette
	---------------------------------------------------- */
	.vignette-xxxl { position: relative; }

	.vignette-xxxl:after {
		content: '';
		position: absolute;
		top: 0; 
		left: 0; 
		bottom: 0; 
		right: 0;
		box-shadow: inset 0 -10rem 5rem rgba(0,0,0, .6);
	}

	.vignette-xxxl-2:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		box-shadow: inset 0 -20rem 10rem rgb(0 0 0 / 80%);
	}	


	/* Overflow
	---------------------------------------------------- */
	.overflow-xxxl-scroll { overflow: scroll!important; }
	.overflow-xxxl-hidden { overflow: hidden!important; }
	.overflow-xxxl-visible { overflow: visible!important; }
	.overflow-xxxl-auto { overflow: auto!important; }


	/* Overflow X
	---------------------------------------------------- */
	.overflowX-xxxl-scroll { 
		overflow-x: scroll!important;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar; 	
	}
	.overflowX-xxxl-hidden { overflow-x: hidden!important; }
	.overflowX-xxxl-visible { overflow-x: visible!important; }
	.overflowX-xxxl-auto { overflow-x: auto!important; }


	/* Overflow Y
	---------------------------------------------------- */
	.overflowY-xxxl-scroll { overflow-y: scroll!important; }
	.overflowY-xxxl-hidden { overflow-y: hidden!important; }
	.overflowY-xxxl-visible { overflow-y: visible!important; }
	.overflowY-xxxl-auto { overflow-y: auto!important; }


	/* Object Fit
	---------------------------------------------------- */
	.object-fit-xxxl-contain { object-fit: contain; }
	.object-fit-xxxl-cover { object-fit: cover; }
	.object-fit-xxxl-fill { object-fit: fill; }
	.object-fit-xxxl-none { object-fit: none; }
	.object-fit-xxxl-scale-down { object-fit: scale-down; }
	.object-fit-xxxl-unset { object-fit: unset; }


	/* Text Colors
	---------------------------------------------------- */
	.text-xxxl-white { color: #fff!important; }
	.text-xxxl-black { color: var(--eui-black)!important; }
	.text-xxxl-primary { color: var(--eui-primary)!important; }
	.text-xxxl-secondary { color: var(--eui-secondary)!important; }
	.text-xxxl-red { color: var(--eui-red)!important; }
	.text-xxxl-grey { color: var(--eui-grey)!important; }
	.text-xxxl-danger { color: var(--eui-danger)!important; }
	.text-xxxl-warning { color: var(--eui-warning)!important; }
	.text-xxxl-success { color: var(--eui-success)!important; }


	/* Links 
	---------------------------------------------------- */
	.link-xxxl-white,
	.link-xxxl-white:focus,
	.link-xxxl-white:hover { color: #fff!important; }
	.link-xxxl-dark { color: var(--eui-black); }


	/* Read more link (arrow)
	---------------------------------------------------- */
	.arrow-xxxl-dark > .shaft,
	.arrow-xxxl-dark > .shaft:before,
	.arrow-xxxl-dark > .shaft:after { background-color: var(--eui-black); }

	.arrow-xxxl-white > .shaft,
	.arrow-xxxl-white > .shaft:before,
	.arrow-xxxl-white > .shaft:after { background-color: #fff!important; }


	/* Z-index
	---------------------------------------------------- */
	.z-xxxl-90 { z-index: 90!important; }
	.z-xxxl-93 { z-index: 93!important; }
	.z-xxxl-96 { z-index: 96!important; }
	.z-xxxl-99 { z-index: 99!important; }

	.z-xxxl-990 {z-index: 990!important ; }
	.z-xxxl-993 { z-index: 993!important; }
	.z-xxxl-996 { z-index: 996!important; }
	.z-xxxl-999 { z-index: 999!important; }

	.z-xxxl-9990 { z-index: 9990!important; }
	.z-xxxl-9993 { z-index: 9993!important; }
	.z-xxxl-9996 { z-index: 9996!important; }
	.z-xxxl-9999 { z-index: 9999!important; }

	/* Modal
	---------------------------------------------------- */
	
	.modal-dialog {
		max-width: 75vw;
	}
	.modal-backdrop {
		z-index:9998!important;
	}


	/* Transform: translate
	---------------------------------------------------- */
	.translate-xxxl-middle-y {
    	transform: translateY(-50%) !important;
	}	

}

@media (max-width: 1199.98px) {

    #top-nav.navbar-collapse {
        position: fixed;
        top: 105px;
        width: 100%;
	    right: 0;
        -webkit-transition: right 0.3s ease-in;
        -o-transition: right 0.3s ease-in;
        -moz-transition: right 0.3s ease-in;
        transition: right 0.3s ease-in;			
    }

    #top-nav.navbar-collapse.collapsing {
        height: auto;
        -webkit-transition: right 0.3s ease;
        -o-transition: right 0.3s ease;
        -moz-transition: right 0.3s ease;
        transition: right 0.3s ease;
        right: -100%;
    }
}


.logo-primary {
	height:30px;
}

.logo-secondary {
	height:20px;
}


@media (min-width: 768px) {

	.logo-primary {
		height:60px;
	}

	.logo-secondary {
		height:40px;
	}

	.offcanvas-collapse {
		top: 92px; /* Height of navbar */
	}

}

@media (min-width: 992px) {

	.logo-primary {
		height:80px;
	}

	.logo-secondary {
		height:50px;
	}	

}


/*
=========================================================================================================================
	COMPATIBILITY FIXES
=========================================================================================================================
*/
.compatibility-mode .sys_textBox h2, 
.compatibility-mode .mini-template h2{
	font-size:1.5rem;
	margin-top: 1rem;
	margin-bottom:1rem;
}

.compatibility-mode .sys_textBox, 
.compatibility-mode .mini-template,
.compatibility-mode .accordion,
.compatibility-mode .borderedBoxRow,
.compatibility-mode .bs-callout {
	font-size: 1rem;
	/*line-height: 1.2;*/
}

.compatibility-mode .bg-success{
	background-color:#DFF0D8!important;
}

.compatibility-mode .bg-info{
	background-color:#D9EDF7!important;
}

.compatibility-mode .bg-warning{
	background-color:#FCF8E3!important;
}

.compatibility-mode .bg-danger{
	background-color:#F2DEDE!important;
}