/*** QSA Neue Haas Grotesk Display Font Import from TypeKit ***/
@imports 'https://use.typekit.net/uly1bhk.css';


/* **************************** Global Colors    **************************** */














/* ****************************  Typography   **************************** */












/* ****************************  Layout   **************************** */








/* ****************************  Animation & Shadows  ********************** */


 
/* ****************************  Header   **************************** */










/* ************************************************************************* */
/* ****************************  Footer   **************************** */
/* ************************************************************************* */






/* ************************************************************************* */
/* ****************************  CSS Variables   **************************** */
/* ************************************************************************* */

:root {
   /* Layout */
  --section-padding-tb: 4rem;
  --section-padding-lr: 1rem;
  --desktop-container: 1200px;
  --s-container: 640px;
  --m-container: 900px;
  --l-container: 1400px;
  --xl-container: 0;
  
  /* Global Colors */
  --primary-color: #081f40;
  --secondary_color: #c3c6c8;
  --accent-color: #ECAC00;
  --back_muted: #eeeff0;
  --body_text_color: #636569;
  --body_text_color_light: #ffffff;
  --link_color: #145090;
  --link_hover: #ECAC00;
  --heading_color_dark: #081f40;
  --heading_color_light: #ffffff;
  --error_color: #d84949;
  --success_color: #007d44;
  --brand-gold: #ECAC00;
  
   /* Animation */
  --transition: all 0.3s ease-in-out;

  /* Shadow */
  --shadow: 0 0 12px rgb(24 28 32 / 6%), 0 4px 48px rgb(24 28 32 / 3%);
  
   /* Typography */
  --primary-font: neue-haas-grotesk-display, Arial, sans-serif;
  --base-font-size: 18px;
  --body-text-size: 1rem;
  --h1_size: 2.5em;
  --h2_size: 2.1875em;
  --h3_size: 1.5em;
  --h4_size: 1.25em;
  --h1_weight:2.5400;
  --h2_weight: 2.1875400;
  --h3_weight: 1.5400;
  --h4_weight: 1.25400;  
  
  /* Header */
  --header_bg_color: #ffffff;
  --nav_item_color: #081f40;
  --nav_item_hover_color: #ECAC00;
  --nav_item_active_color: #ECAC00;
  --nav_child_bg: #c3c6c8;
  --nav_child_hover_bg: #ffffff;
  --nav_child_border: #ffffff;
  --nav_child_link_color: #081f40;
  --nav_child_link_hover: #ECAC00;
 
  /* Footer */
  --footer_bg_color: #081f40;
  --footer_title_color: #ffffff;
  --footer_text_color: #ffffff;
  --footer_link_color: #ffffff;
  --footer_link_hover_color: #ECAC00;  
}
/* ========================================================================
   Component: Nav
 ========================================================================== */
/* Logo */
 .nav-logo{
/* max-height:20px !important;*/
   width:auto;
   max-width:200px;
}

