/*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 {
	--eui-primary: #0e4876;
	/*--eui-primary: #294874;*/
	--eui-primary-dark: #0a3253;
	--eui-secondary: #1155CC;
	--eui-secondary-dark: #0c3b8f;
	--eui-red: #A34D3A;
	/*--eui-red: #b0582e;*/
	--eui-black: #131516; /* AAA 18:3 */
	--eui-light-blue: #EEF3F9;
	--eui-grey: #858585;
	--eui-dark-grey: #3F3C3C;
	--eui-danger: #dc3545;
	--eui-warning: #ffc107;
	--eui-success: #198754;
}

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

html {

}

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

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); }

img {
	max-width: 100%;
}

main img {
	height: auto;
}


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

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

/* 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-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; }




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

.site-header {
    z-index: 999;
}


/*
=========================================================================================================================
	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;
	overflow: visible;
}

.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(--eui-black);
}

.hamburger-box {
	width: 40px;
	height: 12px;
	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(--eui-black);
	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);
}


/*
=========================================================================================================================
	Index pages - Public Index Template
=========================================================================================================================
*/


/* Hero Parallax */

/* 
	We put these styles directly in the razor containing the Index entry (content type) because we have to figure out 
	if possible to add attributes to html tag in Contensis

	html.has-parallax {
		height: 100%;
		overflow: hidden;
	}

	.has-parallax body {
		margin: 0;
		padding: 0;
		perspective: 1px;
		transform-style: preserve-3d;
		height: 100%;
		overflow-y: scroll;
		overflow-x: hidden;
	}
*/


.hero-parallax {
	box-sizing: border-box;
	min-height: 100vh;
	position: relative;
	transform-style: inherit;
	width: 100%;
	box-shadow: inset 0 0.2rem 1rem rgba(0, 0, 0, 0.5)!important;
}

.hero-parallax,
.hero-parallax-img {
	background: 50% 50% / cover;
}

.hero-parallax-img {
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	transform-origin: center center 0;
	transform: translateZ(-1px) scale(2);
	z-index: -1;
	min-height: 100vh;
	width: 100vw;
}


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

/* OWL Carousel
---------------------------------------------------- */
.owl-carousel .owl-stage { display: flex; }

.owl-carousel figure { max-width: 150px; }

.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;
}



/* Carousel TO BE REMOVED!!!! */

.carousel-cards .carousel-control-prev,
.carousel-cards .carousel-control-next {
	top: 50%;
    opacity: 1;
    bottom: auto;
    transform: translateY(-50%);
}


/* People */

.rounded-picture {
    height: 150px;
    width: 150px; 
	border: 5px solid #eee;
}


/*
=========================================================================================================================
	Add Events
=========================================================================================================================
*/

.addeventatc {
	padding: 0!important;
    background: transparent!important;
    border: 0!important;
    box-shadow: none!important;
	outline: none;
}

.addeventatc .addeventatc_icon {
	display: none;
}


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


/* Text Colors */

.text-primary {
	color: #004494!important;
}


/* Background Colors */

.bg-primary {
	background-color: rgba(0, 68, 148, 1)!important;
}

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

.bg-light {
	background-color: rgba(236, 239, 241, 1)!important;
}

.bg-light-blue {
    background-color: #e4f1fe!important;
}

.bg-primary-transparent {
	background-color: rgba(0, 68, 148, .85)!important;
}

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

.bg-white-transparent {
	background-color: rgba(255, 255, 255, .85)!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; }


/* Buttons */

.btn-primary {
    color: #fff;
    background-color:rgba(0, 68, 148, 1)!important;
    border-color: rgba(0, 68, 148, 1)!important;
}

.btn-secondary {
    color: #fff;
    background-color:rgba(108, 117, 125, 1)!important;
    border-color: rgba(108, 117, 125, 1)!important;
}


/* Material design icons */

.mdi:before, 
.mdi-set {
	line-height: 1!important;
}


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


/* Responsive aspect ratio containers */

.aspect-ratio-16-9 {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}

.aspect-ratio-16-9 iframe,
.aspect-ratio-16-9 img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Image vignette inset */

.vignette-inset { position: relative; }

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


/* Background image */

.bg-cover {
	background-repeat: no-repeat;
	background-size: cover;
}

.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; }


/*
=========================================================================================================================
	Pagination
=========================================================================================================================
*/

.page-link {
	color: #004494;
}

.page-link:hover {
	color: #212529;
}

.page-item.active .page-link {
    background-color: #004494;;
    border-color: #004494;;
}


/* Card hover effect 
---------------------------------------------------- */
.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 {
	z-index: 1000;
	position: absolute;
	left: -100%;
	top: 50%;
	transform: translate(-50%, -50%);
	white-space: nowrap;
	opacity: 0;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}


