fix position .visually-hidden with :focus

diff --git a/css/style.css b/css/style.css
index 3240931..b0e1089 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -41,6 +41,14 @@ section { position: relative; }
 
 /* etcetera */
 
 
 /* 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 {
 .region-content { min-height: 300px; }
 
 h2.block-title {


@@ -112,7 +120,7 @@ h2.block-title {
 
 .navbar-brand { display: none; }
 
 
 .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;
 
 .navbar-default .navbar-nav > li > a:focus {
   outline: none;


@@ -128,6 +136,7 @@ h2.block-title {
   margin-bottom: 5px;
 }
 
   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;
 .navbar-default .navbar-nav > li.active > a:hover,
 .navbar-default .navbar-nav > li > a:hover {
   color: #DDCC00;