/* * Desktop Reset */
@media only screen and (min-width: 1200px) {
 .nav-desktop {
    max-width: var(--desktop-container);
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.uk-nav,
.uk-nav ul {
  margin: 0;
  padding: 0;
  list-style: none; 
 }
/*
* 1. Center content vertically, e.g. an icon
* 2. Imitate white space gap when using flexbox
* 3. Reset link
 */
.uk-nav li > a {
  /* 1 */
  display: flex;
  align-items: center;
  /* 2 */
  column-gap: 0.25em;
  /* 3*/
  text-decoration: none;
}
/*
 * Items
 * Must target `a` elements to exclude other elements (e.g. lists)
 */
.uk-nav > li > a {
  padding: 5px 0;
  text-decoration:none;
   
}
/* Sublists
 ========================================================================== */
/*
 * Level 2
 * `ul` needed for higher specificity to override padding
 */
ul.uk-nav-sub {
  padding: 5px 0 5px 15px;
}
/*
 * Level 3 and deeper
 */
.uk-nav-sub ul {
  padding-left: 15px;
}
/*
 * Items
 */
.uk-nav-sub a {
  padding: 2px 0;
}
/* Parent icon
 ========================================================================== */
.uk-nav-parent-icon {
  margin-left: auto;
  transition: transform 0.3s ease-out;
}
.uk-nav > li.uk-open > a .uk-nav-parent-icon {
  transform: rotateX(180deg);
}
/* Header
 ========================================================================== */
.uk-nav-header {
  padding: 5px 0;
  text-transform: uppercase;
  font-size: 0.875rem;
}
.uk-nav-header:not(:first-child) {
  margin-top: 20px;
}
/* Divider
 ========================================================================== */
.uk-nav .uk-nav-divider {
  margin: 5px 0;
}
/* Default modifier
 ========================================================================== */
.uk-nav-default {
  font-size: 0.875rem;
  line-height: 1.5;
   text-transform: uppercase;
   font-size: 0.875rem;
  font-weight:600;
}
/*
 * Items
 */
.uk-nav-default > li > a {
  color: var(--nav_item_color);
}
/* Hover */
.uk-nav-default > li > a:hover {
  color:  var(--nav_item_hover_color);
}
/* Active */
.uk-nav-default > li.uk-active > a {
  color: var(--nav_item_active_color);
}
/*
 * Subtitle
 */
.uk-nav-default .uk-nav-subtitle {
  font-size: 12px;
}
/*
 * Header
 */
.uk-nav-default .uk-nav-header {
  color: var(--nav_item_color);
}
/*
 * Divider
 */
.uk-nav-default .uk-nav-divider {
  border-top: 1px solid var(--nav_child_border);
}
/*
 * Sublists
 */
.uk-nav-default .uk-nav-sub {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight:400;
}
.uk-nav-default .uk-nav-sub a {
  color:var(--nav_child_link_color);
}
.uk-nav-default .uk-nav-sub a:hover {
  color:  var(--nav_child_Link_hover);
}
.uk-nav-default .uk-nav-sub li.uk-active > a {
  color: var(--nav_child_Link_hover);
}
/* Primary modifier
 ========================================================================== */
.uk-nav-primary {
 /* font-size: 1.5rem;*/
  line-height: 1.5;
}
/*
 * Items
 */
.uk-nav-primary > li > a {
  color: var(--nav_item_color);
}
/* Hover */
.uk-nav-primary > li > a:hover {
  color: var(--nav_item_hover_color);
}
/* Active */
.uk-nav-primary > li.uk-active > a {
  color:var(--nav_item_hover_color);
}
/*
 * Subtitle
 */
.uk-nav-primary .uk-nav-subtitle {
  font-size: 1.25rem;
}
/*
 * Header
 */
.uk-nav-primary .uk-nav-header {
  color: var(--nav_item_color);
}
/*
 * Divider
 */
.uk-nav-primary .uk-nav-divider {
  border-top: 1px solid #e5e5e5;
}
/*
 * Sublists
 */
.uk-nav-primary .uk-nav-sub {
 /* font-size: 1.25rem;*/
  line-height: 1.5;
}
.uk-nav-primary .uk-nav-sub a {
  color: var(--nav_child_link_color);
}
.uk-nav-primary .uk-nav-sub a:hover {
  color:var(--nav_child_link_hover);
}
.uk-nav-primary .uk-nav-sub li.uk-active > a {
  color: var(--nav_child_link_hover);
}
/* Secondary modifier
 ========================================================================== */
.uk-nav-secondary {
  font-size: 16px;
  line-height: 1.5;
}
.uk-nav-secondary > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) {
  margin-top: 0;
}
/*
 * Items
 */
.uk-nav-secondary > li > a {
  color: var(--body_text_color);
  padding: 10px 10px;
}
/* Hover */
.uk-nav-secondary > li > a:hover {
  color: var(--nav_item_hover_color);
  background-color: #f8f8f8;
}
/* Active */
.uk-nav-secondary > li.uk-active > a {
  color:var(--nav_item_hover_color);
  background-color: #f8f8f8;
}
/*
 * Subtitle
 */
.uk-nav-secondary .uk-nav-subtitle {
  /*font-size: 0.875rem;*/
  color: var(--body_text_color);
}
/* Hover */
.uk-nav-secondary > li > a:hover .uk-nav-subtitle {
  color: var(--nav_item_hover_color);
}
/* Active */
.uk-nav-secondary > li.uk-active > a .uk-nav-subtitle {
  color:var(--nav_item_hover_color);
}
/*
 * Header
 */
.uk-nav-secondary .uk-nav-header {
  color: var(--body_text_color);
}
/*
 * Divider
 */
.uk-nav-secondary .uk-nav-divider {
  border-top: 1px solid #e5e5e5;
}
/*
 * Sublists
 */
.uk-nav-secondary .uk-nav-sub {
 /* font-size: 0.875rem;*/
  line-height: 1.5;
}
.uk-nav-secondary .uk-nav-sub a {
  color: var(--body_text_color);
}
.uk-nav-secondary .uk-nav-sub a:hover {
  color: var(--nav_item_hover_color);
}
.uk-nav-secondary .uk-nav-sub li.uk-active > a {
  color: var(--nav_item_hover_color);
}
/* Alignment modifier
 ========================================================================== */
/*
 * 1. Center header
 * 2. Center items
 */
/* 1 */
.uk-nav-center {
  text-align: center;
}
/* 2 */
.uk-nav-center li > a {
  justify-content: center;
}
/* Sublists */
.uk-nav-center .uk-nav-sub,
.uk-nav-center .uk-nav-sub ul {
  padding-left: 0;
}
/* Parent icon  */
.uk-nav-center .uk-nav-parent-icon {
  margin-left: 0.25em;
}
/* Style modifier
 ========================================================================== */
/*
 * Divider
 * Naming is in plural to prevent conflicts with divider sub object.
 */
.uk-nav.uk-nav-divider > :not(.uk-nav-header, .uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #e5e5e5;
}
/* ========================================================================
   Component: Navbar
 ========================================================================== */
/*
 * 1. Create position context to center navbar group
 */
.uk-navbar {
  display: flex;
  /* 1 */
  position: relative;
 
}

 ========================================================================== */
.uk-navbar-container:not(.uk-navbar-transparent) {
  background: #f8f8f8;
}
/* Groups
 ========================================================================== */
/*
 * 1. Align navs and items vertically if they have a different height
 */
.uk-navbar-left,
.uk-navbar-right,
[class*='uk-navbar-center'] {
  display: flex;
  gap: 15px;
  /* 1 */
  align-items: center;
}
/*
 * Horizontal alignment
 * 1. Create position context for centered navbar with sub groups (left/right)
 * 2. Fix text wrapping if content is larger than 50% of the container.
 * 3. Needed for dropdowns because a new position context is created
 *    `z-index` must be smaller than off-canvas
 * 4. Align sub groups for centered navbar
 */
.uk-navbar-right {
  margin-left: auto;
}
.uk-navbar-center:only-child {
  margin-left: auto;
  margin-right: auto;
  /* 1 */
  position: relative;
}
.uk-navbar-center:not(:only-child) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* 2 */
  width: max-content;
  box-sizing: border-box;
  /* 3 */
  z-index: 990;
}
/* 4 */
.uk-navbar-center-left,
.uk-navbar-center-right {
  position: absolute;
  top: 0;
}
.uk-navbar-center-left {
  right: calc(100% + 15px);
}
.uk-navbar-center-right {
  left: calc(100% + 15px);
}
[class*='uk-navbar-center-'] {
  width: max-content;
  box-sizing: border-box;
}
/* Nav
 ========================================================================== */
