.bsf-core-license-form p { padding: 5px 0px 5px 0px; font-style: normal; } .license-form-allow-email .submit-button-wrap > input, .license-form-allow-email .submit-button-wrap > p { display: inline-block; vertical-align: bottom; } .bsf-core-license-form .license-form-allow-email .purchase-license a { text-decoration: none; } .license-form-allow-email { margin-bottom: 15px; } .license-form-allow-email .license-form-external-links { font-style: italic; } .license-form-field input { width: 100%; } .bsf-core-license-form .license-form-allow-email h3 { font-size: 2em; margin-bottom: 0.5em; } .bsf-core-license-form .license-form-allow-email .purchase-license { margin-left: 10px; } .bsf-core-license-form .license-form-allow-email .submit-button-wrap { padding: 20px 0px 10px 0px; } .license-form-allow-email .bsf-core-license-form-inner, { padding: 10px 30px 30px; } .bsf-core-license-form .bsf-core-license-form-overlay { background: #000; opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100050; } .bsf-core-license-form .bsf-core-license-form-inner { background: #fcfcfc; position: fixed; background-color: #fff; z-index: 999999999; padding: 2px 20px 20px; text-align: left; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); } .bsf-core-license-form-close-btn { position: absolute; left: auto; right: 0; top: 0; width: 29px; height: 29px; border: 0; padding: 0; background: none; cursor: pointer; outline: none; -webkit-transition: color .1s ease-in-out, background .1s ease-in-out; -webkit-transform: translateX(100%) translateY(-100%); transform: translateX(100%) translateY(-100%); transition: color .1s ease-in-out, background .1s ease-in-out; color: #eee; } .bsf-core-license-form-close-btn:hover { color: #00a0d2; } .bsf-core-license-form-close-btn .dashicons { display: block; text-align: center; line-height: 29px; width: 29px; height: 29px; font-size: 29px; position: absolute; top: 0; right: 0; } .bsf-core-license-form .license-form-field input.regular-text { margin-right: 10px; } /** License link */ .bsf-core-license-form-btn.inactive { color: #3db634; font-weight: 500; } .bsf-core-license-form-btn { cursor: pointer; } .bsf-license-message.license-success { display: none; } .bsf-system-info-wrapper { overflow: scroll; max-height: 60vh; } .bsf-license-heading { margin: 1em 0; } .bsf-license-not-active-astra-portfolio.bsf-license-heading { margin: 1em 0 0 0; } .envato-license-registration form { margin-bottom: 1em; } /* 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; }