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

package/dist/css/uikit-rtl.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
  ========================================================================== */
@@ -374,7 +374,7 @@ blockquote {
 /*
  * Content
  */
-blockquote p:last-of-type {
+blockquote :where(p:last-of-type) {
   margin-bottom: 0;
 }
 blockquote footer {
@@ -1831,7 +1831,7 @@ select.uk-form-width-xsmall {
 /*
  * Stacked
  */
-.uk-form-stacked .uk-form-label {
+.uk-form-stacked :where(.uk-form-label) {
   display: block;
   margin-bottom: 5px;
 }
@@ -1841,23 +1841,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: 5px;
   }
 }
 /* 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: right;
   }
-  .uk-form-horizontal .uk-form-controls {
+  .uk-form-horizontal :where(.uk-form-controls) {
     margin-right: 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;
   }
 }
@@ -1912,6 +1912,262 @@ select.uk-form-width-xsmall {
 .uk-form-icon-flip ~ .uk-input {
   padding-left: 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;
+  right: 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 {
+  left: 0;
+  right: auto;
+}
+/* Default modifier
+ ========================================================================== */
+.uk-search-default {
+  width: 240px;
+}
+/*
+ * Input
+ */
+.uk-search-default .uk-search-input {
+  height: 40px;
+  padding-right: 10px;
+  padding-left: 10px;
+  background: transparent;
+  border: 1px solid #e5e5e5;
+}
+/* Focus */
+.uk-search-default .uk-search-input:focus {
+  background-color: rgba(0, 0, 0, 0);
+  border-color: #1e87f0;
+}
+/*
+ * Icon
+ */
+.uk-search-default .uk-search-icon {
+  padding-right: 10px;
+  padding-left: 10px;
+}
+.uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
+  padding-right: 40px;
+}
+.uk-search-default:has(.uk-search-icon-flip) .uk-search-input {
+  padding-left: 40px;
+}
+/* Navbar modifier
+ ========================================================================== */
+.uk-search-navbar {
+  width: 240px;
+}
+/*
+ * Input
+ */
+.uk-search-navbar .uk-search-input {
+  height: 40px;
+  padding-right: 10px;
+  padding-left: 10px;
+  background: #fff;
+  border: 1px solid #e5e5e5;
+}
+/* Focus */
+.uk-search-navbar .uk-search-input:focus {
+  background-color: #fff;
+  border-color: #1e87f0;
+}
+/*
+ * Icon
+ */
+.uk-search-navbar .uk-search-icon {
+  padding-right: 10px;
+  padding-left: 10px;
+}
+.uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
+  padding-right: 40px;
+}
+.uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input {
+  padding-left: 40px;
+}
+/* Medium modifier
+ ========================================================================== */
+.uk-search-medium {
+  width: 400px;
+}
+/*
+ * Input
+ */
+.uk-search-medium .uk-search-input {
+  height: 55px;
+  padding-right: 12px;
+  padding-left: 12px;
+  background: transparent;
+  font-size: 1.5rem;
+  border: 1px solid #e5e5e5;
+}
+/* Focus */
+.uk-search-medium .uk-search-input:focus {
+  background-color: rgba(0, 0, 0, 0);
+  border-color: #1e87f0;
+}
+/*
+ * Icon
+ */
+.uk-search-medium .uk-search-icon {
+  padding-right: 12px;
+  padding-left: 12px;
+}
+.uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
+  padding-right: 48px;
+}
+.uk-search-medium:has(.uk-search-icon-flip) .uk-search-input {
+  padding-left: 48px;
+}
+/* Large modifier
+ ========================================================================== */
+.uk-search-large {
+  width: 500px;
+}
+/*
+ * Input
+ */
+.uk-search-large .uk-search-input {
+  height: 90px;
+  padding-right: 20px;
+  padding-left: 20px;
+  background: transparent;
+  font-size: 2.625rem;
+  border: 1px solid #e5e5e5;
+}
+/* Focus */
+.uk-search-large .uk-search-input:focus {
+  background-color: rgba(0, 0, 0, 0);
+  border-color: #1e87f0;
+}
+/*
+ * Icon
+ */
+.uk-search-large .uk-search-icon {
+  padding-right: 20px;
+  padding-left: 20px;
+}
+.uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
+  padding-right: 80px;
+}
+.uk-search-large:has(.uk-search-icon-flip) .uk-search-input {
+  padding-left: 80px;
+}
+/* Toggle
+ ========================================================================== */
+.uk-search-toggle {
+  color: #999;
+}
+/* Hover */
+.uk-search-toggle:hover {
+  color: #666;
+}
 /* ========================================================================
    Component: Button
  ========================================================================== */
