.wpforms-edit-post-education-notice-body{padding-left:52px;min-height:40px;margin:0;position:relative}.wpforms-edit-post-education-notice-body p{margin:0}.wpforms-edit-post-education-notice-body:before{content:'';display:block;width:40px;height:40px;background-image:url("../../images/sullie-edit-post-education.svg");background-size:100%;position:absolute;left:0;top:0}.wpforms-hidden{display:none !important}.wpforms-edit-post-education-notice{position:relative;background:#FFFFFF;border:1px solid #C3C4C7;box-shadow:0 1px 1px rgba(0,0,0,0.05);padding:10px;font-size:14px;line-height:21px;display:flex;align-items:flex-start;margin:23px 0}.wpforms-edit-post-education-notice .notice-dismiss{position:static;margin-left:auto}.wpforms-edit-post-education-notice:not(.wpforms-hidden)+#postdivrich{margin-top:-20px}.is-distraction-free .interface-interface-skeleton__header:focus-within .wpforms-edit-post-education-notice .components-notice__actions,.is-distraction-free .interface-interface-skeleton__header:focus-within .wpforms-edit-post-education-notice .components-notice__content{transform:none !important}.components-notice-list .wpforms-edit-post-education-notice{background-color:#f0f6fc;border-top:0;border-left:4px solid #007cba;border-bottom:0;border-right:0;margin:0}.components-notice-list .wpforms-edit-post-education-notice-body{padding-right:150px;float:left}@media (max-width: 767px){.components-notice-list .wpforms-edit-post-education-notice-body{float:none;padding-right:0}.components-notice-list .components-notice__action.components-button.wpforms-edit-post-education-notice-guide-button{margin-left:52px}}@media (min-width: 768px){.components-notice-list .components-notice__action.components-button.wpforms-edit-post-education-notice-guide-button{position:absolute;right:60px;top:14px;margin:0}.components-notice-list .wpforms-edit-post-education-notice.components-notice .components-notice__dismiss{margin-top:14px}} /* Focus Management Styles - WCAG 2.1 Compliance */ /* Added for keyboard accessibility and screen reader support */ /* Button Focus Styles */ .hvac-button:focus, .hvac-content .button:focus, .hvac-content button:focus, .hvac-content input[type="submit"]:focus, .hvac-email-submit:focus, .hvac-filter-submit:focus, .hvac-certificate-actions button:focus, .hvac-certificate-actions a:focus { outline: 2px solid #005fcc; outline-offset: 2px; box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); border-radius: 4px; } /* Input Focus Styles */ .hvac-form-input:focus, .hvac-content input[type="text"]:focus, .hvac-content input[type="email"]:focus, .hvac-content input[type="password"]:focus, .hvac-content input[type="url"]:focus, .hvac-content textarea:focus, .hvac-content select:focus, .hvac-email-form-row input:focus, .hvac-email-form-row textarea:focus, .hvac-filter-group input:focus, .hvac-filter-group select:focus { outline: 2px solid #005fcc; outline-offset: 2px; border-color: #005fcc; box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); } /* Link Focus Styles */ .hvac-content a:focus, .hvac-event-link:focus, .hvac-certificate-link:focus, .hvac-attendee-profile-icon:focus, .hvac-dashboard-nav a:focus, .hvac-email-navigation a:focus { outline: 2px solid #005fcc; outline-offset: 2px; text-decoration: underline; background-color: rgba(0, 95, 204, 0.1); border-radius: 2px; } /* Interactive Element Focus Styles */ .hvac-attendee-checkbox:focus, .hvac-select-all-container input[type="checkbox"]:focus, .hvac-modal-close:focus, .hvac-certificate-table tr:focus { outline: 2px solid #005fcc; outline-offset: 2px; box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); } /* High Contrast Mode Support */ @media (prefers-contrast: high) { .hvac-content *:focus { outline: 3px solid #000000; outline-offset: 2px; background-color: #ffff00; color: #000000; } } /* Focus-visible polyfill support */ /* Reset focus for mouse users while preserving keyboard accessibility */ .js-focus-visible :focus:not(.focus-visible) { outline: none; box-shadow: none; } /* Ensure focus is visible for keyboard users */ .js-focus-visible .focus-visible { outline: 2px solid #005fcc; outline-offset: 2px; }