uikit 3.25.17-dev.80dfe87 → 3.25.17-dev.8c70e44

package/dist/css/uikit-core.css

@@ -1,4 +1,4 @@
-/*! UIkit 3.25.17-dev.80dfe87 | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
+/*! UIkit 3.25.17-dev.8c70e44 | 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;
 }
@@ -3037,307 +3340,59 @@ select.uk-form-width-xsmall {
   display: flow-root;
   margin-bottom: 20px;
 }
-/*
- * Remove margin from the last-child
- */
-.uk-comment-body > :last-child,
-.uk-comment-header > :last-child {
-  margin-bottom: 0;
-}
-/* Title
- ========================================================================== */
-.uk-comment-title {
-  font-size: 1.25rem;
-  line-height: 1.4;
-}
-/* Meta
- ========================================================================== */
-.uk-comment-meta {
-  font-size: 0.875rem;
-  line-height: 1.4;
-  color: #999;
-}
-/* Avatar
- ========================================================================== */
-/* List
- ========================================================================== */
-.uk-comment-list {
-  padding: 0;
-  list-style: none;
-}
-/* Adjacent siblings */
-.uk-comment-list > :nth-child(n+2) {
-  margin-top: 70px;
-}
-/*
- * Sublists
- * Note: General sibling selector allows reply block between comment and sublist
- */
-.uk-comment-list .uk-comment ~ ul {
-  margin: 70px 0 0 0;
-  padding-left: 30px;
-  list-style: none;
-}
-/* Tablet and bigger */
-@media (min-width: 960px) {
-  .uk-comment-list .uk-comment ~ ul {
-    padding-left: 100px;
-  }
-}
-/* Adjacent siblings */
-.uk-comment-list .uk-comment ~ ul > :nth-child(n+2) {
-  margin-top: 70px;
-}
-/* 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;
+/*
+ * Remove margin from the last-child
+ */
+.uk-comment-body > :last-child,
+.uk-comment-header > :last-child {
+  margin-bottom: 0;
 }
-/* Large modifier
+/* Title
  ========================================================================== */
