/*
Theme Name: Art-icul8 Theme
Theme URI: https://art-icul8.co.uk/
Author: Matthew Sargeant
Author URI: https://art-icul8.co.uk/
Description: A classy, elegant WooCommerce theme for Art-icul8 — custom glass jewellery, lino prints and gel prints. Dark gallery aesthetic with gold accents, full WooCommerce support and Gutenberg block editor styling.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
WC requires at least: 8.0
WC tested up to: 11.1
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: art-icul8-theme
Tags: e-commerce, dark, one-column, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, footer-widgets, editor-style, wide-blocks, block-styles, threaded-comments, translation-ready
*/

/*
 * Base styles. The bulk of the design lives in assets/css/main.css and
 * assets/css/woocommerce.css, which are enqueued from functions.php.
 */

*,
*::before,
*::after {
        box-sizing: border-box;
}

html {
        -webkit-text-size-adjust: 100%;
        scroll-behavior: smooth;
}

body {
        margin: 0;
        background: #0d0d0d;
        color: #f0ede8;
}

img,
svg,
video {
        max-width: 100%;
        height: auto;
}

/* WordPress core required classes */
.alignleft {
        float: left;
        margin: 0.5em 1.5em 1em 0;
}

.alignright {
        float: right;
        margin: 0.5em 0 1em 1.5em;
}

.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

.wp-caption {
        max-width: 100%;
}

.wp-caption-text,
.gallery-caption {
        font-size: 0.85rem;
        color: #a89880;
        text-align: center;
        padding-top: 0.5rem;
}

.sticky .entry-title::before {
        content: "\2605  ";
        color: #c9a96e;
}

.bypostauthor > .comment-body .comment-author b {
        color: #c9a96e;
}

.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;
}

.screen-reader-text:focus {
        background-color: #1a1a1a;
        clip: auto !important;
        clip-path: none;
        color: #c9a96e;
        display: block;
        font-size: 0.9rem;
        height: auto;
        left: 5px;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000;
}