uikit2-rails 0.1.9 → 0.1.10

data/vendor/assets/stylesheets/uikit.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,8 +14,8 @@ html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   /* 3 */
-  background: #ffffff;
-  color: #444444;
+  background: #fff;
+  color: #444;
 }
 /*
  * Removes default margin.
@@ -43,13 +43,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
@@ -79,21 +79,21 @@ strong {
   /* 2 */
   font-family: Consolas, monospace, serif;
   /* 3 */
-  color: #dd0055;
+  color: #D05;
   white-space: nowrap;
 }
 /*
  * Emphasize
  */
 em {
-  color: #dd0055;
+  color: #D05;
 }
 /*
  * Insert
  */
 ins {
-  background: #ffffaa;
-  color: #444444;
+  background: #ffa;
+  color: #444;
   text-decoration: none;
 }
 /*
@@ -101,8 +101,8 @@ ins {
  * Note: Addresses styling not present in IE 8/9.
  */
 mark {
-  background: #ffffaa;
-  color: #444444;
+  background: #ffa;
+  color: #444;
 }
 /*
  * Quote
@@ -229,7 +229,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;
 }
 /*
@@ -312,7 +312,7 @@ hr {
   /* 2 */
   margin: 15px 0;
   border: 0;
-  border-top: 1px solid #dddddd;
+  border-top: 1px solid #ddd;
 }
 /* Address
  ========================================================================== */