/*
 * 1. Reset list
 */
.uk-navbar-nav {
  display: flex;
  gap: 15px;
  /* 1 */
  margin: 0;
  padding: 0;
  list-style: none;
  text-transform: uppercase;
   font-size: 0.875rem;
  font-weight:600;
}
/*
 * Allow items to wrap into the next line
 * Only not `absolute` positioned groups
 */
.uk-navbar-left,
.uk-navbar-right,
.uk-navbar-center:only-child {
  flex-wrap: wrap;
}
/*
 * Items
 * 1. Center content vertically and horizontally
 * 2. Imitate white space gap when using flexbox
 * 3. Dimensions
 * 4. Style
 * 5. Required for `a`
 */
.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
  /* 1 */
  display: flex;
  justify-content: center;
  align-items: center;
  /* 2 */
  column-gap: 0.25em;
  /* 3 */
  box-sizing: border-box;
  min-height: 80px;
  /* 4
  font-size: 0.875rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  */
  
  /* 5 */
  text-decoration: none;
}
/*
 * Nav items
 */
.uk-navbar-nav > li > a {
  padding: 0 0;
  color: var(--nav_item_color);
  text-transform: uppercase;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color;
}
/*
 * Hover
 * Apply hover style also if dropdown is opened
 */
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a[aria-expanded="true"] {
  color:var(--nav_item_hover_color);
}
/* OnClick */
.uk-navbar-nav > li > a:active {
  color: var(--nav_item_hover_color);
}
/* Active */
.uk-navbar-nav > li.uk-active > a {
  color: var(--nav_item_hover_color);
}
/* Parent icon modifier
 ========================================================================== */
