uikit2-rails 0.1.9 → 0.1.10

data/vendor/assets/stylesheets/uikit.gradient.css

@@ -1,4 +1,4 @@
-/*! UIkit 2.26.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -14,10 +14,10 @@ html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   /* 3 */
-  background: #ffffff;
-  color: #444444;
-  background-image: -webkit-radial-gradient(100% 100%, center, #ffffff, #ffffff);
-  background-image: radial-gradient(100% 100% at center, #ffffff, #ffffff);
+  background: #fff;
+  color: #444;
+  background-image: -webkit-radial-gradient(100% 100%, center, #fff, #fff);
+  background-image: radial-gradient(100% 100% at center, #fff, #fff);
 }
 /*
  * Removes default margin.
@@ -45,13 +45,13 @@ a:hover {
  */
 a,
 .uk-link {
-  color: #0077dd;
+  color: #07D;
   text-decoration: none;
   cursor: pointer;
 }
 a:hover,
 .uk-link:hover {
-  color: #005599;
+  color: #059;
   text-decoration: underline;
 }
 /* Text-level semantics
@@ -81,10 +81,10 @@ strong {
   /* 2 */
   font-family: Consolas, monospace, serif;
   /* 3 */
-  color: #dd0055;
+  color: #D05;
   white-space: nowrap;
   padding: 0 4px;
-  border: 1px solid #dddddd;
+  border: 1px solid #ddd;
   border-radius: 3px;
   background: #fafafa;
 }
@@ -92,14 +92,14 @@ strong {
  * Emphasize
  */
 em {
-  color: #dd0055;
+  color: #D05;
 }
 /*
  * Insert
  */
 ins {
-  background: #ffffaa;
-  color: #444444;
+  background: #ffa;
+  color: #444;
   text-decoration: none;
 }
 /*
@@ -107,8 +107,8 @@ ins {
  * Note: Addresses styling not present in IE 8/9.
  */
 mark {
-  background: #ffffaa;
-  color: #444444;
+  background: #ffa;
+  color: #444;
 }
 /*
  * Quote
@@ -235,7 +235,7 @@ h6 {
   margin: 0 0 15px 0;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: normal;
-  color: #444444;
+  color: #444;
   text-transform: none;
 }
 /*
@@ -318,7 +318,7 @@ hr {
   /* 2 */
   margin: 15px 0;
   border: 0;
-  border-top: 1px solid #dddddd;
+  border-top: 1px solid #ddd;
 }
 /* Address
  ========================================================================== */
@@ -329,7 +329,7 @@ address {
  ========================================================================== */
 blockquote {
   padding-left: 15px;
-  border-left: 5px solid #dddddd;
+  border-left: 5px solid #ddd;
   font-size: 16px;
   line-height: 22px;
   font-style: italic;
@@ -343,24 +343,24 @@ pre {
   padding: 10px;
   background: #fafafa;
   font: 12px / 18px Consolas, monospace, serif;
-  color: #444444;
+  color: #444;
   -moz-tab-size: 4;
   tab-size: 4;
   /* 1 */
   overflow: auto;
-  border: 1px solid #dddddd;
+  border: 1px solid #ddd;
   border-radius: 3px;
 }
 /* Selection pseudo-element
  ========================================================================== */
 ::-moz-selection {
-  background: #3399ff;
-  color: #ffffff;
+  background: #39f;
+  color: #fff;
   text-shadow: none;
 }
 ::selection {
-  background: #3399ff;
-  color: #ffffff;
+  background: #39f;
+  color: #fff;
   text-shadow: none;
 }
 /* HTML5 elements
@@ -610,18 +610,18 @@ iframe {
 .uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),
 .uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),
 .uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) {
-  border-left: 1px solid #dddddd;
+  border-left: 1px solid #ddd;
 }
 /* Tablet and bigger */
 @media (min-width: 768px) {
   .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {
-    border-left: 1px solid #dddddd;
+    border-left: 1px solid #ddd;
   }
 }
 /* Desktop and bigger */
 @media (min-width: 960px) {
   .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) {
-    border-left: 1px solid #dddddd;
+    border-left: 1px solid #ddd;
   }
 }
 /* Large screen and bigger */
@@ -648,7 +648,7 @@ iframe {
 .uk-grid-divider:empty {
   margin-top: 25px;
   margin-bottom: 25px;
-  border-top: 1px solid #dddddd;
+  border-top: 1px solid #ddd;
 }
 /* Match panels in grids
  ========================================================================== */
@@ -1321,7 +1321,7 @@ iframe {
   line-height: 24px;
   font-weight: normal;
   text-transform: none;
-  color: #444444;
+  color: #444;
 }
 /* Sub-object: `uk-panel-badge`
  ========================================================================== */
@@ -1346,15 +1346,15 @@ iframe {
 .uk-panel-box {
   padding: 15px;
   background: #fafafa;
-  color: #444444;
-  border: 1px solid #dddddd;
+  color: #444;
+  border: 1px solid #ddd;
   border-radius: 4px;
 }
 .uk-panel-box-hover:hover {
-  color: #444444;
+  color: #444;
 }
 .uk-panel-box .uk-panel-title {
-  color: #444444;
+  color: #444;
 }
 .uk-panel-box .uk-panel-badge {
   top: 10px;
@@ -1389,27 +1389,27 @@ iframe {
  * Sub-modifier: `uk-panel-box-secondary`
  */
 .uk-panel-box-secondary {
-  background-color: #ffffff;
-  color: #444444;
+  background-color: #fff;
+  color: #444;
 }
 .uk-panel-box-secondary-hover:hover {
-  color: #444444;
+  color: #444;
 }
 .uk-panel-box-secondary .uk-panel-title {
-  color: #444444;
+  color: #444;
 }
 /* Modifier: `uk-panel-hover`
  ========================================================================== */
 .uk-panel-hover {
   padding: 15px;
-  color: #444444;
+  color: #444;
   border: 1px solid transparent;
   border-radius: 4px;
 }
 .uk-panel-hover:hover {
   background: #fafafa;
-  color: #444444;
-  border-color: #dddddd;
+  color: #444;
+  border-color: #ddd;
 }
 .uk-panel-hover .uk-panel-badge {
   top: 10px;
@@ -1424,8 +1424,8 @@ iframe {
  ========================================================================== */
 .uk-panel-header .uk-panel-title {
   padding-bottom: 10px;
-  border-bottom: 1px solid #dddddd;
-  color: #444444;
+  border-bottom: 1px solid #ddd;
+  color: #444;
 }
 /* Modifier: `uk-panel-space`
  ========================================================================== */
@@ -1448,7 +1448,7 @@ iframe {
   top: -25px;
   left: 0;
   right: 0;
-  border-top: 1px solid #dddddd;
+  border-top: 1px solid #ddd;
 }
 /* Large screen and bigger */
 @media (min-width: 1220px) {
@@ -1527,7 +1527,7 @@ iframe {
  * Default
  */
 .uk-block-default {
-  background: #ffffff;
+  background: #fff;
 }
 /*
  * Muted
@@ -1545,7 +1545,7 @@ iframe {
  * Secondary
  */
 .uk-block-secondary {
-  background: #222222;
+  background: #222;
 }
 /*
      * Adjust padding between equal colored blocks
@@ -1599,12 +1599,12 @@ iframe {
 .uk-article-meta {
   font-size: 12px;
   line-height: 18px;
-  color: #999999;
+  color: #999;
 }
 /* Sub-object `uk-article-lead`
  ========================================================================== */
 .uk-article-lead {
-  color: #444444;
+  color: #444;
   font-size: 18px;
   line-height: 24px;
   font-weight: normal;
@@ -1613,14 +1613,14 @@ iframe {
  ========================================================================== */
 .uk-article-divider {
   margin-bottom: 25px;
-  border-color: #dddddd;
+  border-color: #ddd;
 }
 * + .uk-article-divider {
   margin-top: 25px;
 }
 .uk-article + .uk-article {
   padding-top: 25px;
-  border-top: 1px solid #dddddd;
+  border-top: 1px solid #ddd;
 }
 /* ========================================================================
    Component: Comment
@@ -1630,7 +1630,7 @@ iframe {
 .uk-comment-header {
   margin-bottom: 15px;
   padding: 10px;
-  border: 1px solid #dddddd;
+  border: 1px solid #ddd;
   border-radius: 4px;
   background: #fafafa;
 }
@@ -1664,7 +1664,7 @@ iframe {
   margin: 2px 0 0 0;
   font-size: 11px;
   line-height: 16px;
-  color: #999999;
+  color: #999;
 }
 /* Sub-object `uk-comment-body`
  ========================================================================== */
@@ -1704,7 +1704,7 @@ iframe {
   border-color: rgba(45, 112, 145, 0.3);
   background-color: #ebf7fd;
   color: #2d7091;
-  text-shadow: 0 1px 0 #ffffff;
+  text-shadow: 0 1px 0 #fff;
 }
 /* ========================================================================
    Component: Cover
@@ -1831,7 +1831,7 @@ ul.uk-nav-sub {
  * Items
  */
 .uk-nav-side > li > a {
-  color: #444444;
+  color: #444;
 }
 /*
  * Hover
@@ -1841,16 +1841,16 @@ ul.uk-nav-sub {
 .uk-nav-side > li > a:hover,
 .uk-nav-side > li > a:focus {
   background: rgba(0, 0, 0, 0.03);
-  color: #444444;
+  color: #444;
   /* 2 */
   outline: none;
   box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
-  text-shadow: 0 -1px 0 #ffffff;
+  text-shadow: 0 -1px 0 #fff;
 }
 /* Active */
 .uk-nav-side > li.uk-active > a {
   background: #009dd8;
-  color: #ffffff;
+  color: #fff;
   box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
 }
@@ -1858,23 +1858,23 @@ ul.uk-nav-sub {
  * Sub-object: `uk-nav-header`
  */
 .uk-nav-side .uk-nav-header {
-  color: #444444;
+  color: #444;
 }
 /*
  * Sub-object: `uk-nav-divider`
  */
 .uk-nav-side .uk-nav-divider {
-  border-top: 1px solid #dddddd;
-  box-shadow: 0 1px 0 #ffffff;
+  border-top: 1px solid #ddd;
+  box-shadow: 0 1px 0 #fff;
 }
 /*
  * Nested items
  */
 .uk-nav-side ul a {
-  color: #0077dd;
+  color: #07D;
 }
 .uk-nav-side ul a:hover {
-  color: #005599;
+  color: #059;
 }
 /* Modifier `uk-nav-dropdown`
  ========================================================================== */
@@ -1882,7 +1882,7 @@ ul.uk-nav-sub {
  * Items
  */
 .uk-nav-dropdown > li > a {
-  color: #444444;
+  color: #444;
 }
 /*
  * Hover
@@ -1892,7 +1892,7 @@ ul.uk-nav-sub {
 .uk-nav-dropdown > li > a:hover,
 .uk-nav-dropdown > li > a:focus {
   background: #009dd8;
-  color: #ffffff;
+  color: #fff;
   /* 2 */
   outline: none;
   box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
@@ -1902,22 +1902,22 @@ ul.uk-nav-sub {
  * Sub-object: `uk-nav-header`
  */
 .uk-nav-dropdown .uk-nav-header {
-  color: #999999;
+  color: #999;
 }
 /*
  * Sub-object: `uk-nav-divider`
  */
 .uk-nav-dropdown .uk-nav-divider {
-  border-top: 1px solid #dddddd;
+  border-top: 1px solid #ddd;
 }
 /*
  * Nested items
  */
 .uk-nav-dropdown ul a {
-  color: #0077dd;
+  color: #07D;
 }
 .uk-nav-dropdown ul a:hover {
-  color: #005599;
+  color: #059;
 }
 /* Modifier `uk-nav-navbar`
  ========================================================================== */
@@ -1925,7 +1925,7 @@ ul.uk-nav-sub {
  * Items
  */
 .uk-nav-navbar > li > a {
-  color: #444444;
+  color: #444;
 }
 /*
  * Hover
@@ -1935,7 +1935,7 @@ ul.uk-nav-sub {
 .uk-nav-navbar > li > a:hover,
 .uk-nav-navbar > li > a:focus {
   background: #009dd8;
-  color: #ffffff;
+  color: #fff;
   /* 2 */
   outline: none;
   box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
@@ -1945,22 +1945,22 @@ ul.uk-nav-sub {
  * Sub-object: `uk-nav-header`
  */
 .uk-nav-navbar .uk-nav-header {
-  color: #999999;
+  color: #999;
 }
 /*
  * Sub-object: `uk-nav-divider`
  */
 .uk-nav-navbar .uk-nav-divider {
-  border-top: 1px solid #dddddd;
+  border-top: 1px solid #ddd;
 }
 /*
  * Nested items
  */
 .uk-nav-navbar ul a {
-  color: #0077dd;
+  color: #07D;
 }
 .uk-nav-navbar ul a:hover {
-  color: #005599;
+  color: #059;
 }
 /* Modifier `uk-nav-offcanvas`
  ========================================================================== */
@@ -1968,7 +1968,7 @@ ul.uk-nav-sub {
  * Items
  */
 .uk-nav-offcanvas > li > a {
-  color: #cccccc;
+  color: #ccc;
   padding: 10px 15px;
   border-top: 1px solid rgba(0, 0, 0, 0.3);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
@@ -1984,7 +1984,7 @@ ul.uk-nav-sub {
 html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,
 html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
   background: #404040;
-  color: #ffffff;
+  color: #fff;
   /* 2 */
   outline: none;
 }
@@ -1994,14 +1994,14 @@ html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
  */
 html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
   background: #1a1a1a;
-  color: #ffffff;
+  color: #fff;
   box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
 }
 /*
  * Sub-object: `uk-nav-header`
  */
 .uk-nav-offcanvas .uk-nav-header {
-  color: #777777;
+  color: #777;
   margin-top: 0;
   border-top: 1px solid rgba(0, 0, 0, 0.3);
   background: #404040;
@@ -2023,10 +2023,10 @@ html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
  * No hover on touch devices because it behaves buggy in fixed offcanvas
  */
 .uk-nav-offcanvas ul a {
-  color: #cccccc;
+  color: #ccc;
 }
 html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
-  color: #ffffff;
+  color: #fff;
 }
 /*
      * Modifier `uk-nav-offcanvas`
@@ -2047,13 +2047,13 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  ========================================================================== */
 .uk-navbar {
   background: #f7f7f7;
-  color: #444444;
+  color: #444;
   border: 1px solid rgba(0, 0, 0, 0.1);
   border-bottom-color: rgba(0, 0, 0, 0.3);
   border-radius: 4px;
   background-origin: border-box;
-  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
-  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
+  background-image: -webkit-linear-gradient(top, #fff, #eee);
+  background-image: linear-gradient(to bottom, #fff, #eee);
 }
 /*
  * Micro clearfix
@@ -2095,7 +2095,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
   padding: 0 15px;
   line-height: 40px;
   /* 2 */
-  color: #444444;
+  color: #444;
   font-size: 14px;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: normal;
@@ -2103,7 +2103,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
   margin-left: -1px;
   border: 1px solid transparent;
   border-bottom-width: 0;
-  text-shadow: 0 1px 0 #ffffff;
+  text-shadow: 0 1px 0 #fff;
 }
 /* Appear not as link */
 .uk-navbar-nav > li > a[href='#'] {
@@ -2119,7 +2119,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
 .uk-navbar-nav > li > a:focus,
 .uk-navbar-nav > li.uk-open > a {
   background-color: transparent;
-  color: #444444;
+  color: #444;
   /* 3 */
   outline: none;
   position: relative;
@@ -2132,7 +2132,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
 /* OnClick */
 .uk-navbar-nav > li > a:active {
   background-color: #f5f5f5;
-  color: #444444;
+  color: #444;
   border-left-color: rgba(0, 0, 0, 0.1);
   border-right-color: rgba(0, 0, 0, 0.1);
   border-top-color: rgba(0, 0, 0, 0.2);
@@ -2141,7 +2141,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
 /* Active */
 .uk-navbar-nav > li.uk-active > a {
   background-color: #fafafa;
-  color: #444444;
+  color: #444;
   border-left-color: rgba(0, 0, 0, 0.1);
   border-right-color: rgba(0, 0, 0, 0.1);
   border-top-color: rgba(0, 0, 0, 0.2);
@@ -2171,7 +2171,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
   padding: 0 15px;
   float: left;
   margin-top: -1px;
-  text-shadow: 0 1px 0 #ffffff;
+  text-shadow: 0 1px 0 #fff;
 }
 /*
  * Helper to center all child elements vertically
@@ -2196,16 +2196,16 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  * Link colors
  */
 .uk-navbar-content > a:not([class]) {
-  color: #0077dd;
+  color: #07D;
 }
 .uk-navbar-content > a:not([class]):hover {
-  color: #005599;
+  color: #059;
 }
 /* Sub-objects: `uk-navbar-brand`
  ========================================================================== */
 .uk-navbar-brand {
   font-size: 18px;
-  color: #444444;
+  color: #444;
   text-decoration: none;
 }
 /*
@@ -2214,7 +2214,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  */
 .uk-navbar-brand:hover,
 .uk-navbar-brand:focus {
-  color: #444444;
+  color: #444;
   text-decoration: none;
   /* 2 */
   outline: none;
@@ -2223,7 +2223,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  ========================================================================== */
 .uk-navbar-toggle {
   font-size: 18px;
-  color: #444444;
+  color: #444;
   text-decoration: none;
 }
 /*
@@ -2232,7 +2232,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  */
 .uk-navbar-toggle:hover,
 .uk-navbar-toggle:focus {
-  color: #444444;
+  color: #444;
   text-decoration: none;
   /* 2 */
   outline: none;
@@ -2360,7 +2360,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  ========================================================================== */
 .uk-subnav > * > * {
   display: inline-block;
-  color: #444444;
+  color: #444;
 }
 /*
  * Hover
@@ -2368,14 +2368,14 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  */
 .uk-subnav > * > :hover,
 .uk-subnav > * > :focus {
-  color: #0077dd;
+  color: #07D;
   text-decoration: none;
 }
 /*
  * Active
  */
 .uk-subnav > .uk-active > * {
-  color: #0077dd;
+  color: #07D;
 }
 /* Modifier: 'subnav-line'
  ========================================================================== */
@@ -2387,7 +2387,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
 }
 .uk-subnav-line > :nth-child(n+2):before {
   margin-right: 10px;
-  border-left: 1px solid #dddddd;
+  border-left: 1px solid #ddd;
 }
 /* Modifier: 'subnav-pill'
  ========================================================================== */
@@ -2403,7 +2403,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
 .uk-subnav-pill > * > :hover,
 .uk-subnav-pill > * > :focus {
   background: #fafafa;
-  color: #444444;
+  color: #444;
   text-decoration: none;
   /* 2 */
   outline: none;
@@ -2415,14 +2415,14 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  */
 .uk-subnav-pill > .uk-active > * {
   background: #009dd8;
-  color: #ffffff;
+  color: #fff;
   box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
 }
 /* Disabled state
  ========================================================================== */
 .uk-subnav > .uk-disabled > * {
   background: none;
-  color: #999999;
+  color: #999;
   text-decoration: none;
   cursor: text;
   box-shadow: none;
@@ -2464,7 +2464,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  * Disabled
  */
 .uk-breadcrumb > li:not(.uk-active) > span {
-  color: #999999;
+  color: #999;
 }
 /* ========================================================================
    Component: Pagination
@@ -2533,13 +2533,13 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  */
 .uk-pagination > li > a {
   background: #f7f7f7;
-  color: #444444;
+  color: #444;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-bottom-color: rgba(0, 0, 0, 0.3);
   background-origin: border-box;
-  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
-  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
-  text-shadow: 0 1px 0 #ffffff;
+  background-image: -webkit-linear-gradient(top, #fff, #eee);
+  background-image: linear-gradient(to bottom, #fff, #eee);
+  text-shadow: 0 1px 0 #fff;
 }
 /*
  * Hover
@@ -2549,7 +2549,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
 .uk-pagination > li > a:hover,
 .uk-pagination > li > a:focus {
   background-color: #fafafa;
-  color: #444444;
+  color: #444;
   /* 2 */
   outline: none;
   background-image: none;
@@ -2557,7 +2557,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
 /* OnClick */
 .uk-pagination > li > a:active {
   background-color: #f5f5f5;
-  color: #444444;
+  color: #444;
   border-color: rgba(0, 0, 0, 0.2);
   border-top-color: rgba(0, 0, 0, 0.3);
   background-image: none;
@@ -2568,7 +2568,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  */
 .uk-pagination > .uk-active > span {
   background: #009dd8;
-  color: #ffffff;
+  color: #fff;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-bottom-color: rgba(0, 0, 0, 0.4);
   background-origin: border-box;
@@ -2581,9 +2581,9 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  */
 .uk-pagination > .uk-disabled > span {
   background-color: #fafafa;
-  color: #999999;
+  color: #999;
   border: 1px solid rgba(0, 0, 0, 0.2);
-  text-shadow: 0 1px 0 #ffffff;
+  text-shadow: 0 1px 0 #fff;
 }
 /* Previous and next navigation
  ========================================================================== */
@@ -2608,7 +2608,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
   margin: 0;
   padding: 0;
   list-style: none;
-  border-bottom: 1px solid #dddddd;
+  border-bottom: 1px solid #ddd;
 }
 /*
  * Micro clearfix on the deepest container
@@ -2636,10 +2636,10 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
   padding: 8px 12px 8px 12px;
   border: 1px solid transparent;
   border-bottom-width: 0;
-  color: #0077dd;
+  color: #07D;
   text-decoration: none;
   border-radius: 4px 4px 0 0;
-  text-shadow: 0 1px 0 #ffffff;
+  text-shadow: 0 1px 0 #fff;
 }
 .uk-tab > li:nth-child(n+2) > a {
   margin-left: 5px;
@@ -2653,9 +2653,9 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
 .uk-tab > li > a:hover,
 .uk-tab > li > a:focus,
 .uk-tab > li.uk-open > a {
-  border-color: #dddddd;
+  border-color: #ddd;
   background: #fafafa;
-  color: #005599;
+  color: #059;
   /* 2 */
   outline: none;
 }
@@ -2667,14 +2667,14 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
 }
 /* Active */
 .uk-tab > li.uk-active > a {
-  border-color: #dddddd;
+  border-color: #ddd;
   border-bottom-color: transparent;
-  background: #ffffff;
-  color: #444444;
+  background: #fff;
+  color: #444;
 }
 /* Disabled */
 .uk-tab > li.uk-disabled > a {
-  color: #999999;
+  color: #999;
   cursor: text;
 }
 .uk-tab > li.uk-disabled > a:hover,
@@ -2708,11 +2708,11 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
 /* Modifier: 'tab-center'
  ========================================================================== */
 .uk-tab-center {
-  border-bottom: 1px solid #dddddd;
+  border-bottom: 1px solid #ddd;
 }
 .uk-tab-center-bottom {
   border-bottom: none;
-  border-top: 1px solid #dddddd;
+  border-top: 1px solid #ddd;
 }
 .uk-tab-center:before,
 .uk-tab-center:after {
@@ -2741,7 +2741,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
 /* Modifier: 'tab-bottom'
  ========================================================================== */
 .uk-tab-bottom {
-  border-top: 1px solid #dddddd;
+  border-top: 1px solid #ddd;
   border-bottom: none;
 }
 .uk-tab-bottom > li {
@@ -2764,7 +2764,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
 }
 .uk-tab-bottom > li.uk-active > a {
   border-top-color: transparent;
-  border-bottom-color: #dddddd;
+  border-bottom-color: #ddd;
 }
 /* Modifier: 'tab-grid'
  ========================================================================== */
@@ -2784,7 +2784,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
   left: 5px;
   right: 0;
   bottom: -1px;
-  border-top: 1px solid #dddddd;
+  border-top: 1px solid #ddd;
   /* 1 */
   z-index: -1;
 }
@@ -2829,13 +2829,13 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
   }
   .uk-tab-left > li.uk-active > a,
   .uk-tab-right > li.uk-active > a {
-    border-color: #dddddd;
+    border-color: #ddd;
   }
   /*
      * Modifier: 'tab-left'
      */
   .uk-tab-left {
-    border-right: 1px solid #dddddd;
+    border-right: 1px solid #ddd;
   }
   .uk-tab-left > li {
     margin-right: -1px;
@@ -2858,7 +2858,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
      * Modifier: 'tab-right'
      */
   .uk-tab-right {
-    border-left: 1px solid #dddddd;
+    border-left: 1px solid #ddd;
   }
   .uk-tab-right > li {
     margin-left: -1px;
@@ -2953,7 +2953,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  ========================================================================== */
 .uk-thumbnav > * > * {
   display: block;
-  background: #ffffff;
+  background: #fff;
 }
 .uk-thumbnav > * > * > img {
   opacity: 0.7;
@@ -3010,13 +3010,13 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
 .uk-list-line > li:nth-child(n+2) {
   margin-top: 5px;
   padding-top: 5px;
-  border-top: 1px solid #dddddd;
+  border-top: 1px solid #ddd;
 }
 /* Modifier: `uk-list-striped`
  ========================================================================== */
 .uk-list-striped > li {
   padding: 5px 5px;
-  border-bottom: 1px solid #dddddd;
+  border-bottom: 1px solid #ddd;
 }
 .uk-list-striped > li:nth-of-type(odd) {
   background: #fafafa;
@@ -3027,7 +3027,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
   margin-top: 10px;
 }
 .uk-list-striped > li:first-child {
-  border-top: 1px solid #dddddd;
+  border-top: 1px solid #ddd;
 }
 /* ========================================================================
    Component: Description list
@@ -3059,10 +3059,10 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
 .uk-description-list-line > dt:nth-child(n+2) {
   margin-top: 5px;
   padding-top: 5px;
-  border-top: 1px solid #dddddd;
+  border-top: 1px solid #ddd;
 }
 .uk-description-list-line > dd {
-  color: #999999;
+  color: #999;
 }
 /* ========================================================================
    Component: Table
@@ -3090,7 +3090,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
 .uk-table th,
 .uk-table td {
   padding: 8px 8px;
-  border-bottom: 1px solid #dddddd;
+  border-bottom: 1px solid #ddd;
 }
 /*
  * Set alignment
@@ -3114,7 +3114,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
 }
 .uk-table caption {
   text-align: left;
-  color: #999999;
+  color: #999;
 }
 /*
  * Active State
@@ -3315,9 +3315,9 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
   /* 3 */
   padding: 4px 6px;
   /* 4 */
-  border: 1px solid #dddddd;
-  background: #ffffff;
-  color: #444444;
+  border: 1px solid #ddd;
+  background: #fff;
+  color: #444;
   -webkit-transition: all 0.2s linear;
   -webkit-transition-property: border, background, color, box-shadow, padding;
   transition: all 0.2s linear;
@@ -3344,7 +3344,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
   border-color: #99baca;
   outline: 0;
   background: #f5fbfe;
-  color: #444444;
+  color: #444;
 }
 .uk-form select:disabled,
 .uk-form textarea:disabled,
@@ -3363,30 +3363,30 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
 .uk-form input[type="search"]:disabled,
 .uk-form input[type="tel"]:disabled,
 .uk-form input[type="color"]:disabled {
-  border-color: #dddddd;
+  border-color: #ddd;
   background-color: #fafafa;
-  color: #999999;
+  color: #999;
 }
 /*
  * Placeholder
  */
 .uk-form :-ms-input-placeholder {
-  color: #999999 !important;
+  color: #999 !important;
 }
 .uk-form ::-moz-placeholder {
-  color: #999999;
+  color: #999;
 }
 .uk-form ::-webkit-input-placeholder {
-  color: #999999;
+  color: #999;
 }
 .uk-form :disabled:-ms-input-placeholder {
-  color: #999999 !important;
+  color: #999 !important;
 }
 .uk-form :disabled::-moz-placeholder {
-  color: #999999;
+  color: #999;
 }
 .uk-form :disabled::-webkit-input-placeholder {
-  color: #999999;
+  color: #999;
 }
 /*
  * Legend
@@ -3416,7 +3416,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
 .uk-form legend:after {
   content: "";
   display: block;
-  border-bottom: 1px solid #dddddd;
+  border-bottom: 1px solid #ddd;
   /* 1 */
   width: 100%;
 }
@@ -3478,7 +3478,7 @@ input:not([type]).uk-form-large {
   background: none !important;
 }
 .uk-form-blank:focus {
-  border-color: #dddddd !important;
+  border-color: #ddd !important;
 }
 /* Size sub-modifiers
  ========================================================================== */
@@ -3609,7 +3609,7 @@ select.uk-form-width-mini {
   width: 30px;
   margin-top: -7px;
   font-size: 14px;
-  color: #999999;
+  color: #999;
   text-align: center;
   /* 1 */
   pointer-events: none;
@@ -3660,7 +3660,7 @@ select.uk-form-width-mini {
   overflow: visible;
   /* 5 */
   font: inherit;
-  color: #444444;
+  color: #444;
   /* 6 */
   text-transform: none;
   /* 7 */
@@ -3681,10 +3681,10 @@ select.uk-form-width-mini {
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-bottom-color: rgba(0, 0, 0, 0.3);
   background-origin: border-box;
-  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
-  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
+  background-image: -webkit-linear-gradient(top, #fff, #eee);
+  background-image: linear-gradient(to bottom, #fff, #eee);
   border-radius: 4px;
-  text-shadow: 0 1px 0 #ffffff;
+  text-shadow: 0 1px 0 #fff;
 }
 .uk-button:not(:disabled) {
   cursor: pointer;
@@ -3698,7 +3698,7 @@ select.uk-form-width-mini {
 .uk-button:hover,
 .uk-button:focus {
   background-color: #fafafa;
-  color: #444444;
+  color: #444;
   /* 2 */
   outline: none;
   /* 3 */
@@ -3709,7 +3709,7 @@ select.uk-form-width-mini {
 .uk-button:active,
 .uk-button.uk-active {
   background-color: #f5f5f5;
-  color: #444444;
+  color: #444;
   border-color: rgba(0, 0, 0, 0.2);
   border-top-color: rgba(0, 0, 0, 0.3);
   background-image: none;
@@ -3722,7 +3722,7 @@ select.uk-form-width-mini {
  */
 .uk-button-primary {
   background-color: #009dd8;
-  color: #ffffff;
+  color: #fff;
   background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
   background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
   border-color: rgba(0, 0, 0, 0.2);
@@ -3733,14 +3733,14 @@ select.uk-form-width-mini {
 .uk-button-primary:hover,
 .uk-button-primary:focus {
   background-color: #00aff2;
-  color: #ffffff;
+  color: #fff;
   background-image: none;
 }
 /* Active */
 .uk-button-primary:active,
 .uk-button-primary.uk-active {
   background-color: #008abf;
-  color: #ffffff;
+  color: #fff;
   background-image: none;
   border-color: rgba(0, 0, 0, 0.2);
   border-top-color: rgba(0, 0, 0, 0.4);
@@ -3751,7 +3751,7 @@ select.uk-form-width-mini {
  */
 .uk-button-success {
   background-color: #82bb42;
-  color: #ffffff;
+  color: #fff;
   background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
   background-image: linear-gradient(to bottom, #9fd256, #6fac34);
   border-color: rgba(0, 0, 0, 0.2);
@@ -3762,14 +3762,14 @@ select.uk-form-width-mini {
 .uk-button-success:hover,
 .uk-button-success:focus {
   background-color: #8fce48;
-  color: #ffffff;
+  color: #fff;
   background-image: none;
 }
 /* Active */
 .uk-button-success:active,
 .uk-button-success.uk-active {
   background-color: #76b430;
-  color: #ffffff;
+  color: #fff;
   background-image: none;
   border-color: rgba(0, 0, 0, 0.2);
   border-top-color: rgba(0, 0, 0, 0.4);
@@ -3780,7 +3780,7 @@ select.uk-form-width-mini {
  */
 .uk-button-danger {
   background-color: #d32c46;
-  color: #ffffff;
+  color: #fff;
   background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
   background-image: linear-gradient(to bottom, #ee465a, #c11a39);
   border-color: rgba(0, 0, 0, 0.2);
@@ -3791,14 +3791,14 @@ select.uk-form-width-mini {
 .uk-button-danger:hover,
 .uk-button-danger:focus {
   background-color: #e33551;
-  color: #ffffff;
+  color: #fff;
   background-image: none;
 }
 /* Active */
 .uk-button-danger:active,
 .uk-button-danger.uk-active {
   background-color: #c91c37;
-  color: #ffffff;
+  color: #fff;
   background-image: none;
   border-color: rgba(0, 0, 0, 0.2);
   border-top-color: rgba(0, 0, 0, 0.4);
@@ -3810,11 +3810,11 @@ select.uk-form-width-mini {
 /* Equal for all button types */
 .uk-button:disabled {
   background-color: #fafafa;
-  color: #999999;
+  color: #999;
   border-color: rgba(0, 0, 0, 0.2);
   background-image: none;
   box-shadow: none;
-  text-shadow: 0 1px 0 #ffffff;
+  text-shadow: 0 1px 0 #fff;
 }
 /* Modifier: `uk-button-link`
  ========================================================================== */
@@ -3832,17 +3832,17 @@ select.uk-form-width-mini {
 }
 /* Color */
 .uk-button-link {
-  color: #0077dd;
+  color: #07D;
 }
 .uk-button-link:hover,
 .uk-button-link:focus,
 .uk-button-link:active,
 .uk-button-link.uk-active {
-  color: #005599;
+  color: #059;
   text-decoration: underline;
 }
 .uk-button-link:disabled {
-  color: #999999;
+  color: #999;
 }
 /* Focus */
 .uk-button-link:focus {
@@ -4011,13 +4011,13 @@ select.uk-form-width-mini {
 /* Modifier: `uk-icon-hover`
  ========================================================================== */
 .uk-icon-hover {
-  color: #999999;
+  color: #999;
 }
 /*
  * Hover
  */
 .uk-icon-hover:hover {
-  color: #444444;
+  color: #444;
 }
 /* Modifier: `uk-icon-button`
  ========================================================================== */
@@ -4029,15 +4029,15 @@ select.uk-form-width-mini {
   border-radius: 100%;
   background: #f7f7f7;
   line-height: 35px;
-  color: #444444;
+  color: #444;
   font-size: 18px;
   text-align: center;
-  border: 1px solid #cccccc;
-  border-bottom-color: #bbbbbb;
+  border: 1px solid #ccc;
+  border-bottom-color: #bbb;
   background-origin: border-box;
-  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
-  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
-  text-shadow: 0 1px 0 #ffffff;
+  background-image: -webkit-linear-gradient(top, #fff, #eee);
+  background-image: linear-gradient(to bottom, #fff, #eee);
+  text-shadow: 0 1px 0 #fff;
 }
 /*
  * Hover
@@ -4047,7 +4047,7 @@ select.uk-form-width-mini {
 .uk-icon-button:hover,
 .uk-icon-button:focus {
   background-color: #fafafa;
-  color: #444444;
+  color: #444;
   /* 2 */
   outline: none;
   background-image: none;
@@ -4055,9 +4055,9 @@ select.uk-form-width-mini {
 /* Active */
 .uk-icon-button:active {
   background-color: #f5f5f5;
-  color: #444444;
-  border-color: #cccccc;
-  border-top-color: #bbbbbb;
+  color: #444;
+  border-color: #ccc;
+  border-top-color: #bbb;
   background-image: none;
   box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
 }
@@ -5981,15 +5981,20 @@ select.uk-form-width-mini {
 .uk-icon-braille:before {
   content: "\f2a1";
 }
-.uk-icon-deaf:before {
-  content: "\f2a4";
-}
+.uk-icon-deaf:before,
 .uk-icon-deafness:before {
   content: "\f2a4";
 }
 .uk-icon-envira:before {
   content: "\f299";
 }
+.uk-icon-font-awesome:before,
+.uk-icon-fa:before {
+  content: "\f2b4";
+}
+.uk-icon-first-order:before {
+  content: "\f2b0";
+}
 .uk-icon-gitlab:before {
   content: "\f296";
 }
@@ -6021,6 +6026,9 @@ select.uk-form-width-mini {
 .uk-icon-snapchat-square:before {
   content: "\f2ad";
 }
+.uk-icon-themeisle:before {
+  content: "\f2b2";
+}
 .uk-icon-universal-access:before {
   content: "\f29a";
 }
@@ -6042,6 +6050,9 @@ select.uk-form-width-mini {
 .uk-icon-wpforms:before {
   content: "\f298";
 }
+.uk-icon-yoast:before {
+  content: "\f2b1";
+}
 /* ========================================================================
    Component: Close
  ========================================================================== */
@@ -6115,7 +6126,7 @@ select.uk-form-width-mini {
 .uk-close-alt {
   padding: 2px;
   border-radius: 50%;
-  background: #ffffff;
+  background: #fff;
   opacity: 1;
   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 6px rgba(0, 0, 0, 0.3);
 }
@@ -6142,7 +6153,7 @@ select.uk-form-width-mini {
   font-size: 10px;
   font-weight: bold;
   line-height: 14px;
-  color: #ffffff;
+  color: #fff;
   text-align: center;
   vertical-align: middle;
   text-transform: none;
@@ -6158,7 +6169,7 @@ select.uk-form-width-mini {
  * Keep color when badge is a link
  */
 a.uk-badge:hover {
-  color: #ffffff;
+  color: #fff;
 }
 /* Modifier: `uk-badge-notification`;
  ========================================================================== */
@@ -6205,7 +6216,7 @@ a.uk-badge:hover {
   color: #2d7091;
   border: 1px solid rgba(45, 112, 145, 0.3);
   border-radius: 4px;
-  text-shadow: 0 1px 0 #ffffff;
+  text-shadow: 0 1px 0 #fff;
 }
 /*
  * Add margin if adjacent element
@@ -6291,8 +6302,8 @@ a.uk-badge:hover {
   margin: 0;
   /* 4 */
   padding: 4px;
-  border: 1px solid #dddddd;
-  background: #ffffff;
+  border: 1px solid #ddd;
+  background: #fff;
   border-radius: 4px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
 }
@@ -6305,7 +6316,7 @@ a.uk-badge:hover {
 a.uk-thumbnail:hover,
 a.uk-thumbnail:focus {
   border-color: #aaaaaa;
-  background-color: #ffffff;
+  background-color: #fff;
   /* 2 */
   text-decoration: none;
   /* 3 */
@@ -6317,7 +6328,7 @@ a.uk-thumbnail:focus {
 .uk-thumbnail-caption {
   padding-top: 4px;
   text-align: center;
-  color: #444444;
+  color: #444;
 }
 /* Sizes
  ========================================================================== */
@@ -6390,7 +6401,7 @@ a.uk-thumbnail:focus {
   right: 0;
   /* 2 */
   padding: 20px;
-  color: #ffffff;
+  color: #fff;
 }
 /*
  * Remove margin from the last-child
@@ -6467,7 +6478,7 @@ a.uk-thumbnail:focus {
   line-height: 1;
   font-family: FontAwesome;
   text-align: center;
-  color: #ffffff;
+  color: #fff;
 }
 /* Transitions
  ========================================================================== */
@@ -6621,7 +6632,7 @@ a.uk-thumbnail:focus {
   line-height: 1;
   font-family: FontAwesome;
   text-align: center;
-  color: #ffffff;
+  color: #fff;
 }
 /* DEPRECATED
  * Sub-object `uk-overlay-area-content`
@@ -6660,7 +6671,7 @@ a.uk-thumbnail:focus {
   text-align: center;
   /* 4 */
   padding: 0 15px;
-  color: #ffffff;
+  color: #fff;
 }
 /*
  * Remove margin from the last-child
@@ -6692,7 +6703,7 @@ a.uk-thumbnail:focus {
   /* 2 */
   padding: 15px;
   background: rgba(0, 0, 0, 0.5);
-  color: #ffffff;
+  color: #fff;
   /* 3 */
   opacity: 0;
   -webkit-transition: opacity 0.15s linear;
@@ -7436,8 +7447,8 @@ a.uk-thumbnail:focus {
  */
 .uk-dropdown {
   padding: 15px;
-  background: #ffffff;
-  color: #444444;
+  background: #fff;
+  color: #444;
   /* 1 */
   font-size: 1rem;
   vertical-align: top;
@@ -7445,6 +7456,10 @@ a.uk-thumbnail:focus {
   border-radius: 4px;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 }
+/* Focus */
+.uk-dropdown:focus {
+  outline: none;
+}
 /*
  * 1. Show dropdown
  * 2. Set animation
@@ -7516,7 +7531,7 @@ a.uk-thumbnail:focus {
      * Column divider
      */
   .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
-    border-left: 1px solid #dddddd;
+    border-left: 1px solid #ddd;
   }
   /*
      * Width multiplier for dropdown columns
@@ -7579,8 +7594,8 @@ a.uk-thumbnail:focus {
  ========================================================================== */
 .uk-dropdown-navbar {
   margin-top: 6px;
-  background: #ffffff;
-  color: #444444;
+  background: #fff;
+  color: #444;
   left: -1px;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 }
@@ -7672,7 +7687,7 @@ a.uk-thumbnail:focus {
   max-width: 100%;
   max-width: calc(100% - 20px);
   /* 3 */
-  background: #ffffff;
+  background: #fff;
   /* 4 */
   opacity: 0;
   -webkit-transform: translateY(-100px);
@@ -7787,7 +7802,7 @@ a.uk-thumbnail:focus {
   margin-bottom: 15px;
   margin: -20px -20px 15px -20px;
   padding: 20px;
-  border-bottom: 1px solid #dddddd;
+  border-bottom: 1px solid #ddd;
   border-radius: 4px 4px 0 0;
   background: #fafafa;
 }
@@ -7795,7 +7810,7 @@ a.uk-thumbnail:focus {
   margin-top: 15px;
   margin: 15px -20px -20px -20px;
   padding: 20px;
-  border-top: 1px solid #dddddd;
+  border-top: 1px solid #ddd;
   border-radius: 0 0 4px 4px;
   background: #fafafa;
 }
@@ -7814,7 +7829,7 @@ a.uk-thumbnail:focus {
   right: 0;
   bottom: -20px;
   margin-bottom: -10px;
-  color: #ffffff;
+  color: #fff;
   text-align: center;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -7872,6 +7887,7 @@ a.uk-thumbnail:focus {
  * Prepares the whole HTML page to slide-out
  * 1. Fix the main page and disallow scrolling
  * 2. Side-out transition
+ * 3. Needed for the transition to work instead of just letting it pop to the side
  */
 .uk-offcanvas-page {
   /* 1 */
@@ -7879,6 +7895,8 @@ a.uk-thumbnail:focus {
   /* 2 */
   -webkit-transition: margin-left 0.3s ease-in-out;
   transition: margin-left 0.3s ease-in-out;
+  /* 3 */
+  margin-left: 0;
 }
 /* Sub-object `uk-offcanvas-bar`
  ========================================================================== */
@@ -7902,7 +7920,7 @@ a.uk-thumbnail:focus {
   /* 2 */
   width: 270px;
   max-width: 100%;
-  background: #333333;
+  background: #333;
   /* 3 */
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
@@ -7924,21 +7942,49 @@ a.uk-thumbnail:focus {
   -webkit-transform: translateX(100%);
   transform: translateX(100%);
 }
+/* Offcanvase modes
+ ========================================================================== */
+.uk-offcanvas-bar[mode='none'] {
+  -webkit-transition: none;
+  transition: none;
+}
+.uk-offcanvas-bar[mode='reveal'] {
+  -webkit-transform: translateX(0%);
+  transform: translateX(0%);
+  clip: rect(0, 0, 100vh, 0);
+  -webkit-transition: -webkit-transform 0.3s ease-in-out, clip 0.3s ease-in-out;
+  transition: transform 0.3s ease-in-out, clip 0.3s ease-in-out;
+}
+.uk-offcanvas-bar-flip[mode='reveal'] {
+  clip: none;
+  -webkit-transform: translateX(100%);
+  transform: translateX(100%);
+}
+.uk-offcanvas-bar-flip[mode='reveal'] > * {
+  -webkit-transform: translateX(-100%);
+  transform: translateX(-100%);
+  -webkit-transition: -webkit-transform 0.3s ease-in-out;
+  transition: transform 0.3s ease-in-out;
+}
+.uk-offcanvas.uk-active .uk-offcanvas-bar-flip[mode='reveal'].uk-offcanvas-bar-show > * {
+  -webkit-transform: translateX(0%);
+  transform: translateX(0%);
+}
 /* Panel in offcanvas
  ========================================================================== */
 .uk-offcanvas .uk-panel {
   margin: 20px 15px;
-  color: #777777;
+  color: #777;
   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
 }
 .uk-offcanvas .uk-panel-title {
-  color: #cccccc;
+  color: #ccc;
 }
 .uk-offcanvas .uk-panel a:not([class]) {
-  color: #cccccc;
+  color: #ccc;
 }
 .uk-offcanvas .uk-panel a:not([class]):hover {
-  color: #ffffff;
+  color: #fff;
 }
 .uk-offcanvas-bar:after {
   content: "";
@@ -7999,7 +8045,7 @@ a.uk-thumbnail:focus {
 /* Color modifiers
  ========================================================================== */
 .uk-text-muted {
-  color: #999999 !important;
+  color: #999 !important;
 }
 .uk-text-primary {
   color: #2d7091 !important;
@@ -8014,7 +8060,7 @@ a.uk-thumbnail:focus {
   color: #d85030 !important;
 }
 .uk-text-contrast {
-  color: #ffffff !important;
+  color: #fff !important;
 }
 /* Alignment modifiers
  ========================================================================== */
@@ -8083,6 +8129,17 @@ a.uk-thumbnail:focus {
   -moz-hyphens: auto;
   hyphens: auto;
 }
+/* Transform modifiers
+ ========================================================================== */
+.uk-text-capitalize {
+  text-transform: capitalize !important;
+}
+.uk-text-lowercase {
+  text-transform: lowercase !important;
+}
+.uk-text-uppercase {
+  text-transform: uppercase !important;
+}
 /* ========================================================================
    Component: Utility
  ========================================================================== */
@@ -8395,11 +8452,11 @@ a.uk-thumbnail:focus {
  */
 .uk-link-muted,
 .uk-link-muted a {
-  color: #444444;
+  color: #444;
 }
 .uk-link-muted:hover,
 .uk-link-muted a:hover {
-  color: #444444;
+  color: #444;
 }
 /*
  * Reset link style
@@ -8431,7 +8488,7 @@ a.uk-thumbnail:focus {
   box-sizing: border-box;
   height: 170px;
   padding: 10px;
-  border: 1px solid #dddddd;
+  border: 1px solid #ddd;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   resize: both;
@@ -8828,7 +8885,7 @@ a.uk-thumbnail:focus {
    Component: Contrast
  ========================================================================== */
 .uk-contrast {
-  color: #ffffff;
+  color: #fff;
   /* Active */
 }
 .uk-contrast a:not([class]),
@@ -8838,18 +8895,18 @@ a.uk-thumbnail:focus {
 }
 .uk-contrast a:not([class]):hover,
 .uk-contrast .uk-link:hover {
-  color: #ffffff;
+  color: #fff;
   text-decoration: underline;
 }
 .uk-contrast :not(pre) > code,
 .uk-contrast :not(pre) > kbd,
 .uk-contrast :not(pre) > samp {
-  color: #ffffff;
+  color: #fff;
   border-color: rgba(255, 255, 255, 0.2);
   background: rgba(255, 255, 255, 0.1);
 }
 .uk-contrast em {
-  color: #ffffff;
+  color: #fff;
 }
 .uk-contrast h1,
 .uk-contrast h2,
@@ -8857,7 +8914,7 @@ a.uk-thumbnail:focus {
 .uk-contrast h4,
 .uk-contrast h5,
 .uk-contrast h6 {
-  color: #ffffff;
+  color: #fff;
 }
 .uk-contrast hr {
   border-top-color: rgba(255, 255, 255, 0.2);
@@ -8867,21 +8924,21 @@ a.uk-thumbnail:focus {
   text-decoration: none;
 }
 .uk-contrast .uk-nav-side > li > a {
-  color: #ffffff;
+  color: #fff;
 }
 .uk-contrast .uk-nav-side > li > a:hover,
 .uk-contrast .uk-nav-side > li > a:focus {
   background: rgba(255, 255, 255, 0.1);
-  color: #ffffff;
+  color: #fff;
   text-shadow: none;
 }
 .uk-contrast .uk-nav-side > li.uk-active > a {
-  background: #ffffff;
-  color: #444444;
+  background: #fff;
+  color: #444;
   text-shadow: none;
 }
 .uk-contrast .uk-nav-side .uk-nav-header {
-  color: #ffffff;
+  color: #fff;
 }
 .uk-contrast .uk-nav-side .uk-nav-divider {
   border-top-color: rgba(255, 255, 255, 0.2);
@@ -8890,7 +8947,7 @@ a.uk-thumbnail:focus {
   color: rgba(255, 255, 255, 0.7);
 }
 .uk-contrast .uk-nav-side ul a:hover {
-  color: #ffffff;
+  color: #fff;
 }
 .uk-contrast .uk-subnav > * > a {
   color: rgba(255, 255, 255, 0.7);
@@ -8898,11 +8955,11 @@ a.uk-thumbnail:focus {
 }
 .uk-contrast .uk-subnav > * > a:hover,
 .uk-contrast .uk-subnav > * > a:focus {
-  color: #ffffff;
+  color: #fff;
   text-decoration: none;
 }
 .uk-contrast .uk-subnav > .uk-active > a {
-  color: #ffffff;
+  color: #fff;
 }
 .uk-contrast .uk-subnav-line > :nth-child(n+2):before {
   border-left-color: rgba(255, 255, 255, 0.2);
@@ -8910,12 +8967,12 @@ a.uk-thumbnail:focus {
 .uk-contrast .uk-subnav-pill > * > a:hover,
 .uk-contrast .uk-subnav-pill > * > a:focus {
   background: rgba(255, 255, 255, 0.7);
-  color: #444444;
+  color: #444;
   text-decoration: none;
 }
 .uk-contrast .uk-subnav-pill > .uk-active > a {
-  background: #ffffff;
-  color: #444444;
+  background: #fff;
+  color: #444;
 }
 .uk-contrast .uk-tab {
   border-bottom-color: rgba(255, 255, 255, 0.2);
@@ -8930,14 +8987,14 @@ a.uk-thumbnail:focus {
 .uk-contrast .uk-tab > li.uk-open > a {
   border-color: rgba(255, 255, 255, 0.7);
   background: rgba(255, 255, 255, 0.7);
-  color: #444444;
+  color: #444;
   text-decoration: none;
 }
 .uk-contrast .uk-tab > li.uk-active > a {
   border-color: rgba(255, 255, 255, 0.2);
   border-bottom-color: transparent;
-  background: #ffffff;
-  color: #444444;
+  background: #fff;
+  color: #444;
 }
 .uk-contrast .uk-tab-center {
   border-bottom-color: rgba(255, 255, 255, 0.2);
@@ -8967,7 +9024,7 @@ a.uk-thumbnail:focus {
 .uk-contrast .uk-form input[type="color"] {
   border-color: rgba(255, 255, 255, 0.8);
   background: rgba(255, 255, 255, 0.8);
-  color: #444444;
+  color: #444;
   background-clip: padding-box;
 }
 .uk-contrast .uk-form select:focus,
@@ -8987,9 +9044,9 @@ a.uk-thumbnail:focus {
 .uk-contrast .uk-form input[type="search"]:focus,
 .uk-contrast .uk-form input[type="tel"]:focus,
 .uk-contrast .uk-form input[type="color"]:focus {
-  border-color: #ffffff;
-  background: #ffffff;
-  color: #444444;
+  border-color: #fff;
+  background: #fff;
+  color: #444;
 }
 .uk-contrast .uk-form :-ms-input-placeholder {
   color: rgba(68, 68, 68, 0.7) !important;
@@ -9001,56 +9058,56 @@ a.uk-thumbnail:focus {
   color: rgba(68, 68, 68, 0.7);
 }
 .uk-contrast .uk-button {
-  color: #444444;
-  background: #ffffff;
+  color: #444;
+  background: #fff;
   border-color: transparent;
 }
 .uk-contrast .uk-button:hover,
 .uk-contrast .uk-button:focus {
   background-color: rgba(255, 255, 255, 0.8);
-  color: #444444;
+  color: #444;
   border-color: transparent;
 }
 .uk-contrast .uk-button:active,
 .uk-contrast .uk-button.uk-active {
   background-color: rgba(255, 255, 255, 0.7);
-  color: #444444;
+  color: #444;
   box-shadow: none;
 }
 .uk-contrast .uk-button-primary {
   background-color: #009dd8;
-  color: #ffffff;
+  color: #fff;
 }
 .uk-contrast .uk-button-primary:hover,
 .uk-contrast .uk-button-primary:focus {
   background-color: #00aff2;
-  color: #ffffff;
+  color: #fff;
 }
 .uk-contrast .uk-button-primary:active,
 .uk-contrast .uk-button-primary.uk-active {
   background-color: #008abf;
-  color: #ffffff;
+  color: #fff;
 }
 .uk-contrast .uk-icon-hover {
   color: rgba(255, 255, 255, 0.7);
 }
 .uk-contrast .uk-icon-hover:hover {
-  color: #ffffff;
+  color: #fff;
 }
 .uk-contrast .uk-icon-button {
-  background: #ffffff;
-  color: #444444;
+  background: #fff;
+  color: #444;
   border-color: transparent;
 }
 .uk-contrast .uk-icon-button:hover,
 .uk-contrast .uk-icon-button:focus {
   background-color: rgba(255, 255, 255, 0.8);
-  color: #444444;
+  color: #444;
   border-color: transparent;
 }
 .uk-contrast .uk-icon-button:active {
   background-color: rgba(255, 255, 255, 0.7);
-  color: #444444;
+  color: #444;
   box-shadow: none;
 }
 .uk-contrast .uk-text-muted {