/*
My Vibe Theme: Main Stylesheet

This file (main.css) is loaded by functions.php on every page.

You can use this for any *global* styles you want to apply
to your entire site (like default link colors or body fonts
for your default 'page.php' and 'index.php' templates).

For "Vibe Canvas" pages, you will likely add styles
directly to the page or via a plugin.
*/

/* Accessibility helpers */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus,
.skip-link:focus {
  background: #f1f1f1;
  clip: auto !important;
  clip-path: none;
  color: #000;
  display: block;
  height: auto;
  left: 5px;
  padding: 15px 23px 14px;
  position: fixed;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP admin bar */
}