/* Keyboard Tabbing CSS */

*:focus, a:focus, button:focus {
    outline: solid 2px #000 !important;
}

form .form-row .ts-wrapper.focus,
.row.pagination-row .pagination_select-container .field-inner .ts-wrapper.focus,
.row.pagination-row .posts_per_page-container .field-inner .ts-wrapper.focus,
.hero-new-style.hero-new-plain .header-form-section div[class^="formbox-editor"] > div[id^="formbox_screen"] fieldset [class^="formbox-button_"].focus-visible:focus,
.hero-new-style.hero-new-plain .header-form-section div[class^="formbox-editor"] > div[id^="formbox_screen"] fieldset input[type="text"][data-focus-visible-added]:focus,
.hero-new-style.hero-new-plain .header-form-section div[class^="formbox-editor"] > div[id^="formbox_screen"] fieldset input[type="email"][data-focus-visible-added]:focus,
.footer-newsletter-container .form-container .form-fields-container .fields-inners .form-field:first-of-type > input[data-focus-visible-added]:focus,
form .form-check label.form-check-label input.focus-visible:focus ~ span:not(.error):before,
.search-filters-container div#filterable_search_filters div#filterable_search_filters_output .filter_container label input.focus-visible:focus ~ span:before,
.woocommerce-pages .woocommerce form .form-row#individual_address_different_field label.checkbox input[type="checkbox"].focus-visible:focus ~ span.checkbox-item:before, 
.woocommerce-checkout-review-order .place-order .associate-agreement-section .form-row label.checkbox input[type="checkbox"].focus-visible:focus ~ span.checkbox-item:before {
    outline: solid 2px #000 !important;
}

.scrolling-nav-bar-container .nav-bar-scroll-inner ul.links-container li a.focus-visible:focus,
.hero-new-style.hero-new-plain.filters-main-section-hero.pattern-bg-section a.advanced-filters-button.focus-visible:focus,
.hero-new-style.hero-new-plain.pattern-bg-section .row.breadcrumbs-row #breadcrumbs a.focus-visible:focus,
.hero-new-style.hero-new-plain.pattern-bg-section div#filterable_search_filters div#filterable_search_filters_output .filter_container > label > input:not([type=checkbox]).focus-visible:focus,
.btn.btn-primary.hover-white.focus-visible:focus, 
.pattern-bg-section .ways-to-participate-cta.focus-visible:focus, 
.pattern-bg-section.post-list .post-inner a:not(.btn).focus-visible:focus, 
.pattern-bg-section .row.title-standard-row.with-link a.focus-visible:focus {
    outline-color: #fff !important;
}

[type=search].focus-visible:focus {
    outline-offset: unset;
}

/*This will hide the focus indicator if the element receives focus via the mouse, but it will still show up on keyboard focus.*/
.js-focus-visible :focus:not(.focus-visible) {
	outline: none !important;
}