.uk-navbar-parent-icon {
  margin-left: 4px;
  transition: transform 0.3s ease-out;
}
.uk-navbar-nav > li > a[aria-expanded="true"] .uk-navbar-parent-icon {
  transform: rotateX(180deg);
}
/* Item
 ========================================================================== */
.uk-navbar-item {
  padding: 0 0;
  color:var(--nav_item_color);
}
/*
 * Remove margin from the last-child
 */
.uk-navbar-item > :last-child {
  margin-bottom: 0;
}
/* Toggle
 ========================================================================== */
.uk-navbar-toggle {
  padding: 0 0;
  color: var(--nav_item_color);
}
.uk-navbar-toggle:hover,
.uk-navbar-toggle[aria-expanded="true"] {
  color: var(--nav_item_hover_color);
  text-decoration: none;
}
/*
 * Icon
 * Adopts `uk-icon`
 */
/* Hover */
/* Subtitle
 ========================================================================== */
.uk-navbar-subtitle {
  font-size: 0.875rem;
}
/* Justify modifier
 ========================================================================== */
.uk-navbar-justify .uk-navbar-left,
.uk-navbar-justify .uk-navbar-right,
.uk-navbar-justify .uk-navbar-nav,
.uk-navbar-justify .uk-navbar-nav > li,
.uk-navbar-justify .uk-navbar-item,
.uk-navbar-justify .uk-navbar-toggle {
  flex-grow: 1;
}
/* Style modifiers
 ========================================================================== */
/* Dropdown
 ========================================================================== */
/*
 * Adopts `uk-drop`
 * 1. Set a default width
 * 2. Style
 */
.uk-navbar-dropdown {
  --uk-position-offset: 15px;
  --uk-position-shift-offset: 0;
  --uk-position-viewport-offset: 15px;
  /* 1 */
  width: 200px;
  /* 2 */
  padding: 25px;
  background: #fff;
  color: var(--nav_item_color);
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
}
/*
 * Remove margin from the last-child
 */
.uk-navbar-dropdown > :last-child {
  margin-bottom: 0;
}
.uk-navbar-dropdown :focus-visible {
  outline-color: var(--nav_item_color); !important;
}
/*
 * Grid
 * Adopts `uk-grid`
 */
/* Gutter Horizontal */
.uk-navbar-dropdown .uk-drop-grid {
  margin-left: -30px;
}
.uk-navbar-dropdown .uk-drop-grid > * {
  padding-left: 30px;
}
/* Gutter Vertical */
.uk-navbar-dropdown .uk-drop-grid > .uk-grid-margin {
  margin-top: 30px;
}
/*
 * Width modifier
 */
.uk-navbar-dropdown-width-2:not(.uk-drop-stack) {
  width: 400px;
}
.uk-navbar-dropdown-width-3:not(.uk-drop-stack) {
  width: 600px;
}
.uk-navbar-dropdown-width-4:not(.uk-drop-stack) {
  width: 800px;
}
.uk-navbar-dropdown-width-5:not(.uk-drop-stack) {
  width: 1000px;
}
/*
 * Size modifier
 */
.uk-navbar-dropdown-large {
  --uk-position-shift-offset: 0;
  padding: 40px;
}
/*
 * Dropbar modifier
 * 1. Reset dropdown width to prevent to early shifting
 * 2. Reset style
 * 3. Padding
 */
