uikit 3.25.18-dev.9fa57fb → 3.25.18-dev.f49c4ef

package/dist/css/uikit-core.css

@@ -1,4 +1,4 @@
-/*! UIkit 3.25.18-dev.9fa57fb | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
+/*! UIkit 3.25.18-dev.f49c4ef | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -371,7 +371,7 @@ blockquote {
 /*
  * Content
  */
-blockquote p:last-of-type {
+blockquote :where(p:last-of-type) {
   margin-bottom: 0;
 }
 blockquote footer {
@@ -1773,7 +1773,7 @@ select.uk-form-width-xsmall {
 /*
  * Stacked
  */
-.uk-form-stacked .uk-form-label {
+.uk-form-stacked :where(.uk-form-label) {
   display: block;
   margin-bottom: 10px;
 }
@@ -1783,23 +1783,23 @@ select.uk-form-width-xsmall {
 /* Tablet portrait and smaller */
 @media (max-width: 959px) {
   /* Behave like `uk-form-stacked` */
-  .uk-form-horizontal .uk-form-label {
+  .uk-form-horizontal :where(.uk-form-label) {
     display: block;
     margin-bottom: 10px;
   }
 }
 /* Tablet landscape and bigger */
 @media (min-width: 960px) {
-  .uk-form-horizontal .uk-form-label {
+  .uk-form-horizontal :where(.uk-form-label) {
     width: 200px;
     margin-top: 7px;
     float: left;
   }
-  .uk-form-horizontal .uk-form-controls {
+  .uk-form-horizontal :where(.uk-form-controls) {
     margin-left: 215px;
   }
   /* Better vertical alignment if controls are checkboxes and radio buttons with text */
-  .uk-form-horizontal .uk-form-controls-text {
+  .uk-form-horizontal :where(.uk-form-controls-text) {
     padding-top: 7px;
   }
 }
@@ -1854,6 +1854,254 @@ select.uk-form-width-xsmall {
 .uk-form-icon-flip ~ .uk-input {
   padding-right: 40px !important;
 }
+/* ========================================================================
+   Component: Search
+ ========================================================================== */
+/*
+ * 1. Container fits its content
+ * 2. Create position context
+ * 3. Prevent content overflow
+ * 4. Reset `form`
+ */
+.uk-search {
+  /* 1 */
+  display: inline-block;
+  /* 2 */
+  position: relative;
+  /* 3 */
+  max-width: 100%;
+  /* 4 */
+  margin: 0;
+}
+/* Input
+ ========================================================================== */
+/*
+ * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X.
+ */
+.uk-search-input::-webkit-search-cancel-button,
+.uk-search-input::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+/*
+ * Removes placeholder transparency in Firefox.
+ */
+.uk-search-input::-moz-placeholder {
+  opacity: 1;
+}
+/*
+ * 1. Define consistent box sizing.
+ * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
+ * 3. Remove `border-radius` in iOS.
+ * 4. Change font properties to `inherit` in all browsers
+ * 5. Show the overflow in Edge.
+ * 6. Remove default style in iOS.
+ * 7. Vertical alignment
+ * 8. Take the full container width
+ * 9. Style
+ */
+.uk-search-input {
+  /* 1 */
+  box-sizing: border-box;
+  /* 2 */
+  margin: 0;
+  /* 3 */
+  border-radius: 0;
+  /* 4 */
+  font: inherit;
+  /* 5 */
+  overflow: visible;
+  /* 6 */
+  -webkit-appearance: none;
+  /* 7 */
+  vertical-align: middle;
+  /* 8 */
+  width: 100%;
+  /* 9 */
+  border: none;
+  color: #666;
+}
+.uk-search-input:focus {
+  outline: none;
+}
+/* Placeholder */
+.uk-search-input::placeholder {
+  color: #999;
+}
+/* Icon (Adopts `uk-icon`)
+ ========================================================================== */
+/*
+ * Position above input
+ * 1. Set position
+ * 2. Center icon vertically and horizontally
+ * 3. Style
+ */
+.uk-search .uk-search-icon {
+  /* 1 */
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  /* 2 */
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  /* 3 */
+  color: #999;
+}
+/*
+ * Required for `a`.
+ */
+.uk-search .uk-search-icon:hover {
+  color: #999;
+}
+/*
+ * Make `input` element clickable through icon, e.g. if it's a `span`
+ */
+.uk-search .uk-search-icon:not(a):not(button):not(input) {
+  pointer-events: none;
+}
+/*
+ * Position modifier
+ */
+.uk-search .uk-search-icon-flip {
+  right: 0;
+  left: auto;
+}
+/* Default modifier
+ ========================================================================== */
+.uk-search-default {
+  width: 240px;
+}
+/*
+ * Input
+ */
+.uk-search-default .uk-search-input {
+  height: 40px;
+  padding-left: 10px;
+  padding-right: 10px;
+  background: #f8f8f8;
+}
+/* Focus */
+.uk-search-default .uk-search-input:focus {
+  background-color: #f3f3f3;
+}
+/*
+ * Icon
+ */
+.uk-search-default .uk-search-icon {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+.uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
+  padding-left: 40px;
+}
+.uk-search-default:has(.uk-search-icon-flip) .uk-search-input {
+  padding-right: 40px;
+}
+/* Navbar modifier
+ ========================================================================== */
+.uk-search-navbar {
+  width: 240px;
+}
+/*
+ * Input
+ */
+.uk-search-navbar .uk-search-input {
+  height: 40px;
+  padding-left: 10px;
+  padding-right: 10px;
+  background: #fff;
+}
+/* Focus */
+.uk-search-navbar .uk-search-input:focus {
+  background-color: #fcfcfc;
+}
+/*
+ * Icon
+ */
+.uk-search-navbar .uk-search-icon {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+.uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
+  padding-left: 40px;
+}
+.uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input {
+  padding-right: 40px;
+}
+/* Medium modifier
+ ========================================================================== */
+.uk-search-medium {
+  width: 400px;
+}
+/*
+ * Input
+ */
+.uk-search-medium .uk-search-input {
+  height: 55px;
+  padding-left: 12px;
+  padding-right: 12px;
+  background: #f8f8f8;
+  font-size: 1.5rem;
+}
+/* Focus */
+.uk-search-medium .uk-search-input:focus {
+  background-color: #f3f3f3;
+}
+/*
+ * Icon
+ */
+.uk-search-medium .uk-search-icon {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+.uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
+  padding-left: 48px;
+}
+.uk-search-medium:has(.uk-search-icon-flip) .uk-search-input {
+  padding-right: 48px;
+}
+/* Large modifier
+ ========================================================================== */
+.uk-search-large {
+  width: 500px;
+}
+/*
+ * Input
+ */
+.uk-search-large .uk-search-input {
+  height: 90px;
+  padding-left: 20px;
+  padding-right: 20px;
+  background: #f8f8f8;
+  font-size: 2.625rem;
+}
+/* Focus */
+.uk-search-large .uk-search-input:focus {
+  background-color: #f3f3f3;
+}
+/*
+ * Icon
+ */
+.uk-search-large .uk-search-icon {
+  padding-left: 20px;
+  padding-right: 20px;
+}
+.uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
+  padding-left: 80px;
+}
+.uk-search-large:has(.uk-search-icon-flip) .uk-search-input {
+  padding-right: 80px;
+}
+/* Toggle
+ ========================================================================== */
+.uk-search-toggle {
+  color: #999;
+}
+/* Hover */
+.uk-search-toggle:hover {
+  color: #666;
+}
 /* ========================================================================
    Component: Button
  ========================================================================== */
@@ -1910,7 +2158,7 @@ select.uk-form-width-xsmall {
 }
 /* Hover */
 .uk-button:hover {
-  /* 9 */
+  /* 10 */
   text-decoration: none;
 }
 /* OnClick + Active */
@@ -2958,14 +3206,69 @@ select.uk-form-width-xsmall {
   color: #fff;
 }
 /* ========================================================================
-   Component: Overlay
+   Component: Dropcap
  ========================================================================== */
-.uk-overlay {
-  padding: 30px 30px;
-}
 /*
- * Remove margin from the last-child
- */
+ * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements
+ *    https://bugzilla.mozilla.org/show_bug.cgi?id=214004
+ * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height`
+ *    https://bugzilla.mozilla.org/show_bug.cgi?id=317933
+ */
+.uk-dropcap::first-letter,
+.uk-dropcap > p:first-of-type::first-letter {
+  display: block;
+  margin-right: 10px;
+  float: left;
+  font-size: 4.5em;
+  line-height: 1;
+}
+/* 2 */
+@-moz-document url-prefix() {
+  .uk-dropcap::first-letter,
+  .uk-dropcap > p:first-of-type::first-letter {
+    margin-top: 1.1%;
+  }
+}
+/* ========================================================================
+   Component: Floating Shadow
+ ========================================================================== */
+/*
+ * 1. Set position.
+ * 2. Set style
+ * 3. Fix shadow being clipped in Safari if container is animated
+ */
+.uk-floating-shadow {
+  display: inline-block;
+  position: relative;
+  z-index: 0;
+  max-width: 100%;
+  vertical-align: middle;
+}
+.uk-floating-shadow::after {
+  content: "";
+  /* 1 */
+  position: absolute;
+  bottom: -30px;
+  left: 0;
+  right: 0;
+  z-index: -1;
+  /* 2 */
+  height: 30px;
+  border-radius: 100%;
+  background: #444;
+  filter: blur(20px);
+  /* 3 */
+  will-change: filter;
+}
+/* ========================================================================
+   Component: Overlay
+ ========================================================================== */
+.uk-overlay {
+  padding: 30px 30px;
+}
+/*
+ * Remove margin from the last-child
+ */
 .uk-overlay > :last-child {
   margin-bottom: 0;
 }
@@ -3090,254 +3393,6 @@ select.uk-form-width-xsmall {
 }
 /* Style modifier
  ========================================================================== */
-/* ========================================================================
-   Component: Search
- ========================================================================== */
-/*
- * 1. Container fits its content
- * 2. Create position context
- * 3. Prevent content overflow
- * 4. Reset `form`
- */
-.uk-search {
-  /* 1 */
-  display: inline-block;
-  /* 2 */
-  position: relative;
-  /* 3 */
-  max-width: 100%;
-  /* 4 */
-  margin: 0;
-}
-/* Input
- ========================================================================== */
-/*
- * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X.
- */
-.uk-search-input::-webkit-search-cancel-button,
-.uk-search-input::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-/*
- * Removes placeholder transparency in Firefox.
- */
-.uk-search-input::-moz-placeholder {
-  opacity: 1;
-}
-/*
- * 1. Define consistent box sizing.
- * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
- * 3. Remove `border-radius` in iOS.
- * 4. Change font properties to `inherit` in all browsers
- * 5. Show the overflow in Edge.
- * 6. Remove default style in iOS.
- * 7. Vertical alignment
- * 8. Take the full container width
- * 9. Style
- */
-.uk-search-input {
-  /* 1 */
-  box-sizing: border-box;
-  /* 2 */
-  margin: 0;
-  /* 3 */
-  border-radius: 0;
-  /* 4 */
-  font: inherit;
-  /* 5 */
-  overflow: visible;
-  /* 6 */
-  -webkit-appearance: none;
-  /* 7 */
-  vertical-align: middle;
-  /* 8 */
-  width: 100%;
-  /* 9 */
-  border: none;
-  color: #666;
-}
-.uk-search-input:focus {
-  outline: none;
-}
-/* Placeholder */
-.uk-search-input::placeholder {
-  color: #999;
-}
-/* Icon (Adopts `uk-icon`)
- ========================================================================== */
-/*
- * Position above input
- * 1. Set position
- * 2. Center icon vertically and horizontally
- * 3. Style
- */
-.uk-search .uk-search-icon {
-  /* 1 */
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  /* 2 */
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  /* 3 */
-  color: #999;
-}
-/*
- * Required for `a`.
- */
-.uk-search .uk-search-icon:hover {
-  color: #999;
-}
-/*
- * Make `input` element clickable through icon, e.g. if it's a `span`
- */
-.uk-search .uk-search-icon:not(a):not(button):not(input) {
-  pointer-events: none;
-}
-/*
- * Position modifier
- */
-.uk-search .uk-search-icon-flip {
-  right: 0;
-  left: auto;
-}
-/* Default modifier
- ========================================================================== */
-.uk-search-default {
-  width: 240px;
-}
-/*
- * Input
- */
-.uk-search-default .uk-search-input {
-  height: 40px;
-  padding-left: 10px;
-  padding-right: 10px;
-  background: #f8f8f8;
-}
-/* Focus */
-.uk-search-default .uk-search-input:focus {
-  background-color: #f3f3f3;
-}
-/*
- * Icon
- */
-.uk-search-default .uk-search-icon {
-  padding-left: 10px;
-  padding-right: 10px;
-}
-.uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
-  padding-left: 40px;
-}
-.uk-search-default:has(.uk-search-icon-flip) .uk-search-input {
-  padding-right: 40px;
-}
-/* Navbar modifier
- ========================================================================== */
-.uk-search-navbar {
-  width: 240px;
-}
-/*
- * Input
- */
-.uk-search-navbar .uk-search-input {
-  height: 40px;
-  padding-left: 10px;
-  padding-right: 10px;
-  background: #fff;
-}
-/* Focus */
-.uk-search-navbar .uk-search-input:focus {
-  background-color: #fcfcfc;
-}
-/*
- * Icon
- */
-.uk-search-navbar .uk-search-icon {
-  padding-left: 10px;
-  padding-right: 10px;
-}
-.uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
-  padding-left: 40px;
-}
-.uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input {
-  padding-right: 40px;
-}
-/* Medium modifier
- ========================================================================== */
-.uk-search-medium {
-  width: 400px;
-}
-/*
- * Input
- */
-.uk-search-medium .uk-search-input {
-  height: 55px;
-  padding-left: 12px;
-  padding-right: 12px;
-  background: #f8f8f8;
-  font-size: 1.5rem;
-}
-/* Focus */
-.uk-search-medium .uk-search-input:focus {
-  background-color: #f3f3f3;
-}
-/*
- * Icon
- */
-.uk-search-medium .uk-search-icon {
-  padding-left: 12px;
-  padding-right: 12px;
-}
-.uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
-  padding-left: 48px;
-}
-.uk-search-medium:has(.uk-search-icon-flip) .uk-search-input {
-  padding-right: 48px;
-}
-/* Large modifier
- ========================================================================== */
-.uk-search-large {
-  width: 500px;
-}
-/*
- * Input
- */
-.uk-search-large .uk-search-input {
-  height: 90px;
-  padding-left: 20px;
-  padding-right: 20px;
-  background: #f8f8f8;
-  font-size: 2.625rem;
-}
-/* Focus */
-.uk-search-large .uk-search-input:focus {
-  background-color: #f3f3f3;
-}
-/*
- * Icon
- */
-.uk-search-large .uk-search-icon {
-  padding-left: 20px;
-  padding-right: 20px;
-}
-.uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
-  padding-left: 80px;
-}
-.uk-search-large:has(.uk-search-icon-flip) .uk-search-input {
-  padding-right: 80px;
-}
-/* Toggle
- ========================================================================== */
-.uk-search-toggle {
-  color: #999;
-}
-/* Hover */
-.uk-search-toggle:hover {
-  color: #666;
-}
 /* ========================================================================
    Component: Accordion
  ========================================================================== */
@@ -3863,6 +3918,96 @@ select.uk-form-width-xsmall {
   /* 2 */
   position: relative;
 }
+/* ========================================================================
+   Component: Marquee
+ ========================================================================== */
+/*
+ * 1. Fallback for Safari 15 and older
+ * 2. Clip child elements
+ *    `clip` prevents accidental scrolling through elements in slide getting focused
+ *    `clip` also works in only one direction
+ * 3. Prevent tab highlighting on iOS.
+ */
+.uk-marquee {
+  /* 1 */
+  overflow-x: hidden;
+  /* 2 */
+  overflow-x: clip;
+  /* 3 */
+  -webkit-tap-highlight-color: transparent;
+}
+.uk-marquee-vertical {
+  overflow: visible;
+  overflow-y: hidden;
+  overflow-y: clip;
+}
+/*
+ * Fade out
+ */
+.uk-marquee-fade {
+  --uk-overflow-fade-size: 100px;
+  --uk-overflow-fade-direction: right;
+}
+.uk-marquee-fade.uk-marquee-vertical {
+  --uk-overflow-fade-direction: bottom;
+}
+.uk-marquee-fade {
+  mask-image: linear-gradient(to var(--uk-overflow-fade-direction), rgba(0, 0, 0, var(--uk-overflow-fade-start-opacity)), #000 var(--uk-overflow-fade-size), #000 calc(100% - var(--uk-overflow-fade-size)), rgba(0, 0, 0, var(--uk-overflow-fade-end-opacity)));
+}
+/* Items
+ ========================================================================== */
+/*
+ * 1. Create a containing block.
+ */
+.uk-marquee-items {
+  /* 1 */
+  position: relative;
+}
+/*
+ * 1. Reset list style without interfering with grid
+ * 2. Prevent displaying the callout information on iOS.
+ */
+.uk-marquee:not(.uk-marquee-vertical) .uk-marquee-items:not(.uk-grid) {
+  display: flex;
+  /* 1 */
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  /* 2 */
+  -webkit-touch-callout: none;
+}
+.uk-marquee:not(.uk-marquee-vertical) .uk-marquee-items.uk-grid {
+  flex-wrap: nowrap;
+}
+/* Item
+ ========================================================================== */
+/*
+ * 1. Let items take content dimensions (0 0 auto)
+ *    `max-width` needed to keep image responsiveness and prevent content overflow
+ * 2. Create position context
+ * 3. Create animation along offset-path
+ */
+.uk-marquee-items > * {
+  /* 1 */
+  flex: none !important;
+  box-sizing: border-box;
+  max-width: 100%;
+  /* 2 */
+  position: relative;
+  /* 3 */
+  offset-anchor: 0 0;
+  offset-rotate: 0deg;
+  offset-path: path(var(--uk-marquee-path));
+  animation: var(--uk-marquee-duration) linear calc(var(--uk-marquee-start) / -100 * var(--uk-marquee-duration)) infinite var(--uk-marquee-direction) uk-marquee;
+}
+@keyframes uk-marquee {
+  0% {
+    offset-distance: 0;
+  }
+  100% {
+    offset-distance: 100%;
+  }
+}
 /* ========================================================================
    Component: Sticky
  ========================================================================== */
@@ -4545,36 +4690,38 @@ select.uk-form-width-xsmall {
 .uk-grid > * > :last-child {
   margin-bottom: 0;
 }
-/* Gutter
+/* Gap
  ========================================================================== */
 /*
  * Default
  */
-/* Horizontal */
 .uk-grid {
   margin-left: -30px;
 }
 .uk-grid > * {
   padding-left: 30px;
 }
-/* Vertical */
-.uk-grid + .uk-grid,
-.uk-grid > .uk-grid-margin,
+.uk-grid {
+  row-gap: 30px;
+}
+/* Margin */
+.uk-grid + :where(.uk-grid),
 * + .uk-grid-margin {
   margin-top: 30px;
 }
 /* Desktop and bigger */
 @media (min-width: 1200px) {
-  /* Horizontal */
   .uk-grid {
     margin-left: -40px;
   }
   .uk-grid > * {
     padding-left: 40px;
   }
-  /* Vertical */
-  .uk-grid + .uk-grid,
-  .uk-grid > .uk-grid-margin,
+  .uk-grid {
+    row-gap: 40px;
+  }
+  /* Margin */
+  .uk-grid + :where(.uk-grid),
   * + .uk-grid-margin {
     margin-top: 40px;
   }
@@ -4582,7 +4729,6 @@ select.uk-form-width-xsmall {
 /*
  * Small
  */
-/* Horizontal */
 .uk-grid-small,
 .uk-grid-column-small {
   margin-left: -15px;
@@ -4591,18 +4737,18 @@ select.uk-form-width-xsmall {
 .uk-grid-column-small > * {
   padding-left: 15px;
 }
-/* Vertical */
-.uk-grid + .uk-grid-small,
-.uk-grid + .uk-grid-row-small,
-.uk-grid-small > .uk-grid-margin,
-.uk-grid-row-small > .uk-grid-margin,
+.uk-grid-small,
+.uk-grid-row-small {
+  row-gap: 15px;
+}
+/* Margin */
+.uk-grid + :where(.uk-grid-small, .uk-grid-row-small),
 * + .uk-grid-margin-small {
   margin-top: 15px;
 }
 /*
  * Medium
  */
-/* Horizontal */
 .uk-grid-medium,
 .uk-grid-column-medium {
   margin-left: -30px;
@@ -4611,18 +4757,18 @@ select.uk-form-width-xsmall {
 .uk-grid-column-medium > * {
   padding-left: 30px;
 }
-/* Vertical */
-.uk-grid + .uk-grid-medium,
-.uk-grid + .uk-grid-row-medium,
-.uk-grid-medium > .uk-grid-margin,
-.uk-grid-row-medium > .uk-grid-margin,
+.uk-grid-medium,
+.uk-grid-row-medium {
+  row-gap: 30px;
+}
+/* Margin */
+.uk-grid + :where(.uk-grid-medium, .uk-grid-row-medium),
 * + .uk-grid-margin-medium {
   margin-top: 30px;
 }
 /*
  * Large
  */
-/* Horizontal */
 .uk-grid-large,
 .uk-grid-column-large {
   margin-left: -40px;
@@ -4631,17 +4777,17 @@ select.uk-form-width-xsmall {
 .uk-grid-column-large > * {
   padding-left: 40px;
 }
-/* Vertical */
-.uk-grid + .uk-grid-large,
-.uk-grid + .uk-grid-row-large,
-.uk-grid-large > .uk-grid-margin,
-.uk-grid-row-large > .uk-grid-margin,
+.uk-grid-large,
+.uk-grid-row-large {
+  row-gap: 40px;
+}
+/* Margin */
+.uk-grid + :where(.uk-grid-large, .uk-grid-row-large),
 * + .uk-grid-margin-large {
   margin-top: 40px;
 }
 /* Desktop and bigger */
 @media (min-width: 1200px) {
-  /* Horizontal */
   .uk-grid-large,
   .uk-grid-column-large {
     margin-left: -70px;
@@ -4650,11 +4796,12 @@ select.uk-form-width-xsmall {
   .uk-grid-column-large > * {
     padding-left: 70px;
   }
-  /* Vertical */
-  .uk-grid + .uk-grid-large,
-  .uk-grid + .uk-grid-row-large,
-  .uk-grid-large > .uk-grid-margin,
-  .uk-grid-row-large > .uk-grid-margin,
+  .uk-grid-large,
+  .uk-grid-row-large {
+    row-gap: 70px;
+  }
+  /* Margin */
+  .uk-grid + :where(.uk-grid-large, .uk-grid-row-large),
   * + .uk-grid-margin-large {
     margin-top: 70px;
   }
@@ -4662,7 +4809,6 @@ select.uk-form-width-xsmall {
 /*
  * Collapse
  */
-/* Horizontal */
 .uk-grid-collapse,
 .uk-grid-column-collapse {
   margin-left: 0;
@@ -4671,11 +4817,12 @@ select.uk-form-width-xsmall {
 .uk-grid-column-collapse > * {
   padding-left: 0;
 }
-/* Vertical */
-.uk-grid + .uk-grid-collapse,
-.uk-grid + .uk-grid-row-collapse,
-.uk-grid-collapse > .uk-grid-margin,
-.uk-grid-row-collapse > .uk-grid-margin {
+.uk-grid-collapse,
+.uk-grid-row-collapse {
+  row-gap: 0;
+}
+/* Margin */
+.uk-grid + :where(.uk-grid-collapse, .uk-grid-row-collapse) {
   margin-top: 0;
 }
 /* Divider
@@ -4683,6 +4830,7 @@ select.uk-form-width-xsmall {
 .uk-grid-divider > * {
   position: relative;
 }
+/* Horizontal */
 .uk-grid-divider > :not(.uk-first-column)::before {
   content: "";
   position: absolute;
@@ -4691,7 +4839,7 @@ select.uk-form-width-xsmall {
   border-left: 1px solid #e5e5e5;
 }
 /* Vertical */
-.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
+.uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
   content: "";
   position: absolute;
   left: 0;
@@ -4712,10 +4860,10 @@ select.uk-form-width-xsmall {
   left: 30px;
 }
 /* Vertical */
-.uk-grid-divider.uk-grid-stack > .uk-grid-margin {
-  margin-top: 60px;
+.uk-grid-divider.uk-grid-stack {
+  row-gap: 60px;
 }
-.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
+.uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
   top: -30px;
   left: 60px;
 }
@@ -4732,10 +4880,10 @@ select.uk-form-width-xsmall {
     left: 40px;
   }
   /* Vertical */
-  .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
-    margin-top: 80px;
+  .uk-grid-divider.uk-grid-stack {
+    row-gap: 80px;
   }
-  .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
+  .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
     top: -40px;
     left: 80px;
   }
@@ -4757,18 +4905,17 @@ select.uk-form-width-xsmall {
   left: 15px;
 }
 /* Vertical */
-.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin,
-.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin {
-  margin-top: 30px;
+.uk-grid-divider.uk-grid-stack:where(.uk-grid-small, .uk-grid-row-small) {
+  row-gap: 30px;
 }
-.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before {
+.uk-grid-divider.uk-grid-stack.uk-grid-small > :not(.uk-first-row)::before {
   top: -15px;
   left: 30px;
 }
-.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before {
+.uk-grid-divider.uk-grid-stack.uk-grid-row-small > :not(.uk-first-row)::before {
   top: -15px;
 }
-.uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before {
+.uk-grid-divider.uk-grid-stack.uk-grid-column-small > :not(.uk-first-row)::before {
   left: 30px;
 }
 /*
@@ -4788,18 +4935,17 @@ select.uk-form-width-xsmall {
   left: 30px;
 }
 /* Vertical */
-.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin,
-.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin {
-  margin-top: 60px;
+.uk-grid-divider.uk-grid-stack:where(.uk-grid-medium, .uk-grid-row-medium) {
+  row-gap: 60px;
 }
-.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before {
+.uk-grid-divider.uk-grid-stack.uk-grid-medium > :not(.uk-first-row)::before {
   top: -30px;
   left: 60px;
 }
-.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before {
+.uk-grid-divider.uk-grid-stack.uk-grid-row-medium > :not(.uk-first-row)::before {
   top: -30px;
 }
-.uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before {
+.uk-grid-divider.uk-grid-stack.uk-grid-column-medium > :not(.uk-first-row)::before {
   left: 60px;
 }
 /*
@@ -4819,18 +4965,17 @@ select.uk-form-width-xsmall {
   left: 40px;
 }
 /* Vertical */
-.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin,
-.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
-  margin-top: 80px;
+.uk-grid-divider.uk-grid-stack:where(.uk-grid-large, .uk-grid-row-large) {
+  row-gap: 80px;
 }
-.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
+.uk-grid-divider.uk-grid-stack.uk-grid-large > :not(.uk-first-row)::before {
   top: -40px;
   left: 80px;
 }
-.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
+.uk-grid-divider.uk-grid-stack.uk-grid-row-large > :not(.uk-first-row)::before {
   top: -40px;
 }
-.uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
+.uk-grid-divider.uk-grid-stack.uk-grid-column-large > :not(.uk-first-row)::before {
   left: 80px;
 }
 /* Desktop and bigger */
@@ -4849,18 +4994,17 @@ select.uk-form-width-xsmall {
     left: 70px;
   }
   /* Vertical */
-  .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin,
-  .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
-    margin-top: 140px;
+  .uk-grid-divider.uk-grid-stack:where(.uk-grid-large, .uk-grid-row-large) {
+    row-gap: 140px;
   }
-  .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
+  .uk-grid-divider.uk-grid-stack.uk-grid-large > :not(.uk-first-row)::before {
     top: -70px;
     left: 140px;
   }
-  .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
+  .uk-grid-divider.uk-grid-stack.uk-grid-row-large > :not(.uk-first-row)::before {
     top: -70px;
   }
-  .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
+  .uk-grid-divider.uk-grid-stack.uk-grid-column-large > :not(.uk-first-row)::before {
     left: 140px;
   }
 }
@@ -4909,7 +5053,7 @@ select.uk-form-width-xsmall {
   align-items: center;
   /* 2 */
   column-gap: 0.25em;
-  /* 3*/
+  /* 3 */
   text-decoration: none;
 }
 /*
@@ -6279,6 +6423,39 @@ ul.uk-nav-sub {
   width: 80%;
   height: 80%;
 }
+/* ========================================================================
+   Component: Logo
+ ========================================================================== */
+/*
+ * 1. Style
+ * 2. Required for `a`
+ * 3. Behave like image but can be overridden through flex utility classes
+ */
+.uk-logo {
+  /* 1 */
+  font-size: 1.5rem;
+  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";
+  color: #333;
+  /* 2 */
+  text-decoration: none;
+}
+/* 3 */
+:where(.uk-logo) {
+  display: inline-block;
+  vertical-align: middle;
+}
+/* Hover */
+.uk-logo:hover {
+  color: #333;
+  /* 2 */
+  text-decoration: none;
+}
+.uk-logo :where(img:not([uk-svg]), svg, video) {
+  display: block;
+}
+.uk-logo-inverse:where(:not([uk-svg])) {
+  display: none;
+}
 /* ========================================================================
    Component: Animation
  ========================================================================== */
@@ -7497,6 +7674,12 @@ th.uk-text-break,
 td.uk-text-break {
   word-break: break-word;
 }
+/*
+ * Balance text when wrapping onto multiple lines
+ */
+.uk-text-balance {
+  text-wrap: balance;
+}
 /* Stroke modifiers
  ========================================================================== */
 .uk-text-stroke {
@@ -8274,93 +8457,6 @@ iframe[data-uk-cover] {
 .uk-box-shadow-hover-xlarge:hover {
   box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
 }
-/* Box-shadow bottom
- ========================================================================== */
-/*
- * 1. Set position.
- * 2. Set style
- * 3. Fix shadow being clipped in Safari if container is animated
- */
-@supports (filter: blur(0)) {
-  .uk-box-shadow-bottom {
-    display: inline-block;
-    position: relative;
-    z-index: 0;
-    max-width: 100%;
-    vertical-align: middle;
-  }
-  .uk-box-shadow-bottom::after {
-    content: "";
-    /* 1 */
-    position: absolute;
-    bottom: -30px;
-    left: 0;
-    right: 0;
-    z-index: -1;
-    /* 2 */
-    height: 30px;
-    border-radius: 100%;
-    background: #444;
-    filter: blur(20px);
-    /* 3 */
-    will-change: filter;
-  }
-}
-/* Drop cap
- ========================================================================== */
-/*
- * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements
- *    https://bugzilla.mozilla.org/show_bug.cgi?id=214004
- * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height`
- *    https://bugzilla.mozilla.org/show_bug.cgi?id=317933
- */
-.uk-dropcap::first-letter,
-.uk-dropcap > p:first-of-type::first-letter {
-  display: block;
-  margin-right: 10px;
-  float: left;
-  font-size: 4.5em;
-  line-height: 1;
-}
-/* 2 */
-@-moz-document url-prefix() {
-  .uk-dropcap::first-letter,
-  .uk-dropcap > p:first-of-type::first-letter {
-    margin-top: 1.1%;
-  }
-}
-/* Logo
- ========================================================================== */
-/*
- * 1. Style
- * 2. Required for `a`
- * 3. Behave like image but can be overridden through flex utility classes
- */
-.uk-logo {
-  /* 1 */
-  font-size: 1.5rem;
-  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";
-  color: #333;
-  /* 2 */
-  text-decoration: none;
-}
-/* 3 */
-:where(.uk-logo) {
-  display: inline-block;
-  vertical-align: middle;
-}
-/* Hover */
-.uk-logo:hover {
-  color: #333;
-  /* 1 */
-  text-decoration: none;
-}
-.uk-logo :where(img, svg, video) {
-  display: block;
-}
-.uk-logo-inverse {
-  display: none;
-}
 /* Disabled State
  ========================================================================== */
 .uk-disabled {
@@ -8855,307 +8951,333 @@ iframe[data-uk-cover] {
 /* ========================================================================
    Component: Margin
  ========================================================================== */
+/* Two or more directions
+ ========================================================================== */
 /*
- * Default
+ * Sizes
  */
 .uk-margin {
   margin-bottom: 20px;
 }
 * + .uk-margin {
-  margin-top: 20px !important;
+  margin-top: 20px;
+}
+.uk-margin-xsmall {
+  margin-bottom: 5px;
+}
+* + .uk-margin-xsmall {
+  margin-top: 5px;
+}
+.uk-margin-small {
+  margin-bottom: 10px;
+}
+* + .uk-margin-small {
+  margin-top: 10px;
+}
+.uk-margin-medium {
+  margin-bottom: 40px;
+}
+* + .uk-margin-medium {
+  margin-top: 40px;
+}
+.uk-margin-large {
+  margin-bottom: 40px;
+}
+* + .uk-margin-large {
+  margin-top: 40px;
+}
+.uk-margin-xlarge {
+  margin-bottom: 70px;
+}
+* + .uk-margin-xlarge {
+  margin-top: 70px;
+}
+/* Desktop and bigger */
+@media (min-width: 1200px) {
+  .uk-margin-large {
+    margin-bottom: 70px;
+  }
+  * + .uk-margin-large {
+    margin-top: 70px;
+  }
+  .uk-margin-xlarge {
+    margin-bottom: 140px;
+  }
+  * + .uk-margin-xlarge {
+    margin-top: 140px;
+  }
+}
+/*
+ * Auto
+ */
+.uk-margin-auto-vertical {
+  margin-top: auto;
+  margin-bottom: auto;
+}
+.uk-margin-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
+/* Phone landscape and bigger */
+@media (min-width: 640px) {
+  .uk-margin-auto\@s {
+    margin-left: auto;
+    margin-right: auto;
+  }
+}
+/* Tablet landscape and bigger */
+@media (min-width: 960px) {
+  .uk-margin-auto\@m {
+    margin-left: auto;
+    margin-right: auto;
+  }
+}
+/* Desktop and bigger */
+@media (min-width: 1200px) {
+  .uk-margin-auto\@l {
+    margin-left: auto;
+    margin-right: auto;
+  }
+}
+/* Large screen and bigger */
+@media (min-width: 1600px) {
+  .uk-margin-auto\@xl {
+    margin-left: auto;
+    margin-right: auto;
+  }
+}
+/*
+ * Remove
+ */
+.uk-margin-remove {
+  margin: 0;
+}
+.uk-margin-remove-vertical {
+  margin-top: 0;
+  margin-bottom: 0;
 }
+/* One direction
+ ========================================================================== */
+/*
+ * Sizes
+ */
 .uk-margin-top {
-  margin-top: 20px !important;
+  margin-top: 20px;
 }
 .uk-margin-bottom {
-  margin-bottom: 20px !important;
+  margin-bottom: 20px;
 }
 .uk-margin-left {
-  margin-left: 20px !important;
+  margin-left: 20px;
 }
 .uk-margin-right {
-  margin-right: 20px !important;
-}
-/* XSmall
- ========================================================================== */
-.uk-margin-xsmall {
-  margin-bottom: 5px;
-}
-* + .uk-margin-xsmall {
-  margin-top: 5px !important;
+  margin-right: 20px;
 }
 .uk-margin-xsmall-top {
-  margin-top: 5px !important;
+  margin-top: 5px;
 }
 .uk-margin-xsmall-bottom {
-  margin-bottom: 5px !important;
+  margin-bottom: 5px;
 }
 .uk-margin-xsmall-left {
-  margin-left: 5px !important;
+  margin-left: 5px;
 }
 .uk-margin-xsmall-right {
-  margin-right: 5px !important;
-}
-/* Small
- ========================================================================== */
-.uk-margin-small {
-  margin-bottom: 10px;
-}
-* + .uk-margin-small {
-  margin-top: 10px !important;
+  margin-right: 5px;
 }
 .uk-margin-small-top {
-  margin-top: 10px !important;
+  margin-top: 10px;
 }
 .uk-margin-small-bottom {
-  margin-bottom: 10px !important;
+  margin-bottom: 10px;
 }
 .uk-margin-small-left {
-  margin-left: 10px !important;
+  margin-left: 10px;
 }
 .uk-margin-small-right {
-  margin-right: 10px !important;
-}
-/* Medium
- ========================================================================== */
-.uk-margin-medium {
-  margin-bottom: 40px;
-}
-* + .uk-margin-medium {
-  margin-top: 40px !important;
+  margin-right: 10px;
 }
 .uk-margin-medium-top {
-  margin-top: 40px !important;
+  margin-top: 40px;
 }
 .uk-margin-medium-bottom {
-  margin-bottom: 40px !important;
+  margin-bottom: 40px;
 }
 .uk-margin-medium-left {
-  margin-left: 40px !important;
+  margin-left: 40px;
 }
-.uk-margin-medium-right {
-  margin-right: 40px !important;
-}
-/* Large
- ========================================================================== */
-.uk-margin-large {
-  margin-bottom: 40px;
-}
-* + .uk-margin-large {
-  margin-top: 40px !important;
+.uk-margin-medium-right {
+  margin-right: 40px;
 }
 .uk-margin-large-top {
-  margin-top: 40px !important;
+  margin-top: 40px;
 }
 .uk-margin-large-bottom {
-  margin-bottom: 40px !important;
+  margin-bottom: 40px;
 }
 .uk-margin-large-left {
-  margin-left: 40px !important;
+  margin-left: 40px;
 }
 .uk-margin-large-right {
-  margin-right: 40px !important;
-}
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  .uk-margin-large {
-    margin-bottom: 70px;
-  }
-  * + .uk-margin-large {
-    margin-top: 70px !important;
-  }
-  .uk-margin-large-top {
-    margin-top: 70px !important;
-  }
-  .uk-margin-large-bottom {
-    margin-bottom: 70px !important;
-  }
-  .uk-margin-large-left {
-    margin-left: 70px !important;
-  }
-  .uk-margin-large-right {
-    margin-right: 70px !important;
-  }
-}
-/* XLarge
- ========================================================================== */
-.uk-margin-xlarge {
-  margin-bottom: 70px;
-}
-* + .uk-margin-xlarge {
-  margin-top: 70px !important;
+  margin-right: 40px;
 }
 .uk-margin-xlarge-top {
-  margin-top: 70px !important;
+  margin-top: 70px;
 }
 .uk-margin-xlarge-bottom {
-  margin-bottom: 70px !important;
+  margin-bottom: 70px;
 }
 .uk-margin-xlarge-left {
-  margin-left: 70px !important;
+  margin-left: 70px;
 }
 .uk-margin-xlarge-right {
-  margin-right: 70px !important;
+  margin-right: 70px;
 }
 /* Desktop and bigger */
 @media (min-width: 1200px) {
-  .uk-margin-xlarge {
-    margin-bottom: 140px;
+  .uk-margin-large-top {
+    margin-top: 70px;
   }
-  * + .uk-margin-xlarge {
-    margin-top: 140px !important;
+  .uk-margin-large-bottom {
+    margin-bottom: 70px;
+  }
+  .uk-margin-large-left {
+    margin-left: 70px;
+  }
+  .uk-margin-large-right {
+    margin-right: 70px;
   }
   .uk-margin-xlarge-top {
-    margin-top: 140px !important;
+    margin-top: 140px;
   }
   .uk-margin-xlarge-bottom {
-    margin-bottom: 140px !important;
+    margin-bottom: 140px;
   }
   .uk-margin-xlarge-left {
-    margin-left: 140px !important;
+    margin-left: 140px;
   }
   .uk-margin-xlarge-right {
-    margin-right: 140px !important;
+    margin-right: 140px;
   }
 }
-/* Auto
- ========================================================================== */
-.uk-margin-auto {
-  margin-left: auto !important;
-  margin-right: auto !important;
-}
+/*
+ * Auto
+ */
 .uk-margin-auto-top {
-  margin-top: auto !important;
+  margin-top: auto;
 }
 .uk-margin-auto-bottom {
-  margin-bottom: auto !important;
+  margin-bottom: auto;
 }
 .uk-margin-auto-left {
-  margin-left: auto !important;
+  margin-left: auto;
 }
 .uk-margin-auto-right {
-  margin-right: auto !important;
-}
-.uk-margin-auto-vertical {
-  margin-top: auto !important;
-  margin-bottom: auto !important;
+  margin-right: auto;
 }
 /* Phone landscape and bigger */
 @media (min-width: 640px) {
-  .uk-margin-auto\@s {
-    margin-left: auto !important;
-    margin-right: auto !important;
-  }
   .uk-margin-auto-left\@s {
-    margin-left: auto !important;
+    margin-left: auto;
   }
   .uk-margin-auto-right\@s {
-    margin-right: auto !important;
+    margin-right: auto;
   }
 }
 /* Tablet landscape and bigger */
 @media (min-width: 960px) {
-  .uk-margin-auto\@m {
-    margin-left: auto !important;
-    margin-right: auto !important;
-  }
   .uk-margin-auto-left\@m {
-    margin-left: auto !important;
+    margin-left: auto;
   }
   .uk-margin-auto-right\@m {
-    margin-right: auto !important;
+    margin-right: auto;
   }
 }
 /* Desktop and bigger */
 @media (min-width: 1200px) {
-  .uk-margin-auto\@l {
-    margin-left: auto !important;
-    margin-right: auto !important;
-  }
   .uk-margin-auto-left\@l {
-    margin-left: auto !important;
+    margin-left: auto;
   }
   .uk-margin-auto-right\@l {
-    margin-right: auto !important;
+    margin-right: auto;
   }
 }
 /* Large screen and bigger */
 @media (min-width: 1600px) {
-  .uk-margin-auto\@xl {
-    margin-left: auto !important;
-    margin-right: auto !important;
-  }
   .uk-margin-auto-left\@xl {
-    margin-left: auto !important;
+    margin-left: auto;
   }
   .uk-margin-auto-right\@xl {
-    margin-right: auto !important;
+    margin-right: auto;
   }
 }
-/* Remove
- ========================================================================== */
-.uk-margin-remove {
-  margin: 0 !important;
-}
+/*
+ * Remove
+ */
 .uk-margin-remove-top {
-  margin-top: 0 !important;
+  margin-top: 0;
 }
 .uk-margin-remove-bottom {
-  margin-bottom: 0 !important;
+  margin-bottom: 0;
 }
 .uk-margin-remove-left {
-  margin-left: 0 !important;
+  margin-left: 0;
 }
 .uk-margin-remove-right {
-  margin-right: 0 !important;
-}
-.uk-margin-remove-vertical {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-right: 0;
 }
 .uk-margin-remove-adjacent + *,
 .uk-margin-remove-first-child > :first-child {
-  margin-top: 0 !important;
+  margin-top: 0;
 }
 .uk-margin-remove-last-child > :last-child {
-  margin-bottom: 0 !important;
+  margin-bottom: 0;
 }
 /* Phone landscape and bigger */
 @media (min-width: 640px) {
   .uk-margin-remove-left\@s {
-    margin-left: 0 !important;
+    margin-left: 0;
   }
   .uk-margin-remove-right\@s {
-    margin-right: 0 !important;
+    margin-right: 0;
   }
 }
 /* Tablet landscape and bigger */
 @media (min-width: 960px) {
   .uk-margin-remove-left\@m {
-    margin-left: 0 !important;
+    margin-left: 0;
   }
   .uk-margin-remove-right\@m {
-    margin-right: 0 !important;
+    margin-right: 0;
   }
 }
 /* Desktop and bigger */
 @media (min-width: 1200px) {
   .uk-margin-remove-left\@l {
-    margin-left: 0 !important;
+    margin-left: 0;
   }
   .uk-margin-remove-right\@l {
-    margin-right: 0 !important;
+    margin-right: 0;
   }
 }
 /* Large screen and bigger */
 @media (min-width: 1600px) {
   .uk-margin-remove-left\@xl {
-    margin-left: 0 !important;
+    margin-left: 0;
   }
   .uk-margin-remove-right\@xl {
-    margin-right: 0 !important;
+    margin-right: 0;
   }
 }
+/*
+ * Trim
+ */
+.uk-margin-trim-block > :first-child {
+  margin-top: 0;
+}
+.uk-margin-trim-block > :last-child {
+  margin-bottom: 0;
+}
 /* ========================================================================
    Component: Padding
  ========================================================================== */
@@ -9187,27 +9309,27 @@ iframe[data-uk-cover] {
 /* Remove
  ========================================================================== */
 .uk-padding-remove {
-  padding: 0 !important;
+  padding: 0;
 }
 .uk-padding-remove-top {
-  padding-top: 0 !important;
+  padding-top: 0;
 }
 .uk-padding-remove-bottom {
-  padding-bottom: 0 !important;
+  padding-bottom: 0;
 }
 .uk-padding-remove-left {
-  padding-left: 0 !important;
+  padding-left: 0;
 }
 .uk-padding-remove-right {
-  padding-right: 0 !important;
+  padding-right: 0;
 }
 .uk-padding-remove-vertical {
-  padding-top: 0 !important;
-  padding-bottom: 0 !important;
+  padding-top: 0;
+  padding-bottom: 0;
 }
 .uk-padding-remove-horizontal {
-  padding-left: 0 !important;
-  padding-right: 0 !important;
+  padding-left: 0;
+  padding-right: 0;
 }
 /* ========================================================================
    Component: Position
@@ -11058,6 +11180,188 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
 .uk-offcanvas-bar .uk-form-icon:hover {
   color: rgba(255, 255, 255, 0.7);
 }
+.uk-light .uk-search-input,
+.uk-section-primary:not(.uk-preserve-color) .uk-search-input,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search-input,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search-input,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input,
+.uk-card-primary.uk-card-body .uk-search-input,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input,
+.uk-card-secondary.uk-card-body .uk-search-input,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input,
+.uk-overlay-primary .uk-search-input,
+.uk-offcanvas-bar .uk-search-input {
+  color: rgba(255, 255, 255, 0.7);
+}
+.uk-light .uk-search-input::placeholder,
+.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
+.uk-card-primary.uk-card-body .uk-search-input::placeholder,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
+.uk-card-secondary.uk-card-body .uk-search-input::placeholder,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
+.uk-overlay-primary .uk-search-input::placeholder,
+.uk-offcanvas-bar .uk-search-input::placeholder {
+  color: rgba(255, 255, 255, 0.5);
+}
+.uk-light .uk-search .uk-search-icon,
+.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
+.uk-card-primary.uk-card-body .uk-search .uk-search-icon,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
+.uk-card-secondary.uk-card-body .uk-search .uk-search-icon,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
+.uk-overlay-primary .uk-search .uk-search-icon,
+.uk-offcanvas-bar .uk-search .uk-search-icon {
+  color: rgba(255, 255, 255, 0.5);
+}
+.uk-light .uk-search .uk-search-icon:hover,
+.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
+.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover,
+.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover,
+.uk-overlay-primary .uk-search .uk-search-icon:hover,
+.uk-offcanvas-bar .uk-search .uk-search-icon:hover {
+  color: rgba(255, 255, 255, 0.5);
+}
+.uk-light .uk-search-default .uk-search-input,
+.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
+.uk-card-primary.uk-card-body .uk-search-default .uk-search-input,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input,
+.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input,
+.uk-overlay-primary .uk-search-default .uk-search-input,
+.uk-offcanvas-bar .uk-search-default .uk-search-input {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+.uk-light .uk-search-default .uk-search-input:focus,
+.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
+.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus,
+.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus,
+.uk-overlay-primary .uk-search-default .uk-search-input:focus,
+.uk-offcanvas-bar .uk-search-default .uk-search-input:focus {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+.uk-light .uk-search-navbar .uk-search-input,
+.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
+.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
+.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
+.uk-overlay-primary .uk-search-navbar .uk-search-input,
+.uk-offcanvas-bar .uk-search-navbar .uk-search-input {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+.uk-light .uk-search-navbar .uk-search-input:focus,
+.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
+.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input:focus,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
+.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input:focus,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
+.uk-overlay-primary .uk-search-navbar .uk-search-input:focus,
+.uk-offcanvas-bar .uk-search-navbar .uk-search-input:focus {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+.uk-light .uk-search-medium .uk-search-input,
+.uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
+.uk-card-primary.uk-card-body .uk-search-medium .uk-search-input,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
+.uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
+.uk-overlay-primary .uk-search-medium .uk-search-input,
+.uk-offcanvas-bar .uk-search-medium .uk-search-input {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+.uk-light .uk-search-medium .uk-search-input:focus,
+.uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
+.uk-card-primary.uk-card-body .uk-search-medium .uk-search-input:focus,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus,
+.uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input:focus,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus,
+.uk-overlay-primary .uk-search-medium .uk-search-input:focus,
+.uk-offcanvas-bar .uk-search-medium .uk-search-input:focus {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+.uk-light .uk-search-large .uk-search-input,
+.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
+.uk-card-primary.uk-card-body .uk-search-large .uk-search-input,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input,
+.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input,
+.uk-overlay-primary .uk-search-large .uk-search-input,
+.uk-offcanvas-bar .uk-search-large .uk-search-input {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+.uk-light .uk-search-large .uk-search-input:focus,
+.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
+.uk-card-primary.uk-card-body .uk-search-large .uk-search-input:focus,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus,
+.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input:focus,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus,
+.uk-overlay-primary .uk-search-large .uk-search-input:focus,
+.uk-offcanvas-bar .uk-search-large .uk-search-input:focus {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+.uk-light .uk-search-toggle,
+.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle,
+.uk-card-primary.uk-card-body .uk-search-toggle,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle,
+.uk-card-secondary.uk-card-body .uk-search-toggle,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle,
+.uk-overlay-primary .uk-search-toggle,
+.uk-offcanvas-bar .uk-search-toggle {
+  color: rgba(255, 255, 255, 0.5);
+}
+.uk-light .uk-search-toggle:hover,
+.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
+.uk-card-primary.uk-card-body .uk-search-toggle:hover,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
+.uk-card-secondary.uk-card-body .uk-search-toggle:hover,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
+.uk-overlay-primary .uk-search-toggle:hover,
+.uk-offcanvas-bar .uk-search-toggle:hover {
+  color: rgba(255, 255, 255, 0.7);
+}
 .uk-light .uk-button-default,
 .uk-section-primary:not(.uk-preserve-color) .uk-button-default,
 .uk-section-secondary:not(.uk-preserve-color) .uk-button-default,
@@ -11429,188 +11733,6 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
 .uk-offcanvas-bar .uk-article-meta {
   color: rgba(255, 255, 255, 0.5);
 }
-.uk-light .uk-search-input,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-input,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-input,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-input,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input,
-.uk-card-primary.uk-card-body .uk-search-input,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input,
-.uk-card-secondary.uk-card-body .uk-search-input,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input,
-.uk-overlay-primary .uk-search-input,
-.uk-offcanvas-bar .uk-search-input {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-search-input::placeholder,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
-.uk-card-primary.uk-card-body .uk-search-input::placeholder,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
-.uk-card-secondary.uk-card-body .uk-search-input::placeholder,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
-.uk-overlay-primary .uk-search-input::placeholder,
-.uk-offcanvas-bar .uk-search-input::placeholder {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-search .uk-search-icon,
-.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
-.uk-card-primary.uk-card-body .uk-search .uk-search-icon,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
-.uk-card-secondary.uk-card-body .uk-search .uk-search-icon,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
-.uk-overlay-primary .uk-search .uk-search-icon,
-.uk-offcanvas-bar .uk-search .uk-search-icon {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-search .uk-search-icon:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
-.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover,
-.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover,
-.uk-overlay-primary .uk-search .uk-search-icon:hover,
-.uk-offcanvas-bar .uk-search .uk-search-icon:hover {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-search-default .uk-search-input,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
-.uk-card-primary.uk-card-body .uk-search-default .uk-search-input,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input,
-.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input,
-.uk-overlay-primary .uk-search-default .uk-search-input,
-.uk-offcanvas-bar .uk-search-default .uk-search-input {
-  background-color: rgba(255, 255, 255, 0.1);
-}
-.uk-light .uk-search-default .uk-search-input:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
-.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus,
-.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus,
-.uk-overlay-primary .uk-search-default .uk-search-input:focus,
-.uk-offcanvas-bar .uk-search-default .uk-search-input:focus {
-  background-color: rgba(255, 255, 255, 0.15);
-}
-.uk-light .uk-search-navbar .uk-search-input,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
-.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
-.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
-.uk-overlay-primary .uk-search-navbar .uk-search-input,
-.uk-offcanvas-bar .uk-search-navbar .uk-search-input {
-  background-color: rgba(255, 255, 255, 0.1);
-}
-.uk-light .uk-search-navbar .uk-search-input:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
-.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
-.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
-.uk-overlay-primary .uk-search-navbar .uk-search-input:focus,
-.uk-offcanvas-bar .uk-search-navbar .uk-search-input:focus {
-  background-color: rgba(255, 255, 255, 0.15);
-}
-.uk-light .uk-search-medium .uk-search-input,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
-.uk-card-primary.uk-card-body .uk-search-medium .uk-search-input,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
-.uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
-.uk-overlay-primary .uk-search-medium .uk-search-input,
-.uk-offcanvas-bar .uk-search-medium .uk-search-input {
-  background-color: rgba(255, 255, 255, 0.1);
-}
-.uk-light .uk-search-medium .uk-search-input:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
-.uk-card-primary.uk-card-body .uk-search-medium .uk-search-input:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus,
-.uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus,
-.uk-overlay-primary .uk-search-medium .uk-search-input:focus,
-.uk-offcanvas-bar .uk-search-medium .uk-search-input:focus {
-  background-color: rgba(255, 255, 255, 0.15);
-}
-.uk-light .uk-search-large .uk-search-input,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
-.uk-card-primary.uk-card-body .uk-search-large .uk-search-input,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input,
-.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input,
-.uk-overlay-primary .uk-search-large .uk-search-input,
-.uk-offcanvas-bar .uk-search-large .uk-search-input {
-  background-color: rgba(255, 255, 255, 0.1);
-}
-.uk-light .uk-search-large .uk-search-input:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
-.uk-card-primary.uk-card-body .uk-search-large .uk-search-input:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus,
-.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus,
-.uk-overlay-primary .uk-search-large .uk-search-input:focus,
-.uk-offcanvas-bar .uk-search-large .uk-search-input:focus {
-  background-color: rgba(255, 255, 255, 0.15);
-}
-.uk-light .uk-search-toggle,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle,
-.uk-card-primary.uk-card-body .uk-search-toggle,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle,
-.uk-card-secondary.uk-card-body .uk-search-toggle,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle,
-.uk-overlay-primary .uk-search-toggle,
-.uk-offcanvas-bar .uk-search-toggle {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-search-toggle:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
-.uk-card-primary.uk-card-body .uk-search-toggle:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
-.uk-card-secondary.uk-card-body .uk-search-toggle:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
-.uk-overlay-primary .uk-search-toggle:hover,
-.uk-offcanvas-bar .uk-search-toggle:hover {
-  color: rgba(255, 255, 255, 0.7);
-}
 .uk-light .uk-accordion-default .uk-accordion-title,
 .uk-section-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
 .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
@@ -12547,6 +12669,58 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
 .uk-offcanvas-bar .uk-dotnav > .uk-active > * {
   background-color: rgba(255, 255, 255, 0.9);
 }
+.uk-light .uk-logo,
+.uk-section-primary:not(.uk-preserve-color) .uk-logo,
+.uk-section-secondary:not(.uk-preserve-color) .uk-logo,
+.uk-tile-primary:not(.uk-preserve-color) .uk-logo,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-logo,
+.uk-card-primary.uk-card-body .uk-logo,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo,
+.uk-card-secondary.uk-card-body .uk-logo,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo,
+.uk-overlay-primary .uk-logo,
+.uk-offcanvas-bar .uk-logo {
+  color: #fff;
+}
+.uk-light .uk-logo:hover,
+.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,
+.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,
+.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover,
+.uk-card-primary.uk-card-body .uk-logo:hover,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:hover,
+.uk-card-secondary.uk-card-body .uk-logo:hover,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:hover,
+.uk-overlay-primary .uk-logo:hover,
+.uk-offcanvas-bar .uk-logo:hover {
+  color: #fff;
+}
+.uk-light .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg]))):not(.uk-logo-inverse):not([uk-svg]),
+.uk-section-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg]))):not(.uk-logo-inverse):not([uk-svg]),
+.uk-section-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg]))):not(.uk-logo-inverse):not([uk-svg]),
+.uk-tile-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg]))):not(.uk-logo-inverse):not([uk-svg]),
+.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg]))):not(.uk-logo-inverse):not([uk-svg]),
+.uk-card-primary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg]))):not(.uk-logo-inverse):not([uk-svg]),
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg]))):not(.uk-logo-inverse):not([uk-svg]),
+.uk-card-secondary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg]))):not(.uk-logo-inverse):not([uk-svg]),
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg]))):not(.uk-logo-inverse):not([uk-svg]),
+.uk-overlay-primary .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg]))):not(.uk-logo-inverse):not([uk-svg]),
+.uk-offcanvas-bar .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg]))):not(.uk-logo-inverse):not([uk-svg]) {
+  display: none;
+}
+.uk-light .uk-logo-inverse:not([uk-svg]),
+.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
+.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
+.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
+.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
+.uk-card-primary.uk-card-body .uk-logo-inverse:not([uk-svg]),
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo-inverse:not([uk-svg]),
+.uk-card-secondary.uk-card-body .uk-logo-inverse:not([uk-svg]),
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo-inverse:not([uk-svg]),
+.uk-overlay-primary .uk-logo-inverse:not([uk-svg]),
+.uk-offcanvas-bar .uk-logo-inverse:not([uk-svg]) {
+  display: block;
+}
 .uk-light .uk-text-lead,
 .uk-section-primary:not(.uk-preserve-color) .uk-text-lead,
 .uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,
@@ -12638,58 +12812,6 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
 .uk-offcanvas-bar .uk-column-divider {
   column-rule-color: rgba(255, 255, 255, 0.2);
 }
-.uk-light .uk-logo,
-.uk-section-primary:not(.uk-preserve-color) .uk-logo,
-.uk-section-secondary:not(.uk-preserve-color) .uk-logo,
-.uk-tile-primary:not(.uk-preserve-color) .uk-logo,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-logo,
-.uk-card-primary.uk-card-body .uk-logo,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo,
-.uk-card-secondary.uk-card-body .uk-logo,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo,
-.uk-overlay-primary .uk-logo,
-.uk-offcanvas-bar .uk-logo {
-  color: #fff;
-}
-.uk-light .uk-logo:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover,
-.uk-card-primary.uk-card-body .uk-logo:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:hover,
-.uk-card-secondary.uk-card-body .uk-logo:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:hover,
-.uk-overlay-primary .uk-logo:hover,
-.uk-offcanvas-bar .uk-logo:hover {
-  color: #fff;
-}
-.uk-light .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
-.uk-section-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
-.uk-section-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
-.uk-tile-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
-.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
-.uk-card-primary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
-.uk-card-secondary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
-.uk-overlay-primary .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
-.uk-offcanvas-bar .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse) {
-  display: none;
-}
-.uk-light .uk-logo-inverse,
-.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse,
-.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse,
-.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse,
-.uk-card-primary.uk-card-body .uk-logo-inverse,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo-inverse,
-.uk-card-secondary.uk-card-body .uk-logo-inverse,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo-inverse,
-.uk-overlay-primary .uk-logo-inverse,
-.uk-offcanvas-bar .uk-logo-inverse {
-  display: block;
-}
 /*
  * Pass dropbar behind color to JS
  */