uikit-reset 1.1.3 → 3.2.0

data/vendor/assets/stylesheets/uikit-reset.scss

@@ -1,4 +1,4 @@
-/*! UIkit 3.0.0 | http://www.getuikit.com | (c) 2014 - 2018 YOOtheme | MIT License */
+/*! UIkit 3.2.0 | http://www.getuikit.com | (c) 2014 - 2019 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -30,13 +30,6 @@ body {
 
 /* Links
  ========================================================================== */
-/*
- * Remove gaps in links underline in iOS 8+ and Safari 8+.
- */
-a {
-  -webkit-text-decoration-skip: objects;
-}
-
 /*
  * Remove the outline on focused links when they are also active or hovered
  */
@@ -56,7 +49,9 @@ a,
 }
 
 a:hover,
-.uk-link:hover {
+.uk-link:hover,
+.uk-link-toggle:hover .uk-link,
+.uk-link-toggle:focus .uk-link {
   color: #0f6ecd;
   text-decoration: underline;
 }
@@ -64,13 +59,12 @@ a:hover,
 /* Text-level semantics
  ========================================================================== */
 /*
- * 1. Add an underline text decoration in Safari, Edge and IE.
- * 2. Add `dotted` style in Safari.
- * Note: The shorthand declaration `underline dotted` is not supported in Safari, Edge and IE.
+ * 1. Add the correct text decoration in Edge.
+ * 2. The shorthand declaration `underline dotted` is not supported in Safari.
  */
 abbr[title] {
   /* 1 */
-  text-decoration: underline;
+  text-decoration: underline dotted;
   /* 2 */
   -webkit-text-decoration-style: dotted;
 }
@@ -207,10 +201,14 @@ svg:not(:root) {
 }
 
 /*
- * Hide `alt` text for lazy load images
- * Selector for background while loading img[data-src*='.jpg'][src*='data:image'] { background: grey; }
+ * 1. Fix lazy loading images if parent element is set to `display: inline` and has `overflow: hidden`.
+ * 2. Hide `alt` text for lazy loading images.
+ * Note: Selector for background while loading img[data-src*='.jpg'][src*='data:image'] { background: grey; }
  */
 img:not([src]) {
+  /* 1 */
+  min-width: 1px;
+  /* 2 */
   visibility: hidden;
 }
 
@@ -263,7 +261,12 @@ h4,
 h5,
 .uk-h5,
 h6,
-.uk-h6 {
+.uk-h6,
+.uk-heading-small,
+.uk-heading-medium,
+.uk-heading-large,
+.uk-heading-xlarge,
+.uk-heading-2xlarge {
   margin: 0 0 20px 0;
   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";
   font-weight: normal;
@@ -283,7 +286,12 @@ h6,
 *+h5,
 *+.uk-h5,
 *+h6,
-*+.uk-h6 {
+*+.uk-h6,
+*+.uk-heading-small,
+*+.uk-heading-medium,
+*+.uk-heading-large,
+*+.uk-heading-xlarge,
+*+.uk-heading-2xlarge {
   margin-top: 40px;
 }
 
@@ -370,21 +378,17 @@ dd {
 /* Horizontal rules
  ========================================================================== */
 /*
- * 1. Add the correct box sizing and height in Firefox.
- * 2. Show the overflow in Edge and IE.
- * 3. Add the correct text-align in Edge and IE.
- * 4. Style
+ * 1. Show the overflow in Chrome, Edge and IE.
+ * 2. Add the correct text-align in Edge and IE.
+ * 3. Style
  */
 hr,
 .uk-hr {
   /* 1 */
-  box-sizing: content-box;
-  height: 0;
-  /* 2 */
   overflow: visible;
-  /* 3 */
+  /* 2 */
   text-align: inherit;
-  /* 4 */
+  /* 3 */
   margin: 0 0 20px 0;
   border: 0;
   border-top: 1px solid #e5e5e5;
@@ -530,31 +534,37 @@ a.uk-link-muted,
 }
 
 a.uk-link-muted:hover,
-.uk-link-muted a:hover {
+.uk-link-muted a:hover,
+.uk-link-toggle:hover .uk-link-muted,
+.uk-link-toggle:focus .uk-link-muted {
   color: #666;
 }
 
 /* Text
  ========================================================================== */
-a.uk-link-text:not(:hover),
-.uk-link-text a:not(:hover) {
+a.uk-link-text,
+.uk-link-text a {
   color: inherit;
 }
 
 a.uk-link-text:hover,
-.uk-link-text a:hover {
+.uk-link-text a:hover,
+.uk-link-toggle:hover .uk-link-text,
+.uk-link-toggle:focus .uk-link-text {
   color: #999;
 }
 
 /* Heading
  ========================================================================== */
-a.uk-link-heading:not(:hover),
-.uk-link-heading a:not(:hover) {
+a.uk-link-heading,
+.uk-link-heading a {
   color: inherit;
 }
 
 a.uk-link-heading:hover,
-.uk-link-heading a:hover {
+.uk-link-heading a:hover,
+.uk-link-toggle:hover .uk-link-heading,
+.uk-link-toggle:focus .uk-link-heading {
   color: #1e87f0;
   text-decoration: none;
 }
@@ -565,66 +575,107 @@ a.uk-link-heading:hover,
  * `!important` needed to override inverse component
  */
 a.uk-link-reset,
-a.uk-link-reset:hover,
-.uk-link-reset a,
-.uk-link-reset a:hover {
+.uk-link-reset a {
   color: inherit !important;
   text-decoration: none !important;
 }
 
+/* Toggle
+ ========================================================================== */
+.uk-link-toggle {
+  color: inherit !important;
+  text-decoration: none !important;
+}
+
+.uk-link-toggle:focus {
+  outline: none;
+}
+
 /* ========================================================================
    Component: Heading
  ========================================================================== */
-/* Primary
- ========================================================================== */
-.uk-heading-primary {
-  font-size: 3rem;
+.uk-heading-small {
+  font-size: 2.6rem;
   line-height: 1.2;
 }
 
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-heading-primary {
-    font-size: 3.375rem;
-  }
+.uk-heading-medium {
+  font-size: 2.8875rem;
+  line-height: 1.1;
 }
 
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  .uk-heading-primary {
-    font-size: 3.75rem;
-    line-height: 1.1;
-  }
+.uk-heading-large {
+  font-size: 3.4rem;
+  line-height: 1.1;
 }
 
-/* Hero
- ========================================================================== */
-.uk-heading-hero {
+.uk-heading-xlarge {
   font-size: 4rem;
-  line-height: 1.1;
+  line-height: 1;
 }
 
-/* Tablet landscape and bigger */
+.uk-heading-2xlarge {
+  font-size: 6rem;
+  line-height: 1;
+}
+
+/* Tablet Landscape and bigger */
 @media (min-width: 960px) {
-  .uk-heading-hero {
+  .uk-heading-small {
+    font-size: 3.25rem;
+  }
+
+  .uk-heading-medium {
+    font-size: 3.5rem;
+  }
+
+  .uk-heading-large {
+    font-size: 4rem;
+  }
+
+  .uk-heading-xlarge {
     font-size: 6rem;
-    line-height: 1;
+  }
+
+  .uk-heading-2xlarge {
+    font-size: 8rem;
   }
 }
 
-/* Desktop and bigger */
+/* Laptop and bigger */
 @media (min-width: 1200px) {
-  .uk-heading-hero {
+  .uk-heading-medium {
+    font-size: 4rem;
+  }
+
+  .uk-heading-large {
+    font-size: 6rem;
+  }
+
+  .uk-heading-xlarge {
     font-size: 8rem;
-    line-height: 1;
+  }
+
+  .uk-heading-2xlarge {
+    font-size: 11rem;
   }
 }
 
+/* Primary
+   Deprecated: Use `uk-heading-medium` instead
+ ========================================================================== */
+/* Tablet landscape and bigger */
+/* Desktop and bigger */
+/* Hero
+   Deprecated: Use `uk-heading-xlarge` instead
+ ========================================================================== */
+/* Tablet landscape and bigger */
+/* Desktop and bigger */
 /* Divider
  ========================================================================== */
 .uk-heading-divider {
-  padding-bottom: 10px;
-  border-bottom: 1px solid #e5e5e5;
+  padding-bottom: calc(5px + 0.1em);
+  border-bottom: calc(0.2px + 0.05em) solid #e5e5e5;
 }
 
 /* Bullet
@@ -647,9 +698,9 @@ a.uk-link-reset:hover,
   top: calc(-0.1 * 1em);
   vertical-align: middle;
   /* 3 */
-  height: 0.9em;
-  margin-right: 10px;
-  border-left: 5px solid #e5e5e5;
+  height: calc(4px + 0.7em);
+  margin-right: calc(5px + 0.2em);
+  border-left: calc(5px + 0.1em) solid #e5e5e5;
 }
 
 /* Line
@@ -679,21 +730,21 @@ a.uk-link-reset:hover,
   content: "";
   /* 1 */
   position: absolute;
-  top: calc(50% - (1px / 2));
+  top: calc(50% - ((0.2px + 0.05em) / 2));
   /* 2 */
   width: 2000px;
   /* 3 */
-  border-bottom: 1px solid #e5e5e5;
+  border-bottom: calc(0.2px + 0.05em) solid #e5e5e5;
 }
 
 .uk-heading-line> ::before {
   right: 100%;
-  margin-right: 0.6em;
+  margin-right: calc(5px + 0.3em);
 }
 
 .uk-heading-line> ::after {
   left: 100%;
-  margin-left: 0.6em;
+  margin-left: calc(5px + 0.3em);
 }
 
 /* ========================================================================
@@ -747,13 +798,15 @@ a.uk-link-reset:hover,
 /* Small
  ========================================================================== */
 /*
- * Fix height of `hr` element not being expanded by child border width.
- * `height` also needed to reset the child `line-height` caused by `inline-block`
+ * 1. Fix height because of `inline-block`
+ * 2. Using ::after and inline-block to make `text-align` work
  */
+/* 1 */
 .uk-divider-small {
-  height: 1px;
+  line-height: 0;
 }
 
+/* 2 */
 .uk-divider-small::after {
   content: "";
   display: inline-block;
@@ -1781,6 +1834,27 @@ select.uk-form-width-xsmall {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
 }
 
+/* Datalist
+ ========================================================================== */
+/*
+ * 1. Remove default style in Chrome
+ */
+.uk-input[list] {
+  padding-right: 20px;
+  background-repeat: no-repeat;
+  background-position: 100% 50%;
+}
+
+.uk-input[list]:hover,
+.uk-input[list]:focus {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
+}
+
+/* 1 */
+.uk-input[list]::-webkit-calendar-picker-indicator {
+  display: none;
+}
+
 /* Radio and checkbox
  * Note: Does not work in IE11
  ========================================================================== */
@@ -2750,17 +2824,21 @@ select.uk-form-width-xsmall {
  * Small
  */
 /* Horizontal */
-.uk-grid-small {
+.uk-grid-small,
+.uk-grid-column-small {
   margin-left: -15px;
 }
 
-.uk-grid-small>* {
+.uk-grid-small>*,
+.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-margin-small {
   margin-top: 15px;
 }
@@ -2769,17 +2847,21 @@ select.uk-form-width-xsmall {
  * Medium
  */
 /* Horizontal */
-.uk-grid-medium {
+.uk-grid-medium,
+.uk-grid-column-medium {
   margin-left: -30px;
 }
 
-.uk-grid-medium>* {
+.uk-grid-medium>*,
+.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-margin-medium {
   margin-top: 30px;
 }
@@ -2788,17 +2870,21 @@ select.uk-form-width-xsmall {
  * Large
  */
 /* Horizontal */
-.uk-grid-large {
+.uk-grid-large,
+.uk-grid-column-large {
   margin-left: -40px;
 }
 
-.uk-grid-large>* {
+.uk-grid-large>*,
+.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-margin-large {
   margin-top: 40px;
 }
@@ -2807,17 +2893,21 @@ select.uk-form-width-xsmall {
 @media (min-width: 1200px) {
 
   /* Horizontal */
-  .uk-grid-large {
+  .uk-grid-large,
+  .uk-grid-column-large {
     margin-left: -70px;
   }
 
-  .uk-grid-large>* {
+  .uk-grid-large>*,
+  .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-margin-large {
     margin-top: 70px;
   }
@@ -2827,17 +2917,21 @@ select.uk-form-width-xsmall {
  * Collapse
  */
 /* Horizontal */
-.uk-grid-collapse {
+.uk-grid-collapse,
+.uk-grid-column-collapse {
   margin-left: 0;
 }
 
-.uk-grid-collapse>* {
+.uk-grid-collapse>*,
+.uk-grid-column-collapse>* {
   padding-left: 0;
 }
 
 /* Vertical */
 .uk-grid+.uk-grid-collapse,
-.uk-grid-collapse>.uk-grid-margin {
+.uk-grid+.uk-grid-row-collapse,
+.uk-grid-collapse>.uk-grid-margin,
+.uk-grid-row-collapse>.uk-grid-margin {
   margin-top: 0;
 }
 
@@ -2921,20 +3015,24 @@ select.uk-form-width-xsmall {
  * Small
  */
 /* Horizontal */
-.uk-grid-divider.uk-grid-small {
+.uk-grid-divider.uk-grid-small,
+.uk-grid-divider.uk-grid-column-small {
   margin-left: -30px;
 }
 
-.uk-grid-divider.uk-grid-small>* {
+.uk-grid-divider.uk-grid-small>*,
+.uk-grid-divider.uk-grid-column-small>* {
   padding-left: 30px;
 }
 
-.uk-grid-divider.uk-grid-small> :not(.uk-first-column)::before {
+.uk-grid-divider.uk-grid-small> :not(.uk-first-column)::before,
+.uk-grid-divider.uk-grid-column-small> :not(.uk-first-column)::before {
   left: 15px;
 }
 
 /* Vertical */
-.uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin {
+.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;
 }
 
@@ -2943,24 +3041,36 @@ select.uk-form-width-xsmall {
   left: 30px;
 }
 
+.uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin::before {
+  top: -15px;
+}
+
+.uk-grid-divider.uk-grid-column-small.uk-grid-stack>.uk-grid-margin::before {
+  left: 30px;
+}
+
 /*
  * Medium
  */
 /* Horizontal */
-.uk-grid-divider.uk-grid-medium {
+.uk-grid-divider.uk-grid-medium,
+.uk-grid-divider.uk-grid-column-medium {
   margin-left: -60px;
 }
 
-.uk-grid-divider.uk-grid-medium>* {
+.uk-grid-divider.uk-grid-medium>*,
+.uk-grid-divider.uk-grid-column-medium>* {
   padding-left: 60px;
 }
 
-.uk-grid-divider.uk-grid-medium> :not(.uk-first-column)::before {
+.uk-grid-divider.uk-grid-medium> :not(.uk-first-column)::before,
+.uk-grid-divider.uk-grid-column-medium> :not(.uk-first-column)::before {
   left: 30px;
 }
 
 /* Vertical */
-.uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin {
+.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;
 }
 
@@ -2969,24 +3079,36 @@ select.uk-form-width-xsmall {
   left: 60px;
 }
 
+.uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin::before {
+  top: -30px;
+}
+
+.uk-grid-divider.uk-grid-column-medium.uk-grid-stack>.uk-grid-margin::before {
+  left: 60px;
+}
+
 /*
  * Large
  */
 /* Horizontal */
-.uk-grid-divider.uk-grid-large {
+.uk-grid-divider.uk-grid-large,
+.uk-grid-divider.uk-grid-column-large {
   margin-left: -80px;
 }
 
-.uk-grid-divider.uk-grid-large>* {
+.uk-grid-divider.uk-grid-large>*,
+.uk-grid-divider.uk-grid-column-large>* {
   padding-left: 80px;
 }
 
-.uk-grid-divider.uk-grid-large> :not(.uk-first-column)::before {
+.uk-grid-divider.uk-grid-large> :not(.uk-first-column)::before,
+.uk-grid-divider.uk-grid-column-large> :not(.uk-first-column)::before {
   left: 40px;
 }
 
 /* Vertical */
-.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin {
+.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;
 }
 
@@ -2995,24 +3117,36 @@ select.uk-form-width-xsmall {
   left: 80px;
 }
 
+.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before {
+  top: -40px;
+}
+
+.uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before {
+  left: 80px;
+}
+
 /* Desktop and bigger */
 @media (min-width: 1200px) {
 
   /* Horizontal */
-  .uk-grid-divider.uk-grid-large {
+  .uk-grid-divider.uk-grid-large,
+  .uk-grid-divider.uk-grid-column-large {
     margin-left: -140px;
   }
 
-  .uk-grid-divider.uk-grid-large>* {
+  .uk-grid-divider.uk-grid-large>*,
+  .uk-grid-divider.uk-grid-column-large>* {
     padding-left: 140px;
   }
 
-  .uk-grid-divider.uk-grid-large> :not(.uk-first-column)::before {
+  .uk-grid-divider.uk-grid-large> :not(.uk-first-column)::before,
+  .uk-grid-divider.uk-grid-column-large> :not(.uk-first-column)::before {
     left: 70px;
   }
 
   /* Vertical */
-  .uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin {
+  .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;
   }
 
@@ -3020,6 +3154,14 @@ select.uk-form-width-xsmall {
     top: -70px;
     left: 140px;
   }
+
+  .uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before {
+    top: -70px;
+  }
+
+  .uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before {
+    left: 140px;
+  }
 }
 
 /* Match child of a grid cell
@@ -4466,9 +4608,9 @@ ul.uk-nav-sub {
 /*
  * Horizontal alignment
  * 1. Create position context for centered navbar with sub groups (left/right)
- * 2. Needed for dropdowns because a new position context is created
+ * 2. Fix text wrapping if content is larger than 50% of the container.
+ * 3. Needed for dropdowns because a new position context is created
  *    `z-index` must be smaller than off-canvas
- * 3. Fix text wrapping if the centered section is larger than 50% of the navbar
  * 4. Align sub groups for centered navbar
  */
 .uk-navbar-right {
@@ -4488,16 +4630,12 @@ ul.uk-nav-sub {
   left: 50%;
   transform: translate(-50%, -50%);
   /* 2 */
+  width: max-content;
+  box-sizing: border-box;
+  /* 3 */
   z-index: 990;
 }
 
-/* 3 */
-.uk-navbar-center:not(:only-child) .uk-navbar-nav>li>a,
-.uk-navbar-center:not(:only-child) .uk-navbar-item,
-.uk-navbar-center:not(:only-child) .uk-navbar-toggle {
-  white-space: nowrap;
-}
-
 /* 4 */
 .uk-navbar-center-left,
 .uk-navbar-center-right {
@@ -4513,10 +4651,9 @@ ul.uk-nav-sub {
   left: 100%;
 }
 
-[class*='uk-navbar-center-'] .uk-navbar-nav>li>a,
-[class*='uk-navbar-center-'] .uk-navbar-item,
-[class*='uk-navbar-center-'] .uk-navbar-toggle {
-  white-space: nowrap;
+[class*='uk-navbar-center-'] {
+  width: max-content;
+  box-sizing: border-box;
 }
 
 /* Nav
@@ -5979,6 +6116,7 @@ ul.uk-nav-sub {
  * 5. Responsiveness
  *    Using `vh` for `max-height` to fix image proportions after resize in Safari and Opera
  *    Using `vh` and `vw` to make responsive image work in IE11
+ * 6. Suppress outline on focus
  */
 .uk-lightbox-items>* {
   /* 1 */
@@ -6003,6 +6141,11 @@ ul.uk-nav-sub {
   max-height: 100vh;
 }
 
+/* 6 */
+.uk-lightbox-items> :focus {
+  outline: none;
+}
+
 .uk-lightbox-items>*> :not(iframe) {
   width: auto;
   height: auto;
@@ -6112,6 +6255,7 @@ ul.uk-nav-sub {
  * 3. Clip child elements, e.g. for `uk-cover`
  * 4. Optimize animation
  * 5. Disable horizontal panning gestures in IE11 and Edge
+ * 6. Suppress outline on focus
  */
 .uk-slideshow-items>* {
   /* 1 */
@@ -6129,6 +6273,11 @@ ul.uk-nav-sub {
   touch-action: pan-y;
 }
 
+/* 6 */
+.uk-slideshow-items> :focus {
+  outline: none;
+}
+
 /*
  * Hide not active items
  */
@@ -6194,6 +6343,7 @@ ul.uk-nav-sub {
  * 1. Let items take content dimensions (0 0 auto)
  * 2. Create position context
  * 3. Disable horizontal panning gestures in IE11 and Edge
+ * 4. Suppress outline on focus
  */
 .uk-slider-items>* {
   /* 1 */
@@ -6204,6 +6354,11 @@ ul.uk-nav-sub {
   touch-action: pan-y;
 }
 
+/* 4 */
+.uk-slider-items> :focus {
+  outline: none;
+}
+
 /* ========================================================================
    Component: Sticky
  ========================================================================== */
@@ -6539,7 +6694,7 @@ ul.uk-nav-sub {
 }
 
 :root {
-  --uk-leader-fill-content: .;
+  --uk-leader-fill-content: '.';
 }
 
 /* ========================================================================
@@ -6911,6 +7066,7 @@ ul.uk-nav-sub {
  ========================================================================== */
 .uk-sortable-placeholder {
   opacity: 0;
+  pointer-events: none;
 }
 
 /* Empty modifier
@@ -6937,7 +7093,7 @@ ul.uk-nav-sub {
 .uk-countdown-number,
 .uk-countdown-separator {
   /* 1 */
-  line-height: 70px;
+  line-height: 0.8;
 }
 
 /* Number
@@ -6991,37 +7147,6 @@ ul.uk-nav-sub {
   animation-fill-mode: both;
 }
 
-/* Direction modifier
- ========================================================================== */
-.uk-animation-reverse {
-  animation-direction: reverse;
-  animation-timing-function: ease-in;
-}
-
-/* Toggle (Hover + Focus)
-========================================================================== */
-/*
- * The toggle is triggered on touch devices using `:focus` and tabindex
- */
-.uk-animation-toggle:not(:hover):not(:focus) [class*='uk-animation-'] {
-  animation-name: none;
-}
-
-/*
- * 1. Prevent tab highlighting on iOS.
- */
-.uk-animation-toggle {
-  /* 1 */
-  -webkit-tap-highlight-color: transparent;
-}
-
-/*
- * Remove outline for `tabindex`
- */
-.uk-animation-toggle:focus {
-  outline: none;
-}
-
 /* Animations
  ========================================================================== */
 /*
@@ -7116,12 +7241,56 @@ ul.uk-nav-sub {
   animation-name: uk-shake;
 }
 
+/*
+ * SVG Stroke
+ * The `--uk-animation-stroke` custom property contains the longest path length.
+ * Set it manually or use `uk-svg="stroke-animation: true"` to set it automatically.
+ * All strokes are animated by the same pace and doesn't end simultaneously.
+ * To end simultaneously, `pathLength="1"` could be used, but it's not working in Safari yet.
+ */
+.uk-animation-stroke {
+  animation-name: uk-stroke;
+  stroke-dasharray: var(--uk-animation-stroke);
+  animation-duration: 2s;
+}
+
+/* Direction modifier
+ ========================================================================== */
+.uk-animation-reverse {
+  animation-direction: reverse;
+  animation-timing-function: ease-in;
+}
+
 /* Duration modifier
  ========================================================================== */
 .uk-animation-fast {
   animation-duration: 0.1s;
 }
 
+/* Toggle (Hover + Focus)
+========================================================================== */
+/*
+ * The toggle is triggered on touch devices using `:focus` and tabindex
+ */
+.uk-animation-toggle:not(:hover):not(:focus) [class*='uk-animation-'] {
+  animation-name: none;
+}
+
+/*
+ * 1. Prevent tab highlighting on iOS.
+ */
+.uk-animation-toggle {
+  /* 1 */
+  -webkit-tap-highlight-color: transparent;
+}
+
+/*
+ * Remove outline for `tabindex`
+ */
+.uk-animation-toggle:focus {
+  outline: none;
+}
+
 /* Keyframes used by animation classes
  ========================================================================== */
 /*
@@ -7407,6 +7576,19 @@ ul.uk-nav-sub {
   }
 }
 
+/*
+ * Stroke
+ */
+@keyframes uk-stroke {
+  0% {
+    stroke-dashoffset: var(--uk-animation-stroke);
+  }
+
+  100% {
+    stroke-dashoffset: 0;
+  }
+}
+
 /* ========================================================================
    Component: Width
  ========================================================================== */
@@ -8139,20 +8321,42 @@ ul.uk-nav-sub {
 
 /* Weight modifier
  ========================================================================== */
+.uk-text-light {
+  font-weight: 300;
+}
+
+.uk-text-normal {
+  font-weight: 400;
+}
+
 .uk-text-bold {
+  font-weight: 700;
+}
+
+.uk-text-lighter {
+  font-weight: lighter;
+}
+
+.uk-text-bolder {
   font-weight: bolder;
 }
 
-/* Transform modifier
+/* Style modifier
  ========================================================================== */
-.uk-text-uppercase {
-  text-transform: uppercase !important;
+.uk-text-italic {
+  font-style: italic;
 }
 
+/* Transform modifier
+ ========================================================================== */
 .uk-text-capitalize {
   text-transform: capitalize !important;
 }
 
+.uk-text-uppercase {
+  text-transform: uppercase !important;
+}
+
 .uk-text-lowercase {
   text-transform: lowercase !important;
 }
@@ -8171,6 +8375,10 @@ ul.uk-nav-sub {
   color: #1e87f0 !important;
 }
 
+.uk-text-secondary {
+  color: #222 !important;
+}
+
 .uk-text-success {
   color: #32d296 !important;
 }
@@ -9864,6 +10072,98 @@ iframe.uk-cover {
   }
 }
 
+/* Auto
+ ========================================================================== */
+.uk-margin-auto {
+  margin-left: auto !important;
+  margin-right: auto !important;
+}
+
+.uk-margin-auto-top {
+  margin-top: auto !important;
+}
+
+.uk-margin-auto-bottom {
+  margin-bottom: auto !important;
+}
+
+.uk-margin-auto-left {
+  margin-left: auto !important;
+}
+
+.uk-margin-auto-right {
+  margin-right: auto !important;
+}
+
+.uk-margin-auto-vertical {
+  margin-top: auto !important;
+  margin-bottom: auto !important;
+}
+
+/* Phone landscape and bigger */
+@media (min-width: 640px) {
+  .uk-margin-auto\@s {
+    margin-left: auto !important;
+    margin-right: auto !important;
+  }
+
+  .uk-margin-auto-left\@s {
+    margin-left: auto !important;
+  }
+
+  .uk-margin-auto-right\@s {
+    margin-right: auto !important;
+  }
+}
+
+/* Tablet landscape and bigger */
+@media (min-width: 960px) {
+  .uk-margin-auto\@m {
+    margin-left: auto !important;
+    margin-right: auto !important;
+  }
+
+  .uk-margin-auto-left\@m {
+    margin-left: auto !important;
+  }
+
+  .uk-margin-auto-right\@m {
+    margin-right: auto !important;
+  }
+}
+
+/* Desktop and bigger */
+@media (min-width: 1200px) {
+  .uk-margin-auto\@l {
+    margin-left: auto !important;
+    margin-right: auto !important;
+  }
+
+  .uk-margin-auto-left\@l {
+    margin-left: auto !important;
+  }
+
+  .uk-margin-auto-right\@l {
+    margin-right: auto !important;
+  }
+}
+
+/* Large screen and bigger */
+@media (min-width: 1600px) {
+  .uk-margin-auto\@xl {
+    margin-left: auto !important;
+    margin-right: auto !important;
+  }
+
+  .uk-margin-auto-left\@xl {
+    margin-left: auto !important;
+  }
+
+  .uk-margin-auto-right\@xl {
+    margin-right: auto !important;
+  }
+}
+
 /* Remove
  ========================================================================== */
 .uk-margin-remove {
@@ -9891,36 +10191,57 @@ iframe.uk-cover {
   margin-bottom: 0 !important;
 }
 
-.uk-margin-remove-adjacent+* {
+.uk-margin-remove-adjacent+*,
+.uk-margin-remove-first-child> :first-child {
   margin-top: 0 !important;
 }
 
-/* Auto
- ========================================================================== */
-.uk-margin-auto {
-  margin-left: auto !important;
-  margin-right: auto !important;
+.uk-margin-remove-last-child> :last-child {
+  margin-bottom: 0 !important;
 }
 
-.uk-margin-auto-top {
-  margin-top: auto !important;
-}
+/* Phone landscape and bigger */
+@media (min-width: 640px) {
+  .uk-margin-remove-left\@s {
+    margin-left: 0 !important;
+  }
 
-.uk-margin-auto-bottom {
-  margin-bottom: auto !important;
+  .uk-margin-remove-right\@s {
+    margin-right: 0 !important;
+  }
 }
 
-.uk-margin-auto-left {
-  margin-left: auto !important;
+/* Tablet landscape and bigger */
+@media (min-width: 960px) {
+  .uk-margin-remove-left\@m {
+    margin-left: 0 !important;
+  }
+
+  .uk-margin-remove-right\@m {
+    margin-right: 0 !important;
+  }
 }
 
-.uk-margin-auto-right {
-  margin-right: auto !important;
+/* Desktop and bigger */
+@media (min-width: 1200px) {
+  .uk-margin-remove-left\@l {
+    margin-left: 0 !important;
+  }
+
+  .uk-margin-remove-right\@l {
+    margin-right: 0 !important;
+  }
 }
 
-.uk-margin-auto-vertical {
-  margin-top: auto !important;
-  margin-bottom: auto !important;
+/* Large screen and bigger */
+@media (min-width: 1600px) {
+  .uk-margin-remove-left\@xl {
+    margin-left: 0 !important;
+  }
+
+  .uk-margin-remove-right\@xl {
+    margin-right: 0 !important;
+  }
 }
 
 /* ========================================================================
@@ -10059,7 +10380,6 @@ iframe.uk-cover {
   left: 50%;
   transform: translate(-50%, -50%);
   /* 1 */
-  width: -moz-max-content;
   width: max-content;
   max-width: 100%;
   box-sizing: border-box;
@@ -10082,13 +10402,11 @@ iframe.uk-cover {
 
 .uk-position-center-left-out {
   right: 100%;
-  width: -moz-max-content;
   width: max-content;
 }
 
 .uk-position-center-right-out {
   left: 100%;
-  width: -moz-max-content;
   width: max-content;
 }
 
@@ -10098,7 +10416,6 @@ iframe.uk-cover {
   left: 50%;
   transform: translateX(-50%);
   /* 1 */
-  width: -moz-max-content;
   width: max-content;
   max-width: 100%;
   box-sizing: border-box;
@@ -10280,14 +10597,13 @@ iframe.uk-cover {
 
 /*
  * Scale
- * Note: Using `scale3d` for better image rendering
  */
 .uk-transition-scale-up {
-  transform: scale3d(1, 1, 1);
+  transform: scale(1, 1);
 }
 
 .uk-transition-scale-down {
-  transform: scale3d(1.1, 1.1, 1);
+  transform: scale(1.1, 1.1);
 }
 
 /* Show */
@@ -10295,14 +10611,14 @@ iframe.uk-cover {
 .uk-transition-toggle:focus .uk-transition-scale-up,
 .uk-transition-active.uk-active .uk-transition-scale-up {
   opacity: 1;
-  transform: scale3d(1.1, 1.1, 1);
+  transform: scale(1.1, 1.1);
 }
 
 .uk-transition-toggle:hover .uk-transition-scale-down,
 .uk-transition-toggle:focus .uk-transition-scale-down,
 .uk-transition-active.uk-active .uk-transition-scale-down {
   opacity: 1;
-  transform: scale3d(1, 1, 1);
+  transform: scale(1, 1);
 }
 
 /*
@@ -10661,6 +10977,11 @@ iframe.uk-cover {
 .uk-light .uk-h5,
 .uk-light h6,
 .uk-light .uk-h6,
+.uk-light .uk-heading-small,
+.uk-light .uk-heading-medium,
+.uk-light .uk-heading-large,
+.uk-light .uk-heading-xlarge,
+.uk-light .uk-heading-2xlarge,
 .uk-section-primary:not(.uk-preserve-color) h1,
 .uk-section-primary:not(.uk-preserve-color) .uk-h1,
 .uk-section-primary:not(.uk-preserve-color) h2,
@@ -10673,6 +10994,11 @@ iframe.uk-cover {
 .uk-section-primary:not(.uk-preserve-color) .uk-h5,
 .uk-section-primary:not(.uk-preserve-color) h6,
 .uk-section-primary:not(.uk-preserve-color) .uk-h6,
+.uk-section-primary:not(.uk-preserve-color) .uk-heading-small,
+.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium,
+.uk-section-primary:not(.uk-preserve-color) .uk-heading-large,
+.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge,
+.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge,
 .uk-section-secondary:not(.uk-preserve-color) h1,
 .uk-section-secondary:not(.uk-preserve-color) .uk-h1,
 .uk-section-secondary:not(.uk-preserve-color) h2,
@@ -10685,6 +11011,11 @@ iframe.uk-cover {
 .uk-section-secondary:not(.uk-preserve-color) .uk-h5,
 .uk-section-secondary:not(.uk-preserve-color) h6,
 .uk-section-secondary:not(.uk-preserve-color) .uk-h6,
+.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small,
+.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium,
+.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large,
+.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge,
+.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,
 .uk-tile-primary:not(.uk-preserve-color) h1,
 .uk-tile-primary:not(.uk-preserve-color) .uk-h1,
 .uk-tile-primary:not(.uk-preserve-color) h2,
@@ -10697,6 +11028,11 @@ iframe.uk-cover {
 .uk-tile-primary:not(.uk-preserve-color) .uk-h5,
 .uk-tile-primary:not(.uk-preserve-color) h6,
 .uk-tile-primary:not(.uk-preserve-color) .uk-h6,
+.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small,
+.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium,
+.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large,
+.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge,
+.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge,
 .uk-tile-secondary:not(.uk-preserve-color) h1,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-h1,
 .uk-tile-secondary:not(.uk-preserve-color) h2,
@@ -10709,6 +11045,11 @@ iframe.uk-cover {
 .uk-tile-secondary:not(.uk-preserve-color) .uk-h5,
 .uk-tile-secondary:not(.uk-preserve-color) h6,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-h6,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,
 .uk-card-primary.uk-card-body h1,
 .uk-card-primary.uk-card-body .uk-h1,
 .uk-card-primary.uk-card-body h2,
@@ -10721,6 +11062,11 @@ iframe.uk-cover {
 .uk-card-primary.uk-card-body .uk-h5,
 .uk-card-primary.uk-card-body h6,
 .uk-card-primary.uk-card-body .uk-h6,
+.uk-card-primary.uk-card-body .uk-heading-small,
+.uk-card-primary.uk-card-body .uk-heading-medium,
+.uk-card-primary.uk-card-body .uk-heading-large,
+.uk-card-primary.uk-card-body .uk-heading-xlarge,
+.uk-card-primary.uk-card-body .uk-heading-2xlarge,
 .uk-card-primary> :not([class*='uk-card-media']) h1,
 .uk-card-primary> :not([class*='uk-card-media']) .uk-h1,
 .uk-card-primary> :not([class*='uk-card-media']) h2,
@@ -10733,6 +11079,11 @@ iframe.uk-cover {
 .uk-card-primary> :not([class*='uk-card-media']) .uk-h5,
 .uk-card-primary> :not([class*='uk-card-media']) h6,
 .uk-card-primary> :not([class*='uk-card-media']) .uk-h6,
+.uk-card-primary> :not([class*='uk-card-media']) .uk-heading-small,
+.uk-card-primary> :not([class*='uk-card-media']) .uk-heading-medium,
+.uk-card-primary> :not([class*='uk-card-media']) .uk-heading-large,
+.uk-card-primary> :not([class*='uk-card-media']) .uk-heading-xlarge,
+.uk-card-primary> :not([class*='uk-card-media']) .uk-heading-2xlarge,
 .uk-card-secondary.uk-card-body h1,
 .uk-card-secondary.uk-card-body .uk-h1,
 .uk-card-secondary.uk-card-body h2,
@@ -10745,6 +11096,11 @@ iframe.uk-cover {
 .uk-card-secondary.uk-card-body .uk-h5,
 .uk-card-secondary.uk-card-body h6,
 .uk-card-secondary.uk-card-body .uk-h6,
+.uk-card-secondary.uk-card-body .uk-heading-small,
+.uk-card-secondary.uk-card-body .uk-heading-medium,
+.uk-card-secondary.uk-card-body .uk-heading-large,
+.uk-card-secondary.uk-card-body .uk-heading-xlarge,
+.uk-card-secondary.uk-card-body .uk-heading-2xlarge,
 .uk-card-secondary> :not([class*='uk-card-media']) h1,
 .uk-card-secondary> :not([class*='uk-card-media']) .uk-h1,
 .uk-card-secondary> :not([class*='uk-card-media']) h2,
@@ -10757,6 +11113,11 @@ iframe.uk-cover {
 .uk-card-secondary> :not([class*='uk-card-media']) .uk-h5,
 .uk-card-secondary> :not([class*='uk-card-media']) h6,
 .uk-card-secondary> :not([class*='uk-card-media']) .uk-h6,
+.uk-card-secondary> :not([class*='uk-card-media']) .uk-heading-small,
+.uk-card-secondary> :not([class*='uk-card-media']) .uk-heading-medium,
+.uk-card-secondary> :not([class*='uk-card-media']) .uk-heading-large,
+.uk-card-secondary> :not([class*='uk-card-media']) .uk-heading-xlarge,
+.uk-card-secondary> :not([class*='uk-card-media']) .uk-heading-2xlarge,
 .uk-overlay-primary h1,
 .uk-overlay-primary .uk-h1,
 .uk-overlay-primary h2,
@@ -10769,6 +11130,11 @@ iframe.uk-cover {
 .uk-overlay-primary .uk-h5,
 .uk-overlay-primary h6,
 .uk-overlay-primary .uk-h6,
+.uk-overlay-primary .uk-heading-small,
+.uk-overlay-primary .uk-heading-medium,
+.uk-overlay-primary .uk-heading-large,
+.uk-overlay-primary .uk-heading-xlarge,
+.uk-overlay-primary .uk-heading-2xlarge,
 .uk-offcanvas-bar h1,
 .uk-offcanvas-bar .uk-h1,
 .uk-offcanvas-bar h2,
@@ -10780,7 +11146,12 @@ iframe.uk-cover {
 .uk-offcanvas-bar h5,
 .uk-offcanvas-bar .uk-h5,
 .uk-offcanvas-bar h6,
-.uk-offcanvas-bar .uk-h6 {
+.uk-offcanvas-bar .uk-h6,
+.uk-offcanvas-bar .uk-heading-small,
+.uk-offcanvas-bar .uk-heading-medium,
+.uk-offcanvas-bar .uk-heading-large,
+.uk-offcanvas-bar .uk-heading-xlarge,
+.uk-offcanvas-bar .uk-heading-2xlarge {
   color: #fff;
 }
 
@@ -10837,102 +11208,102 @@ iframe.uk-cover {
   border-top-color: rgba(255, 255, 255, 0.2);
 }
 
-.uk-light a.uk-link-muted,
+.uk-light .uk-link-muted,
 .uk-light .uk-link-muted a,
-.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted,
+.uk-section-primary:not(.uk-preserve-color) .uk-link-muted,
 .uk-section-primary:not(.uk-preserve-color) .uk-link-muted a,
-.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted,
+.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted,
 .uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a,
-.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted,
+.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted,
 .uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a,
-.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a,
-.uk-card-primary.uk-card-body a.uk-link-muted,
+.uk-card-primary.uk-card-body .uk-link-muted,
 .uk-card-primary.uk-card-body .uk-link-muted a,
-.uk-card-primary> :not([class*='uk-card-media']) a.uk-link-muted,
+.uk-card-primary> :not([class*='uk-card-media']) .uk-link-muted,
 .uk-card-primary> :not([class*='uk-card-media']) .uk-link-muted a,
-.uk-card-secondary.uk-card-body a.uk-link-muted,
+.uk-card-secondary.uk-card-body .uk-link-muted,
 .uk-card-secondary.uk-card-body .uk-link-muted a,
-.uk-card-secondary> :not([class*='uk-card-media']) a.uk-link-muted,
+.uk-card-secondary> :not([class*='uk-card-media']) .uk-link-muted,
 .uk-card-secondary> :not([class*='uk-card-media']) .uk-link-muted a,
-.uk-overlay-primary a.uk-link-muted,
+.uk-overlay-primary .uk-link-muted,
 .uk-overlay-primary .uk-link-muted a,
-.uk-offcanvas-bar a.uk-link-muted,
+.uk-offcanvas-bar .uk-link-muted,
 .uk-offcanvas-bar .uk-link-muted a {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.uk-light a.uk-link-muted:hover,
+.uk-light .uk-link-muted:hover,
 .uk-light .uk-link-muted a:hover,
-.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover,
+.uk-section-primary:not(.uk-preserve-color) .uk-link-muted:hover,
 .uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
-.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover,
+.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted:hover,
 .uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
-.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover,
+.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted:hover,
 .uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
-.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted:hover,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
-.uk-card-primary.uk-card-body a.uk-link-muted:hover,
+.uk-card-primary.uk-card-body .uk-link-muted:hover,
 .uk-card-primary.uk-card-body .uk-link-muted a:hover,
-.uk-card-primary> :not([class*='uk-card-media']) a.uk-link-muted:hover,
+.uk-card-primary> :not([class*='uk-card-media']) .uk-link-muted:hover,
 .uk-card-primary> :not([class*='uk-card-media']) .uk-link-muted a:hover,
-.uk-card-secondary.uk-card-body a.uk-link-muted:hover,
+.uk-card-secondary.uk-card-body .uk-link-muted:hover,
 .uk-card-secondary.uk-card-body .uk-link-muted a:hover,
-.uk-card-secondary> :not([class*='uk-card-media']) a.uk-link-muted:hover,
+.uk-card-secondary> :not([class*='uk-card-media']) .uk-link-muted:hover,
 .uk-card-secondary> :not([class*='uk-card-media']) .uk-link-muted a:hover,
-.uk-overlay-primary a.uk-link-muted:hover,
+.uk-overlay-primary .uk-link-muted:hover,
 .uk-overlay-primary .uk-link-muted a:hover,
-.uk-offcanvas-bar a.uk-link-muted:hover,
+.uk-offcanvas-bar .uk-link-muted:hover,
 .uk-offcanvas-bar .uk-link-muted a:hover {
   color: rgba(255, 255, 255, 0.7);
 }
 
-.uk-light a.uk-link-text:hover,
+.uk-light .uk-link-text:hover,
 .uk-light .uk-link-text a:hover,
-.uk-section-primary:not(.uk-preserve-color) a.uk-link-text:hover,
+.uk-section-primary:not(.uk-preserve-color) .uk-link-text:hover,
 .uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover,
-.uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover,
+.uk-section-secondary:not(.uk-preserve-color) .uk-link-text:hover,
 .uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover,
-.uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover,
+.uk-tile-primary:not(.uk-preserve-color) .uk-link-text:hover,
 .uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover,
-.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text:hover,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover,
-.uk-card-primary.uk-card-body a.uk-link-text:hover,
+.uk-card-primary.uk-card-body .uk-link-text:hover,
 .uk-card-primary.uk-card-body .uk-link-text a:hover,
-.uk-card-primary> :not([class*='uk-card-media']) a.uk-link-text:hover,
+.uk-card-primary> :not([class*='uk-card-media']) .uk-link-text:hover,
 .uk-card-primary> :not([class*='uk-card-media']) .uk-link-text a:hover,
-.uk-card-secondary.uk-card-body a.uk-link-text:hover,
+.uk-card-secondary.uk-card-body .uk-link-text:hover,
 .uk-card-secondary.uk-card-body .uk-link-text a:hover,
-.uk-card-secondary> :not([class*='uk-card-media']) a.uk-link-text:hover,
+.uk-card-secondary> :not([class*='uk-card-media']) .uk-link-text:hover,
 .uk-card-secondary> :not([class*='uk-card-media']) .uk-link-text a:hover,
-.uk-overlay-primary a.uk-link-text:hover,
+.uk-overlay-primary .uk-link-text:hover,
 .uk-overlay-primary .uk-link-text a:hover,
-.uk-offcanvas-bar a.uk-link-text:hover,
+.uk-offcanvas-bar .uk-link-text:hover,
 .uk-offcanvas-bar .uk-link-text a:hover {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.uk-light a.uk-link-heading:hover,
+.uk-light .uk-link-heading:hover,
 .uk-light .uk-link-heading a:hover,
-.uk-section-primary:not(.uk-preserve-color) a.uk-link-heading:hover,
+.uk-section-primary:not(.uk-preserve-color) .uk-link-heading:hover,
 .uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover,
-.uk-section-secondary:not(.uk-preserve-color) a.uk-link-heading:hover,
+.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading:hover,
 .uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,
-.uk-tile-primary:not(.uk-preserve-color) a.uk-link-heading:hover,
+.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading:hover,
 .uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover,
-.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-heading:hover,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading:hover,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,
-.uk-card-primary.uk-card-body a.uk-link-heading:hover,
+.uk-card-primary.uk-card-body .uk-link-heading:hover,
 .uk-card-primary.uk-card-body .uk-link-heading a:hover,
-.uk-card-primary> :not([class*='uk-card-media']) a.uk-link-heading:hover,
+.uk-card-primary> :not([class*='uk-card-media']) .uk-link-heading:hover,
 .uk-card-primary> :not([class*='uk-card-media']) .uk-link-heading a:hover,
-.uk-card-secondary.uk-card-body a.uk-link-heading:hover,
+.uk-card-secondary.uk-card-body .uk-link-heading:hover,
 .uk-card-secondary.uk-card-body .uk-link-heading a:hover,
-.uk-card-secondary> :not([class*='uk-card-media']) a.uk-link-heading:hover,
+.uk-card-secondary> :not([class*='uk-card-media']) .uk-link-heading:hover,
 .uk-card-secondary> :not([class*='uk-card-media']) .uk-link-heading a:hover,
-.uk-overlay-primary a.uk-link-heading:hover,
+.uk-overlay-primary .uk-link-heading:hover,
 .uk-overlay-primary .uk-link-heading a:hover,
-.uk-offcanvas-bar a.uk-link-heading:hover,
+.uk-offcanvas-bar .uk-link-heading:hover,
 .uk-offcanvas-bar .uk-link-heading a:hover {
   color: #fff;
 }
@@ -11043,17 +11414,17 @@ iframe.uk-cover {
   border-top-color: rgba(255, 255, 255, 0.2);
 }
 
-.uk-light .uk-divider-vertical::after,
-.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical::after,
-.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical::after,
-.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical::after,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical::after,
-.uk-card-primary.uk-card-body .uk-divider-vertical::after,
-.uk-card-primary> :not([class*='uk-card-media']) .uk-divider-vertical::after,
-.uk-card-secondary.uk-card-body .uk-divider-vertical::after,
-.uk-card-secondary> :not([class*='uk-card-media']) .uk-divider-vertical::after,
-.uk-overlay-primary .uk-divider-vertical::after,
-.uk-offcanvas-bar .uk-divider-vertical::after {
+.uk-light .uk-divider-vertical,
+.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical,
+.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical,
+.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical,
+.uk-card-primary.uk-card-body .uk-divider-vertical,
+.uk-card-primary> :not([class*='uk-card-media']) .uk-divider-vertical,
+.uk-card-secondary.uk-card-body .uk-divider-vertical,
+.uk-card-secondary> :not([class*='uk-card-media']) .uk-divider-vertical,
+.uk-overlay-primary .uk-divider-vertical,
+.uk-offcanvas-bar .uk-divider-vertical {
   border-left-color: rgba(255, 255, 255, 0.2);
 }
 
@@ -11522,6 +11893,31 @@ iframe.uk-cover {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
 }
 
+.uk-light .uk-input[list]:hover,
+.uk-light .uk-input[list]:focus,
+.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover,
+.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus,
+.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover,
+.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus,
+.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover,
+.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus,
+.uk-card-primary.uk-card-body .uk-input[list]:hover,
+.uk-card-primary.uk-card-body .uk-input[list]:focus,
+.uk-card-primary> :not([class*='uk-card-media']) .uk-input[list]:hover,
+.uk-card-primary> :not([class*='uk-card-media']) .uk-input[list]:focus,
+.uk-card-secondary.uk-card-body .uk-input[list]:hover,
+.uk-card-secondary.uk-card-body .uk-input[list]:focus,
+.uk-card-secondary> :not([class*='uk-card-media']) .uk-input[list]:hover,
+.uk-card-secondary> :not([class*='uk-card-media']) .uk-input[list]:focus,
+.uk-overlay-primary .uk-input[list]:hover,
+.uk-overlay-primary .uk-input[list]:focus,
+.uk-offcanvas-bar .uk-input[list]:hover,
+.uk-offcanvas-bar .uk-input[list]:focus {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
+}
+
 .uk-light .uk-radio,
 .uk-light .uk-checkbox,
 .uk-section-primary:not(.uk-preserve-color) .uk-radio,
@@ -13524,7 +13920,21 @@ iframe.uk-cover {
 .uk-card-secondary> :not([class*='uk-card-media']) .uk-text-primary,
 .uk-overlay-primary .uk-text-primary,
 .uk-offcanvas-bar .uk-text-primary {
-  color: rgba(255, 255, 255, 0.7) !important;
+  color: #fff !important;
+}
+
+.uk-light .uk-text-secondary,
+.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary,
+.uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary,
+.uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary,
+.uk-card-primary.uk-card-body .uk-text-secondary,
+.uk-card-primary> :not([class*='uk-card-media']) .uk-text-secondary,
+.uk-card-secondary.uk-card-body .uk-text-secondary,
+.uk-card-secondary> :not([class*='uk-card-media']) .uk-text-secondary,
+.uk-overlay-primary .uk-text-secondary,
+.uk-offcanvas-bar .uk-text-secondary {
+  color: #fff !important;
 }
 
 .uk-light .uk-column-divider,