.uk-navbar-dropdown-dropbar {
  /* 1 */
  width: auto;
  /* 2 */
  background: transparent;
  /* 3 */
  padding: 25px 0 25px 0;
  --uk-position-offset: 0;
  --uk-position-shift-offset: 0;
  --uk-position-viewport-offset: 15px;
  box-shadow: none;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-navbar-dropdown-dropbar {
    --uk-position-viewport-offset: 30px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-navbar-dropdown-dropbar {
    --uk-position-viewport-offset: 40px;
  }
}
.uk-navbar-dropdown-dropbar-large {
  --uk-position-shift-offset: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}
/* Dropdown Nav
 * Adopts `uk-nav`
 ========================================================================== */
.uk-navbar-dropdown-nav {
  font-size: 0.875rem;
}
/*
 * Items
 */
.uk-navbar-dropdown-nav > li > a {
  color: var(--nav_item_color);
}
/* Hover */
.uk-navbar-dropdown-nav > li > a:hover {
  color: var(--nav_item_hover_color);
}
/* Active */
.uk-navbar-dropdown-nav > li.uk-active > a {
  color: var(--nav_item_hover_color);
}
/*
 * Subtitle
 */
.uk-navbar-dropdown-nav .uk-nav-subtitle {
  /*font-size: 12px;*/
}
/*
 * Header
 */
.uk-navbar-dropdown-nav .uk-nav-header {
  color: var(--nav_item_color);
}
/*
 * Divider
 */
.uk-navbar-dropdown-nav .uk-nav-divider {
  border-top: 1px solid #e5e5e5;
}
/*
 * Sublists
 */
.uk-navbar-dropdown-nav .uk-nav-sub a {
  color: var(--nav_item_color);
}
.uk-navbar-dropdown-nav .uk-nav-sub a:hover {
  color: var(--nav_item_hover_color);
}
.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a {
  color: var(--nav_item_hover_color);
}
/* Dropbar
 ========================================================================== */
/*
 * Adopts `uk-dropnav-dropbar`
 */
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-navbar-left,
  .uk-navbar-right,
  [class*='uk-navbar-center'] {
    gap: 30px;
  }
  .uk-navbar-center-left {
    right: calc(100% + 30px);
  }
  .uk-navbar-center-right {
    left: calc(100% + 30px);
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-navbar-nav {
    gap: 30px;
  }
}
/*ndesktop nav dropdown */
.uk-navbar-dropdown-dropbar {
padding: 0px 0 20px 0 !important;
}
.uk-navbar-nav .uk-drop.uk-open {
  font-weight:500;
}

/* Illustration dropdown */
.uk-navbar-nav .uk-drop-grid {
    margin: 10px;
 
}
.uk-navbar-nav .uk-drop-grid a, .uk-navbar-dropdown a{
 color: var(--nav_item_color);
 text-decoration:none;
}
.uk-navbar-nav .uk-drop-grid a:hover, .uk-navbar-dropdown a:hover{
 color: var(--link_hover);
text-decoration:underline;
}

/* illustrations */
.uk-navbar-nav figure img{
 max-width:100px; 
}
/* Rotate */
 .uk-navbar-nav figure img {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
 .uk-navbar-nav figure:hover img {
		-webkit-transform: rotate(15deg) ;
	transform: rotate(15deg) ;
}
.uk-navbar-nav figure span{
  margin:0;
  padding:0;
}

/* ========================================================================
   Component: Subnav
 ========================================================================== */
/*
 * 1. Allow items to wrap into the next line
 * 2. Center items vertically if they have a different height
 * 3. Gutter
 * 4. Reset list
 */
.uk-subnav {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
  /* 2 */
  align-items: center;
  /* 3 */
  margin-left: -20px;
  /* 4 */
  padding: 0;
  list-style: none;
}
/*
 * 1. Space is allocated solely based on content dimensions: 0 0 auto
 * 2. Gutter
 * 3. Create position context for dropdowns
 */
.uk-subnav > * {
  /* 1 */
  flex: none;
  /* 2 */
  padding-left: 20px;
  /* 3 */
  position: relative;
}
/* Items
 ========================================================================== */
/*
 * Items must target `a` elements to exclude other elements (e.g. dropdowns)
 * Using `:first-child` instead of `a` to support `span` elements for text
 * 1. Center content vertically, e.g. an icon
 * 2. Imitate white space gap when using flexbox
 * 3. Style
 */
.uk-subnav > * > :first-child {
  /* 1 */
  display: flex;
  align-items: center;
  /* 2 */
  column-gap: 0.25em;
  /* 3 */
  color: var(--nav_item_color);
  /*font-size: 0.875rem;*/
  text-transform: uppercase;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color;
}
/* Hover */
.uk-subnav > * > a:hover {
  color:var(--nav_item_hover_color);
  text-decoration: none;
}
/* Active */
.uk-subnav > .uk-active > a {
  color:var(--nav_item_hover_color);
}
/* Divider modifier
 ========================================================================== */
/*
 * Set gutter
 */
.uk-subnav-divider {
  margin-left: -41px;
}
/*
 * Align items and divider vertically
 */
.uk-subnav-divider > * {
  display: flex;
  align-items: center;
}
/*
 * Divider
 * 1. `nth-child` makes it also work without JS if it's only one row
 */
.uk-subnav-divider > ::before {
  content: "";
  height: 1.5em;
  margin-left: 0px;
  margin-right: 20px;
  border-left: 1px solid transparent;
}
/* 1 */
.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {
  border-left-color: #e5e5e5;
}
/* Pill modifier
 ========================================================================== */
.uk-subnav-pill > * > :first-child {
  padding: 5px 10px;
  background: transparent;
  color: var(--nav_item_color);
}
/* Hover */
.uk-subnav-pill > * > a:hover {
  background-color: #f8f8f8;
  color: var(--nav_item_hover_color);
}
/* OnClick */
.uk-subnav-pill > * > a:active {
  background-color: #f8f8f8;
  color:var(--nav_item_hover_color);
}
/* Active */
.uk-subnav-pill > .uk-active > a {
  background-color:var(--nav_item_hover_color);
  color: #fff;
}
/* Disabled
 * The same for all style modifiers
 ========================================================================== */
.uk-subnav > .uk-disabled > a {
  color: var(--body_text_color);
}

/* ========================================================================
  Mobile Navigation
 ========================================================================== */
@media (max-width: 960px) {
    .uk-navbar {
    padding: 0 var(--section-padding-lr) 0 var(--section-padding-lr); 
  } 
}

.uk-navbar-right .uk-icon {
  padding:40px 0;
}
/*mobile overrides */
.tm-header-mobile .accordion-nav-item{
  padding-bottom:1rem;
  font-size: 0.9em;
}
.tm-header hr{
  margin-top:1em;
  margin-bottom:1em;
}

.tm-other-devices{
  color: var (--heading_color_light);
  opacity: 80%;
  text-transform: uppercase;
  margin-bottom:20px;
}


/* ========================================================================
   Component: Breadcrumb
 ========================================================================== */
/*
 * Breadcrumb Container - styles are in the module code itself
 */

/*
 * Reset list
 */
.uk-breadcrumb {
  padding: 0;
  list-style: none;
}
/*
 * 1. Doesn't generate any box and replaced by child boxes
 */
.uk-breadcrumb > * {
  display: contents;
}
/* Items
 ========================================================================== */
.uk-breadcrumb > * > * {
  font-size: 0.875rem;
  color:var(--link_color);
}
/* Hover */
.uk-breadcrumb > * > :hover {
  color: var(--link_hover);
  text-decoration: none;
}
/* Disabled */
/* Active */
.uk-breadcrumb > :last-child > span,
.uk-breadcrumb > :last-child > a:not([href]) {
  color: var(--link_hover);
}
/*
 * Divider
 * `nth-child` makes it also work without JS if it's only one row
 * 1. Remove space between inline block elements.
 * 2. Style
 */
.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
  content: "/";
  display: inline-block;
  /* 1 */
  margin: 0 20px 0 calc(20px - 4px);
  /* 2 */
  font-size: 0.875rem;
  color: var(--body_text_color);
}