/*
Theme Name: MJ Creative
Theme URI: https://www.michellejonescreative.com/
Description: This is the custom theme created for MJ Creative clients.
Author: MJ Creative
Author URI: https://www.michellejonescreative.com/

Version: 2.10.0

Tags: accessibility-ready, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, left-sidebar, one-column, right-sidebar, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, two-columns, wide-blocks

Template: hello-elementor

License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Text Domain: mjcreative */

/*
    Add your custom styles here
*/

/* Accessibility Additions */
@media (prefers-reduced-motion: reduce) {
    * {
      animation: none !important;
      transition: none !important;
      scroll-behavior: auto !important;
    }
  }
  
  :focus {
    outline: 2px solid var(--e-global-color-accent); /* Adjust the color to match your site's design */
    outline-offset: 2px; /* Offset the outline slightly for visibility */
  }

/* Visually hidden class for screen reader accessibility */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }

  @media (forced-colors: active) {
    * {
      background-color: transparent;
      color: WindowText;
      border-color: WindowText;
    }
  }
  
  video[autoplay] {
    display: none !important; /* Hides autoplaying videos */
  }
  @media (prefers-reduced-data: reduce) {
    img, video {
      display: none; /* Or provide lower-resolution media */
    }
  }
  
.fw700 {
    font-weight: 600;
}
.uppercase {
    text-transform: uppercase;
}
.underline {
    text-decoration: underline;
}
.bold {
    font-weight: 600;
}

li#toplevel_page_branding {
    display: none !important;
}