:root {
  --color-primary: #3c55a5;
  --color-secondary: #ff5a41;
  --color-muted: #f5e8d5;
  --font-sans: 'Outfit', sans-serif;
  --font-sans-weight: "wght" 550;
  --font-serif-weight: "opsz" 22, "wght" 350, "SOFT" 20, "WONK" 0;
}

html {
  /* background-color: var(--color-primary); */
}

html.no-scroll header[uk-parallax],
html.no-scroll [uk-parallax] {
  filter: none !important;
  transform: none !important;
  opacity: 1 !important;
}

body {
  /* background-color: #FFF; */
}

header.uk-section {
  background-color: var(--color-muted);
}

a, .uk-link {
  font-variation-settings: normal;
  font-family: var(--font-sans);
  font-variation-settings: var(--font-sans-weight);
}

.uk-text-lead {
  font-variation-settings: "opsz" 40, "wght" 335, "SOFT" 60, "WONK" 0;
  font-size: 33px;
  line-height: 1.35;
}

p, .uk-list li, .uk-text-small,
.uk-form-controls .uk-input,
.uk-form-controls .uk-textarea,
label {
  font-variation-settings: var(--font-serif-weight);
}

p b, p strong, li b, .uk-list li strong, .uk-form-label  {
  font-family: var(--font-sans);
  font-variation-settings: var(--font-sans-weight);
  color: var(--color-primary);
}

h1, h1, h2, h3, h4, h5, h6,
.uk-description-list > dt,
.uk-accordion-title {
  font-family: var(--font-sans);
  font-variation-settings: var(--font-sans-weight);
}

article#main {
  padding-bottom: 3em;
}

::marker {
  color: var(--color-primary);
}

.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
  content: "|";
}

.uk-accordion-title:hover {
  color: var(--color-secondary);
}

/* navigation */
.uk-navbar-nav > li > a, 
.uk-drop,
#mobile-menu
 {
  font-family: var(--font-sans);
  font-variation-settings: "wght" 500;
}

.uk-nav-primary .uk-nav-sub a,
.uk-nav-primary > li > a { 
  font-size: 1.25rem;
  text-underline-offset: .25em;
  text-decoration-thickness: 3px;
}

.uk-nav > li > a, .uk-nav-sub a {
  padding: 5px 0;
}

.uk-nav-sub {
  padding: 0 0 0 15px;
}

/* fix search icon wrapping on small screens */
.uk-navbar-right {
  flex-wrap: nowrap;
}

.uk-search-input.uk-text-center {
  border-radius: 50px;
}

.uk-offcanvas-bar .uk-icon:not(.uk-offcanvas-close), 
.uk-offcanvas-bar .uk-text-small.uk-text-muted {
  display: none !important;
}

/* heading stacking margin fix */
:is(h1,h2,h3,h4,h5,h6):has(+ :is(h1,h2,h3,h4,h5,h6)) {
  margin-bottom: 0.1em;
}

:is(h1,h2,h3,h4,h5,h6) + :is(h1,h2,h3,h4,h5,h6) {
  margin-top: 0;
}