@@ -1971,7 +2227,7 @@ select.uk-form-width-xsmall {
 }
 /* Hover */
 .uk-button:hover {
-  /* 9 */
+  /* 10 */
   text-decoration: none;
 }
 /* OnClick + Active */
@@ -3196,6 +3452,62 @@ select.uk-form-width-xsmall {
   background-color: #f0506e;
   color: #fff;
 }
+/* ========================================================================
+   Component: Dropcap
+ ========================================================================== */
+/*
+ * 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-left: 10px;
+  float: right;
+  font-size: 4.5em;
+  line-height: 1;
+  margin-bottom: -2px;
+}
+/* 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;
+  right: 0;
+  left: 0;
+  z-index: -1;
+  /* 2 */
+  height: 30px;
+  border-radius: 100%;
+  background: #444;
+  filter: blur(20px);
+  /* 3 */
+  will-change: filter;
+}
 /* ========================================================================
    Component: Overlay
  ========================================================================== */
@@ -3287,314 +3599,58 @@ select.uk-form-width-xsmall {
  * 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-right: 30px;
-  list-style: none;
-}
-/* Tablet and bigger */
-@media (min-width: 960px) {
-  .uk-comment-list .uk-comment ~ ul {
-    padding-right: 100px;
-  }
-}
-/* Adjacent siblings */
-.uk-comment-list .uk-comment ~ ul > :nth-child(n+2) {
-  margin-top: 70px;
-}
-/* Style modifier
- ========================================================================== */
-.uk-comment-primary {
-  padding: 30px;
-  background-color: #f8f8f8;
-}
-/* ========================================================================
-   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;
-  right: 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 {
-  left: 0;
-  right: auto;
-}
-/* Default modifier
- ========================================================================== */
-.uk-search-default {
-  width: 240px;
-}
-/*
- * Input
- */
-.uk-search-default .uk-search-input {
-  height: 40px;
-  padding-right: 10px;
-  padding-left: 10px;
-  background: transparent;
-  border: 1px solid #e5e5e5;
-}
-/* Focus */
-.uk-search-default .uk-search-input:focus {
-  background-color: rgba(0, 0, 0, 0);
-  border-color: #1e87f0;
-}
-/*
- * Icon
- */
-.uk-search-default .uk-search-icon {
-  padding-right: 10px;
-  padding-left: 10px;
-}
-.uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
-  padding-right: 40px;
-}
-.uk-search-default:has(.uk-search-icon-flip) .uk-search-input {
-  padding-left: 40px;
-}
-/* Navbar modifier
- ========================================================================== */
-.uk-search-navbar {
-  width: 240px;
-}
-/*
- * Input
- */
-.uk-search-navbar .uk-search-input {
-  height: 40px;
-  padding-right: 10px;
-  padding-left: 10px;
-  background: #fff;
-  border: 1px solid #e5e5e5;
-}
-/* Focus */
-.uk-search-navbar .uk-search-input:focus {
-  background-color: #fff;
-  border-color: #1e87f0;
-}
-/*
- * Icon
- */
-.uk-search-navbar .uk-search-icon {
-  padding-right: 10px;
-  padding-left: 10px;
-}
-.uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
-  padding-right: 40px;
-}
-.uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input {
-  padding-left: 40px;
-}
-/* Medium modifier
- ========================================================================== */
-.uk-search-medium {
-  width: 400px;
-}
-/*
- * Input
- */
-.uk-search-medium .uk-search-input {
-  height: 55px;
-  padding-right: 12px;
-  padding-left: 12px;
-  background: transparent;
-  font-size: 1.5rem;
-  border: 1px solid #e5e5e5;
-}
-/* Focus */
-.uk-search-medium .uk-search-input:focus {
-  background-color: rgba(0, 0, 0, 0);
-  border-color: #1e87f0;
-}
-/*
- * Icon
- */
-.uk-search-medium .uk-search-icon {
-  padding-right: 12px;
-  padding-left: 12px;
-}
-.uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
-  padding-right: 48px;
+.uk-comment-header > :last-child {
+  margin-bottom: 0;
 }
