/* Lean A11y for Divi: tiny frontend stylesheet */

.screen-reader-text,
.lad-screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    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,
.lad-screen-reader-text:focus,
.lad-skip-link:focus {
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    display: block;
    height: auto;
    width: auto;
    left: 1rem;
    top: 1rem;
    margin: 0;
    overflow: visible;
    padding: .9rem 1.1rem;
    position: fixed !important;
    z-index: 999999;
    border-radius: .35rem;
    background: #ffffff;
    color: #111111;
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

body.lad-focus-visible-enabled a:focus-visible,
body.lad-focus-visible-enabled button:focus-visible,
body.lad-focus-visible-enabled input:focus-visible,
body.lad-focus-visible-enabled select:focus-visible,
body.lad-focus-visible-enabled textarea:focus-visible,
body.lad-focus-visible-enabled summary:focus-visible,
body.lad-focus-visible-enabled [role="button"]:focus-visible,
body.lad-focus-visible-enabled [tabindex]:focus-visible {
    outline: 3px solid var(--lad-focus-color, #0a84ff) !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px var(--lad-focus-color, #0a84ff) !important;
}

body.lad-underline-content-links main a:not(.et_pb_button):not(.button):not(.wp-block-button__link):not(.et_pb_video_play a),
body.lad-underline-content-links #main-content a:not(.et_pb_button):not(.button):not(.wp-block-button__link):not(.et_pb_video_play a),
body.lad-underline-content-links #et-main-area a:not(.et_pb_button):not(.button):not(.wp-block-button__link):not(.et_pb_video_play a) {
    text-decoration-line: underline;
    text-decoration-thickness: .08em;
    text-underline-offset: .16em;
}

.lad-validation-message {
    display: block;
    margin-top: .35rem;
    font-size: .95em;
    color: #8a1c1c;
}

[aria-invalid="true"] {
    border-color: #b42318 !important;
}

body.lad-reduced-motion-enabled {
    scroll-behavior: auto;
}

@media (prefers-reduced-motion: reduce) {
    body.lad-reduced-motion-enabled *,
    body.lad-reduced-motion-enabled *::before,
    body.lad-reduced-motion-enabled *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}