@@ -323,7 +323,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;
@@ -337,7 +337,7 @@ pre {
   padding: 10px;
   background: #f5f5f5;
   font: 12px / 18px Consolas, monospace, serif;
-  color: #444444;
+  color: #444;
   -moz-tab-size: 4;
   tab-size: 4;
   /* 1 */
@@ -346,13 +346,13 @@ pre {
 /* 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
@@ -602,18 +602,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 */
@@ -640,7 +640,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
  ========================================================================== */
@@ -1313,7 +1313,7 @@ iframe {
   line-height: 24px;
   font-weight: normal;
   text-transform: none;
-  color: #444444;
+  color: #444;
 }
 /* Sub-object: `uk-panel-badge`
  ========================================================================== */
@@ -1338,13 +1338,13 @@ iframe {
 .uk-panel-box {
   padding: 15px;
   background: #f5f5f5;
-  color: #444444;
+  color: #444;
 }
 .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;
@@ -1378,24 +1378,24 @@ iframe {
  * Sub-modifier: `uk-panel-box-secondary`
  */
 .uk-panel-box-secondary {
-  background-color: #eeeeee;
-  color: #444444;
+  background-color: #eee;
+  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;
 }
 .uk-panel-hover:hover {
   background: #f5f5f5;
-  color: #444444;
+  color: #444;
 }
 .uk-panel-hover .uk-panel-badge {
   top: 10px;
@@ -1410,8 +1410,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`
  ========================================================================== */
@@ -1434,7 +1434,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) {
@@ -1507,7 +1507,7 @@ iframe {
  * Default
  */
 .uk-block-default {
-  background: #ffffff;
+  background: #fff;
 }
 /*
  * Muted
@@ -1525,7 +1525,7 @@ iframe {
  * Secondary
  */
 .uk-block-secondary {
-  background: #222222;
+  background: #222;
 }
 /*
      * Adjust padding between equal colored blocks
@@ -1579,12 +1579,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;
@@ -1593,7 +1593,7 @@ iframe {
  ========================================================================== */
 .uk-article-divider {
   margin-bottom: 25px;
-  border-color: #dddddd;
+  border-color: #ddd;
 }
 * + .uk-article-divider {
   margin-top: 25px;
@@ -1636,7 +1636,7 @@ iframe {
   margin: 2px 0 0 0;
   font-size: 11px;
   line-height: 16px;
-  color: #999999;
+  color: #999;
 }
 /* Sub-object `uk-comment-body`
  ========================================================================== */
@@ -1793,7 +1793,7 @@ ul.uk-nav-sub {
  * Items
  */
 .uk-nav-side > li > a {
-  color: #444444;
+  color: #444;
 }
 /*
  * Hover
@@ -1803,35 +1803,35 @@ ul.uk-nav-sub {
 .uk-nav-side > li > a:hover,
 .uk-nav-side > li > a:focus {
   background: rgba(0, 0, 0, 0.05);
-  color: #444444;
+  color: #444;
   /* 2 */
   outline: none;
 }
 /* Active */
 .uk-nav-side > li.uk-active > a {
   background: #00a8e6;
-  color: #ffffff;
+  color: #fff;
 }
 /*
  * 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;
+  border-top: 1px solid #ddd;
 }
 /*
  * 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`
  ========================================================================== */
@@ -1839,7 +1839,7 @@ ul.uk-nav-sub {
  * Items
  */
 .uk-nav-dropdown > li > a {
-  color: #444444;
+  color: #444;
 }
 /*
  * Hover
@@ -1849,7 +1849,7 @@ ul.uk-nav-sub {
 .uk-nav-dropdown > li > a:hover,
 .uk-nav-dropdown > li > a:focus {
   background: #00a8e6;
-  color: #ffffff;
+  color: #fff;
   /* 2 */
   outline: none;
 }
@@ -1857,22 +1857,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`
  ========================================================================== */
@@ -1880,7 +1880,7 @@ ul.uk-nav-sub {
  * Items
  */
 .uk-nav-navbar > li > a {
-  color: #444444;
+  color: #444;
 }
 /*
  * Hover
@@ -1890,7 +1890,7 @@ ul.uk-nav-sub {
 .uk-nav-navbar > li > a:hover,
 .uk-nav-navbar > li > a:focus {
   background: #00a8e6;
-  color: #ffffff;
+  color: #fff;
   /* 2 */
   outline: none;
 }
@@ -1898,22 +1898,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`
  ========================================================================== */
@@ -1921,7 +1921,7 @@ ul.uk-nav-sub {
  * Items
  */
 .uk-nav-offcanvas > li > a {
-  color: #cccccc;
+  color: #ccc;
   padding: 10px 15px;
 }
 /*
@@ -1934,7 +1934,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;
 }
@@ -1944,13 +1944,13 @@ 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;
 }
 /*
  * Sub-object: `uk-nav-header`
  */
 .uk-nav-offcanvas .uk-nav-header {
-  color: #777777;
+  color: #777;
 }
 /*
  * Sub-object: `uk-nav-divider`
@@ -1963,17 +1963,17 @@ 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;
 }
 /* ========================================================================
    Component: Navbar
  ========================================================================== */
 .uk-navbar {
-  background: #eeeeee;
-  color: #444444;
+  background: #eee;
+  color: #444;
 }
 /*
  * Micro clearfix
@@ -2015,7 +2015,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;
@@ -2034,19 +2034,19 @@ 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: #f5f5f5;
-  color: #444444;
+  color: #444;
   /* 3 */
   outline: none;
 }
 /* OnClick */
 .uk-navbar-nav > li > a:active {
-  background-color: #dddddd;
-  color: #444444;
+  background-color: #ddd;
+  color: #444;
 }
 /* Active */
 .uk-navbar-nav > li.uk-active > a {
   background-color: #f5f5f5;
-  color: #444444;
+  color: #444;
 }
 /* Sub-objects: `uk-navbar-nav-subtitle`
  ========================================================================== */
@@ -2095,16 +2095,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;
 }
 /*
@@ -2113,7 +2113,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;
@@ -2122,7 +2122,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  ========================================================================== */
 .uk-navbar-toggle {
   font-size: 18px;
-  color: #444444;
+  color: #444;
   text-decoration: none;
 }
 /*
@@ -2131,7 +2131,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;
@@ -2223,7 +2223,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  ========================================================================== */
 .uk-subnav > * > * {
   display: inline-block;
-  color: #444444;
+  color: #444;
 }
 /*
  * Hover
@@ -2231,14 +2231,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'
  ========================================================================== */
@@ -2250,7 +2250,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'
  ========================================================================== */
@@ -2264,8 +2264,8 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  */
 .uk-subnav-pill > * > :hover,
 .uk-subnav-pill > * > :focus {
-  background: #eeeeee;
-  color: #444444;
+  background: #eee;
+  color: #444;
   text-decoration: none;
   /* 2 */
   outline: none;
@@ -2276,13 +2276,13 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  */
 .uk-subnav-pill > .uk-active > * {
   background: #00a8e6;
-  color: #ffffff;
+  color: #fff;
 }
 /* Disabled state
  ========================================================================== */
 .uk-subnav > .uk-disabled > * {
   background: none;
-  color: #999999;
+  color: #999;
   text-decoration: none;
   cursor: text;
 }
@@ -2323,7 +2323,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
@@ -2390,8 +2390,8 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  * Links
  */
 .uk-pagination > li > a {
-  background: #eeeeee;
-  color: #444444;
+  background: #eee;
+  color: #444;
 }
 /*
  * Hover
@@ -2401,28 +2401,28 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
 .uk-pagination > li > a:hover,
 .uk-pagination > li > a:focus {
   background-color: #f5f5f5;
-  color: #444444;
+  color: #444;
   /* 2 */
   outline: none;
 }
 /* OnClick */
 .uk-pagination > li > a:active {
-  background-color: #dddddd;
-  color: #444444;
+  background-color: #ddd;
+  color: #444;
 }
 /*
  * Active
  */
 .uk-pagination > .uk-active > span {
   background: #00a8e6;
-  color: #ffffff;
+  color: #fff;
 }
 /*
  * Disabled
  */
 .uk-pagination > .uk-disabled > span {
   background-color: #f5f5f5;
-  color: #999999;
+  color: #999;
 }
 /* Previous and next navigation
  ========================================================================== */
@@ -2447,7 +2447,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
@@ -2475,7 +2475,7 @@ 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;
 }
 .uk-tab > li:nth-child(n+2) > a {
@@ -2492,7 +2492,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
 .uk-tab > li.uk-open > a {
   border-color: #f5f5f5;
   background: #f5f5f5;
-  color: #005599;
+  color: #059;
   /* 2 */
   outline: none;
 }
@@ -2504,14 +2504,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,
@@ -2545,11 +2545,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 {
@@ -2578,7 +2578,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 {
@@ -2601,7 +2601,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'
  ========================================================================== */
@@ -2621,7 +2621,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;
 }
@@ -2666,13 +2666,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;
@@ -2695,7 +2695,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;
@@ -2768,7 +2768,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;
@@ -2825,7 +2825,7 @@ 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`
  ========================================================================== */
@@ -2870,10 +2870,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
@@ -2924,13 +2924,13 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
 }
 .uk-table caption {
   text-align: left;
-  color: #999999;
+  color: #999;
 }
 /*
  * Active State
  */
 .uk-table tbody tr.uk-active {
-  background: #eeeeee;
+  background: #EEE;
 }
 /* Sub-modifier: `uk-table-middle`
  ========================================================================== */
@@ -2951,7 +2951,7 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
 /* Modifier: `uk-table-hover`
  ========================================================================== */
 .uk-table-hover tbody tr:hover {
-  background: #eeeeee;
+  background: #EEE;
 }
 /* ========================================================================
    Component: Form
@@ -3125,9 +3125,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;
@@ -3153,7 +3153,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,
@@ -3172,30 +3172,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: #f5f5f5;
-  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
@@ -3225,7 +3225,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%;
 }
@@ -3287,7 +3287,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
  ========================================================================== */
@@ -3418,7 +3418,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;
@@ -3469,14 +3469,14 @@ select.uk-form-width-mini {
   overflow: visible;
   /* 5 */
   font: inherit;
-  color: #444444;
+  color: #444;
   /* 6 */
   text-transform: none;
   /* 7 */
   display: inline-block;
   box-sizing: border-box;
   padding: 0 12px;
-  background: #eeeeee;
+  background: #eee;
   vertical-align: middle;
   /* 8 */
   line-height: 30px;
@@ -3500,7 +3500,7 @@ select.uk-form-width-mini {
 .uk-button:hover,
 .uk-button:focus {
   background-color: #f5f5f5;
-  color: #444444;
+  color: #444;
   /* 2 */
   outline: none;
   /* 3 */
@@ -3509,8 +3509,8 @@ select.uk-form-width-mini {
 /* Active */
 .uk-button:active,
 .uk-button.uk-active {
-  background-color: #dddddd;
-  color: #444444;
+  background-color: #ddd;
+  color: #444;
 }
 /* Color modifiers
  ========================================================================== */
@@ -3519,57 +3519,57 @@ select.uk-form-width-mini {
  */
 .uk-button-primary {
   background-color: #00a8e6;
-  color: #ffffff;
+  color: #fff;
 }
 /* Hover */
 .uk-button-primary:hover,
 .uk-button-primary:focus {
   background-color: #35b3ee;
-  color: #ffffff;
+  color: #fff;
 }
 /* Active */
 .uk-button-primary:active,
 .uk-button-primary.uk-active {
   background-color: #0091ca;
-  color: #ffffff;
+  color: #fff;
 }
 /*
  * Modifier: `uk-button-success`
  */
 .uk-button-success {
   background-color: #8cc14c;
-  color: #ffffff;
+  color: #fff;
 }
 /* Hover */
 .uk-button-success:hover,
 .uk-button-success:focus {
   background-color: #8ec73b;
-  color: #ffffff;
+  color: #fff;
 }
 /* Active */
 .uk-button-success:active,
 .uk-button-success.uk-active {
   background-color: #72ae41;
-  color: #ffffff;
+  color: #fff;
 }
 /*
  * Modifier: `uk-button-danger`
  */
 .uk-button-danger {
   background-color: #da314b;
-  color: #ffffff;
+  color: #fff;
 }
 /* Hover */
 .uk-button-danger:hover,
 .uk-button-danger:focus {
   background-color: #e4354f;
-  color: #ffffff;
+  color: #fff;
 }
 /* Active */
 .uk-button-danger:active,
 .uk-button-danger.uk-active {
   background-color: #c91032;
-  color: #ffffff;
+  color: #fff;
 }
 /* Disabled state
  * Overrides also the color modifiers
@@ -3577,7 +3577,7 @@ select.uk-form-width-mini {
 /* Equal for all button types */
 .uk-button:disabled {
   background-color: #f5f5f5;
-  color: #999999;
+  color: #999;
 }
 /* Modifier: `uk-button-link`
  ========================================================================== */
@@ -3593,17 +3593,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 {
@@ -3734,13 +3734,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`
  ========================================================================== */
@@ -3750,9 +3750,9 @@ select.uk-form-width-mini {
   width: 35px;
   height: 35px;
   border-radius: 100%;
-  background: #eeeeee;
+  background: #eee;
   line-height: 35px;
-  color: #444444;
+  color: #444;
   font-size: 18px;
   text-align: center;
 }
@@ -3764,14 +3764,14 @@ select.uk-form-width-mini {
 .uk-icon-button:hover,
 .uk-icon-button:focus {
   background-color: #f5f5f5;
-  color: #444444;
+  color: #444;
   /* 2 */
   outline: none;
 }
 /* Active */
 .uk-icon-button:active {
-  background-color: #dddddd;
-  color: #444444;
+  background-color: #ddd;
+  color: #444;
 }
 /* Icon mapping
  ========================================================================== */
@@ -5693,15 +5693,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";
 }
@@ -5733,6 +5738,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";
 }
@@ -5754,6 +5762,9 @@ select.uk-form-width-mini {
 .uk-icon-wpforms:before {
   content: "\f298";
 }
+.uk-icon-yoast:before {
+  content: "\f2b1";
+}
 /* ========================================================================
    Component: Close
  ========================================================================== */
@@ -5827,7 +5838,7 @@ select.uk-form-width-mini {
 .uk-close-alt {
   padding: 2px;
   border-radius: 50%;
-  background: #eeeeee;
+  background: #eee;
   opacity: 1;
 }
 /* Hover */
@@ -5853,7 +5864,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;
@@ -5862,7 +5873,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`;
  ========================================================================== */
@@ -5983,8 +5994,8 @@ a.uk-badge:hover {
   margin: 0;
   /* 4 */
   padding: 4px;
-  border: 1px solid #dddddd;
-  background: #ffffff;
+  border: 1px solid #ddd;
+  background: #fff;
 }
 /*
  * Hover state for `a` elements
@@ -5995,7 +6006,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 */
@@ -6006,7 +6017,7 @@ a.uk-thumbnail:focus {
 .uk-thumbnail-caption {
   padding-top: 4px;
   text-align: center;
-  color: #444444;
+  color: #444;
 }
 /* Sizes
  ========================================================================== */
@@ -6079,7 +6090,7 @@ a.uk-thumbnail:focus {
   right: 0;
   /* 2 */
   padding: 20px;
-  color: #ffffff;
+  color: #fff;
 }
 /*
  * Remove margin from the last-child
@@ -6156,7 +6167,7 @@ a.uk-thumbnail:focus {
   line-height: 1;
   font-family: FontAwesome;
   text-align: center;
-  color: #ffffff;
+  color: #fff;
 }
 /* Transitions
  ========================================================================== */
@@ -6310,7 +6321,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`
@@ -6349,7 +6360,7 @@ a.uk-thumbnail:focus {
   text-align: center;
   /* 4 */
   padding: 0 15px;
-  color: #ffffff;
+  color: #fff;
 }
 /*
  * Remove margin from the last-child
@@ -6381,7 +6392,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;
@@ -7126,11 +7137,15 @@ a.uk-thumbnail:focus {
 .uk-dropdown {
   padding: 15px;
   background: #f5f5f5;
-  color: #444444;
+  color: #444;
   /* 1 */
   font-size: 1rem;
   vertical-align: top;
 }
+/* Focus */
+.uk-dropdown:focus {
+  outline: none;
+}
 /*
  * 1. Show dropdown
  * 2. Set animation
@@ -7202,7 +7217,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
@@ -7266,7 +7281,7 @@ a.uk-thumbnail:focus {
 .uk-dropdown-navbar {
   margin-top: 0;
   background: #f5f5f5;
-  color: #444444;
+  color: #444;
 }
 .uk-open > .uk-dropdown-navbar {
   -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
@@ -7353,7 +7368,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);
@@ -7482,7 +7497,7 @@ a.uk-thumbnail:focus {
   right: 0;
   bottom: -20px;
   margin-bottom: -10px;
-  color: #ffffff;
+  color: #fff;
   text-align: center;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -7540,6 +7555,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 */
@@ -7547,6 +7563,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`
  ========================================================================== */
@@ -7570,7 +7588,7 @@ a.uk-thumbnail:focus {
   /* 2 */
   width: 270px;
   max-width: 100%;
-  background: #333333;
+  background: #333;
   /* 3 */
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
@@ -7592,20 +7610,48 @@ 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;
 }
 .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;
 }
 /* ========================================================================
    Component: Switcher
@@ -7648,7 +7694,7 @@ a.uk-thumbnail:focus {
 /* Color modifiers
  ========================================================================== */
 .uk-text-muted {
-  color: #999999 !important;
+  color: #999 !important;
 }
 .uk-text-primary {
   color: #2d7091 !important;
@@ -7663,7 +7709,7 @@ a.uk-thumbnail:focus {
   color: #d85030 !important;
 }
 .uk-text-contrast {
-  color: #ffffff !important;
+  color: #fff !important;
 }
 /* Alignment modifiers
  ========================================================================== */
@@ -7732,6 +7778,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
  ========================================================================== */
@@ -8044,11 +8101,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
@@ -8080,7 +8137,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;
@@ -8476,7 +8533,7 @@ a.uk-thumbnail:focus {
    Component: Contrast
  ========================================================================== */
 .uk-contrast {
-  color: #ffffff;
+  color: #fff;
   /* Active */
 }
 .uk-contrast a:not([class]),
@@ -8486,16 +8543,16 @@ 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;
 }
 .uk-contrast em {
-  color: #ffffff;
+  color: #fff;
 }
 .uk-contrast h1,
 .uk-contrast h2,
@@ -8503,7 +8560,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);
@@ -8513,19 +8570,19 @@ 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;
 }
 .uk-contrast .uk-nav-side > li.uk-active > a {
-  background: #ffffff;
-  color: #444444;
+  background: #fff;
+  color: #444;
 }
 .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);
@@ -8534,7 +8591,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);
@@ -8542,11 +8599,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);
@@ -8554,12 +8611,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);
@@ -8573,14 +8630,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);
@@ -8610,7 +8667,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,
@@ -8630,9 +8687,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;
@@ -8644,51 +8701,51 @@ a.uk-thumbnail:focus {
   color: rgba(68, 68, 68, 0.7);
 }
 .uk-contrast .uk-button {
-  color: #444444;
-  background: #ffffff;
+  color: #444;
+  background: #fff;
 }
 .uk-contrast .uk-button:hover,
 .uk-contrast .uk-button:focus {
   background-color: rgba(255, 255, 255, 0.8);
-  color: #444444;
+  color: #444;
 }
 .uk-contrast .uk-button:active,
 .uk-contrast .uk-button.uk-active {
   background-color: rgba(255, 255, 255, 0.7);
-  color: #444444;
+  color: #444;
 }
 .uk-contrast .uk-button-primary {
   background-color: #00a8e6;
-  color: #ffffff;
+  color: #fff;
 }
 .uk-contrast .uk-button-primary:hover,
 .uk-contrast .uk-button-primary:focus {
   background-color: #35b3ee;
-  color: #ffffff;
+  color: #fff;
 }
 .uk-contrast .uk-button-primary:active,
 .uk-contrast .uk-button-primary.uk-active {
   background-color: #0091ca;
-  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;
 }
 .uk-contrast .uk-icon-button:hover,
 .uk-contrast .uk-icon-button:focus {
   background-color: rgba(255, 255, 255, 0.8);
-  color: #444444;
+  color: #444;
 }
 .uk-contrast .uk-icon-button:active {
   background-color: rgba(255, 255, 255, 0.7);
-  color: #444444;
+  color: #444;
 }
 .uk-contrast .uk-text-muted {
   color: rgba(255, 255, 255, 0.6) !important;