-.uk-search-medium:has(.uk-search-icon-flip) .uk-search-input {
-  padding-left: 48px;
+/* Title
+ ========================================================================== */
+.uk-comment-title {
+  font-size: 1.25rem;
+  line-height: 1.4;
 }
-/* Large modifier
+/* Meta
  ========================================================================== */
-.uk-search-large {
-  width: 500px;
+.uk-comment-meta {
+  font-size: 0.875rem;
+  line-height: 1.4;
+  color: #999;
 }
-/*
- * Input
- */
-.uk-search-large .uk-search-input {
-  height: 90px;
-  padding-right: 20px;
-  padding-left: 20px;
-  background: transparent;
-  font-size: 2.625rem;
-  border: 1px solid #e5e5e5;
+/* Avatar
+ ========================================================================== */
+/* List
+ ========================================================================== */
+.uk-comment-list {
+  padding: 0;
+  list-style: none;
 }
-/* Focus */
-.uk-search-large .uk-search-input:focus {
-  background-color: rgba(0, 0, 0, 0);
-  border-color: #1e87f0;
+/* 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-right: 20px;
-  padding-left: 20px;
+.uk-comment-list .uk-comment ~ ul {
+  margin: 70px 0 0 0;
+  padding-right: 30px;
+  list-style: none;
 }
-.uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
-  padding-right: 80px;
+/* Tablet and bigger */
+@media (min-width: 960px) {
+  .uk-comment-list .uk-comment ~ ul {
+    padding-right: 100px;
+  }
 }
-.uk-search-large:has(.uk-search-icon-flip) .uk-search-input {
-  padding-left: 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;
+.uk-comment-primary {
+  padding: 30px;
+  background-color: #f8f8f8;
 }
 /* ========================================================================
    Component: Accordion
@@ -4148,6 +4204,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
  ========================================================================== */
@@ -4850,36 +4996,38 @@ select.uk-form-width-xsmall {
 .uk-grid > * > :last-child {
   margin-bottom: 0;
 }
-/* Gutter
+/* Gap
  ========================================================================== */
 /*
  * Default
  */
-/* Horizontal */
 .uk-grid {
   margin-right: -30px;
 }
 .uk-grid > * {
   padding-right: 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-right: -40px;
   }
   .uk-grid > * {
     padding-right: 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;
   }
@@ -4887,7 +5035,6 @@ select.uk-form-width-xsmall {
 /*
  * Small
  */
-/* Horizontal */
 .uk-grid-small,
 .uk-grid-column-small {
   margin-right: -15px;
@@ -4896,18 +5043,18 @@ select.uk-form-width-xsmall {
 .uk-grid-column-small > * {
   padding-right: 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-right: -30px;
@@ -4916,18 +5063,18 @@ select.uk-form-width-xsmall {
 .uk-grid-column-medium > * {
   padding-right: 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-right: -40px;
@@ -4936,17 +5083,17 @@ select.uk-form-width-xsmall {
 .uk-grid-column-large > * {
   padding-right: 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-right: -70px;
@@ -4955,11 +5102,12 @@ select.uk-form-width-xsmall {
   .uk-grid-column-large > * {
     padding-right: 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;
   }
@@ -4967,7 +5115,6 @@ select.uk-form-width-xsmall {
 /*
  * Collapse
  */
-/* Horizontal */
 .uk-grid-collapse,
 .uk-grid-column-collapse {
   margin-right: 0;
@@ -4976,11 +5123,12 @@ select.uk-form-width-xsmall {
 .uk-grid-column-collapse > * {
   padding-right: 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
@@ -4988,6 +5136,7 @@ select.uk-form-width-xsmall {
 .uk-grid-divider > * {
   position: relative;
 }
+/* Horizontal */
 .uk-grid-divider > :not(.uk-first-column)::before {
   content: "";
   position: absolute;
@@ -4996,7 +5145,7 @@ select.uk-form-width-xsmall {
   border-right: 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;
   right: 0;
@@ -5017,10 +5166,10 @@ select.uk-form-width-xsmall {
   right: 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;
   right: 60px;
 }
@@ -5037,10 +5186,10 @@ select.uk-form-width-xsmall {
     right: 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;
     right: 80px;
   }
@@ -5062,18 +5211,17 @@ select.uk-form-width-xsmall {
   right: 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;
   right: 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 {
   right: 30px;
 }
 /*
@@ -5093,18 +5241,17 @@ select.uk-form-width-xsmall {
   right: 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;
   right: 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 {
   right: 60px;
 }
 /*
@@ -5124,18 +5271,17 @@ select.uk-form-width-xsmall {
   right: 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;
   right: 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 {
   right: 80px;
 }
 /* Desktop and bigger */
@@ -5154,18 +5300,17 @@ select.uk-form-width-xsmall {
     right: 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;
     right: 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 {
     right: 140px;
   }
 }
@@ -5214,7 +5359,7 @@ select.uk-form-width-xsmall {
   align-items: center;
   /* 2 */
   column-gap: 0.25em;
-  /* 3*/
+  /* 3 */
   text-decoration: none;
 }
 /*
@@ -6684,6 +6829,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
  ========================================================================== */
@@ -8669,111 +8847,23 @@ iframe[data-uk-cover] {
 .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;
-    right: 0;
-    left: 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-left: 10px;
-  float: right;
-  font-size: 4.5em;
-  line-height: 1;
-  margin-bottom: -2px;
-}
-/* 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
+/*
+ * 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
  ========================================================================== */
@@ -9276,19 +9366,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-right {
-  margin-right: 20px !important;
+  margin-right: 20px;
 }
 .uk-margin-left {
-  margin-left: 20px !important;
+  margin-left: 20px;
 }
 /* XSmall
  ========================================================================== */
@@ -9296,19 +9386,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-right {
-  margin-right: 5px !important;
+  margin-right: 5px;
 }
 .uk-margin-xsmall-left {
-  margin-left: 5px !important;
+  margin-left: 5px;
 }
 /* Small
  ========================================================================== */
@@ -9316,19 +9406,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-right {
-  margin-right: 10px !important;
+  margin-right: 10px;
 }
 .uk-margin-small-left {
-  margin-left: 10px !important;
+  margin-left: 10px;
 }
 /* Medium
  ========================================================================== */
@@ -9336,19 +9426,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-right {
-  margin-right: 40px !important;
+  margin-right: 40px;
 }
 .uk-margin-medium-left {
-  margin-left: 40px !important;
+  margin-left: 40px;
 }
 /* Large
  ========================================================================== */
@@ -9356,19 +9446,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-right {
-  margin-right: 40px !important;
+  margin-right: 40px;
 }
 .uk-margin-large-left {
-  margin-left: 40px !important;
+  margin-left: 40px;
 }
 /* Desktop and bigger */
 @media (min-width: 1200px) {
@@ -9376,19 +9466,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-right {
-    margin-right: 70px !important;
+    margin-right: 70px;
   }
   .uk-margin-large-left {
-    margin-left: 70px !important;
+    margin-left: 70px;
   }
 }
 /* XLarge
@@ -9397,19 +9487,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-right {
-  margin-right: 70px !important;
+  margin-right: 70px;
 }
 .uk-margin-xlarge-left {
-  margin-left: 70px !important;
+  margin-left: 70px;
 }
 /* Desktop and bigger */
 @media (min-width: 1200px) {
@@ -9417,157 +9507,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-right {
-    margin-right: 140px !important;
+    margin-right: 140px;
   }
   .uk-margin-xlarge-left {
-    margin-left: 140px !important;
+    margin-left: 140px;
   }
 }
 /* Auto
  ========================================================================== */
 .uk-margin-auto {
-  margin-right: auto !important;
-  margin-left: auto !important;
+  margin-right: auto;
+  margin-left: 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-right {
-  margin-right: auto !important;
+  margin-right: auto;
 }
 .uk-margin-auto-left {
-  margin-left: auto !important;
+  margin-left: 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-right: auto !important;
-    margin-left: auto !important;
+    margin-right: auto;
+    margin-left: auto;
   }
   .uk-margin-auto-right\@s {
-    margin-right: auto !important;
+    margin-right: auto;
   }
   .uk-margin-auto-left\@s {
-    margin-left: auto !important;
+    margin-left: auto;
   }
 }
 /* Tablet landscape and bigger */
 @media (min-width: 960px) {
   .uk-margin-auto\@m {
-    margin-right: auto !important;
-    margin-left: auto !important;
+    margin-right: auto;
+    margin-left: auto;
   }
   .uk-margin-auto-right\@m {
-    margin-right: auto !important;
+    margin-right: auto;
   }
   .uk-margin-auto-left\@m {
-    margin-left: auto !important;
+    margin-left: auto;
   }
 }
 /* Desktop and bigger */
 @media (min-width: 1200px) {
   .uk-margin-auto\@l {
-    margin-right: auto !important;
-    margin-left: auto !important;
+    margin-right: auto;
+    margin-left: auto;
   }
   .uk-margin-auto-right\@l {
-    margin-right: auto !important;
+    margin-right: auto;
   }
   .uk-margin-auto-left\@l {
-    margin-left: auto !important;
+    margin-left: auto;
   }
 }
 /* Large screen and bigger */
 @media (min-width: 1600px) {
   .uk-margin-auto\@xl {
-    margin-right: auto !important;
-    margin-left: auto !important;
+    margin-right: auto;
+    margin-left: auto;
   }
   .uk-margin-auto-right\@xl {
-    margin-right: auto !important;
+    margin-right: auto;
   }
   .uk-margin-auto-left\@xl {
-    margin-left: auto !important;
+    margin-left: 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-right {
-  margin-right: 0 !important;
+  margin-right: 0;
 }
 .uk-margin-remove-left {
-  margin-left: 0 !important;
+  margin-left: 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-right\@s {
-    margin-right: 0 !important;
+    margin-right: 0;
   }
   .uk-margin-remove-left\@s {
-    margin-left: 0 !important;
+    margin-left: 0;
   }
 }
 /* Tablet landscape and bigger */
 @media (min-width: 960px) {
   .uk-margin-remove-right\@m {
-    margin-right: 0 !important;
+    margin-right: 0;
   }
   .uk-margin-remove-left\@m {
-    margin-left: 0 !important;
+    margin-left: 0;
   }
 }
 /* Desktop and bigger */
 @media (min-width: 1200px) {
   .uk-margin-remove-right\@l {
-    margin-right: 0 !important;
+    margin-right: 0;
   }
   .uk-margin-remove-left\@l {
-    margin-left: 0 !important;
+    margin-left: 0;
   }
 }
 /* Large screen and bigger */
 @media (min-width: 1600px) {
   .uk-margin-remove-right\@xl {
-    margin-right: 0 !important;
+    margin-right: 0;
   }
   .uk-margin-remove-left\@xl {
-    margin-left: 0 !important;
+    margin-left: 0;
   }
 }
 /* ========================================================================
@@ -9601,27 +9691,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-right {
-  padding-right: 0 !important;
+  padding-right: 0;
 }
 .uk-padding-remove-left {
-  padding-left: 0 !important;
+  padding-left: 0;
 }
 .uk-padding-remove-vertical {
-  padding-top: 0 !important;
-  padding-bottom: 0 !important;
+  padding-top: 0;
+  padding-bottom: 0;
 }
 .uk-padding-remove-horizontal {
-  padding-right: 0 !important;
-  padding-left: 0 !important;
+  padding-right: 0;
+  padding-left: 0;
 }
 /* ========================================================================
    Component: Position
@@ -11535,6 +11625,192 @@ 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: transparent;
+  border-color: rgba(255, 255, 255, 0.2);
+}
+.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(0, 0, 0, 0.05);
+}
+.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: transparent;
+  border-color: rgba(255, 255, 255, 0.2);
+}
+.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(0, 0, 0, 0.05);
+}
+.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: transparent;
+  border-color: rgba(255, 255, 255, 0.2);
+}
+.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(0, 0, 0, 0.05);
+}
+.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: transparent;
+  border-color: rgba(255, 255, 255, 0.2);
+}
+.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(0, 0, 0, 0.05);
+}
+.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,
@@ -11922,192 +12198,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: transparent;
-  border-color: rgba(255, 255, 255, 0.2);
-}
-.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(0, 0, 0, 0.05);
-}
-.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: transparent;
-  border-color: rgba(255, 255, 255, 0.2);
-}
-.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(0, 0, 0, 0.05);
-}
-.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: transparent;
-  border-color: rgba(255, 255, 255, 0.2);
-}
-.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(0, 0, 0, 0.05);
-}
-.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: transparent;
-  border-color: rgba(255, 255, 255, 0.2);
-}
-.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(0, 0, 0, 0.05);
-}
-.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,
@@ -13090,6 +13180,58 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
   background-color: rgba(255, 255, 255, 0.9);
   border-color: transparent;
 }
+.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,
@@ -13181,58 +13323,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;
-}
 .uk-light .uk-table-striped > tr:nth-of-type(even):last-child,
 .uk-light .uk-table-striped tbody tr:nth-of-type(even):last-child,
 .uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child,