fix position .visually-hidden with :focus

diff --git a/css/style.css b/css/style.css
index 3240931882c9091e351a1fe3ac4e500976909846..b0e1089bc1a1744c275646f2d46cfe73d46a8c72 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -41,6 +41,14 @@ section { position: relative; }
 
 /* etcetera */
 
+.visually-hidden.focusable:focus {
+    position: absolute !important;
+    background: #000;
+    color: #FFF;
+    padding: 0.5em;
+    z-index: 9999;
+}
+
 .region-content { min-height: 300px; }
 
 h2.block-title {
@@ -112,7 +120,7 @@ h2.block-title {
 
 .navbar-brand { display: none; }
 
-#block-ryf-main-menu .navbar-nav { margin-left: 180px; }
+#block-ryf-main-menu .navbar-nav { margin-left: 195px; }
 
 .navbar-default .navbar-nav > li > a:focus {
   outline: none;
@@ -128,6 +136,7 @@ h2.block-title {
   margin-bottom: 5px;
 }
 
+.navbar-default .navbar-nav > li > a:focus,
 .navbar-default .navbar-nav > li.active > a:hover,
 .navbar-default .navbar-nav > li > a:hover {
   color: #DDCC00;