uikit 3.14.4-dev.871ba3c05 → 3.14.4-dev.ae765cd84

package/dist/css/uikit.css

@@ -1,4 +1,4 @@
-/*! UIkit 3.14.4-dev.871ba3c05 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.14.4-dev.ae765cd84 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -3501,18 +3501,6 @@ select.uk-form-width-xsmall {
 .uk-drop.uk-open {
   display: block;
 }
-/* Stretch modifier
- ========================================================================== */
-/*
- * 1. Allow scrolling
- */
-.uk-drop-stretch {
-  --uk-position-offset: 0;
-  --uk-position-viewport-offset: 0;
-  /* 1 */
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
-}
 /* Grid modifiers
  ========================================================================== */
 .uk-drop-stack .uk-drop-grid > * {
@@ -3538,7 +3526,6 @@ select.uk-form-width-xsmall {
   /* 3 */
   box-sizing: border-box;
   min-width: 200px;
-  max-width: 100vw;
   /* 4 */
   padding: 25px;
   background: #fff;
@@ -3549,19 +3536,16 @@ select.uk-form-width-xsmall {
 .uk-dropdown.uk-open {
   display: block;
 }
-/* Stretch modifier
- ========================================================================== */
 /*
- * 1. Allow scrolling
+ * Remove margin from the last-child
  */
-.uk-dropdown-stretch {
-  --uk-position-offset: 0;
-  --uk-position-viewport-offset: 0;
-  /* 1 */
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
-  box-shadow: none;
-  background: #f8f8f8;
+.uk-dropdown > :last-child {
+  margin-bottom: 0;
+}
+/* Size modifier
+ ========================================================================== */
+.uk-dropdown-large {
+  padding: 40px;
 }
 /* Nav
  * Adopts `uk-nav`
@@ -3613,6 +3597,67 @@ select.uk-form-width-xsmall {
 .uk-dropdown-stack .uk-dropdown-grid > * {
   width: 100% !important;
 }
+/* ========================================================================
+   Component: Dropbar
+ ========================================================================== */
+/*
+ * 1. Hide by default
+ * 2. Set position
+ * 3. Style
+ */
+.uk-dropbar {
+  --uk-position-offset: 0;
+  --uk-position-shift-offset: 0;
+  --uk-position-viewport-offset: 0;
+  /* 1 */
+  display: none;
+  /* 2 */
+  position: absolute;
+  z-index: 1020;
+  /* 3 */
+  box-sizing: border-box;
+  padding: 25px 15px 25px 15px;
+  background: #fff;
+  color: #666;
+}
+/* Show */
+.uk-dropbar.uk-open {
+  display: block;
+}
+/*
+ * Remove margin from the last-child
+ */
+.uk-dropbar > :last-child {
+  margin-bottom: 0;
+}
+/* Phone landscape and bigger */
+@media (min-width: 640px) {
+  .uk-dropbar {
+    padding-left: 30px;
+    padding-right: 30px;
+  }
+}
+/* Tablet landscape and bigger */
+@media (min-width: 960px) {
+  .uk-dropbar {
+    padding-left: 40px;
+    padding-right: 40px;
+  }
+}
+/* Direction modifier
+ ========================================================================== */
+.uk-dropbar-top {
+  box-shadow: 0 12px 7px -6px rgba(0, 0, 0, 0.05);
+}
+.uk-dropbar-bottom {
+  box-shadow: 0 -12px 7px -6px rgba(0, 0, 0, 0.05);
+}
+.uk-dropbar-left {
+  box-shadow: 12px 0 7px -6px rgba(0, 0, 0, 0.05);
+}
+.uk-dropbar-right {
+  box-shadow: -12px 0 7px -6px rgba(0, 0, 0, 0.05);
+}
 /* ========================================================================
    Component: Modal
  ========================================================================== */
@@ -4284,7 +4329,7 @@ select.uk-form-width-xsmall {
  * Pass fill character to JS
  */
 :root {
-  --uk-leader-fill-content: '.';
+  --uk-leader-fill-content: .;
 }
 /* ========================================================================
    Component: Notification
@@ -4929,19 +4974,13 @@ ul.uk-nav-sub {
 .uk-nav-sub a {
   padding: 2px 0;
 }
-/* Parent icon modifier
+/* Parent icon
  ========================================================================== */
-.uk-nav-parent-icon > .uk-parent > a::after {
-  content: "";
-  width: 1.5em;
-  height: 1.5em;
+.uk-nav-parent-icon {
   margin-left: auto;
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
-  background-repeat: no-repeat;
-  background-position: 50% 50%;
 }
-.uk-nav-parent-icon > .uk-parent.uk-open > a::after {
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");
+.uk-nav > li > a[aria-expanded="true"] .uk-nav-parent-icon {
+  transform: rotate(180deg);
 }
 /* Header
  ========================================================================== */
@@ -4962,6 +5001,7 @@ ul.uk-nav-sub {
  ========================================================================== */
 .uk-nav-default {
   font-size: 0.875rem;
+  line-height: 1.5;
 }
 /*
  * Items
@@ -4998,6 +5038,10 @@ ul.uk-nav-sub {
 /*
  * Sublists
  */
+.uk-nav-default .uk-nav-sub {
+  font-size: 0.875rem;
+  line-height: 1.5;
+}
 .uk-nav-default .uk-nav-sub a {
   color: #999;
 }
@@ -5009,12 +5053,14 @@ ul.uk-nav-sub {
 }
 /* Primary modifier
  ========================================================================== */
+.uk-nav-primary {
+  font-size: 1.5rem;
+  line-height: 1.5;
+}
 /*
  * Items
  */
 .uk-nav-primary > li > a {
-  font-size: 1.5rem;
-  line-height: 1.5;
   color: #999;
 }
 /* Hover */
@@ -5046,6 +5092,10 @@ ul.uk-nav-sub {
 /*
  * Sublists
  */
+.uk-nav-primary .uk-nav-sub {
+  font-size: 1.25rem;
+  line-height: 1.5;
+}
 .uk-nav-primary .uk-nav-sub a {
   color: #999;
 }
@@ -5055,6 +5105,75 @@ ul.uk-nav-sub {
 .uk-nav-primary .uk-nav-sub li.uk-active > a {
   color: #333;
 }
+/* Secondary modifier
+ ========================================================================== */
+.uk-nav-secondary {
+  font-size: 16px;
+  line-height: 1.5;
+}
+.uk-nav-secondary > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) {
+  margin-top: 0;
+}
+/*
+ * Items
+ */
+.uk-nav-secondary > li > a {
+  color: #333;
+  padding: 10px 10px;
+}
+/* Hover */
+.uk-nav-secondary > li > a:hover {
+  color: #333;
+  background-color: #f8f8f8;
+}
+/* Active */
+.uk-nav-secondary > li.uk-active > a {
+  color: #333;
+  background-color: #f8f8f8;
+}
+/*
+ * Subtitle
+ */
+.uk-nav-secondary .uk-nav-subtitle {
+  font-size: 0.875rem;
+  color: #999;
+}
+/* Hover */
+.uk-nav-secondary > li > a:hover .uk-nav-subtitle {
+  color: #666;
+}
+/* Active */
+.uk-nav-secondary > li.uk-active > a .uk-nav-subtitle {
+  color: #333;
+}
+/*
+ * Header
+ */
+.uk-nav-secondary .uk-nav-header {
+  color: #333;
+}
+/*
+ * Divider
+ */
+.uk-nav-secondary .uk-nav-divider {
+  border-top: 1px solid #e5e5e5;
+}
+/*
+ * Sublists
+ */
+.uk-nav-secondary .uk-nav-sub {
+  font-size: 0.875rem;
+  line-height: 1.5;
+}
+.uk-nav-secondary .uk-nav-sub a {
+  color: #999;
+}
+.uk-nav-secondary .uk-nav-sub a:hover {
+  color: #666;
+}
+.uk-nav-secondary .uk-nav-sub li.uk-active > a {
+  color: #333;
+}
 /* Alignment modifier
  ========================================================================== */
 /*
@@ -5074,15 +5193,19 @@ ul.uk-nav-sub {
 .uk-nav-center .uk-nav-sub ul {
   padding-left: 0;
 }
-/* Parent icon modifier  */
-.uk-nav-center.uk-nav-parent-icon > .uk-parent > a::after {
+/* Parent icon  */
+.uk-nav-center .uk-nav-parent-icon {
   margin-left: 0;
 }
 /* Style modifier
  ========================================================================== */
+/*
+ * Divider
+ * Naming is in plural to prevent conflicts with divider sub object.
+ */
 .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) {
-  margin-top: 0;
-  padding-top: 0;
+  margin-top: 5px;
+  padding-top: 5px;
   border-top: 1px solid #e5e5e5;
 }
 /* ========================================================================
@@ -5093,7 +5216,6 @@ ul.uk-nav-sub {
  */
 .uk-navbar {
   display: flex;
-  --uk-navbar-nav-item-gap: 30px;
   /* 1 */
   position: relative;
 }
@@ -5106,15 +5228,12 @@ ul.uk-nav-sub {
  ========================================================================== */
 /*
  * 1. Align navs and items vertically if they have a different height
- * 2. Note: IE 11 requires an extra `div` which affects the center selector
  */
 .uk-navbar-left,
 .uk-navbar-right,
-.uk-navbar-center,
-.uk-navbar-center-left > *,
-.uk-navbar-center-right > * {
+[class*='uk-navbar-center'] {
   display: flex;
-  gap: var(--uk-navbar-nav-item-gap);
+  gap: 30px;
   /* 1 */
   align-items: center;
 }
@@ -5153,10 +5272,10 @@ ul.uk-nav-sub {
   top: 0;
 }
 .uk-navbar-center-left {
-  right: calc(100% + var(--uk-navbar-nav-item-gap));
+  right: calc(100% + 30px);
 }
 .uk-navbar-center-right {
-  left: calc(100% + var(--uk-navbar-nav-item-gap));
+  left: calc(100% + 30px);
 }
 [class*='uk-navbar-center-'] {
   width: max-content;
@@ -5169,7 +5288,7 @@ ul.uk-nav-sub {
  */
 .uk-navbar-nav {
   display: flex;
-  gap: var(--uk-navbar-nav-item-gap);
+  gap: 30px;
   /* 1 */
   margin: 0;
   padding: 0;
@@ -5204,7 +5323,6 @@ ul.uk-nav-sub {
   /* 3 */
   box-sizing: border-box;
   min-height: 80px;
-  padding: 0 0;
   /* 4 */
   font-size: 0.875rem;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -5215,6 +5333,7 @@ ul.uk-nav-sub {
  * Nav items
  */
 .uk-navbar-nav > li > a {
+  padding: 0 0;
   color: #999;
   text-transform: uppercase;
   transition: 0.1s ease-in-out;
@@ -5236,6 +5355,14 @@ ul.uk-nav-sub {
 .uk-navbar-nav > li.uk-active > a {
   color: #333;
 }
+/* Parent icon modifier
+ ========================================================================== */
+.uk-navbar-parent-icon {
+  margin-left: 4px;
+}
+.uk-navbar-nav > li > a[aria-expanded="true"] .uk-navbar-parent-icon {
+  transform: rotate(180deg);
+}
 /* Item
  ========================================================================== */
 .uk-navbar-item {
@@ -5251,6 +5378,7 @@ ul.uk-nav-sub {
 /* Toggle
  ========================================================================== */
 .uk-navbar-toggle {
+  padding: 0 0;
   color: #999;
 }
 .uk-navbar-toggle:hover,
@@ -5301,7 +5429,6 @@ ul.uk-nav-sub {
   /* 3 */
   box-sizing: border-box;
   width: 200px;
-  max-width: 100vw;
   /* 4 */
   padding: 25px;
   background: #fff;
@@ -5312,6 +5439,12 @@ ul.uk-nav-sub {
 .uk-navbar-dropdown.uk-open {
   display: block;
 }
+/*
+ * Remove margin from the last-child
+ */
+.uk-navbar-dropdown > :last-child {
+  margin-bottom: 0;
+}
 /*
  * Grid
  * Adopts `uk-grid`
@@ -5347,39 +5480,42 @@ ul.uk-nav-sub {
   width: 1000px;
 }
 /*
- * Stretch modifier
- * 1. Allow scrolling
+ * Size modifier
  */
-.uk-navbar-dropdown-stretch {
-  --uk-position-offset: 0;
+.uk-navbar-dropdown-large {
   --uk-position-shift-offset: 0;
-  --uk-position-viewport-offset: 0;
-  /* 1 */
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
-  box-shadow: none;
-  background: #f8f8f8;
+  padding: 40px;
 }
 /*
  * Dropbar modifier
  * 1. Reset dropdown width to prevent to early shifting
- * 2. Set position
- * 3. Bottom padding for dropbar
- * 4. Horizontal padding
+ * 2. Reset style
+ * 3. Padding
  */
 .uk-navbar-dropdown-dropbar {
   /* 1 */
   width: auto;
   /* 2 */
-  --uk-position-offset: 0px;
+  background: transparent;
   /* 3 */
-  margin-bottom: 0px;
-  /* 4 */
-  padding-left: 0;
-  padding-right: 0;
+  padding: 25px 0 25px 0;
+  --uk-position-offset: 0;
   --uk-position-shift-offset: 0;
+  --uk-position-viewport-offset: 15px;
   box-shadow: none;
 }
+/* Phone landscape and bigger */
+@media (min-width: 640px) {
+  .uk-navbar-dropdown-dropbar {
+    --uk-position-viewport-offset: 30px;
+  }
+}
+/* Tablet landscape and bigger */
+@media (min-width: 960px) {
+  .uk-navbar-dropdown-dropbar {
+    --uk-position-viewport-offset: 40px;
+  }
+}
 /* Dropdown Nav
  * Adopts `uk-nav`
  ========================================================================== */
@@ -5432,13 +5568,18 @@ ul.uk-nav-sub {
 }
 /* Dropbar
  ========================================================================== */
+/*
+ * 1. Reset dropbar
+ * 2. Width
+ */
 .uk-navbar-dropbar {
-  position: absolute;
+  /* 1 */
+  display: block !important;
   z-index: 980;
+  padding: 0;
+  /* 2 */
   left: 0;
   right: 0;
-  background: #fff;
-  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.05);
 }
 /*
      * Grid Divider
@@ -7869,6 +8010,14 @@ iframe[data-uk-cover] {
 .uk-overflow-auto > :last-child {
   margin-bottom: 0;
 }
+/* Box Sizing
+ ========================================================================== */
+.uk-box-sizing-content {
+  box-sizing: content-box;
+}
+.uk-box-sizing-border {
+  box-sizing: border-box;
+}
 /* Resize
  ========================================================================== */
 .uk-resize {
@@ -8124,23 +8273,31 @@ iframe[data-uk-cover] {
 /* Logo
  ========================================================================== */
 /*
- * 1. Required for `a`
+ * 1. Style
+ * 2. Required for `a`
+ * 3. Behave like image but can be overridden through flex utility classes
  */
 .uk-logo {
+  /* 1 */
   font-size: 1.5rem;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   color: #333;
-  /* 1 */
+  /* 2 */
   text-decoration: none;
 }
+/* 3 */
+:where(.uk-logo) {
+  display: inline-block;
+  vertical-align: middle;
+}
 /* Hover */
 .uk-logo:hover {
   color: #333;
   /* 1 */
   text-decoration: none;
 }
-.uk-logo > :where(img, svg, video) {
-  display: inline-block;
+.uk-logo :where(img, svg, video) {
+  display: block;
 }
 .uk-logo-inverse {
   display: none;
@@ -11107,32 +11264,6 @@ iframe[data-uk-cover] {
 .uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
   border-top-color: rgba(255, 255, 255, 0.2);
 }
-.uk-light .uk-nav-parent-icon > .uk-parent > a::after,
-.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after,
-.uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after,
-.uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after,
-.uk-card-primary.uk-card-body .uk-nav-parent-icon > .uk-parent > a::after,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent > a::after,
-.uk-card-secondary.uk-card-body .uk-nav-parent-icon > .uk-parent > a::after,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent > a::after,
-.uk-overlay-primary .uk-nav-parent-icon > .uk-parent > a::after,
-.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent > a::after {
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
-}
-.uk-light .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
-.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
-.uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
-.uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
-.uk-card-primary.uk-card-body .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
-.uk-card-secondary.uk-card-body .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
-.uk-overlay-primary .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
-.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent.uk-open > a::after {
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");
-}
 .uk-light .uk-nav-default > li > a,
 .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a,
 .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a,
@@ -11341,6 +11472,151 @@ iframe[data-uk-cover] {
 .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active > a {
   color: #fff;
 }
+.uk-light .uk-nav-secondary > li > a,
+.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a,
+.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a,
+.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a,
+.uk-card-primary.uk-card-body .uk-nav-secondary > li > a,
+.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a,
+.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a,
+.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a,
+.uk-overlay-primary .uk-nav-secondary > li > a,
+.uk-offcanvas-bar .uk-nav-secondary > li > a {
+  color: #fff;
+}
+.uk-light .uk-nav-secondary > li > a:hover,
+.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover,
+.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover,
+.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover,
+.uk-card-primary.uk-card-body .uk-nav-secondary > li > a:hover,
+.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a:hover,
+.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a:hover,
+.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a:hover,
+.uk-overlay-primary .uk-nav-secondary > li > a:hover,
+.uk-offcanvas-bar .uk-nav-secondary > li > a:hover {
+  color: #fff;
+  background-color: rgba(255, 255, 255, 0.1);
+}
+.uk-light .uk-nav-secondary > li.uk-active > a,
+.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a,
+.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a,
+.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a,
+.uk-card-primary.uk-card-body .uk-nav-secondary > li.uk-active > a,
+.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li.uk-active > a,
+.uk-card-secondary.uk-card-body .uk-nav-secondary > li.uk-active > a,
+.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li.uk-active > a,
+.uk-overlay-primary .uk-nav-secondary > li.uk-active > a,
+.uk-offcanvas-bar .uk-nav-secondary > li.uk-active > a {
+  color: #fff;
+  background-color: rgba(255, 255, 255, 0.1);
+}
+.uk-light .uk-nav-secondary .uk-nav-subtitle,
+.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,
+.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,
+.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,
+.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-subtitle,
+.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-subtitle,
+.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-subtitle,
+.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-subtitle,
+.uk-overlay-primary .uk-nav-secondary .uk-nav-subtitle,
+.uk-offcanvas-bar .uk-nav-secondary .uk-nav-subtitle {
+  color: rgba(255, 255, 255, 0.5);
+}
+.uk-light .uk-nav-secondary > li > a:hover .uk-nav-subtitle,
+.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle,
+.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle,
+.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle,
+.uk-card-primary.uk-card-body .uk-nav-secondary > li > a:hover .uk-nav-subtitle,
+.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a:hover .uk-nav-subtitle,
+.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a:hover .uk-nav-subtitle,
+.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a:hover .uk-nav-subtitle,
+.uk-overlay-primary .uk-nav-secondary > li > a:hover .uk-nav-subtitle,
+.uk-offcanvas-bar .uk-nav-secondary > li > a:hover .uk-nav-subtitle {
+  color: rgba(255, 255, 255, 0.7);
+}
+.uk-light .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle,
+.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle,
+.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle,
+.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle,
+.uk-card-primary.uk-card-body .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle,
+.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle,
+.uk-card-secondary.uk-card-body .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle,
+.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle,
+.uk-overlay-primary .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle,
+.uk-offcanvas-bar .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle {
+  color: #fff;
+}
+.uk-light .uk-nav-secondary .uk-nav-header,
+.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,
+.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,
+.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,
+.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-header,
+.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-header,
+.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-header,
+.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-header,
+.uk-overlay-primary .uk-nav-secondary .uk-nav-header,
+.uk-offcanvas-bar .uk-nav-secondary .uk-nav-header {
+  color: #fff;
+}
+.uk-light .uk-nav-secondary .uk-nav-divider,
+.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,
+.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,
+.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,
+.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-divider,
+.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-divider,
+.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-divider,
+.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-divider,
+.uk-overlay-primary .uk-nav-secondary .uk-nav-divider,
+.uk-offcanvas-bar .uk-nav-secondary .uk-nav-divider {
+  border-top-color: rgba(255, 255, 255, 0.2);
+}
+.uk-light .uk-nav-secondary .uk-nav-sub a,
+.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,
+.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,
+.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,
+.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a,
+.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a,
+.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a,
+.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a,
+.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a,
+.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a {
+  color: rgba(255, 255, 255, 0.5);
+}
+.uk-light .uk-nav-secondary .uk-nav-sub a:hover,
+.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,
+.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,
+.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,
+.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover,
+.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a:hover,
+.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover,
+.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a:hover,
+.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a:hover,
+.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a:hover {
+  color: rgba(255, 255, 255, 0.7);
+}
+.uk-light .uk-nav-secondary .uk-nav-sub li.uk-active > a,
+.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a,
+.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a,
+.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a,
+.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active > a,
+.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub li.uk-active > a,
+.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active > a,
+.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub li.uk-active > a,
+.uk-overlay-primary .uk-nav-secondary .uk-nav-sub li.uk-active > a,
+.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub li.uk-active > a {
+  color: #fff;
+}
 .uk-light .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider),
 .uk-section-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider),
 .uk-section-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider),
@@ -12009,17 +12285,28 @@ iframe[data-uk-cover] {
 .uk-offcanvas-bar .uk-logo:hover {
   color: #fff;
 }
-.uk-light .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
-.uk-section-primary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
-.uk-section-secondary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
-.uk-tile-primary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
-.uk-tile-secondary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
-.uk-card-primary.uk-card-body .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
-.uk-card-primary > :not([class*='uk-card-media']) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
-.uk-card-secondary.uk-card-body .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
-.uk-overlay-primary .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
-.uk-offcanvas-bar .uk-logo > :not(.uk-logo-inverse):not(:only-of-type) {
+.uk-light .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse),
+.uk-light .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type),
+.uk-section-primary:not(.uk-preserve-color) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse),
+.uk-section-primary:not(.uk-preserve-color) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type),
+.uk-section-secondary:not(.uk-preserve-color) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse),
+.uk-section-secondary:not(.uk-preserve-color) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type),
+.uk-tile-primary:not(.uk-preserve-color) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse),
+.uk-tile-primary:not(.uk-preserve-color) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type),
+.uk-tile-secondary:not(.uk-preserve-color) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse),
+.uk-tile-secondary:not(.uk-preserve-color) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type),
+.uk-card-primary.uk-card-body .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse),
+.uk-card-primary.uk-card-body .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type),
+.uk-card-primary > :not([class*='uk-card-media']) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse),
+.uk-card-primary > :not([class*='uk-card-media']) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type),
+.uk-card-secondary.uk-card-body .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse),
+.uk-card-secondary.uk-card-body .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type),
+.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse),
+.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type),
+.uk-overlay-primary .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse),
+.uk-overlay-primary .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type),
+.uk-offcanvas-bar .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse),
+.uk-offcanvas-bar .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type) {
   display: none;
 }
 .uk-light .uk-logo-inverse,