-.uk-search-large {
-  width: 500px;
+.uk-comment-title {
+  font-size: 1.25rem;
+  line-height: 1.4;
 }
-/*
- * Input
- */
-.uk-search-large .uk-search-input {
-  height: 90px;
-  padding-left: 20px;
-  padding-right: 20px;
-  background: #f8f8f8;
-  font-size: 2.625rem;
+/* Meta
+ ========================================================================== */
+.uk-comment-meta {
+  font-size: 0.875rem;
+  line-height: 1.4;
+  color: #999;
 }
-/* Focus */
-.uk-search-large .uk-search-input:focus {
-  background-color: #f3f3f3;
+/* Avatar
+ ========================================================================== */
+/* List
+ ========================================================================== */
+.uk-comment-list {
+  padding: 0;
+  list-style: none;
+}
+/* Adjacent siblings */
+.uk-comment-list > :nth-child(n+2) {
+  margin-top: 70px;
 }
 /*
- * Icon
+ * Sublists
+ * Note: General sibling selector allows reply block between comment and sublist
  */
-.uk-search-large .uk-search-icon {
-  padding-left: 20px;
-  padding-right: 20px;
+.uk-comment-list .uk-comment ~ ul {
+  margin: 70px 0 0 0;
+  padding-left: 30px;
+  list-style: none;
 }
-.uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
-  padding-left: 80px;
+/* Tablet and bigger */
+@media (min-width: 960px) {
+  .uk-comment-list .uk-comment ~ ul {
+    padding-left: 100px;
+  }
 }
-.uk-search-large:has(.uk-search-icon-flip) .uk-search-input {
-  padding-right: 80px;
+/* Adjacent siblings */
+.uk-comment-list .uk-comment ~ ul > :nth-child(n+2) {
+  margin-top: 70px;
 }
-/* Toggle
+/* Style modifier
  ========================================================================== */
-.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
  ========================================================================== */
@@ -8250,116 +8427,29 @@ iframe[data-uk-cover] {
 .uk-box-shadow-medium {
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
 }
-.uk-box-shadow-large {
-  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
-}
-.uk-box-shadow-xlarge {
-  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
-}
-/*
- * Hover
- */
-[class*="uk-box-shadow-hover"] {
-  transition: box-shadow 0.1s ease-in-out;
-}
-.uk-box-shadow-hover-small:hover {
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-}
-.uk-box-shadow-hover-medium:hover {
-  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
-}
-.uk-box-shadow-hover-large:hover {
-  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
-}
-.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%;
-  }
+.uk-box-shadow-large {
+  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
+}
+.uk-box-shadow-xlarge {
+  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
 }
-/* Logo
- ========================================================================== */
 /*
- * 1. Style
- * 2. Required for `a`
- * 3. Behave like image but can be overridden through flex utility classes
+ * Hover
  */
-.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;
+[class*="uk-box-shadow-hover"] {
+  transition: box-shadow 0.1s ease-in-out;
 }
-/* 3 */
-:where(.uk-logo) {
-  display: inline-block;
-  vertical-align: middle;
+.uk-box-shadow-hover-small:hover {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
 }
-/* Hover */
-.uk-logo:hover {
-  color: #333;
-  /* 1 */
-  text-decoration: none;
+.uk-box-shadow-hover-medium:hover {
+  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
 }
-.uk-logo :where(img, svg, video) {
-  display: block;
+.uk-box-shadow-hover-large:hover {
+  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
 }
-.uk-logo-inverse {
-  display: none;
+.uk-box-shadow-hover-xlarge:hover {
+  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
 }
 /* Disabled State
  ========================================================================== */
@@ -8862,19 +8952,19 @@ iframe[data-uk-cover] {
   margin-bottom: 20px;
 }
 * + .uk-margin {
-  margin-top: 20px !important;
+  margin-top: 20px;
 }
 .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;
+  margin-right: 20px;
 }
 /* XSmall
  ========================================================================== */
@@ -8882,19 +8972,19 @@ iframe[data-uk-cover] {
   margin-bottom: 5px;
 }
 * + .uk-margin-xsmall {
-  margin-top: 5px !important;
+  margin-top: 5px;
 }
 .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;
+  margin-right: 5px;
 }
 /* Small
  ========================================================================== */
@@ -8902,19 +8992,19 @@ iframe[data-uk-cover] {
   margin-bottom: 10px;
 }
 * + .uk-margin-small {
-  margin-top: 10px !important;
+  margin-top: 10px;
 }
 .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;
+  margin-right: 10px;
 }
 /* Medium
  ========================================================================== */
@@ -8922,19 +9012,19 @@ iframe[data-uk-cover] {
   margin-bottom: 40px;
 }
 * + .uk-margin-medium {
-  margin-top: 40px !important;
+  margin-top: 40px;
 }
 .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;
+  margin-right: 40px;
 }
 /* Large
  ========================================================================== */
@@ -8942,19 +9032,19 @@ iframe[data-uk-cover] {
   margin-bottom: 40px;
 }
 * + .uk-margin-large {
-  margin-top: 40px !important;
+  margin-top: 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;
+  margin-right: 40px;
 }
 /* Desktop and bigger */
 @media (min-width: 1200px) {
@@ -8962,19 +9052,19 @@ iframe[data-uk-cover] {
     margin-bottom: 70px;
   }
   * + .uk-margin-large {
-    margin-top: 70px !important;
+    margin-top: 70px;
   }
   .uk-margin-large-top {
-    margin-top: 70px !important;
+    margin-top: 70px;
   }
   .uk-margin-large-bottom {
-    margin-bottom: 70px !important;
+    margin-bottom: 70px;
   }
   .uk-margin-large-left {
-    margin-left: 70px !important;
+    margin-left: 70px;
   }
   .uk-margin-large-right {
-    margin-right: 70px !important;
+    margin-right: 70px;
   }
 }
 /* XLarge
@@ -8983,19 +9073,19 @@ iframe[data-uk-cover] {
   margin-bottom: 70px;
 }
 * + .uk-margin-xlarge {
-  margin-top: 70px !important;
+  margin-top: 70px;
 }
 .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) {
@@ -9003,157 +9093,157 @@ iframe[data-uk-cover] {
     margin-bottom: 140px;
   }
   * + .uk-margin-xlarge {
-    margin-top: 140px !important;
+    margin-top: 140px;
   }
   .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;
+  margin-left: auto;
+  margin-right: 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;
+  margin-right: auto;
 }
 .uk-margin-auto-vertical {
-  margin-top: auto !important;
-  margin-bottom: auto !important;
+  margin-top: auto;
+  margin-bottom: auto;
 }
 /* Phone landscape and bigger */
 @media (min-width: 640px) {
   .uk-margin-auto\@s {
-    margin-left: auto !important;
-    margin-right: auto !important;
+    margin-left: auto;
+    margin-right: auto;
   }
   .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;
+    margin-left: auto;
+    margin-right: auto;
   }
   .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;
+    margin-left: auto;
+    margin-right: auto;
   }
   .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;
+    margin-left: auto;
+    margin-right: auto;
   }
   .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;
+  margin: 0;
 }
 .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;
+  margin-right: 0;
 }
 .uk-margin-remove-vertical {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 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;
   }
 }
 /* ========================================================================
@@ -9187,27 +9277,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 +11148,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 +11701,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 +12637,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 +12780,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
  */