/* 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; }




/*
=========================================================================================================================
	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 #dee2e6 !important; }
	.border-sm-right { border-right: 1px solid #dee2e6 !important; }
	.border-sm-bottom { border-bottom: 1px solid #dee2e6 !important; }
	.border-sm-left { border-left: 1px solid #dee2e6 !important; }	
	
	/* 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; }

	/* 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; }

	/* Extend ratio classes
	---------------------------------------------------- */
	.ratio-sm-2x1 { --bs-aspect-ratio: calc(1 / 2 * 100%); }
	.ratio-sm-2x3 { --bs-aspect-ratio: calc(3 / 2 * 100%); }
	.ratio-sm-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%); }
	.ratio-sm-16x9 { --bs-aspect-ratio: calc(9 / 16 * 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;
	}

}

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

@media (min-width: 768px) {
	
	/* Extend border classes
	---------------------------------------------------- */
	.border-md-top { border-top: 1px solid #dee2e6 !important; }
	.border-md-right { border-right: 1px solid #dee2e6 !important; }
	.border-md-bottom { border-bottom: 1px solid #dee2e6 !important; }
	.border-md-left { border-left: 1px solid #dee2e6 !important; }

	/* 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; }

	/* 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; }

	/* 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; }

	/* Extend ratio classes
	---------------------------------------------------- */
	.ratio-md-2x1 { --bs-aspect-ratio: calc(1 / 2 * 100%); }
	.ratio-md-2x3 { --bs-aspect-ratio: calc(3 / 2 * 100%); }
	.ratio-md-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%); }
	.ratio-md-16x9 { --bs-aspect-ratio: calc(9 / 16 * 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;
	}

	/* Cards hover effect
	---------------------------------------------------- */
	.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.5;
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

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


	.owl-carousel figure { max-width: 200px; }

	
}

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

@media (min-width: 992px) {
	
	/* Extend border classes
	---------------------------------------------------- */
	.border-lg-top { border-top: 1px solid #dee2e6 !important; }
	.border-lg-right { border-right: 1px solid #dee2e6 !important; }
	.border-lg-bottom { border-bottom: 1px solid #dee2e6 !important; }
	.border-lg-left { border-left: 1px solid #dee2e6 !important; }

	/* 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; }

	.sticky-middle {
		position:-webkit-sticky;
		position: sticky;
		top: 50%;
		transform: translateY(-50%);	
	}

	/* 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; }

	/* 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; }

	/* Extend ratio classes
	---------------------------------------------------- */
	.ratio-lg-2x1 { --bs-aspect-ratio: calc(1 / 2 * 100%); }
	.ratio-lg-2x3 { --bs-aspect-ratio: calc(3 / 2 * 100%); }
	.ratio-lg-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%); }
	.ratio-lg-16x9 { --bs-aspect-ratio: calc(9 / 16 * 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;
	}


	.owl-carousel figure { max-width: 200px; }

	
}

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

@media (min-width: 1200px) {
	
	/* Extend border classes
	---------------------------------------------------- */
	.border-xl-top { border-top: 1px solid #dee2e6 !important; }
	.border-xl-right { border-right: 1px solid #dee2e6 !important; }
	.border-xl-bottom { border-bottom: 1px solid #dee2e6 !important; }
	.border-xl-left { border-left: 1px solid #dee2e6 !important; }

	/* 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; }

	/* 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; }

	/* 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; }

	/* Extend ratio classes
	---------------------------------------------------- */
	.ratio-xl-2x1 { --bs-aspect-ratio: calc(1 / 2 * 100%); }
	.ratio-xl-2x3 { --bs-aspect-ratio: calc(3 / 2 * 100%); }
	.ratio-xl-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%); }
	.ratio-xl-16x9 { --bs-aspect-ratio: calc(9 / 16 * 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;
	}
	
}

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

@media (min-width: 1400px) {
	
	/* Extend border classes
	---------------------------------------------------- */
	.border-xxl-top { border-top: 1px solid #dee2e6 !important; }
	.border-xxl-right { border-right: 1px solid #dee2e6 !important; }
	.border-xxl-bottom { border-bottom: 1px solid #dee2e6 !important; }
	.border-xxl-left { border-left: 1px solid #dee2e6 !important; }

	/* 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; }

	/* 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; }

	/* 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; }

	/* Extend ratio classes
	---------------------------------------------------- */
	.ratio-xxl-2x1 { --bs-aspect-ratio: calc(1 / 2 * 100%); }
	.ratio-xxl-2x3 { --bs-aspect-ratio: calc(3 / 2 * 100%); }
	.ratio-xxl-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%); }
	.ratio-xxl-16x9 { --bs-aspect-ratio: calc(9 / 16 * 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;
	}	

	
	.owl-carousel figure { max-width: 250px; }


}

/* 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; }

	/* 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; }

	/* 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; }	


	/* Extend ratio classes
	---------------------------------------------------- */
	.ratio-xxxl-2x1 { --bs-aspect-ratio: calc(1 / 2 * 100%); }
	.ratio-xxxl-2x3 { --bs-aspect-ratio: calc(3 / 2 * 100%); }
	.ratio-xxxl-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%); }
	.ratio-xxxl-16x9 { --bs-aspect-ratio: calc(9 / 16 * 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;
	}


}