/*
Theme Name: Enfold Child Theme
Description: Child theme for the Enfold theme.
Version: 1.0
Author: Mike Cameron
Author URI: http://blinkmm.com
Template: enfold
*/



/*Add your own styles here:*/


/* WCAG Apply the Triple Focus Ring for keyboard navigation only */
a:focus-visible, 
button:focus-visible, 
input:focus-visible, 
textarea:focus-visible, 
select:focus-visible,
[role="button"]:focus-visible {
    outline: none !important;
    box-shadow: 
        0 0 0 2px #ffffff, /* Inner White */
        0 0 0 4px #0055ff, /* Middle Blue */
        0 0 0 6px #ffffff !important; /* Outer White */
    transition: box-shadow 0.1s ease-in-out; /* Makes the transition feel professional */
}

/* 1. Prevent the header containers from clipping the focus ring */
#header_main, 
#header_main .container, 
#header_main .inner-container, 
.logo, 
.logo a {
    overflow: visible !important;
}

/* 2. Ensure the logo link itself can hold a shadow */
.logo a {
    display: block !important;
    position: relative !important;
}

/* 3. Apply the ring with a 'negative' spread to pull it inward if needed */
.logo a:focus-visible,
.logo a:focus {
    outline: none !important;
    box-shadow: 
        0 0 0 2px #ffffff, 
        0 0 0 4px #0055ff, 
        0 0 0 6px #ffffff !important;
    z-index: 9999 !important;
}