/*!
Theme Name: Folio Crave
Theme URI: https://demo.fcheme.com/foliocrave/
Author: Theme Crave
Author URI: https://foliocrave.themecrave.com/
Description: Folio Crave is a modern and responsive WordPress theme designed for creative professionals, artists, and agencies. It features a clean and elegant design, customizable layouts, and various portfolio options to showcase your work beautifully. With its user-friendly interface and powerful customization options, Folio Crave is perfect for building a stunning online presence.
Version: 1.0
Tested up to: 5.8
Requires PHP: 7.4 or later
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: foliocrave
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Copyright: © 2025 Your Name or ThemeCrave.
This theme is distributed under the GNU General Public License, version 2 or later. It is free to use, modify, and distribute under the terms of the GPL.
*/

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.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 !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}