uikit 3.7.6-dev.7830d5a45 → 3.7.7-dev.4ce0508ae

package/dist/css/uikit-core.css

@@ -1,4 +1,4 @@
-/*! UIkit 3.7.6-dev.7830d5a45 | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
+/*! UIkit 3.7.7-dev.4ce0508ae | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -28,13 +28,6 @@ body {
 }
 /* Links
  ========================================================================== */
-/*
- * Remove the outline on focused links when they are also active or hovered
- */
-a:active,
-a:hover {
-  outline: none;
-}
 /*
  * Style
  */
@@ -46,8 +39,7 @@ a,
 }
 a:hover,
 .uk-link:hover,
-.uk-link-toggle:hover .uk-link,
-.uk-link-toggle:focus .uk-link {
+.uk-link-toggle:hover .uk-link {
   color: #0f6ecd;
   text-decoration: underline;
 }
@@ -401,6 +393,27 @@ pre {
 pre code {
   font-family: Consolas, monaco, monospace;
 }
+/* Focus
+ ========================================================================== */
+/*
+ * Safari doesn't support `:focus-visible` yet. It also doesn't set focus if clicking a button or anchor. 
+ * 1. Set `:focus` style as fallback for `:focus-visible`.
+ * 2. Remove `:focus` style for browsers which support `:focus-visible`.
+ * 2. Set `:focus-visible` style for browsers which support it.
+ */
+/* 1 */
+:focus {
+  outline: 2px dotted #333;
+  outline-offset: 1px;
+}
+/* 2 */
+:focus:not(:focus-visible) {
+  outline: none;
+}
+/* 3 */
+:focus-visible {
+  outline: 2px dotted #333;
+}
 /* Selection pseudo-element
  ========================================================================== */
 ::selection {
@@ -465,8 +478,7 @@ a.uk-link-muted,
 }
 a.uk-link-muted:hover,
 .uk-link-muted a:hover,
-.uk-link-toggle:hover .uk-link-muted,
-.uk-link-toggle:focus .uk-link-muted {
+.uk-link-toggle:hover .uk-link-muted {
   color: #666;
 }
 /* Text
@@ -477,8 +489,7 @@ a.uk-link-text,
 }
 a.uk-link-text:hover,
 .uk-link-text a:hover,
-.uk-link-toggle:hover .uk-link-text,
-.uk-link-toggle:focus .uk-link-text {
+.uk-link-toggle:hover .uk-link-text {
   color: #999;
 }
 /* Heading
@@ -489,8 +500,7 @@ a.uk-link-heading,
 }
 a.uk-link-heading:hover,
 .uk-link-heading a:hover,
-.uk-link-toggle:hover .uk-link-heading,
-.uk-link-toggle:focus .uk-link-heading {
+.uk-link-toggle:hover .uk-link-heading {
   color: #1e87f0;
   text-decoration: none;
 }
@@ -510,9 +520,6 @@ a.uk-link-reset,
   color: inherit !important;
   text-decoration: none !important;
 }
-.uk-link-toggle:focus {
-  outline: none;
-}
 /* ========================================================================
    Component: Heading
  ========================================================================== */
@@ -1159,10 +1166,8 @@ button.uk-icon:not(:disabled) {
 .uk-icon-link {
   color: #999;
 }
-.uk-icon-link:hover,
-.uk-icon-link:focus {
+.uk-icon-link:hover {
   color: #666;
-  outline: none;
 }
 /* OnClick + Active */
 .uk-icon-link:active,
@@ -1186,12 +1191,10 @@ button.uk-icon:not(:disabled) {
   justify-content: center;
   align-items: center;
 }
-/* Hover + Focus */
-.uk-icon-button:hover,
-.uk-icon-button:focus {
+/* Hover */
+.uk-icon-button:hover {
   background-color: #ebebeb;
   color: #666;
-  outline: none;
 }
 /* OnClick + Active */
 .uk-icon-button:active,
@@ -1950,10 +1953,6 @@ select.uk-form-width-xsmall {
   /* 9 */
   text-decoration: none;
 }
-/* Focus */
-.uk-button:focus {
-  outline: none;
-}
 /* OnClick + Active */
 /* Style modifiers
  ========================================================================== */
@@ -1964,9 +1963,8 @@ select.uk-form-width-xsmall {
   background-color: #f8f8f8;
   color: #333;
 }
-/* Hover + Focus */
-.uk-button-default:hover,
-.uk-button-default:focus {
+/* Hover */
+.uk-button-default:hover {
   background-color: #ebebeb;
   color: #333;
 }
@@ -1983,9 +1981,8 @@ select.uk-form-width-xsmall {
   background-color: #1e87f0;
   color: #fff;
 }
-/* Hover + Focus */
-.uk-button-primary:hover,
-.uk-button-primary:focus {
+/* Hover */
+.uk-button-primary:hover {
   background-color: #0f7ae5;
   color: #fff;
 }
@@ -2002,9 +1999,8 @@ select.uk-form-width-xsmall {
   background-color: #222;
   color: #fff;
 }
-/* Hover + Focus */
-.uk-button-secondary:hover,
-.uk-button-secondary:focus {
+/* Hover */
+.uk-button-secondary:hover {
   background-color: #151515;
   color: #fff;
 }
@@ -2021,9 +2017,8 @@ select.uk-form-width-xsmall {
   background-color: #f0506e;
   color: #fff;
 }
-/* Hover + Focus */
-.uk-button-danger:hover,
-.uk-button-danger:focus {
+/* Hover */
+.uk-button-danger:hover {
   background-color: #ee395b;
   color: #fff;
 }
@@ -2071,9 +2066,8 @@ select.uk-form-width-xsmall {
   /* 2 */
   color: #333;
 }
-/* Hover + Focus */
-.uk-button-text:hover,
-.uk-button-text:focus {
+/* Hover */
+.uk-button-text:hover {
   color: #999;
 }
 /* Disabled */
@@ -2093,9 +2087,8 @@ select.uk-form-width-xsmall {
   /* 2 */
   color: #333;
 }
-/* Hover + Focus */
-.uk-button-link:hover,
-.uk-button-link:focus {
+/* Hover */
+.uk-button-link:hover {
   color: #999;
   text-decoration: none;
 }
@@ -2712,11 +2705,9 @@ select.uk-form-width-xsmall {
 .uk-close {
   color: #999;
 }
-/* Hover + Focus */
-.uk-close:hover,
-.uk-close:focus {
+/* Hover */
+.uk-close:hover {
   color: #666;
-  outline: none;
 }
 /* ========================================================================
    Component: Spinner
@@ -2771,11 +2762,9 @@ select.uk-form-width-xsmall {
   padding: 5px;
   color: #999;
 }
-/* Hover + Focus */
-.uk-totop:hover,
-.uk-totop:focus {
+/* Hover */
+.uk-totop:hover {
   color: #666;
-  outline: none;
 }
 /* OnClick */
 .uk-totop:active {
@@ -2792,11 +2781,9 @@ select.uk-form-width-xsmall {
   background: #222;
   color: #fff;
 }
-/* Hover + Focus */
-.uk-marker:hover,
-.uk-marker:focus {
+/* Hover */
+.uk-marker:hover {
   color: #fff;
-  outline: none;
 }
 /* ========================================================================
    Component: Alert
@@ -2833,7 +2820,7 @@ select.uk-form-width-xsmall {
   margin-top: 0;
 }
 /*
- * Hover + Focus
+ * Hover
  */
 /* Style modifiers
  ========================================================================== */
@@ -2910,10 +2897,8 @@ select.uk-form-width-xsmall {
 /*
  * Required for `a`
  */
-.uk-badge:hover,
-.uk-badge:focus {
+.uk-badge:hover {
   text-decoration: none;
-  outline: none;
 }
 /* ========================================================================
    Component: Label
@@ -3160,12 +3145,6 @@ select.uk-form-width-xsmall {
 }
 /* Icon (Adopts `uk-icon`)
  ========================================================================== */
-/*
- * Remove default focus style
- */
-.uk-search-icon:focus {
-  outline: none;
-}
 /*
  * Position above input
  * 1. Set position
@@ -3289,9 +3268,8 @@ select.uk-form-width-xsmall {
 .uk-search-toggle {
   color: #999;
 }
-/* Hover + Focus */
-.uk-search-toggle:hover,
-.uk-search-toggle:focus {
+/* Hover */
+.uk-search-toggle:hover {
   color: #666;
 }
 /* ========================================================================
@@ -3314,12 +3292,10 @@ select.uk-form-width-xsmall {
   line-height: 1.4;
   color: #333;
 }
-/* Hover + Focus */
-.uk-accordion-title:hover,
-.uk-accordion-title:focus {
+/* Hover */
+.uk-accordion-title:hover {
   color: #666;
   text-decoration: none;
-  outline: none;
 }
 /* Content
  ========================================================================== */
@@ -3414,9 +3390,8 @@ select.uk-form-width-xsmall {
 .uk-dropdown-nav > li > a {
   color: #999;
 }
-/* Hover + Focus + Active */
+/* Hover + Active */
 .uk-dropdown-nav > li > a:hover,
-.uk-dropdown-nav > li > a:focus,
 .uk-dropdown-nav > li.uk-active > a {
   color: #666;
 }
@@ -3439,7 +3414,6 @@ select.uk-form-width-xsmall {
   color: #999;
 }
 .uk-dropdown-nav .uk-nav-sub a:hover,
-.uk-dropdown-nav .uk-nav-sub a:focus,
 .uk-dropdown-nav .uk-nav-sub li.uk-active > a {
   color: #666;
 }
@@ -3698,7 +3672,6 @@ select.uk-form-width-xsmall {
  * 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 */
@@ -3715,10 +3688,6 @@ select.uk-form-width-xsmall {
   /* 5 */
   touch-action: pan-y;
 }
-/* 6 */
-.uk-slideshow-items > :focus {
-  outline: none;
-}
 /*
  * Hide not active items
  */
@@ -3785,7 +3754,6 @@ select.uk-form-width-xsmall {
  *    `max-width` needed to keep image responsiveness and prevent content overflow
  * 3. Create position context
  * 4. Disable horizontal panning gestures in IE11 and Edge
- * 5. Suppress outline on focus
  */
 .uk-slider-items > * {
   /* 1 */
@@ -3796,10 +3764,6 @@ select.uk-form-width-xsmall {
   /* 4 */
   touch-action: pan-y;
 }
-/* 5 */
-.uk-slider-items > :focus {
-  outline: none;
-}
 /* ========================================================================
    Component: Sticky
  ========================================================================== */
@@ -4734,12 +4698,6 @@ select.uk-form-width-xsmall {
 .uk-nav li > a > * {
   flex: none;
 }
-/*
- * Remove default focus style
- */
-.uk-nav li > a:focus {
-  outline: none;
-}
 /*
  * Items
  * Must target `a` elements to exclude other elements (e.g. lists)
@@ -4805,9 +4763,8 @@ ul.uk-nav-sub {
 .uk-nav-default > li > a {
   color: #999;
 }
-/* Hover + Focus */
-.uk-nav-default > li > a:hover,
-.uk-nav-default > li > a:focus {
+/* Hover */
+.uk-nav-default > li > a:hover {
   color: #666;
 }
 /* Active */
@@ -4832,8 +4789,7 @@ ul.uk-nav-sub {
 .uk-nav-default .uk-nav-sub a {
   color: #999;
 }
-.uk-nav-default .uk-nav-sub a:hover,
-.uk-nav-default .uk-nav-sub a:focus {
+.uk-nav-default .uk-nav-sub a:hover {
   color: #666;
 }
 .uk-nav-default .uk-nav-sub li.uk-active > a {
@@ -4849,9 +4805,8 @@ ul.uk-nav-sub {
   line-height: 1.5;
   color: #999;
 }
-/* Hover + Focus */
-.uk-nav-primary > li > a:hover,
-.uk-nav-primary > li > a:focus {
+/* Hover */
+.uk-nav-primary > li > a:hover {
   color: #666;
 }
 /* Active */
@@ -4876,8 +4831,7 @@ ul.uk-nav-sub {
 .uk-nav-primary .uk-nav-sub a {
   color: #999;
 }
-.uk-nav-primary .uk-nav-sub a:hover,
-.uk-nav-primary .uk-nav-sub a:focus {
+.uk-nav-primary .uk-nav-sub a:hover {
   color: #666;
 }
 .uk-nav-primary .uk-nav-sub li.uk-active > a {
@@ -5051,13 +5005,11 @@ ul.uk-nav-sub {
 }
 /*
  * Hover
- * Apply hover style also to focus state and if dropdown is opened
+ * Apply hover style also if dropdown is opened
  */
 .uk-navbar-nav > li:hover > a,
-.uk-navbar-nav > li > a:focus,
 .uk-navbar-nav > li > a[aria-expanded="true"] {
   color: #666;
-  outline: none;
 }
 /* OnClick */
 .uk-navbar-nav > li > a:active {
@@ -5084,17 +5036,15 @@ ul.uk-nav-sub {
   color: #999;
 }
 .uk-navbar-toggle:hover,
-.uk-navbar-toggle:focus,
 .uk-navbar-toggle[aria-expanded="true"] {
   color: #666;
-  outline: none;
   text-decoration: none;
 }
 /*
  * Icon
  * Adopts `uk-icon`
  */
-/* Hover + Focus */
+/* Hover */
 /* Subtitle
  ========================================================================== */
 .uk-navbar-subtitle {
@@ -5195,9 +5145,8 @@ ul.uk-nav-sub {
 .uk-navbar-dropdown-nav > li > a {
   color: #999;
 }
-/* Hover + Focus */
-.uk-navbar-dropdown-nav > li > a:hover,
-.uk-navbar-dropdown-nav > li > a:focus {
+/* Hover */
+.uk-navbar-dropdown-nav > li > a:hover {
   color: #666;
 }
 /* Active */
@@ -5222,8 +5171,7 @@ ul.uk-nav-sub {
 .uk-navbar-dropdown-nav .uk-nav-sub a {
   color: #999;
 }
-.uk-navbar-dropdown-nav .uk-nav-sub a:hover,
-.uk-navbar-dropdown-nav .uk-nav-sub a:focus {
+.uk-navbar-dropdown-nav .uk-nav-sub a:hover {
   color: #666;
 }
 .uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a {
@@ -5295,12 +5243,10 @@ ul.uk-nav-sub {
   /* 3 */
   color: #999;
 }
-/* Hover + Focus */
-.uk-subnav > * > a:hover,
-.uk-subnav > * > a:focus {
+/* Hover */
+.uk-subnav > * > a:hover {
   color: #666;
   text-decoration: none;
-  outline: none;
 }
 /* Active */
 .uk-subnav > .uk-active > a {
@@ -5343,9 +5289,8 @@ ul.uk-nav-sub {
   background: transparent;
   color: #999;
 }
-/* Hover + Focus */
-.uk-subnav-pill > * > a:hover,
-.uk-subnav-pill > * > a:focus {
+/* Hover */
+.uk-subnav-pill > * > a:hover {
   background-color: #f8f8f8;
   color: #666;
 }
@@ -5387,9 +5332,8 @@ ul.uk-nav-sub {
   font-size: 0.875rem;
   color: #999;
 }
-/* Hover + Focus */
-.uk-breadcrumb > * > :hover,
-.uk-breadcrumb > * > :focus {
+/* Hover */
+.uk-breadcrumb > * > :hover {
   color: #666;
   text-decoration: none;
 }
@@ -5458,9 +5402,8 @@ ul.uk-nav-sub {
   padding: 5px 10px;
   color: #999;
 }
-/* Hover + Focus */
-.uk-pagination > * > :hover,
-.uk-pagination > * > :focus {
+/* Hover */
+.uk-pagination > * > :hover {
   color: #666;
   text-decoration: none;
 }
@@ -5524,9 +5467,8 @@ ul.uk-nav-sub {
   padding: 5px 10px;
   color: #999;
 }
-/* Hover + Focus */
-.uk-tab > * > a:hover,
-.uk-tab > * > a:focus {
+/* Hover */
+.uk-tab > * > a:hover {
   color: #666;
   text-decoration: none;
 }
@@ -5574,11 +5516,9 @@ ul.uk-nav-sub {
   padding: 5px 10px;
   color: rgba(102, 102, 102, 0.5);
 }
-/* Hover + Focus */
-.uk-slidenav:hover,
-.uk-slidenav:focus {
+/* Hover */
+.uk-slidenav:hover {
   color: rgba(102, 102, 102, 0.9);
-  outline: none;
 }
 /* OnClick */
 .uk-slidenav:active {
@@ -5649,11 +5589,9 @@ ul.uk-nav-sub {
   overflow: hidden;
   white-space: nowrap;
 }
-/* Hover + Focus */
-.uk-dotnav > * > :hover,
-.uk-dotnav > * > :focus {
+/* Hover */
+.uk-dotnav > * > :hover {
   background-color: rgba(102, 102, 102, 0.6);
-  outline: none;
 }
 /* OnClick */
 .uk-dotnav > * > :active {
@@ -5716,11 +5654,7 @@ ul.uk-nav-sub {
 .uk-thumbnav > * > * {
   display: inline-block;
 }
-/* Hover + Focus */
-.uk-thumbnav > * > :hover,
-.uk-thumbnav > * > :focus {
-  outline: none;
-}
+/* Hover */
 /* Active */
 /* Modifier: 'uk-thumbnav-vertical'
  ========================================================================== */
@@ -5790,11 +5724,9 @@ ul.uk-nav-sub {
   /* 5 */
   text-decoration: none;
 }
-/* Hover + Focus */
-.uk-iconnav > * > a:hover,
-.uk-iconnav > * > a:focus {
+/* Hover */
+.uk-iconnav > * > a:hover {
   color: #666;
-  outline: none;
 }
 /* Active */
 .uk-iconnav > .uk-active > a {
@@ -5858,6 +5790,15 @@ ul.uk-nav-sub {
   /* 2 */
   opacity: 1;
 }
+/*
+ * Focus
+ */
+.uk-lightbox :focus {
+  outline-color: rgba(255, 255, 255, 0.7);
+}
+.uk-lightbox :focus-visible {
+  outline-color: rgba(255, 255, 255, 0.7);
+}
 /* Page
  ========================================================================== */
 /*
@@ -5876,7 +5817,6 @@ 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 */
@@ -5899,10 +5839,6 @@ ul.uk-nav-sub {
   max-width: 100vw;
   max-height: 100vh;
 }
-/* 6 */
-.uk-lightbox-items > :focus {
-  outline: none;
-}
 .uk-lightbox-items > * > :not(iframe) {
   width: auto;
   height: auto;
@@ -5948,9 +5884,8 @@ ul.uk-nav-sub {
   justify-content: center;
   align-items: center;
 }
-/* Hover + Focus */
-.uk-lightbox-button:hover,
-.uk-lightbox-button:focus {
+/* Hover */
+.uk-lightbox-button:hover {
   color: #fff;
 }
 /* OnClick */
@@ -5969,9 +5904,7 @@ ul.uk-nav-sub {
    Component: Animation
  ========================================================================== */
 [class*='uk-animation-'] {
-  animation-duration: 0.5s;
-  animation-timing-function: ease-out;
-  animation-fill-mode: both;
+  animation: 0.5s ease-out both;
 }
 /* Animations
  ========================================================================== */
@@ -5987,61 +5920,61 @@ ul.uk-nav-sub {
  * Scale
  */
 .uk-animation-scale-up {
-  animation-name: uk-fade-scale-02;
+  animation-name: uk-fade, uk-scale-up;
 }
 .uk-animation-scale-down {
-  animation-name: uk-fade-scale-18;
+  animation-name: uk-fade, uk-scale-down;
 }
 /*
  * Slide
  */
 .uk-animation-slide-top {
-  animation-name: uk-fade-top;
+  animation-name: uk-fade, uk-slide-top;
 }
 .uk-animation-slide-bottom {
-  animation-name: uk-fade-bottom;
+  animation-name: uk-fade, uk-slide-bottom;
 }
 .uk-animation-slide-left {
-  animation-name: uk-fade-left;
+  animation-name: uk-fade, uk-slide-left;
 }
 .uk-animation-slide-right {
-  animation-name: uk-fade-right;
+  animation-name: uk-fade, uk-slide-right;
 }
 /*
  * Slide Small
  */
 .uk-animation-slide-top-small {
-  animation-name: uk-fade-top-small;
+  animation-name: uk-fade, uk-slide-top-small;
 }
 .uk-animation-slide-bottom-small {
-  animation-name: uk-fade-bottom-small;
+  animation-name: uk-fade, uk-slide-bottom-small;
 }
 .uk-animation-slide-left-small {
-  animation-name: uk-fade-left-small;
+  animation-name: uk-fade, uk-slide-left-small;
 }
 .uk-animation-slide-right-small {
-  animation-name: uk-fade-right-small;
+  animation-name: uk-fade, uk-slide-right-small;
 }
 /*
  * Slide Medium
  */
 .uk-animation-slide-top-medium {
-  animation-name: uk-fade-top-medium;
+  animation-name: uk-fade, uk-slide-top-medium;
 }
 .uk-animation-slide-bottom-medium {
-  animation-name: uk-fade-bottom-medium;
+  animation-name: uk-fade, uk-slide-bottom-medium;
 }
 .uk-animation-slide-left-medium {
-  animation-name: uk-fade-left-medium;
+  animation-name: uk-fade, uk-slide-left-medium;
 }
 .uk-animation-slide-right-medium {
-  animation-name: uk-fade-right-medium;
+  animation-name: uk-fade, uk-slide-right-medium;
 }
 /*
  * Kenburns
  */
 .uk-animation-kenburns {
-  animation-name: uk-scale-kenburns;
+  animation-name: uk-kenburns;
   animation-duration: 15s;
 }
 /*
@@ -6059,8 +5992,8 @@ ul.uk-nav-sub {
  */
 .uk-animation-stroke {
   animation-name: uk-stroke;
-  stroke-dasharray: var(--uk-animation-stroke);
   animation-duration: 2s;
+  stroke-dasharray: var(--uk-animation-stroke);
 }
 /* Direction modifier
  ========================================================================== */
@@ -6073,27 +6006,11 @@ ul.uk-nav-sub {
 .uk-animation-fast {
   animation-duration: 0.1s;
 }
-/* Toggle (Hover + Focus)
-========================================================================== */
-/*
- * The toggle is triggered on touch devices using `:focus` and tabindex
- */
+/* Toggle animation based on the State of the Parent Element
+ ========================================================================== */
 .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
  ========================================================================== */
 /*
@@ -6108,191 +6025,133 @@ ul.uk-nav-sub {
   }
 }
 /*
- * Slide Top
+ * Scale
  */
-@keyframes uk-fade-top {
+@keyframes uk-scale-up {
   0% {
-    opacity: 0;
-    transform: translateY(-100%);
+    transform: scale(0.9);
   }
   100% {
-    opacity: 1;
-    transform: translateY(0);
+    transform: scale(1);
+  }
+}
+@keyframes uk-scale-down {
+  0% {
+    transform: scale(1.1);
+  }
+  100% {
+    transform: scale(1);
   }
 }
 /*
- * Slide Bottom
+ * Slide
  */
-@keyframes uk-fade-bottom {
+@keyframes uk-slide-top {
+  0% {
+    transform: translateY(-100%);
+  }
+  100% {
+    transform: translateY(0);
+  }
+}
+@keyframes uk-slide-bottom {
   0% {
-    opacity: 0;
     transform: translateY(100%);
   }
   100% {
-    opacity: 1;
     transform: translateY(0);
   }
 }
-/*
- * Slide Left
- */
-@keyframes uk-fade-left {
+@keyframes uk-slide-left {
   0% {
-    opacity: 0;
     transform: translateX(-100%);
   }
   100% {
-    opacity: 1;
     transform: translateX(0);
   }
 }
-/*
- * Slide Right
- */
-@keyframes uk-fade-right {
+@keyframes uk-slide-right {
   0% {
-    opacity: 0;
     transform: translateX(100%);
   }
   100% {
-    opacity: 1;
     transform: translateX(0);
   }
 }
 /*
- * Slide Top Small
+ * Slide Small
  */
-@keyframes uk-fade-top-small {
+@keyframes uk-slide-top-small {
   0% {
-    opacity: 0;
     transform: translateY(-10px);
   }
   100% {
-    opacity: 1;
     transform: translateY(0);
   }
 }
-/*
- * Slide Bottom Small
- */
-@keyframes uk-fade-bottom-small {
+@keyframes uk-slide-bottom-small {
   0% {
-    opacity: 0;
     transform: translateY(10px);
   }
   100% {
-    opacity: 1;
     transform: translateY(0);
   }
 }
-/*
- * Slide Left Small
- */
-@keyframes uk-fade-left-small {
+@keyframes uk-slide-left-small {
   0% {
-    opacity: 0;
     transform: translateX(-10px);
   }
   100% {
-    opacity: 1;
     transform: translateX(0);
   }
 }
-/*
- * Slide Right Small
- */
-@keyframes uk-fade-right-small {
+@keyframes uk-slide-right-small {
   0% {
-    opacity: 0;
     transform: translateX(10px);
   }
   100% {
-    opacity: 1;
     transform: translateX(0);
   }
 }
 /*
- * Slide Top Medium
+ * Slide Medium
  */
-@keyframes uk-fade-top-medium {
+@keyframes uk-slide-top-medium {
   0% {
-    opacity: 0;
     transform: translateY(-50px);
   }
   100% {
-    opacity: 1;
     transform: translateY(0);
   }
 }
-/*
- * Slide Bottom Medium
- */
-@keyframes uk-fade-bottom-medium {
+@keyframes uk-slide-bottom-medium {
   0% {
-    opacity: 0;
     transform: translateY(50px);
   }
   100% {
-    opacity: 1;
     transform: translateY(0);
   }
 }
-/*
- * Slide Left Medium
- */
-@keyframes uk-fade-left-medium {
+@keyframes uk-slide-left-medium {
   0% {
-    opacity: 0;
     transform: translateX(-50px);
   }
   100% {
-    opacity: 1;
     transform: translateX(0);
   }
 }
-/*
- * Slide Right Medium
- */
-@keyframes uk-fade-right-medium {
+@keyframes uk-slide-right-medium {
   0% {
-    opacity: 0;
     transform: translateX(50px);
   }
   100% {
-    opacity: 1;
     transform: translateX(0);
   }
 }
-/*
- * Scale Up
- */
-@keyframes uk-fade-scale-02 {
-  0% {
-    opacity: 0;
-    transform: scale(0.2);
-  }
-  100% {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-/*
- * Scale Down
- */
-@keyframes uk-fade-scale-18 {
-  0% {
-    opacity: 0;
-    transform: scale(1.8);
-  }
-  100% {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
 /*
  * Kenburns
  */
-@keyframes uk-scale-kenburns {
+@keyframes uk-kenburns {
   0% {
     transform: scale(1);
   }
@@ -7258,19 +7117,23 @@ td.uk-text-break {
  ========================================================================== */
 /*
  * Works with iframes and embedded content
- * 1. Reset responsiveness for embedded content
- * 2. Center object
+ * 1. Apply transform instantly. Needed if transform is transitioned.
+ * 2. Reset responsiveness for embedded content
+ * 3. Center object
  * Note: Percent values on the `top` property only works if this element
  *       is absolute positioned or if the container has a height
  */
-.uk-cover {
-  /* 1 */
-  max-width: none;
+.uk-cover,
+[uk-cover] {
   /* 2 */
+  max-width: none;
+  /* 3 */
   position: absolute;
   left: 50%;
   top: 50%;
-  transform: translate(-50%, -50%);
+  --uk-position-translate-x: -50%;
+  --uk-position-translate-y: -50%;
+  transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y));
 }
 iframe.uk-cover {
   pointer-events: none;
@@ -7856,11 +7719,9 @@ iframe.uk-cover {
   /* 1 */
   text-decoration: none;
 }
-/* Hover + Focus */
-.uk-logo:hover,
-.uk-logo:focus {
+/* Hover */
+.uk-logo:hover {
   color: #666;
-  outline: none;
   /* 1 */
   text-decoration: none;
 }
@@ -8560,10 +8421,13 @@ iframe.uk-cover {
 /* ========================================================================
    Component: Position
  ========================================================================== */
+:root {
+  --uk-position-margin-offset: 0px;
+}
 /* Directions
  ========================================================================== */
 /*
- * 1. Prevent content overflow if `max-width: 100%` is used inside position container.
+ * 1. Prevent content overflow.
  */
 [class*='uk-position-top'],
 [class*='uk-position-bottom'],
@@ -8572,11 +8436,13 @@ iframe.uk-cover {
 [class*='uk-position-center'] {
   position: absolute !important;
   /* 1 */
-  max-width: 100%;
+  max-width: calc(100% - (var(--uk-position-margin-offset) * 2));
+  box-sizing: border-box;
 }
-/* Edges
- ========================================================================== */
-/* Don't use `width: 100%` because it is wrong if the parent has padding. */
+/*
+ * Edges
+ * Don't use `width: 100%` because it's wrong if the parent has padding.
+ */
 .uk-position-top {
   top: 0;
   left: 0;
@@ -8597,8 +8463,9 @@ iframe.uk-cover {
   bottom: 0;
   right: 0;
 }
-/* Corners
- ========================================================================== */
+/*
+ * Corners
+ */
 .uk-position-top-left {
   top: 0;
   left: 0;
@@ -8618,21 +8485,23 @@ iframe.uk-cover {
 /*
  * Center
  * 1. Fix text wrapping if content is larger than 50% of the container.
+ *    Using `max-content` requires `max-width` of 100% which is set generally.
  */
 .uk-position-center {
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
+  top: calc(50% - var(--uk-position-margin-offset));
+  left: calc(50% - var(--uk-position-margin-offset));
+  --uk-position-translate-x: -50%;
+  --uk-position-translate-y: -50%;
+  transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y));
   /* 1 */
   width: max-content;
-  max-width: 100%;
-  box-sizing: border-box;
 }
 /* Vertical */
 [class*='uk-position-center-left'],
 [class*='uk-position-center-right'] {
-  top: 50%;
-  transform: translateY(-50%);
+  top: calc(50% - var(--uk-position-margin-offset));
+  --uk-position-translate-y: -50%;
+  transform: translate(0, var(--uk-position-translate-y));
 }
 .uk-position-center-left {
   left: 0;
@@ -8651,12 +8520,11 @@ iframe.uk-cover {
 /* Horizontal */
 .uk-position-top-center,
 .uk-position-bottom-center {
-  left: 50%;
-  transform: translateX(-50%);
+  left: calc(50% - var(--uk-position-margin-offset));
+  --uk-position-translate-x: -50%;
+  transform: translate(var(--uk-position-translate-x), 0);
   /* 1 */
   width: max-content;
-  max-width: 100%;
-  box-sizing: border-box;
 }
 .uk-position-top-center {
   top: 0;
@@ -8664,8 +8532,9 @@ iframe.uk-cover {
 .uk-position-bottom-center {
   bottom: 0;
 }
-/* Cover
- ========================================================================== */
+/*
+ * Cover
+ */
 .uk-position-cover {
   position: absolute;
   top: 0;
@@ -8673,112 +8542,49 @@ iframe.uk-cover {
   left: 0;
   right: 0;
 }
-/* Utility
- ========================================================================== */
-.uk-position-relative {
-  position: relative !important;
-}
-.uk-position-absolute {
-  position: absolute !important;
-}
-.uk-position-fixed {
-  position: fixed !important;
-}
-.uk-position-z-index {
-  z-index: 1;
-}
-/* Margin modifier
+/* Margin
  ========================================================================== */
-/*
- * Small
- */
 .uk-position-small {
-  max-width: calc(100% - (15px * 2));
   margin: 15px;
+  --uk-position-margin-offset: 15px;
 }
-.uk-position-small.uk-position-center {
-  transform: translate(-50%, -50%) translate(-15px, -15px);
-}
-.uk-position-small[class*='uk-position-center-left'],
-.uk-position-small[class*='uk-position-center-right'] {
-  transform: translateY(-50%) translateY(-15px);
-}
-.uk-position-small.uk-position-top-center,
-.uk-position-small.uk-position-bottom-center {
-  transform: translateX(-50%) translateX(-15px);
-}
-/*
- * Medium
- */
 .uk-position-medium {
-  max-width: calc(100% - (30px * 2));
   margin: 30px;
+  --uk-position-margin-offset: 30px;
 }
-.uk-position-medium.uk-position-center {
-  transform: translate(-50%, -50%) translate(-30px, -30px);
-}
-.uk-position-medium[class*='uk-position-center-left'],
-.uk-position-medium[class*='uk-position-center-right'] {
-  transform: translateY(-50%) translateY(-30px);
-}
-.uk-position-medium.uk-position-top-center,
-.uk-position-medium.uk-position-bottom-center {
-  transform: translateX(-50%) translateX(-30px);
-}
-/*
- * Large
- */
 .uk-position-large {
-  max-width: calc(100% - (30px * 2));
   margin: 30px;
-}
-.uk-position-large.uk-position-center {
-  transform: translate(-50%, -50%) translate(-30px, -30px);
-}
-.uk-position-large[class*='uk-position-center-left'],
-.uk-position-large[class*='uk-position-center-right'] {
-  transform: translateY(-50%) translateY(-30px);
-}
-.uk-position-large.uk-position-top-center,
-.uk-position-large.uk-position-bottom-center {
-  transform: translateX(-50%) translateX(-30px);
+  --uk-position-margin-offset: 30px;
 }
 /* Desktop and bigger */
 @media (min-width: 1200px) {
   .uk-position-large {
-    max-width: calc(100% - (50px * 2));
     margin: 50px;
-  }
-  .uk-position-large.uk-position-center {
-    transform: translate(-50%, -50%) translate(-50px, -50px);
-  }
-  .uk-position-large[class*='uk-position-center-left'],
-  .uk-position-large[class*='uk-position-center-right'] {
-    transform: translateY(-50%) translateY(-50px);
-  }
-  .uk-position-large.uk-position-top-center,
-  .uk-position-large.uk-position-bottom-center {
-    transform: translateX(-50%) translateX(-50px);
+    --uk-position-margin-offset: 50px;
   }
 }
-/* ========================================================================
-   Component: Transition
+/* Schemes
  ========================================================================== */
-/* Toggle (Hover + Focus)
- ========================================================================== */
-/*
- * 1. Prevent tab highlighting on iOS.
- */
-.uk-transition-toggle {
-  /* 1 */
-  -webkit-tap-highlight-color: transparent;
+.uk-position-relative {
+  position: relative  !important;
 }
-/*
- * Remove outline for `tabindex`
- */
-.uk-transition-toggle:focus {
-  outline: none;
+.uk-position-absolute {
+  position: absolute  !important;
+}
+.uk-position-fixed {
+  position: fixed  !important;
+}
+.uk-position-sticky {
+  position: sticky  !important;
+}
+/* Layer
+ ========================================================================== */
+.uk-position-z-index {
+  z-index: 1;
 }
+/* ========================================================================
+   Component: Transition
+ ========================================================================== */
 /* Transitions
  ========================================================================== */
 /*
@@ -8786,13 +8592,21 @@ iframe.uk-cover {
  * 1. Using `:focus` and tabindex
  * 2. Using `:hover` and a `touchstart` event listener registered on the document
  *    (Doesn't work on Surface touch devices)
- *
- * Note: Transitions don't work with `uk-postion-center-*` classes because they also use `transform`,
- *       therefore it's recommended to use an extra `div` for the transition.
  */
+:where(.uk-transition-fade),
+:where([class*='uk-transition-scale']),
+:where([class*='uk-transition-slide']) {
+  --uk-position-translate-x: 0;
+  --uk-position-translate-y: 0;
+}
 .uk-transition-fade,
 [class*='uk-transition-scale'],
 [class*='uk-transition-slide'] {
+  --uk-translate-x: 0;
+  --uk-translate-y: 0;
+  --uk-scale-x: 1;
+  --uk-scale-y: 1;
+  transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)) translate(var(--uk-translate-x), var(--uk-translate-y)) scale(var(--uk-scale-x), var(--uk-scale-y));
   transition: 0.3s ease-out;
   transition-property: opacity, transform, filter;
   opacity: 0;
@@ -8802,76 +8616,90 @@ iframe.uk-cover {
  */
 .uk-transition-toggle:hover .uk-transition-fade,
 .uk-transition-toggle:focus .uk-transition-fade,
+.uk-transition-toggle .uk-transition-fade:focus-within,
 .uk-transition-active.uk-active .uk-transition-fade {
   opacity: 1;
 }
 /*
  * Scale
+ * 1. Make image rendering the same during the transition as before and after. Prefixed because of Safari.
  */
+/* 1 */
+[class*='uk-transition-scale'] {
+  -webkit-backface-visibility: hidden;
+}
 .uk-transition-scale-up {
-  transform: scale(1, 1);
+  --uk-scale-x: 1;
+  --uk-scale-y: 1;
 }
 .uk-transition-scale-down {
-  transform: scale(1.03, 1.03);
+  --uk-scale-x: 1.03;
+  --uk-scale-y: 1.03;
 }
 /* Show */
 .uk-transition-toggle:hover .uk-transition-scale-up,
 .uk-transition-toggle:focus .uk-transition-scale-up,
+.uk-transition-toggle .uk-transition-scale-up:focus-within,
 .uk-transition-active.uk-active .uk-transition-scale-up {
+  --uk-scale-x: 1.03;
+  --uk-scale-y: 1.03;
   opacity: 1;
-  transform: scale(1.03, 1.03);
 }
 .uk-transition-toggle:hover .uk-transition-scale-down,
 .uk-transition-toggle:focus .uk-transition-scale-down,
+.uk-transition-toggle .uk-transition-scale-down:focus-within,
 .uk-transition-active.uk-active .uk-transition-scale-down {
+  --uk-scale-x: 1;
+  --uk-scale-y: 1;
   opacity: 1;
-  transform: scale(1, 1);
 }
 /*
  * Slide
  */
 .uk-transition-slide-top {
-  transform: translateY(-100%);
+  --uk-translate-y: -100%;
 }
 .uk-transition-slide-bottom {
-  transform: translateY(100%);
+  --uk-translate-y: 100%;
 }
 .uk-transition-slide-left {
-  transform: translateX(-100%);
+  --uk-translate-x: -100%;
 }
 .uk-transition-slide-right {
-  transform: translateX(100%);
+  --uk-translate-x: 100%;
 }
 .uk-transition-slide-top-small {
-  transform: translateY(-10px);
+  --uk-translate-y: -10px;
 }
 .uk-transition-slide-bottom-small {
-  transform: translateY(10px);
+  --uk-translate-y: 10px;
 }
 .uk-transition-slide-left-small {
-  transform: translateX(-10px);
+  --uk-translate-x: -10px;
 }
 .uk-transition-slide-right-small {
-  transform: translateX(10px);
+  --uk-translate-x: 10px;
 }
 .uk-transition-slide-top-medium {
-  transform: translateY(-50px);
+  --uk-translate-y: -50px;
 }
 .uk-transition-slide-bottom-medium {
-  transform: translateY(50px);
+  --uk-translate-y: 50px;
 }
 .uk-transition-slide-left-medium {
-  transform: translateX(-50px);
+  --uk-translate-x: -50px;
 }
 .uk-transition-slide-right-medium {
-  transform: translateX(50px);
+  --uk-translate-x: 50px;
 }
 /* Show */
 .uk-transition-toggle:hover [class*='uk-transition-slide'],
 .uk-transition-toggle:focus [class*='uk-transition-slide'],
+.uk-transition-toggle [class*='uk-transition-slide']:focus-within,
 .uk-transition-active.uk-active [class*='uk-transition-slide'] {
+  --uk-translate-x: 0;
+  --uk-translate-y: 0;
   opacity: 1;
-  transform: translate(0, 0);
 }
 /* Opacity modifier
  ========================================================================== */
@@ -8950,19 +8778,16 @@ iframe.uk-cover {
 .uk-invisible {
   visibility: hidden !important;
 }
-/* Toggle (Hover + Focus)
+/* Based on the State of the Parent Element
  ========================================================================== */
 /*
- * Hidden
- * 1. The toggle is triggered on touch devices using `:focus` and tabindex
- * 2. The target stays visible if any element within receives focus through keyboard
- *    Doesn't work in Edge, yet.
- * 3. Can't use `display: none` nor `visibility: hidden` because both are not focusable.
- *
+ * Can't use `display: none` nor `visibility: hidden` because both are not focusable.
+ * The target stays visible if any element within receives focus through keyboard.
+ */
+/*
+ * Discard space when hidden.
  */
-/* 1 + 2 */
 .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) {
-  /* 3 */
   position: absolute !important;
   width: 0 !important;
   height: 0 !important;
@@ -8971,49 +8796,26 @@ iframe.uk-cover {
   overflow: hidden !important;
 }
 /*
- * Invisible
+ * Keep space when hidden.
  */
-/* 1 + 2 */
 .uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) {
-  /* 3 */
   opacity: 0 !important;
 }
-/*
- * 1. Prevent tab highlighting on iOS.
- */
-.uk-visible-toggle {
-  /* 1 */
-  -webkit-tap-highlight-color: transparent;
-}
-/*
- * Remove outline for `tabindex`
- */
-.uk-visible-toggle:focus {
-  outline: none;
-}
-/* Touch
+/* Based on Hover Capability of the Pointing Device
  ========================================================================== */
 /*
- * Hide if primary pointing device has limited accuracy, e.g. a touch screen.
- * Works on mobile browsers: Safari, Chrome and Android browser
+ * Hover
  */
-@media (pointer: coarse) {
+/* Hide if primary pointing device doesn't support hover, e.g. touch screens. */
+@media (hover: none) {
   .uk-hidden-touch {
     display: none !important;
   }
 }
-/*
- * Hide if primary pointing device is accurate, e.g. mouse.
- * 1. Fallback for IE11 and Firefox, because `pointer` is not supported
- * 2. Reset if supported
- */
-/* 1 */
-.uk-hidden-notouch {
-  display: none !important;
-}
-@media (pointer: coarse) {
+/* Hide if primary pointing device supports hover, e.g. mice. */
+@media (hover) {
   .uk-hidden-notouch {
-    display: block !important;
+    display: none !important;
   }
 }
 /* ========================================================================
@@ -9064,47 +8866,36 @@ iframe.uk-cover {
 .uk-light a:hover,
 .uk-light .uk-link:hover,
 .uk-light .uk-link-toggle:hover .uk-link,
-.uk-light .uk-link-toggle:focus .uk-link,
 .uk-section-primary:not(.uk-preserve-color) a:hover,
 .uk-section-primary:not(.uk-preserve-color) .uk-link:hover,
 .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,
-.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link,
 .uk-section-secondary:not(.uk-preserve-color) a:hover,
 .uk-section-secondary:not(.uk-preserve-color) .uk-link:hover,
 .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,
-.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link,
 .uk-tile-primary:not(.uk-preserve-color) a:hover,
 .uk-tile-primary:not(.uk-preserve-color) .uk-link:hover,
 .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,
-.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link,
 .uk-tile-secondary:not(.uk-preserve-color) a:hover,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link,
 .uk-card-primary.uk-card-body a:hover,
 .uk-card-primary.uk-card-body .uk-link:hover,
 .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link,
-.uk-card-primary.uk-card-body .uk-link-toggle:focus .uk-link,
 .uk-card-primary > :not([class*='uk-card-media']) a:hover,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-link:hover,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link,
 .uk-card-secondary.uk-card-body a:hover,
 .uk-card-secondary.uk-card-body .uk-link:hover,
 .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link,
-.uk-card-secondary.uk-card-body .uk-link-toggle:focus .uk-link,
 .uk-card-secondary > :not([class*='uk-card-media']) a:hover,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-link:hover,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link,
 .uk-overlay-primary a:hover,
 .uk-overlay-primary .uk-link:hover,
 .uk-overlay-primary .uk-link-toggle:hover .uk-link,
-.uk-overlay-primary .uk-link-toggle:focus .uk-link,
 .uk-offcanvas-bar a:hover,
 .uk-offcanvas-bar .uk-link:hover,
-.uk-offcanvas-bar .uk-link-toggle:hover .uk-link,
-.uk-offcanvas-bar .uk-link-toggle:focus .uk-link {
+.uk-offcanvas-bar .uk-link-toggle:hover .uk-link {
   color: #fff;
 }
 .uk-light :not(pre) > code,
@@ -9368,6 +9159,32 @@ iframe.uk-cover {
 .uk-offcanvas-bar .uk-hr {
   border-top-color: rgba(255, 255, 255, 0.2);
 }
+.uk-light :focus,
+.uk-section-primary:not(.uk-preserve-color) :focus,
+.uk-section-secondary:not(.uk-preserve-color) :focus,
+.uk-tile-primary:not(.uk-preserve-color) :focus,
+.uk-tile-secondary:not(.uk-preserve-color) :focus,
+.uk-card-primary.uk-card-body :focus,
+.uk-card-primary > :not([class*='uk-card-media']) :focus,
+.uk-card-secondary.uk-card-body :focus,
+.uk-card-secondary > :not([class*='uk-card-media']) :focus,
+.uk-overlay-primary :focus,
+.uk-offcanvas-bar :focus {
+  outline-color: #fff;
+}
+.uk-light :focus-visible,
+.uk-section-primary:not(.uk-preserve-color) :focus-visible,
+.uk-section-secondary:not(.uk-preserve-color) :focus-visible,
+.uk-tile-primary:not(.uk-preserve-color) :focus-visible,
+.uk-tile-secondary:not(.uk-preserve-color) :focus-visible,
+.uk-card-primary.uk-card-body :focus-visible,
+.uk-card-primary > :not([class*='uk-card-media']) :focus-visible,
+.uk-card-secondary.uk-card-body :focus-visible,
+.uk-card-secondary > :not([class*='uk-card-media']) :focus-visible,
+.uk-overlay-primary :focus-visible,
+.uk-offcanvas-bar :focus-visible {
+  outline-color: #fff;
+}
 .uk-light a.uk-link-muted,
 .uk-light .uk-link-muted a,
 .uk-section-primary:not(.uk-preserve-color) a.uk-link-muted,
@@ -9395,139 +9212,106 @@ iframe.uk-cover {
 .uk-light a.uk-link-muted:hover,
 .uk-light .uk-link-muted a:hover,
 .uk-light .uk-link-toggle:hover .uk-link-muted,
-.uk-light .uk-link-toggle:focus .uk-link-muted,
 .uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover,
 .uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
 .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,
-.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-muted,
 .uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover,
 .uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
 .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,
-.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-muted,
 .uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover,
 .uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
 .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,
-.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-muted,
 .uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-muted,
 .uk-card-primary.uk-card-body a.uk-link-muted:hover,
 .uk-card-primary.uk-card-body .uk-link-muted a:hover,
 .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted,
-.uk-card-primary.uk-card-body .uk-link-toggle:focus .uk-link-muted,
 .uk-card-primary > :not([class*='uk-card-media']) a.uk-link-muted:hover,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted a:hover,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-muted,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-muted,
 .uk-card-secondary.uk-card-body a.uk-link-muted:hover,
 .uk-card-secondary.uk-card-body .uk-link-muted a:hover,
 .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted,
-.uk-card-secondary.uk-card-body .uk-link-toggle:focus .uk-link-muted,
 .uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-muted:hover,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted a:hover,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-muted,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-muted,
 .uk-overlay-primary a.uk-link-muted:hover,
 .uk-overlay-primary .uk-link-muted a:hover,
 .uk-overlay-primary .uk-link-toggle:hover .uk-link-muted,
-.uk-overlay-primary .uk-link-toggle:focus .uk-link-muted,
 .uk-offcanvas-bar a.uk-link-muted:hover,
 .uk-offcanvas-bar .uk-link-muted a:hover,
-.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-muted,
-.uk-offcanvas-bar .uk-link-toggle:focus .uk-link-muted {
+.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-muted {
   color: rgba(255, 255, 255, 0.7);
 }
 .uk-light a.uk-link-text:hover,
 .uk-light .uk-link-text a:hover,
 .uk-light .uk-link-toggle:hover .uk-link-text,
-.uk-light .uk-link-toggle:focus .uk-link-text,
 .uk-section-primary:not(.uk-preserve-color) a.uk-link-text:hover,
 .uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover,
 .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,
-.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-text,
 .uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover,
 .uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover,
 .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,
-.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-text,
 .uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover,
 .uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover,
 .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,
-.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-text,
 .uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-text,
 .uk-card-primary.uk-card-body a.uk-link-text:hover,
 .uk-card-primary.uk-card-body .uk-link-text a:hover,
 .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text,
-.uk-card-primary.uk-card-body .uk-link-toggle:focus .uk-link-text,
 .uk-card-primary > :not([class*='uk-card-media']) a.uk-link-text:hover,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-link-text a:hover,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-text,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-text,
 .uk-card-secondary.uk-card-body a.uk-link-text:hover,
 .uk-card-secondary.uk-card-body .uk-link-text a:hover,
 .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text,
-.uk-card-secondary.uk-card-body .uk-link-toggle:focus .uk-link-text,
 .uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-text:hover,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-text a:hover,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-text,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-text,
 .uk-overlay-primary a.uk-link-text:hover,
 .uk-overlay-primary .uk-link-text a:hover,
 .uk-overlay-primary .uk-link-toggle:hover .uk-link-text,
-.uk-overlay-primary .uk-link-toggle:focus .uk-link-text,
 .uk-offcanvas-bar a.uk-link-text:hover,
 .uk-offcanvas-bar .uk-link-text a:hover,
-.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-text,
-.uk-offcanvas-bar .uk-link-toggle:focus .uk-link-text {
+.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-text {
   color: rgba(255, 255, 255, 0.5);
 }
 .uk-light a.uk-link-heading:hover,
 .uk-light .uk-link-heading a:hover,
 .uk-light .uk-link-toggle:hover .uk-link-heading,
-.uk-light .uk-link-toggle:focus .uk-link-heading,
 .uk-section-primary:not(.uk-preserve-color) a.uk-link-heading:hover,
 .uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover,
 .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,
-.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-heading,
 .uk-section-secondary:not(.uk-preserve-color) a.uk-link-heading:hover,
 .uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,
 .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,
-.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-heading,
 .uk-tile-primary:not(.uk-preserve-color) a.uk-link-heading:hover,
 .uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover,
 .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,
-.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-heading,
 .uk-tile-secondary:not(.uk-preserve-color) a.uk-link-heading:hover,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-heading,
 .uk-card-primary.uk-card-body a.uk-link-heading:hover,
 .uk-card-primary.uk-card-body .uk-link-heading a:hover,
 .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading,
-.uk-card-primary.uk-card-body .uk-link-toggle:focus .uk-link-heading,
 .uk-card-primary > :not([class*='uk-card-media']) a.uk-link-heading:hover,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-link-heading a:hover,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-heading,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-heading,
 .uk-card-secondary.uk-card-body a.uk-link-heading:hover,
 .uk-card-secondary.uk-card-body .uk-link-heading a:hover,
 .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading,
-.uk-card-secondary.uk-card-body .uk-link-toggle:focus .uk-link-heading,
 .uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-heading:hover,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-heading a:hover,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-heading,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-heading,
 .uk-overlay-primary a.uk-link-heading:hover,
 .uk-overlay-primary .uk-link-heading a:hover,
 .uk-overlay-primary .uk-link-toggle:hover .uk-link-heading,
-.uk-overlay-primary .uk-link-toggle:focus .uk-link-heading,
 .uk-offcanvas-bar a.uk-link-heading:hover,
 .uk-offcanvas-bar .uk-link-heading a:hover,
-.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-heading,
-.uk-offcanvas-bar .uk-link-toggle:focus .uk-link-heading {
+.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-heading {
   color: #fff;
 }
 .uk-light .uk-heading-divider,
@@ -9881,27 +9665,16 @@ iframe.uk-cover {
   color: rgba(255, 255, 255, 0.5);
 }
 .uk-light .uk-icon-link:hover,
-.uk-light .uk-icon-link:focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:focus,
 .uk-card-primary.uk-card-body .uk-icon-link:hover,
-.uk-card-primary.uk-card-body .uk-icon-link:focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:hover,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:focus,
 .uk-card-secondary.uk-card-body .uk-icon-link:hover,
-.uk-card-secondary.uk-card-body .uk-icon-link:focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:hover,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:focus,
 .uk-overlay-primary .uk-icon-link:hover,
-.uk-overlay-primary .uk-icon-link:focus,
-.uk-offcanvas-bar .uk-icon-link:hover,
-.uk-offcanvas-bar .uk-icon-link:focus {
+.uk-offcanvas-bar .uk-icon-link:hover {
   color: rgba(255, 255, 255, 0.7);
 }
 .uk-light .uk-icon-link:active,
@@ -9943,27 +9716,16 @@ iframe.uk-cover {
   color: rgba(255, 255, 255, 0.5);
 }
 .uk-light .uk-icon-button:hover,
-.uk-light .uk-icon-button:focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:focus,
 .uk-card-primary.uk-card-body .uk-icon-button:hover,
-.uk-card-primary.uk-card-body .uk-icon-button:focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:hover,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:focus,
 .uk-card-secondary.uk-card-body .uk-icon-button:hover,
-.uk-card-secondary.uk-card-body .uk-icon-button:focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:hover,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:focus,
 .uk-overlay-primary .uk-icon-button:hover,
-.uk-overlay-primary .uk-icon-button:focus,
-.uk-offcanvas-bar .uk-icon-button:hover,
-.uk-offcanvas-bar .uk-icon-button:focus {
+.uk-offcanvas-bar .uk-icon-button:hover {
   background-color: rgba(255, 255, 255, 0.15);
   color: rgba(255, 255, 255, 0.7);
 }
@@ -10341,27 +10103,16 @@ iframe.uk-cover {
   color: #666;
 }
 .uk-light .uk-button-default:hover,
-.uk-light .uk-button-default:focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-default:focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:focus,
 .uk-card-primary.uk-card-body .uk-button-default:hover,
-.uk-card-primary.uk-card-body .uk-button-default:focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:hover,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:focus,
 .uk-card-secondary.uk-card-body .uk-button-default:hover,
-.uk-card-secondary.uk-card-body .uk-button-default:focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:hover,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:focus,
 .uk-overlay-primary .uk-button-default:hover,
-.uk-overlay-primary .uk-button-default:focus,
-.uk-offcanvas-bar .uk-button-default:hover,
-.uk-offcanvas-bar .uk-button-default:focus {
+.uk-offcanvas-bar .uk-button-default:hover {
   background-color: #f2f2f2;
   color: #666;
 }
@@ -10405,27 +10156,16 @@ iframe.uk-cover {
   color: #666;
 }
 .uk-light .uk-button-primary:hover,
-.uk-light .uk-button-primary:focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:focus,
 .uk-card-primary.uk-card-body .uk-button-primary:hover,
-.uk-card-primary.uk-card-body .uk-button-primary:focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:hover,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:focus,
 .uk-card-secondary.uk-card-body .uk-button-primary:hover,
-.uk-card-secondary.uk-card-body .uk-button-primary:focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:hover,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:focus,
 .uk-overlay-primary .uk-button-primary:hover,
-.uk-overlay-primary .uk-button-primary:focus,
-.uk-offcanvas-bar .uk-button-primary:hover,
-.uk-offcanvas-bar .uk-button-primary:focus {
+.uk-offcanvas-bar .uk-button-primary:hover {
   background-color: #f2f2f2;
   color: #666;
 }
@@ -10469,27 +10209,16 @@ iframe.uk-cover {
   color: #666;
 }
 .uk-light .uk-button-secondary:hover,
-.uk-light .uk-button-secondary:focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:focus,
 .uk-card-primary.uk-card-body .uk-button-secondary:hover,
-.uk-card-primary.uk-card-body .uk-button-secondary:focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:hover,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:focus,
 .uk-card-secondary.uk-card-body .uk-button-secondary:hover,
-.uk-card-secondary.uk-card-body .uk-button-secondary:focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:hover,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:focus,
 .uk-overlay-primary .uk-button-secondary:hover,
-.uk-overlay-primary .uk-button-secondary:focus,
-.uk-offcanvas-bar .uk-button-secondary:hover,
-.uk-offcanvas-bar .uk-button-secondary:focus {
+.uk-offcanvas-bar .uk-button-secondary:hover {
   background-color: #f2f2f2;
   color: #666;
 }
@@ -10532,27 +10261,16 @@ iframe.uk-cover {
   color: #fff;
 }
 .uk-light .uk-button-text:hover,
-.uk-light .uk-button-text:focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-text:focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:focus,
 .uk-card-primary.uk-card-body .uk-button-text:hover,
-.uk-card-primary.uk-card-body .uk-button-text:focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:hover,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:focus,
 .uk-card-secondary.uk-card-body .uk-button-text:hover,
-.uk-card-secondary.uk-card-body .uk-button-text:focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:hover,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:focus,
 .uk-overlay-primary .uk-button-text:hover,
-.uk-overlay-primary .uk-button-text:focus,
-.uk-offcanvas-bar .uk-button-text:hover,
-.uk-offcanvas-bar .uk-button-text:focus {
+.uk-offcanvas-bar .uk-button-text:hover {
   color: rgba(255, 255, 255, 0.5);
 }
 .uk-light .uk-button-text:disabled,
@@ -10582,27 +10300,16 @@ iframe.uk-cover {
   color: #fff;
 }
 .uk-light .uk-button-link:hover,
-.uk-light .uk-button-link:focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-link:focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:focus,
 .uk-card-primary.uk-card-body .uk-button-link:hover,
-.uk-card-primary.uk-card-body .uk-button-link:focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-button-link:hover,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-button-link:focus,
 .uk-card-secondary.uk-card-body .uk-button-link:hover,
-.uk-card-secondary.uk-card-body .uk-button-link:focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link:hover,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link:focus,
 .uk-overlay-primary .uk-button-link:hover,
-.uk-overlay-primary .uk-button-link:focus,
-.uk-offcanvas-bar .uk-button-link:hover,
-.uk-offcanvas-bar .uk-button-link:focus {
+.uk-offcanvas-bar .uk-button-link:hover {
   color: rgba(255, 255, 255, 0.5);
 }
 .uk-light.uk-card-badge,
@@ -10633,27 +10340,16 @@ iframe.uk-cover {
   color: rgba(255, 255, 255, 0.5);
 }
 .uk-light .uk-close:hover,
-.uk-light .uk-close:focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-close:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-close:focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-close:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-close:focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-close:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-close:focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-close:focus,
 .uk-card-primary.uk-card-body .uk-close:hover,
-.uk-card-primary.uk-card-body .uk-close:focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-close:hover,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-close:focus,
 .uk-card-secondary.uk-card-body .uk-close:hover,
-.uk-card-secondary.uk-card-body .uk-close:focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-close:hover,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-close:focus,
 .uk-overlay-primary .uk-close:hover,
-.uk-overlay-primary .uk-close:focus,
-.uk-offcanvas-bar .uk-close:hover,
-.uk-offcanvas-bar .uk-close:focus {
+.uk-offcanvas-bar .uk-close:hover {
   color: rgba(255, 255, 255, 0.7);
 }
 .uk-light .uk-totop,
@@ -10670,27 +10366,16 @@ iframe.uk-cover {
   color: rgba(255, 255, 255, 0.5);
 }
 .uk-light .uk-totop:hover,
-.uk-light .uk-totop:focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-totop:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-totop:focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-totop:focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-totop:focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:focus,
 .uk-card-primary.uk-card-body .uk-totop:hover,
-.uk-card-primary.uk-card-body .uk-totop:focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-totop:hover,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-totop:focus,
 .uk-card-secondary.uk-card-body .uk-totop:hover,
-.uk-card-secondary.uk-card-body .uk-totop:focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:hover,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:focus,
 .uk-overlay-primary .uk-totop:hover,
-.uk-overlay-primary .uk-totop:focus,
-.uk-offcanvas-bar .uk-totop:hover,
-.uk-offcanvas-bar .uk-totop:focus {
+.uk-offcanvas-bar .uk-totop:hover {
   color: rgba(255, 255, 255, 0.7);
 }
 .uk-light .uk-totop:active,
@@ -10721,27 +10406,16 @@ iframe.uk-cover {
   color: #666;
 }
 .uk-light .uk-marker:hover,
-.uk-light .uk-marker:focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-marker:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-marker:focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-marker:focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-marker:focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:focus,
 .uk-card-primary.uk-card-body .uk-marker:hover,
-.uk-card-primary.uk-card-body .uk-marker:focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-marker:hover,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-marker:focus,
 .uk-card-secondary.uk-card-body .uk-marker:hover,
-.uk-card-secondary.uk-card-body .uk-marker:focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-marker:hover,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker:focus,
 .uk-overlay-primary .uk-marker:hover,
-.uk-overlay-primary .uk-marker:focus,
-.uk-offcanvas-bar .uk-marker:hover,
-.uk-offcanvas-bar .uk-marker:focus {
+.uk-offcanvas-bar .uk-marker:hover {
   color: #666;
 }
 .uk-light .uk-badge,
@@ -10916,27 +10590,16 @@ iframe.uk-cover {
   color: rgba(255, 255, 255, 0.5);
 }
 .uk-light .uk-search-toggle:hover,
-.uk-light .uk-search-toggle:focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:focus,
 .uk-card-primary.uk-card-body .uk-search-toggle:hover,
-.uk-card-primary.uk-card-body .uk-search-toggle:focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle:hover,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle:focus,
 .uk-card-secondary.uk-card-body .uk-search-toggle:hover,
-.uk-card-secondary.uk-card-body .uk-search-toggle:focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle:hover,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle:focus,
 .uk-overlay-primary .uk-search-toggle:hover,
-.uk-overlay-primary .uk-search-toggle:focus,
-.uk-offcanvas-bar .uk-search-toggle:hover,
-.uk-offcanvas-bar .uk-search-toggle:focus {
+.uk-offcanvas-bar .uk-search-toggle:hover {
   color: rgba(255, 255, 255, 0.7);
 }
 .uk-light .uk-accordion-title,
@@ -10953,27 +10616,16 @@ iframe.uk-cover {
   color: #fff;
 }
 .uk-light .uk-accordion-title:hover,
-.uk-light .uk-accordion-title:focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:focus,
 .uk-card-primary.uk-card-body .uk-accordion-title:hover,
-.uk-card-primary.uk-card-body .uk-accordion-title:focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title:hover,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title:focus,
 .uk-card-secondary.uk-card-body .uk-accordion-title:hover,
-.uk-card-secondary.uk-card-body .uk-accordion-title:focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title:hover,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title:focus,
 .uk-overlay-primary .uk-accordion-title:hover,
-.uk-overlay-primary .uk-accordion-title:focus,
-.uk-offcanvas-bar .uk-accordion-title:hover,
-.uk-offcanvas-bar .uk-accordion-title:focus {
+.uk-offcanvas-bar .uk-accordion-title:hover {
   color: rgba(255, 255, 255, 0.7);
 }
 .uk-light .uk-grid-divider > :not(.uk-first-column)::before,
@@ -11042,27 +10694,16 @@ iframe.uk-cover {
   color: rgba(255, 255, 255, 0.5);
 }
 .uk-light .uk-nav-default > li > a:hover,
-.uk-light .uk-nav-default > li > a:focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,
 .uk-card-primary.uk-card-body .uk-nav-default > li > a:hover,
-.uk-card-primary.uk-card-body .uk-nav-default > li > a:focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a:focus,
 .uk-card-secondary.uk-card-body .uk-nav-default > li > a:hover,
-.uk-card-secondary.uk-card-body .uk-nav-default > li > a:focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a:focus,
 .uk-overlay-primary .uk-nav-default > li > a:hover,
-.uk-overlay-primary .uk-nav-default > li > a:focus,
-.uk-offcanvas-bar .uk-nav-default > li > a:hover,
-.uk-offcanvas-bar .uk-nav-default > li > a:focus {
+.uk-offcanvas-bar .uk-nav-default > li > a:hover {
   color: rgba(255, 255, 255, 0.7);
 }
 .uk-light .uk-nav-default > li.uk-active > a,
@@ -11118,27 +10759,16 @@ iframe.uk-cover {
   color: rgba(255, 255, 255, 0.5);
 }
 .uk-light .uk-nav-default .uk-nav-sub a:hover,
-.uk-light .uk-nav-default .uk-nav-sub a:focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,
 .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,
-.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:focus,
 .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,
-.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:focus,
 .uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover,
-.uk-overlay-primary .uk-nav-default .uk-nav-sub a:focus,
-.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover,
-.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus {
+.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover {
   color: rgba(255, 255, 255, 0.7);
 }
 .uk-light .uk-nav-default .uk-nav-sub li.uk-active > a,
@@ -11168,27 +10798,16 @@ iframe.uk-cover {
   color: rgba(255, 255, 255, 0.5);
 }
 .uk-light .uk-nav-primary > li > a:hover,
-.uk-light .uk-nav-primary > li > a:focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus,
 .uk-card-primary.uk-card-body .uk-nav-primary > li > a:hover,
-.uk-card-primary.uk-card-body .uk-nav-primary > li > a:focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:hover,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:focus,
 .uk-card-secondary.uk-card-body .uk-nav-primary > li > a:hover,
-.uk-card-secondary.uk-card-body .uk-nav-primary > li > a:focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:hover,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:focus,
 .uk-overlay-primary .uk-nav-primary > li > a:hover,
-.uk-overlay-primary .uk-nav-primary > li > a:focus,
-.uk-offcanvas-bar .uk-nav-primary > li > a:hover,
-.uk-offcanvas-bar .uk-nav-primary > li > a:focus {
+.uk-offcanvas-bar .uk-nav-primary > li > a:hover {
   color: rgba(255, 255, 255, 0.7);
 }
 .uk-light .uk-nav-primary > li.uk-active > a,
@@ -11244,27 +10863,16 @@ iframe.uk-cover {
   color: rgba(255, 255, 255, 0.5);
 }
 .uk-light .uk-nav-primary .uk-nav-sub a:hover,
-.uk-light .uk-nav-primary .uk-nav-sub a:focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,
 .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,
-.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:focus,
 .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,
-.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:focus,
 .uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover,
-.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:focus,
-.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover,
-.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:focus {
+.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover {
   color: rgba(255, 255, 255, 0.7);
 }
 .uk-light .uk-nav-primary .uk-nav-sub li.uk-active > a,
@@ -11307,37 +10915,26 @@ iframe.uk-cover {
   color: rgba(255, 255, 255, 0.5);
 }
 .uk-light .uk-navbar-nav > li:hover > a,
-.uk-light .uk-navbar-nav > li > a:focus,
 .uk-light .uk-navbar-nav > li > a[aria-expanded="true"],
 .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
-.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"],
 .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
-.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"],
 .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
-.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"],
 .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"],
 .uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a,
-.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:focus,
 .uk-card-primary.uk-card-body .uk-navbar-nav > li > a[aria-expanded="true"],
 .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a[aria-expanded="true"],
 .uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a,
-.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:focus,
 .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a[aria-expanded="true"],
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a[aria-expanded="true"],
 .uk-overlay-primary .uk-navbar-nav > li:hover > a,
-.uk-overlay-primary .uk-navbar-nav > li > a:focus,
 .uk-overlay-primary .uk-navbar-nav > li > a[aria-expanded="true"],
 .uk-offcanvas-bar .uk-navbar-nav > li:hover > a,
-.uk-offcanvas-bar .uk-navbar-nav > li > a:focus,
 .uk-offcanvas-bar .uk-navbar-nav > li > a[aria-expanded="true"] {
   color: rgba(255, 255, 255, 0.7);
 }
@@ -11394,37 +10991,26 @@ iframe.uk-cover {
   color: rgba(255, 255, 255, 0.5);
 }
 .uk-light .uk-navbar-toggle:hover,
-.uk-light .uk-navbar-toggle:focus,
 .uk-light .uk-navbar-toggle[aria-expanded="true"],
 .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"],
 .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"],
 .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"],
 .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"],
 .uk-card-primary.uk-card-body .uk-navbar-toggle:hover,
-.uk-card-primary.uk-card-body .uk-navbar-toggle:focus,
 .uk-card-primary.uk-card-body .uk-navbar-toggle[aria-expanded="true"],
 .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle:hover,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle:focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle[aria-expanded="true"],
 .uk-card-secondary.uk-card-body .uk-navbar-toggle:hover,
-.uk-card-secondary.uk-card-body .uk-navbar-toggle:focus,
 .uk-card-secondary.uk-card-body .uk-navbar-toggle[aria-expanded="true"],
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle:hover,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle:focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle[aria-expanded="true"],
 .uk-overlay-primary .uk-navbar-toggle:hover,
-.uk-overlay-primary .uk-navbar-toggle:focus,
 .uk-overlay-primary .uk-navbar-toggle[aria-expanded="true"],
 .uk-offcanvas-bar .uk-navbar-toggle:hover,
-.uk-offcanvas-bar .uk-navbar-toggle:focus,
 .uk-offcanvas-bar .uk-navbar-toggle[aria-expanded="true"] {
   color: rgba(255, 255, 255, 0.7);
 }
@@ -11442,27 +11028,16 @@ iframe.uk-cover {
   color: rgba(255, 255, 255, 0.5);
 }
 .uk-light .uk-subnav > * > a:hover,
-.uk-light .uk-subnav > * > a:focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:focus,
 .uk-card-primary.uk-card-body .uk-subnav > * > a:hover,
-.uk-card-primary.uk-card-body .uk-subnav > * > a:focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > a:hover,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > a:focus,
 .uk-card-secondary.uk-card-body .uk-subnav > * > a:hover,
-.uk-card-secondary.uk-card-body .uk-subnav > * > a:focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > a:hover,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > a:focus,
 .uk-overlay-primary .uk-subnav > * > a:hover,
-.uk-overlay-primary .uk-subnav > * > a:focus,
-.uk-offcanvas-bar .uk-subnav > * > a:hover,
-.uk-offcanvas-bar .uk-subnav > * > a:focus {
+.uk-offcanvas-bar .uk-subnav > * > a:hover {
   color: rgba(255, 255, 255, 0.7);
 }
 .uk-light .uk-subnav > .uk-active > a,
@@ -11506,27 +11081,16 @@ iframe.uk-cover {
   color: rgba(255, 255, 255, 0.5);
 }
 .uk-light .uk-subnav-pill > * > a:hover,
-.uk-light .uk-subnav-pill > * > a:focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus,
 .uk-card-primary.uk-card-body .uk-subnav-pill > * > a:hover,
-.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:hover,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:focus,
 .uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:hover,
-.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:hover,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:focus,
 .uk-overlay-primary .uk-subnav-pill > * > a:hover,
-.uk-overlay-primary .uk-subnav-pill > * > a:focus,
-.uk-offcanvas-bar .uk-subnav-pill > * > a:hover,
-.uk-offcanvas-bar .uk-subnav-pill > * > a:focus {
+.uk-offcanvas-bar .uk-subnav-pill > * > a:hover {
   background-color: rgba(255, 255, 255, 0.1);
   color: rgba(255, 255, 255, 0.7);
 }
@@ -11585,27 +11149,16 @@ iframe.uk-cover {
   color: rgba(255, 255, 255, 0.5);
 }
 .uk-light .uk-breadcrumb > * > :hover,
-.uk-light .uk-breadcrumb > * > :focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus,
 .uk-card-primary.uk-card-body .uk-breadcrumb > * > :hover,
-.uk-card-primary.uk-card-body .uk-breadcrumb > * > :focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :hover,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :focus,
 .uk-card-secondary.uk-card-body .uk-breadcrumb > * > :hover,
-.uk-card-secondary.uk-card-body .uk-breadcrumb > * > :focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :hover,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :focus,
 .uk-overlay-primary .uk-breadcrumb > * > :hover,
-.uk-overlay-primary .uk-breadcrumb > * > :focus,
-.uk-offcanvas-bar .uk-breadcrumb > * > :hover,
-.uk-offcanvas-bar .uk-breadcrumb > * > :focus {
+.uk-offcanvas-bar .uk-breadcrumb > * > :hover {
   color: rgba(255, 255, 255, 0.7);
 }
 .uk-light .uk-breadcrumb > :last-child > *,
@@ -11648,27 +11201,16 @@ iframe.uk-cover {
   color: rgba(255, 255, 255, 0.5);
 }
 .uk-light .uk-pagination > * > :hover,
-.uk-light .uk-pagination > * > :focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :focus,
 .uk-card-primary.uk-card-body .uk-pagination > * > :hover,
-.uk-card-primary.uk-card-body .uk-pagination > * > :focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > :hover,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > :focus,
 .uk-card-secondary.uk-card-body .uk-pagination > * > :hover,
-.uk-card-secondary.uk-card-body .uk-pagination > * > :focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > :hover,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > :focus,
 .uk-overlay-primary .uk-pagination > * > :hover,
-.uk-overlay-primary .uk-pagination > * > :focus,
-.uk-offcanvas-bar .uk-pagination > * > :hover,
-.uk-offcanvas-bar .uk-pagination > * > :focus {
+.uk-offcanvas-bar .uk-pagination > * > :hover {
   color: rgba(255, 255, 255, 0.7);
 }
 .uk-light .uk-pagination > .uk-active > *,
@@ -11711,27 +11253,16 @@ iframe.uk-cover {
   color: rgba(255, 255, 255, 0.5);
 }
 .uk-light .uk-tab > * > a:hover,
-.uk-light .uk-tab > * > a:focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:focus,
 .uk-card-primary.uk-card-body .uk-tab > * > a:hover,
-.uk-card-primary.uk-card-body .uk-tab > * > a:focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a:hover,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a:focus,
 .uk-card-secondary.uk-card-body .uk-tab > * > a:hover,
-.uk-card-secondary.uk-card-body .uk-tab > * > a:focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a:hover,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a:focus,
 .uk-overlay-primary .uk-tab > * > a:hover,
-.uk-overlay-primary .uk-tab > * > a:focus,
-.uk-offcanvas-bar .uk-tab > * > a:hover,
-.uk-offcanvas-bar .uk-tab > * > a:focus {
+.uk-offcanvas-bar .uk-tab > * > a:hover {
   color: rgba(255, 255, 255, 0.7);
 }
 .uk-light .uk-tab > .uk-active > a,
@@ -11774,27 +11305,16 @@ iframe.uk-cover {
   color: rgba(255, 255, 255, 0.7);
 }
 .uk-light .uk-slidenav:hover,
-.uk-light .uk-slidenav:focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:focus,
 .uk-card-primary.uk-card-body .uk-slidenav:hover,
-.uk-card-primary.uk-card-body .uk-slidenav:focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:hover,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:focus,
 .uk-card-secondary.uk-card-body .uk-slidenav:hover,
-.uk-card-secondary.uk-card-body .uk-slidenav:focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:hover,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:focus,
 .uk-overlay-primary .uk-slidenav:hover,
-.uk-overlay-primary .uk-slidenav:focus,
-.uk-offcanvas-bar .uk-slidenav:hover,
-.uk-offcanvas-bar .uk-slidenav:focus {
+.uk-offcanvas-bar .uk-slidenav:hover {
   color: rgba(255, 255, 255, 0.95);
 }
 .uk-light .uk-slidenav:active,
@@ -11824,27 +11344,16 @@ iframe.uk-cover {
   background-color: rgba(255, 255, 255, 0.5);
 }
 .uk-light .uk-dotnav > * > :hover,
-.uk-light .uk-dotnav > * > :focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :focus,
 .uk-card-primary.uk-card-body .uk-dotnav > * > :hover,
-.uk-card-primary.uk-card-body .uk-dotnav > * > :focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :hover,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :focus,
 .uk-card-secondary.uk-card-body .uk-dotnav > * > :hover,
-.uk-card-secondary.uk-card-body .uk-dotnav > * > :focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :hover,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :focus,
 .uk-overlay-primary .uk-dotnav > * > :hover,
-.uk-overlay-primary .uk-dotnav > * > :focus,
-.uk-offcanvas-bar .uk-dotnav > * > :hover,
-.uk-offcanvas-bar .uk-dotnav > * > :focus {
+.uk-offcanvas-bar .uk-dotnav > * > :hover {
   background-color: rgba(255, 255, 255, 0.9);
 }
 .uk-light .uk-dotnav > * > :active,
@@ -11887,27 +11396,16 @@ iframe.uk-cover {
   color: rgba(255, 255, 255, 0.5);
 }
 .uk-light .uk-iconnav > * > a:hover,
-.uk-light .uk-iconnav > * > a:focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:focus,
 .uk-card-primary.uk-card-body .uk-iconnav > * > a:hover,
-.uk-card-primary.uk-card-body .uk-iconnav > * > a:focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a:hover,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a:focus,
 .uk-card-secondary.uk-card-body .uk-iconnav > * > a:hover,
-.uk-card-secondary.uk-card-body .uk-iconnav > * > a:focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a:hover,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a:focus,
 .uk-overlay-primary .uk-iconnav > * > a:hover,
-.uk-overlay-primary .uk-iconnav > * > a:focus,
-.uk-offcanvas-bar .uk-iconnav > * > a:hover,
-.uk-offcanvas-bar .uk-iconnav > * > a:focus {
+.uk-offcanvas-bar .uk-iconnav > * > a:hover {
   color: rgba(255, 255, 255, 0.7);
 }
 .uk-light .uk-iconnav > .uk-active > a,
@@ -12028,27 +11526,16 @@ iframe.uk-cover {
   color: rgba(255, 255, 255, 0.7);
 }
 .uk-light .uk-logo:hover,
-.uk-light .uk-logo:focus,
 .uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-logo:focus,
 .uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-logo:focus,
 .uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-logo:focus,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:focus,
 .uk-card-primary.uk-card-body .uk-logo:hover,
-.uk-card-primary.uk-card-body .uk-logo:focus,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-logo:hover,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-logo:focus,
 .uk-card-secondary.uk-card-body .uk-logo:hover,
-.uk-card-secondary.uk-card-body .uk-logo:focus,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-logo:hover,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo:focus,
 .uk-overlay-primary .uk-logo:hover,
-.uk-overlay-primary .uk-logo:focus,
-.uk-offcanvas-bar .uk-logo:hover,
-.uk-offcanvas-bar .uk-logo:focus {
+.uk-offcanvas-bar .uk-logo:hover {
   color: rgba(255, 255, 255, 0.7);
 }
 .uk-light .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),