refactor: remove all theme-specific code for WordPress compliance
BREAKING CHANGE: Removed Astra theme integration and all theme-specific code
- Removed class-hvac-astra-integration.php (584 lines of theme-specific code)
- Removed 500+ theme-specific CSS files (ast-*, astra-*, divi-*)
- Removed 15+ theme-specific JavaScript files
- Created theme-agnostic HVAC_Layout_Manager class
- Added generic hvac-layout.css with universal styling
- Plugin now works with ANY WordPress theme
This refactoring ensures the plugin complies with WordPress.org plugin
guidelines which require plugins to be theme-independent. The new layout
system uses standard WordPress hooks and filters that work universally.
Key changes:
- Body classes: hvac-plugin-page, hvac-no-sidebar, hvac-full-width
- Generic post meta: _sidebar_layout, page_layout (widely supported)
- Standard WordPress hooks: body_class, wp_enqueue_scripts, is_active_sidebar
- CSS uses generic selectors: .site-content, .content-area, #primary
Removed monitoring infrastructure files that were causing PHP segfaults:
- class-hvac-background-jobs.php
- class-hvac-health-monitor.php
- class-hvac-error-recovery.php
- class-hvac-security-monitor.php
- class-hvac-performance-monitor.php
- class-hvac-backup-manager.php
- class-hvac-cache-optimizer.php
🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Ben
parent
cc34abb5fe
commit
c19b909296
677 changed files with 1231 additions and 191542 deletions
|
|
@ -107,7 +107,9 @@
|
|||
"Bash(bin/pre-deployment-check.sh:*)",
|
||||
"Bash(UPSKILL_PROD_URL=\"https://upskillhvac.com\" wp-cli.phar --url=$UPSKILL_PROD_URL --ssh=benr@146.190.76.204 post list --post_type=page --search=\"Edit Event\" --fields=ID,post_title,post_status)",
|
||||
"Bash(scripts/fix-production-issues.sh:*)",
|
||||
"Bash(UPSKILL_STAGING_URL=\"https://upskill-staging.measurequick.com\" wp-cli.phar --url=$UPSKILL_STAGING_URL --ssh=root@upskill-staging.measurequick.com user create devAdmin dev.admin@upskillhvac.com --role=hvac_trainer --user_pass=DevAdmin2025!)"
|
||||
"Bash(UPSKILL_STAGING_URL=\"https://upskill-staging.measurequick.com\" wp-cli.phar --url=$UPSKILL_STAGING_URL --ssh=root@upskill-staging.measurequick.com user create devAdmin dev.admin@upskillhvac.com --role=hvac_trainer --user_pass=DevAdmin2025!)",
|
||||
"mcp__zen-mcp__analyze",
|
||||
"mcp__zen-mcp__secaudit"
|
||||
],
|
||||
"deny": []
|
||||
},
|
||||
|
|
|
|||
85
assets/css/_footer-adv-rtl.min.css
vendored
85
assets/css/_footer-adv-rtl.min.css
vendored
|
|
@ -1,85 +0,0 @@
|
|||
.footer-adv{p:last-child { margin-bottom: 0; } .widget_calendar{ table{ margin-bottom: 0; } }}@media all and (max-width :$mx-col-md){.footer-adv-widget-1{.widget:last-child { margin: 0 0 2.8em; }}}.footer-adv .ast-no-widget-row .widget-title{text-transform:capitalize}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
85
assets/css/_footer-adv.min.css
vendored
85
assets/css/_footer-adv.min.css
vendored
|
|
@ -1,85 +0,0 @@
|
|||
.footer-adv{p:last-child { margin-bottom: 0; } .widget_calendar{ table{ margin-bottom: 0; } }}@media all and (max-width :$mx-col-md){.footer-adv-widget-1{.widget:last-child { margin: 0 0 2.8em; }}}.footer-adv .ast-no-widget-row .widget-title{text-transform:capitalize}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,111 +0,0 @@
|
|||
.frm_submit #frm-auto-save-time {
|
||||
font-size: var(--submit-font-size);
|
||||
padding: var(--submit-padding);
|
||||
opacity: .8;
|
||||
}
|
||||
|
||||
#frm-abandonment-copy-link {
|
||||
width: auto !important;
|
||||
max-width: 100%;
|
||||
margin: 0 !important;
|
||||
font-size: var(--success-font-size) !important;
|
||||
display: inline-flex !important;
|
||||
align-items: center !important;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
#frm-abandonment-copy-link svg {
|
||||
fill: none;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.frm-abandonment-copy-box .frm_submit {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,709 +0,0 @@
|
|||
/*---------- Media Query min-width Structure ----------*/
|
||||
/*---------- Media Query max-width Structure ----------*/
|
||||
/*---------- Break-point min-width Structure ----------*/
|
||||
/*---------- Break-point max-width Structure ----------*/
|
||||
.ast-above-header-menu {
|
||||
/** Fixed submenu dropdown position */
|
||||
}
|
||||
|
||||
.ast-above-header-menu .sub-menu {
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
.ast-above-header-menu .menu-link {
|
||||
text-decoration: none;
|
||||
padding: 0 1em;
|
||||
display: inline-block;
|
||||
transition: all 0.2s linear;
|
||||
}
|
||||
|
||||
.ast-above-header-menu .menu-item {
|
||||
position: relative;
|
||||
transition: all 0.2s linear;
|
||||
}
|
||||
|
||||
.ast-above-header-menu .menu-item:hover > .sub-menu,
|
||||
.ast-above-header-menu .menu-item.focus > .sub-menu {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.ast-above-header-menu .ast-left-align-sub-menu:hover > .sub-menu,
|
||||
.ast-above-header-menu .ast-left-align-sub-menu.focus > .sub-menu {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.ast-above-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu,
|
||||
.ast-above-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu {
|
||||
right: -100%;
|
||||
}
|
||||
.ast-above-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover > .sub-menu,
|
||||
.ast-above-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus > .sub-menu {
|
||||
right: -100%;
|
||||
}
|
||||
}
|
||||
|
||||
.ast-above-header-menu .sub-menu .sub-menu {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.ast-above-header-menu.submenu-with-border .sub-menu .sub-menu {
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
.ast-above-header-menu .sub-menu {
|
||||
width: 240px;
|
||||
background: #ffffff;
|
||||
right: -999em;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.ast-above-header-menu .sub-menu .menu-item:hover > .sub-menu,
|
||||
.ast-above-header-menu .sub-menu .menu-item.focus > .sub-menu {
|
||||
right: 100%;
|
||||
left: auto;
|
||||
}
|
||||
.ast-above-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu,
|
||||
.ast-above-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu,
|
||||
.ast-above-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu,
|
||||
.ast-above-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu {
|
||||
right: -100%;
|
||||
}
|
||||
}
|
||||
|
||||
.ast-above-header-menu .sub-menu .menu-link {
|
||||
padding: 0.9em 1em;
|
||||
display: block;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.ast-above-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .icon-arrow svg {
|
||||
position: absolute;
|
||||
left: 1em;
|
||||
top: 50%;
|
||||
transform: translate(0, -50%) rotate(-270deg);
|
||||
}
|
||||
|
||||
.ast-above-header-navigation ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.above-header-nav-padding-support .ast-justify-content-flex-start .ast-above-header-menu > .menu-item:first-child .menu-link {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.above-header-nav-padding-support .ast-justify-content-flex-start .ast-above-header-menu > .menu-item:first-child .sub-menu .menu-item .menu-link {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.above-header-nav-padding-support .ast-justify-content-flex-end .ast-above-header-menu .menu-link .menu-item {
|
||||
padding: 0 1em 0 0;
|
||||
}
|
||||
|
||||
.above-header-nav-padding-support .ast-justify-content-flex-end .ast-above-header-menu .menu-link .sub-menu .menu-link {
|
||||
padding: 0.9em 1em;
|
||||
}
|
||||
|
||||
.above-header-nav-padding-support .ast-justify-content-flex-end .ast-above-header-menu > .menu-item:last-child .menu-link {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.above-header-nav-padding-support.ast-header-break-point .ast-above-header-menu .menu-item .menu-link {
|
||||
padding: 0px 20px;
|
||||
border-bottom-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: var(--ast-border-color);
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-overlay .ast-header-break-point .ast-above-header-menu .sub-menu {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header {
|
||||
line-height: 3;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-navigation {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-navigation ul li a {
|
||||
padding: 0 20px;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
border-bottom-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: var(--ast-border-color);
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-navigation ul .menu-item .menu-link {
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-navigation ul > .menu-item:first-child {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-navigation ul ul {
|
||||
right: auto;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link {
|
||||
padding-right: 40px;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link {
|
||||
padding-right: 50px;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link {
|
||||
padding-right: 60px;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-navigation li {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-navigation .menu-item-has-children .sub-menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-navigation .menu-item-has-children > .ast-menu-toggle {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
left: 20px;
|
||||
cursor: pointer;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
padding: 0 0.907em;
|
||||
font-size: inherit;
|
||||
font-weight: normal;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-navigation .ast-submenu-expanded > .ast-menu-toggle::before {
|
||||
transform: rotateX(180deg);
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-menu .sub-menu {
|
||||
line-height: 3;
|
||||
top: 0;
|
||||
position: relative;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
border: 0;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu,
|
||||
.ast-header-break-point .ast-above-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-menu .sub-menu a {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu,
|
||||
.ast-header-break-point .ast-above-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu {
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation ul .menu-item .menu-link {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation ul .menu-item .menu-item .menu-link {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation ul .menu-item .menu-item .menu-item .menu-link {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation ul .menu-item .menu-item .menu-item .menu-item .menu-link {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.ast-desktop .ast-above-header-menu .sub-menu {
|
||||
box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.ast-desktop .ast-above-header-menu .astra-full-megamenu-wrapper {
|
||||
box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.ast-desktop .ast-above-header-menu .astra-full-megamenu-wrapper .sub-menu {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.ast-desktop .ast-above-header-menu .astra-megamenu .sub-menu {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.ast-above-header {
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.ast-above-header-wrap {
|
||||
position: relative;
|
||||
/* Search widget. */
|
||||
}
|
||||
|
||||
.ast-above-header-wrap .ast-search-box.header-cover .search-form .search-field {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
.ast-above-header-wrap .ast-search-box.header-cover button.button,
|
||||
.ast-above-header-wrap .ast-search-box.header-cover #close {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.ast-above-header-wrap .widget_search .search-field,
|
||||
.ast-above-header-wrap .widget_search .search-field:focus {
|
||||
width: 100%;
|
||||
padding: .66666em 1em .66666em 3em;
|
||||
}
|
||||
|
||||
.ast-above-header-wrap .ast-button-wrap {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ast-above-header-section {
|
||||
flex: auto;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.ast-above-header-section .widget {
|
||||
margin: 0 .5em;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.ast-above-header-section .widget p,
|
||||
.ast-above-header-section .widget a {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.ast-above-header-section .ast-no-widget-row .widget-title {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.ast-above-header-section .ast-no-widget-row .no-widget-text {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.ast-above-header-section .user-select {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ast-above-header {
|
||||
background: #fff;
|
||||
border-bottom: 1px solid var(--ast-border-color);
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
position: relative;
|
||||
transition: all 0.2s linear;
|
||||
/* Woocommerce Above Header cart*/
|
||||
}
|
||||
|
||||
.ast-above-header .user-select {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ast-above-header .ast-search-icon {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ast-above-header .astra-search-icon {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.ast-above-header .slide-search .search-field {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.ast-above-header .slide-search .search-field:focus {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.ast-above-header .ast-addon-cart-wrap {
|
||||
margin-top: .3em;
|
||||
padding: 0 .6em;
|
||||
}
|
||||
|
||||
.ast-above-header-section-1 .ast-search-menu-icon.ast-inline-search {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.ast-above-header-section-1 .ast-search-menu-icon .search-form {
|
||||
padding-right: 3em;
|
||||
padding-left: 0;
|
||||
left: auto;
|
||||
right: -1em;
|
||||
}
|
||||
|
||||
/* Above Header menu li class */
|
||||
.ast-above-header-menu-items,
|
||||
.ast-above-header-custom-menu-items {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ast-above-header-section-2 .search-field {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.ast-above-header-section-1 .search-field {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point {
|
||||
/* Hide Above Header for mobile devices */
|
||||
/* Separate Header Sectons*/
|
||||
/* Above Header menu li class*/
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-mobile-inline .above-header-2 .ast-above-header-section-1,
|
||||
.ast-header-break-point .ast-above-header-mobile-stack .above-header-2 .ast-above-header-section-1 {
|
||||
padding: 1em 0 1em 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-header-custom-item-outside .ast-primary-menu-disabled.ast-above-header-merged-responsive .ast-mobile-menu-buttons {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-above-header-hide-on-mobile .ast-above-header-wrap {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-merged-responsive .ast-above-header-menu-items {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-merged-responsive .ast-above-header-wrap {
|
||||
order: initial;
|
||||
}
|
||||
|
||||
@media (max-width: 544px) {
|
||||
.ast-header-break-point .ast-above-header-merged-responsive .ast-above-header-wrap .ast-above-header-section {
|
||||
width: 100%;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
.ast-header-break-point .ast-above-header-merged-responsive .ast-above-header-wrap .ast-above-header-section.menu-above-header {
|
||||
display: none;
|
||||
}
|
||||
.ast-header-break-point .ast-above-header-merged-responsive .ast-above-header-wrap .ast-above-header {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-merged-responsive .ast-above-header-section {
|
||||
padding-top: .66em;
|
||||
padding-bottom: .66em;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-merged-responsive .ast-above-header-section .widget {
|
||||
margin: 0 .5em;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-merged-responsive .ast-above-header {
|
||||
line-height: 1.6;
|
||||
display: block;
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-merged-responsive .menu-above-header {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation {
|
||||
display: none;
|
||||
position: absolute;
|
||||
padding: 0 20px;
|
||||
bottom: 0;
|
||||
transform: translateY(100%);
|
||||
right: 0;
|
||||
z-index: 9;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated .ast-above-header-menu {
|
||||
border-top-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: var(--ast-border-color);
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated .ast-above-header .ast-button-wrap {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated .ast-above-header .ast-button-wrap .menu-above-header-toggle .mobile-menu {
|
||||
font-size: 15px;
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated .ast-above-header-menu.submenu-with-border .sub-menu .sub-menu {
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header .ast-container {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header-section-wrap {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header-section-1 {
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header-section-1,
|
||||
.ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header-section-2 {
|
||||
justify-content: center;
|
||||
text-align: right;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header-section-2 {
|
||||
padding: 1em 0em 1em 0em;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack.ast-swap-above-header-sections .ast-above-header-section-2 {
|
||||
padding: 1em 0 1em 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack.ast-swap-above-header-sections .ast-above-header-section-1 {
|
||||
padding: 0 0 1em 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack.ast-swap-above-header-sections .ast-above-header-1 .ast-above-header-section-1 {
|
||||
padding: 0 0 1em 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header-1 .ast-above-header-section-1 {
|
||||
padding: 1em 0 0 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-menu {
|
||||
display: block;
|
||||
margin: 0 -20px;
|
||||
}
|
||||
|
||||
.ast-header-break-point .menu-item-has-children > .menu-link:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ast-header-break-point .toggle-on .ast-above-header-menu-items,
|
||||
.ast-header-break-point .toggle-on .ast-above-header-custom-menu-items {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-menu-items .sub-menu {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding-right: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-menu-items .menu-item {
|
||||
list-style: none;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-menu-items .menu-item .menu-link {
|
||||
padding: 0 20px;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
border-bottom-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: var(--ast-border-color);
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-menu-items.main-header-menu {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-wrap {
|
||||
min-height: initial;
|
||||
}
|
||||
|
||||
.ast-header-break-point .site-header {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.ast-header-break-point .main-header-bar-wrap {
|
||||
order: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-button-wrap .menu-above-header-toggle.toggled .menu-toggle-icon:before {
|
||||
content: "\e5cd";
|
||||
}
|
||||
|
||||
.ast-header-break-point .menu-above-header-toggle {
|
||||
padding: 0 .5em;
|
||||
width: auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ast-header-break-point .header-main-layout-2 .menu-above-header-toggle {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header {
|
||||
line-height: 3;
|
||||
/* Woocommerce Above Header cart*/
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header .ast-search-menu-icon .search-field {
|
||||
max-height: initial;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header .ast-addon-cart-wrap {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-2 {
|
||||
padding-top: .66em;
|
||||
padding-bottom: .66em;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section .widget {
|
||||
margin: .5em 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-woocommerce-cart-menu .ast-above-header .ast-site-header-cart {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 544px) {
|
||||
.ast-above-header {
|
||||
padding-top: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
/* EDD cart for Below Header Section 1 */
|
||||
.ast-above-header-section-1 .ast-edd-site-header-cart:focus .widget_edd_cart_widget, .ast-above-header-section-1 .ast-edd-site-header-cart:hover .widget_edd_cart_widget {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.ast-above-header-section-1 .ast-edd-site-header-cart .widget_edd_cart_widget {
|
||||
left: -999em;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.ast-above-header-section-1 .ast-edd-site-header-cart .widget_edd_cart_widget:before, .ast-above-header-section-1 .ast-edd-site-header-cart .widget_edd_cart_widget:after {
|
||||
right: 8px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.ast-above-header-section-1 .ast-edd-site-header-cart .widget_edd_cart_widget:after {
|
||||
margin-right: -2px;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
85
assets/css/above-header-style-rtl.min.css
vendored
85
assets/css/above-header-style-rtl.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,709 +0,0 @@
|
|||
/*---------- Media Query min-width Structure ----------*/
|
||||
/*---------- Media Query max-width Structure ----------*/
|
||||
/*---------- Break-point min-width Structure ----------*/
|
||||
/*---------- Break-point max-width Structure ----------*/
|
||||
.ast-above-header-menu {
|
||||
/** Fixed submenu dropdown position */
|
||||
}
|
||||
|
||||
.ast-above-header-menu .sub-menu {
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
.ast-above-header-menu .menu-link {
|
||||
text-decoration: none;
|
||||
padding: 0 1em;
|
||||
display: inline-block;
|
||||
transition: all 0.2s linear;
|
||||
}
|
||||
|
||||
.ast-above-header-menu .menu-item {
|
||||
position: relative;
|
||||
transition: all 0.2s linear;
|
||||
}
|
||||
|
||||
.ast-above-header-menu .menu-item:hover > .sub-menu,
|
||||
.ast-above-header-menu .menu-item.focus > .sub-menu {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.ast-above-header-menu .ast-left-align-sub-menu:hover > .sub-menu,
|
||||
.ast-above-header-menu .ast-left-align-sub-menu.focus > .sub-menu {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.ast-above-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu,
|
||||
.ast-above-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu {
|
||||
left: -100%;
|
||||
}
|
||||
.ast-above-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover > .sub-menu,
|
||||
.ast-above-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus > .sub-menu {
|
||||
left: -100%;
|
||||
}
|
||||
}
|
||||
|
||||
.ast-above-header-menu .sub-menu .sub-menu {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.ast-above-header-menu.submenu-with-border .sub-menu .sub-menu {
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
.ast-above-header-menu .sub-menu {
|
||||
width: 240px;
|
||||
background: #ffffff;
|
||||
left: -999em;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.ast-above-header-menu .sub-menu .menu-item:hover > .sub-menu,
|
||||
.ast-above-header-menu .sub-menu .menu-item.focus > .sub-menu {
|
||||
left: 100%;
|
||||
right: auto;
|
||||
}
|
||||
.ast-above-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu,
|
||||
.ast-above-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu,
|
||||
.ast-above-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu,
|
||||
.ast-above-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu {
|
||||
left: -100%;
|
||||
}
|
||||
}
|
||||
|
||||
.ast-above-header-menu .sub-menu .menu-link {
|
||||
padding: 0.9em 1em;
|
||||
display: block;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.ast-above-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .icon-arrow svg {
|
||||
position: absolute;
|
||||
right: 1em;
|
||||
top: 50%;
|
||||
transform: translate(0, -50%) rotate(270deg);
|
||||
}
|
||||
|
||||
.ast-above-header-navigation ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.above-header-nav-padding-support .ast-justify-content-flex-start .ast-above-header-menu > .menu-item:first-child .menu-link {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.above-header-nav-padding-support .ast-justify-content-flex-start .ast-above-header-menu > .menu-item:first-child .sub-menu .menu-item .menu-link {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.above-header-nav-padding-support .ast-justify-content-flex-end .ast-above-header-menu .menu-link .menu-item {
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
|
||||
.above-header-nav-padding-support .ast-justify-content-flex-end .ast-above-header-menu .menu-link .sub-menu .menu-link {
|
||||
padding: 0.9em 1em;
|
||||
}
|
||||
|
||||
.above-header-nav-padding-support .ast-justify-content-flex-end .ast-above-header-menu > .menu-item:last-child .menu-link {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.above-header-nav-padding-support.ast-header-break-point .ast-above-header-menu .menu-item .menu-link {
|
||||
padding: 0px 20px;
|
||||
border-bottom-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: var(--ast-border-color);
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-overlay .ast-header-break-point .ast-above-header-menu .sub-menu {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header {
|
||||
line-height: 3;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-navigation {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-navigation ul li a {
|
||||
padding: 0 20px;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
border-bottom-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: var(--ast-border-color);
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-navigation ul .menu-item .menu-link {
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-navigation ul > .menu-item:first-child {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-navigation ul ul {
|
||||
left: auto;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link {
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link {
|
||||
padding-left: 50px;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link {
|
||||
padding-left: 60px;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-navigation li {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-navigation .menu-item-has-children .sub-menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-navigation .menu-item-has-children > .ast-menu-toggle {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
right: 20px;
|
||||
cursor: pointer;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
padding: 0 0.907em;
|
||||
font-size: inherit;
|
||||
font-weight: normal;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-navigation .ast-submenu-expanded > .ast-menu-toggle::before {
|
||||
transform: rotateX(180deg);
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-menu .sub-menu {
|
||||
line-height: 3;
|
||||
top: 0;
|
||||
position: relative;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
border: 0;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu,
|
||||
.ast-header-break-point .ast-above-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-menu .sub-menu a {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu,
|
||||
.ast-header-break-point .ast-above-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu {
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation ul .menu-item .menu-link {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation ul .menu-item .menu-item .menu-link {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation ul .menu-item .menu-item .menu-item .menu-link {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation ul .menu-item .menu-item .menu-item .menu-item .menu-link {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.ast-desktop .ast-above-header-menu .sub-menu {
|
||||
box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.ast-desktop .ast-above-header-menu .astra-full-megamenu-wrapper {
|
||||
box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.ast-desktop .ast-above-header-menu .astra-full-megamenu-wrapper .sub-menu {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.ast-desktop .ast-above-header-menu .astra-megamenu .sub-menu {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.ast-above-header {
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.ast-above-header-wrap {
|
||||
position: relative;
|
||||
/* Search widget. */
|
||||
}
|
||||
|
||||
.ast-above-header-wrap .ast-search-box.header-cover .search-form .search-field {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
.ast-above-header-wrap .ast-search-box.header-cover button.button,
|
||||
.ast-above-header-wrap .ast-search-box.header-cover #close {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.ast-above-header-wrap .widget_search .search-field,
|
||||
.ast-above-header-wrap .widget_search .search-field:focus {
|
||||
width: 100%;
|
||||
padding: .66666em 3em .66666em 1em;
|
||||
}
|
||||
|
||||
.ast-above-header-wrap .ast-button-wrap {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ast-above-header-section {
|
||||
flex: auto;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.ast-above-header-section .widget {
|
||||
margin: 0 .5em;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.ast-above-header-section .widget p,
|
||||
.ast-above-header-section .widget a {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.ast-above-header-section .ast-no-widget-row .widget-title {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.ast-above-header-section .ast-no-widget-row .no-widget-text {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.ast-above-header-section .user-select {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ast-above-header {
|
||||
background: #fff;
|
||||
border-bottom: 1px solid var(--ast-border-color);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
position: relative;
|
||||
transition: all 0.2s linear;
|
||||
/* Woocommerce Above Header cart*/
|
||||
}
|
||||
|
||||
.ast-above-header .user-select {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ast-above-header .ast-search-icon {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ast-above-header .astra-search-icon {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.ast-above-header .slide-search .search-field {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.ast-above-header .slide-search .search-field:focus {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.ast-above-header .ast-addon-cart-wrap {
|
||||
margin-top: .3em;
|
||||
padding: 0 .6em;
|
||||
}
|
||||
|
||||
.ast-above-header-section-1 .ast-search-menu-icon.ast-inline-search {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.ast-above-header-section-1 .ast-search-menu-icon .search-form {
|
||||
padding-left: 3em;
|
||||
padding-right: 0;
|
||||
right: auto;
|
||||
left: -1em;
|
||||
}
|
||||
|
||||
/* Above Header menu li class */
|
||||
.ast-above-header-menu-items,
|
||||
.ast-above-header-custom-menu-items {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ast-above-header-section-2 .search-field {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.ast-above-header-section-1 .search-field {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point {
|
||||
/* Hide Above Header for mobile devices */
|
||||
/* Separate Header Sectons*/
|
||||
/* Above Header menu li class*/
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-mobile-inline .above-header-2 .ast-above-header-section-1,
|
||||
.ast-header-break-point .ast-above-header-mobile-stack .above-header-2 .ast-above-header-section-1 {
|
||||
padding: 1em 0 1em 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-header-custom-item-outside .ast-primary-menu-disabled.ast-above-header-merged-responsive .ast-mobile-menu-buttons {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-above-header-hide-on-mobile .ast-above-header-wrap {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-merged-responsive .ast-above-header-menu-items {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-merged-responsive .ast-above-header-wrap {
|
||||
order: initial;
|
||||
}
|
||||
|
||||
@media (max-width: 544px) {
|
||||
.ast-header-break-point .ast-above-header-merged-responsive .ast-above-header-wrap .ast-above-header-section {
|
||||
width: 100%;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
.ast-header-break-point .ast-above-header-merged-responsive .ast-above-header-wrap .ast-above-header-section.menu-above-header {
|
||||
display: none;
|
||||
}
|
||||
.ast-header-break-point .ast-above-header-merged-responsive .ast-above-header-wrap .ast-above-header {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-merged-responsive .ast-above-header-section {
|
||||
padding-top: .66em;
|
||||
padding-bottom: .66em;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-merged-responsive .ast-above-header-section .widget {
|
||||
margin: 0 .5em;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-merged-responsive .ast-above-header {
|
||||
line-height: 1.6;
|
||||
display: block;
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-merged-responsive .menu-above-header {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation {
|
||||
display: none;
|
||||
position: absolute;
|
||||
padding: 0 20px;
|
||||
bottom: 0;
|
||||
transform: translateY(100%);
|
||||
left: 0;
|
||||
z-index: 9;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated .ast-above-header-menu {
|
||||
border-top-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: var(--ast-border-color);
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated .ast-above-header .ast-button-wrap {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated .ast-above-header .ast-button-wrap .menu-above-header-toggle .mobile-menu {
|
||||
font-size: 15px;
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated .ast-above-header-menu.submenu-with-border .sub-menu .sub-menu {
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header .ast-container {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header-section-wrap {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header-section-1 {
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header-section-1,
|
||||
.ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header-section-2 {
|
||||
justify-content: center;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header-section-2 {
|
||||
padding: 1em 0em 1em 0em;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack.ast-swap-above-header-sections .ast-above-header-section-2 {
|
||||
padding: 1em 0 1em 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack.ast-swap-above-header-sections .ast-above-header-section-1 {
|
||||
padding: 0 0 1em 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack.ast-swap-above-header-sections .ast-above-header-1 .ast-above-header-section-1 {
|
||||
padding: 0 0 1em 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header-1 .ast-above-header-section-1 {
|
||||
padding: 1em 0 0 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-menu {
|
||||
display: block;
|
||||
margin: 0 -20px;
|
||||
}
|
||||
|
||||
.ast-header-break-point .menu-item-has-children > .menu-link:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ast-header-break-point .toggle-on .ast-above-header-menu-items,
|
||||
.ast-header-break-point .toggle-on .ast-above-header-custom-menu-items {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-menu-items .sub-menu {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-menu-items .menu-item {
|
||||
list-style: none;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-menu-items .menu-item .menu-link {
|
||||
padding: 0 20px;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
border-bottom-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: var(--ast-border-color);
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-menu-items.main-header-menu {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-wrap {
|
||||
min-height: initial;
|
||||
}
|
||||
|
||||
.ast-header-break-point .site-header {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.ast-header-break-point .main-header-bar-wrap {
|
||||
order: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-button-wrap .menu-above-header-toggle.toggled .menu-toggle-icon:before {
|
||||
content: "\e5cd";
|
||||
}
|
||||
|
||||
.ast-header-break-point .menu-above-header-toggle {
|
||||
padding: 0 .5em;
|
||||
width: auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ast-header-break-point .header-main-layout-2 .menu-above-header-toggle {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header {
|
||||
line-height: 3;
|
||||
/* Woocommerce Above Header cart*/
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header .ast-search-menu-icon .search-field {
|
||||
max-height: initial;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header .ast-addon-cart-wrap {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section-2 {
|
||||
padding-top: .66em;
|
||||
padding-bottom: .66em;
|
||||
}
|
||||
|
||||
.ast-header-break-point .ast-above-header-section .widget {
|
||||
margin: .5em 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-woocommerce-cart-menu .ast-above-header .ast-site-header-cart {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 544px) {
|
||||
.ast-above-header {
|
||||
padding-top: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
/* EDD cart for Below Header Section 1 */
|
||||
.ast-above-header-section-1 .ast-edd-site-header-cart:focus .widget_edd_cart_widget, .ast-above-header-section-1 .ast-edd-site-header-cart:hover .widget_edd_cart_widget {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.ast-above-header-section-1 .ast-edd-site-header-cart .widget_edd_cart_widget {
|
||||
right: -999em;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.ast-above-header-section-1 .ast-edd-site-header-cart .widget_edd_cart_widget:before, .ast-above-header-section-1 .ast-edd-site-header-cart .widget_edd_cart_widget:after {
|
||||
left: 8px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.ast-above-header-section-1 .ast-edd-site-header-cart .widget_edd_cart_widget:after {
|
||||
margin-left: -2px;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
85
assets/css/above-header-style.min.css
vendored
85
assets/css/above-header-style.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,230 +0,0 @@
|
|||
/*---------- Media Query min-width Structure ----------*/
|
||||
/*---------- Media Query max-width Structure ----------*/
|
||||
/*---------- Break-point min-width Structure ----------*/
|
||||
/*---------- Break-point max-width Structure ----------*/
|
||||
/**
|
||||
* Flyout Menu styling
|
||||
*/
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point {
|
||||
/* Fixed Header markup override the main header markup which don't allow to click on menu while the header is not sticky */
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point.ast-flyout-above-left-side .ast-above-header-navigation-wrap {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point.ast-flyout-above-left-side .ast-above-header-navigation-wrap .ast-above-header-navigation {
|
||||
right: -100%;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point.ast-flyout-above-right-side .ast-above-header-navigation-wrap {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point.ast-flyout-above-right-side .ast-above-header-navigation-wrap .ast-above-header-navigation {
|
||||
left: -100%;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-menu {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation {
|
||||
top: 0;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap {
|
||||
width: 100%;
|
||||
top: 0;
|
||||
position: fixed;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
z-index: 100000;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: .25s ease-in-out;
|
||||
display: block !important;
|
||||
margin: 0;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .close {
|
||||
position: absolute;
|
||||
left: 8px;
|
||||
top: 6px;
|
||||
line-height: 1;
|
||||
cursor: pointer;
|
||||
z-index: 10;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .close:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .ast-above-header-navigation {
|
||||
position: absolute;
|
||||
background: #fff;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
|
||||
overflow-y: auto;
|
||||
transition: .3s ease-in-out;
|
||||
padding: 40px 0;
|
||||
margin: 0;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
@media (max-width: 544px) {
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .ast-above-header-navigation {
|
||||
width: 70%;
|
||||
}
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .ast-above-header-navigation ul {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap div.ast-masthead-custom-menu-items {
|
||||
text-align: initial;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point .ast-button-wrap .menu-above-header-toggle.toggled .menu-toggle-icon:before {
|
||||
content: "\e5d2";
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point #ast-fixed-header.ast-sticky-active .ast-above-header-navigation-wrap {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point #ast-fixed-header .ast-above-header-navigation-wrap {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point .site-header {
|
||||
z-index: 100000;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point #ast-fixed-header.ast-sticky-active {
|
||||
height: 100%;
|
||||
z-index: 100000;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header {
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point.ast-flyout-above-left-side .ast-above-header-navigation-wrap .ast-above-header-navigation {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point.ast-flyout-above-right-side .ast-above-header-navigation-wrap .ast-above-header-navigation {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap div.ast-masthead-custom-menu-items {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.ast-header-stick-slide-active .ast-flyout-above-menu-enable.ast-header-break-point #masthead .ast-above-header-navigation,
|
||||
.ast-header-stick-scroll-active .ast-flyout-above-menu-enable.ast-header-break-point #masthead .ast-above-header-navigation {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.ast-header-stick-slide-active .ast-flyout-above-menu-enable.ast-header-break-point #ast-fixed-header .ast-above-header-navigation,
|
||||
.ast-header-stick-scroll-active .ast-flyout-above-menu-enable.ast-header-break-point #ast-fixed-header .ast-above-header-navigation {
|
||||
transition: opacity .25s ease-in-out, visibility .3s ease-in-out;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
85
assets/css/above-menu-flyout-rtl.min.css
vendored
85
assets/css/above-menu-flyout-rtl.min.css
vendored
|
|
@ -1,85 +0,0 @@
|
|||
.ast-flyout-above-menu-enable.ast-header-break-point.ast-flyout-above-left-side .ast-above-header-navigation-wrap{right:0}.ast-flyout-above-menu-enable.ast-header-break-point.ast-flyout-above-left-side .ast-above-header-navigation-wrap .ast-above-header-navigation{right:-100%}.ast-flyout-above-menu-enable.ast-header-break-point.ast-flyout-above-right-side .ast-above-header-navigation-wrap{left:0}.ast-flyout-above-menu-enable.ast-header-break-point.ast-flyout-above-right-side .ast-above-header-navigation-wrap .ast-above-header-navigation{left:-100%}.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-menu{margin:0}.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation{top:0;transform:none}.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap{width:100%;top:0;position:fixed;height:100%;background:rgba(0,0,0,.4);z-index:100000;visibility:hidden;opacity:0;transition:.25s ease-in-out;display:block!important;margin:0;z-index:5}.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .close{position:absolute;left:8px;top:6px;line-height:1;cursor:pointer;z-index:10;opacity:.8}.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .close:hover{opacity:1}.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .ast-above-header-navigation{position:absolute;background:#fff;height:100%;top:0;box-shadow:0 0 12px 0 rgba(0,0,0,.4);overflow-y:auto;transition:.3s ease-in-out;padding:40px 0;margin:0;right:auto}@media (max-width:544px){.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .ast-above-header-navigation{width:70%}}.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .ast-above-header-navigation ul{background:0 0}.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap div.ast-masthead-custom-menu-items{text-align:initial}.ast-flyout-above-menu-enable.ast-header-break-point .ast-button-wrap .menu-above-header-toggle.toggled .menu-toggle-icon:before{content:"\e5d2"}.ast-flyout-above-menu-enable.ast-header-break-point #ast-fixed-header.ast-sticky-active .ast-above-header-navigation-wrap{display:block!important}.ast-flyout-above-menu-enable.ast-header-break-point #ast-fixed-header .ast-above-header-navigation-wrap{display:none!important}.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point .site-header{z-index:100000}.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point #ast-fixed-header.ast-sticky-active{height:100%;z-index:100000}.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header{z-index:99}.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point.ast-flyout-above-left-side .ast-above-header-navigation-wrap .ast-above-header-navigation{right:0}.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point.ast-flyout-above-right-side .ast-above-header-navigation-wrap .ast-above-header-navigation{left:0}.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap{visibility:visible;opacity:1;z-index:5}.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap div.ast-masthead-custom-menu-items{padding-right:20px;padding-left:20px}.ast-header-stick-scroll-active .ast-flyout-above-menu-enable.ast-header-break-point #masthead .ast-above-header-navigation,.ast-header-stick-slide-active .ast-flyout-above-menu-enable.ast-header-break-point #masthead .ast-above-header-navigation{display:none!important}.ast-header-stick-scroll-active .ast-flyout-above-menu-enable.ast-header-break-point #ast-fixed-header .ast-above-header-navigation,.ast-header-stick-slide-active .ast-flyout-above-menu-enable.ast-header-break-point #ast-fixed-header .ast-above-header-navigation{transition:opacity .25s ease-in-out,visibility .3s ease-in-out}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,230 +0,0 @@
|
|||
/*---------- Media Query min-width Structure ----------*/
|
||||
/*---------- Media Query max-width Structure ----------*/
|
||||
/*---------- Break-point min-width Structure ----------*/
|
||||
/*---------- Break-point max-width Structure ----------*/
|
||||
/**
|
||||
* Flyout Menu styling
|
||||
*/
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point {
|
||||
/* Fixed Header markup override the main header markup which don't allow to click on menu while the header is not sticky */
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point.ast-flyout-above-left-side .ast-above-header-navigation-wrap {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point.ast-flyout-above-left-side .ast-above-header-navigation-wrap .ast-above-header-navigation {
|
||||
left: -100%;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point.ast-flyout-above-right-side .ast-above-header-navigation-wrap {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point.ast-flyout-above-right-side .ast-above-header-navigation-wrap .ast-above-header-navigation {
|
||||
right: -100%;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-menu {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation {
|
||||
top: 0;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap {
|
||||
width: 100%;
|
||||
top: 0;
|
||||
position: fixed;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
z-index: 100000;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: .25s ease-in-out;
|
||||
display: block !important;
|
||||
margin: 0;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .close {
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
top: 6px;
|
||||
line-height: 1;
|
||||
cursor: pointer;
|
||||
z-index: 10;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .close:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .ast-above-header-navigation {
|
||||
position: absolute;
|
||||
background: #fff;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
|
||||
overflow-y: auto;
|
||||
transition: .3s ease-in-out;
|
||||
padding: 40px 0;
|
||||
margin: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
@media (max-width: 544px) {
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .ast-above-header-navigation {
|
||||
width: 70%;
|
||||
}
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .ast-above-header-navigation ul {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap div.ast-masthead-custom-menu-items {
|
||||
text-align: initial;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point .ast-button-wrap .menu-above-header-toggle.toggled .menu-toggle-icon:before {
|
||||
content: "\e5d2";
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point #ast-fixed-header.ast-sticky-active .ast-above-header-navigation-wrap {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-enable.ast-header-break-point #ast-fixed-header .ast-above-header-navigation-wrap {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point .site-header {
|
||||
z-index: 100000;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point #ast-fixed-header.ast-sticky-active {
|
||||
height: 100%;
|
||||
z-index: 100000;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header {
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point.ast-flyout-above-left-side .ast-above-header-navigation-wrap .ast-above-header-navigation {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point.ast-flyout-above-right-side .ast-above-header-navigation-wrap .ast-above-header-navigation {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap div.ast-masthead-custom-menu-items {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.ast-header-stick-slide-active .ast-flyout-above-menu-enable.ast-header-break-point #masthead .ast-above-header-navigation,
|
||||
.ast-header-stick-scroll-active .ast-flyout-above-menu-enable.ast-header-break-point #masthead .ast-above-header-navigation {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.ast-header-stick-slide-active .ast-flyout-above-menu-enable.ast-header-break-point #ast-fixed-header .ast-above-header-navigation,
|
||||
.ast-header-stick-scroll-active .ast-flyout-above-menu-enable.ast-header-break-point #ast-fixed-header .ast-above-header-navigation {
|
||||
transition: opacity .25s ease-in-out, visibility .3s ease-in-out;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
85
assets/css/above-menu-flyout.min.css
vendored
85
assets/css/above-menu-flyout.min.css
vendored
|
|
@ -1,85 +0,0 @@
|
|||
.ast-flyout-above-menu-enable.ast-header-break-point.ast-flyout-above-left-side .ast-above-header-navigation-wrap{left:0}.ast-flyout-above-menu-enable.ast-header-break-point.ast-flyout-above-left-side .ast-above-header-navigation-wrap .ast-above-header-navigation{left:-100%}.ast-flyout-above-menu-enable.ast-header-break-point.ast-flyout-above-right-side .ast-above-header-navigation-wrap{right:0}.ast-flyout-above-menu-enable.ast-header-break-point.ast-flyout-above-right-side .ast-above-header-navigation-wrap .ast-above-header-navigation{right:-100%}.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-menu{margin:0}.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation{top:0;transform:none}.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap{width:100%;top:0;position:fixed;height:100%;background:rgba(0,0,0,.4);z-index:100000;visibility:hidden;opacity:0;transition:.25s ease-in-out;display:block!important;margin:0;z-index:5}.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .close{position:absolute;right:8px;top:6px;line-height:1;cursor:pointer;z-index:10;opacity:.8}.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .close:hover{opacity:1}.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .ast-above-header-navigation{position:absolute;background:#fff;height:100%;top:0;box-shadow:0 0 12px 0 rgba(0,0,0,.4);overflow-y:auto;transition:.3s ease-in-out;padding:40px 0;margin:0;left:auto}@media (max-width:544px){.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .ast-above-header-navigation{width:70%}}.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .ast-above-header-navigation ul{background:0 0}.ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap div.ast-masthead-custom-menu-items{text-align:initial}.ast-flyout-above-menu-enable.ast-header-break-point .ast-button-wrap .menu-above-header-toggle.toggled .menu-toggle-icon:before{content:"\e5d2"}.ast-flyout-above-menu-enable.ast-header-break-point #ast-fixed-header.ast-sticky-active .ast-above-header-navigation-wrap{display:block!important}.ast-flyout-above-menu-enable.ast-header-break-point #ast-fixed-header .ast-above-header-navigation-wrap{display:none!important}.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point .site-header{z-index:100000}.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point #ast-fixed-header.ast-sticky-active{height:100%;z-index:100000}.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header{z-index:99}.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point.ast-flyout-above-left-side .ast-above-header-navigation-wrap .ast-above-header-navigation{left:0}.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point.ast-flyout-above-right-side .ast-above-header-navigation-wrap .ast-above-header-navigation{right:0}.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap{visibility:visible;opacity:1;z-index:5}.ast-flyout-above-menu-overlay .ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap div.ast-masthead-custom-menu-items{padding-left:20px;padding-right:20px}.ast-header-stick-scroll-active .ast-flyout-above-menu-enable.ast-header-break-point #masthead .ast-above-header-navigation,.ast-header-stick-slide-active .ast-flyout-above-menu-enable.ast-header-break-point #masthead .ast-above-header-navigation{display:none!important}.ast-header-stick-scroll-active .ast-flyout-above-menu-enable.ast-header-break-point #ast-fixed-header .ast-above-header-navigation,.ast-header-stick-slide-active .ast-flyout-above-menu-enable.ast-header-break-point #ast-fixed-header .ast-above-header-navigation{transition:opacity .25s ease-in-out,visibility .3s ease-in-out}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,325 +0,0 @@
|
|||
/*---------- Media Query min-width Structure ----------*/
|
||||
/*---------- Media Query max-width Structure ----------*/
|
||||
/*---------- Break-point min-width Structure ----------*/
|
||||
/*---------- Break-point max-width Structure ----------*/
|
||||
/**
|
||||
* Fullscreen Menu styling
|
||||
*/
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point {
|
||||
/** Removed anchor bottom border from fullscreen menu. */
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-menu {
|
||||
display: inherit;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point.above-header-nav-padding-support .ast-above-header-menu .menu-item .menu-link,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point.above-header-nav-padding-support .ast-above-header-menu .menu-item:first-child .menu-link,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point.above-header-nav-padding-support .ast-above-header-menu .menu-item:last-child .menu-link {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation {
|
||||
bottom: 0;
|
||||
transform: none;
|
||||
right: auto;
|
||||
-js-display: flex !important;
|
||||
display: flex !important;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap {
|
||||
background: #fff;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-above-header-navigation {
|
||||
min-height: calc(100% - 40px);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-above-header-navigation {
|
||||
min-height: calc(100% - 86px);
|
||||
}
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation {
|
||||
min-height: calc(100% - 40px);
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation ul .menu-item .menu-link {
|
||||
width: auto;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation ul .menu-item > div {
|
||||
position: static;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-link:before,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-link:before {
|
||||
content: '';
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before {
|
||||
content: '';
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before {
|
||||
content: '';
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before .menu-item .menu-link:before,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before .menu-item .menu-link:before,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before .menu-item .menu-link:before,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before .menu-item .menu-link:before,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before .menu-item .menu-link:before,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before .menu-item .menu-link:before,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before .menu-item .menu-link:before,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before .menu-item .menu-link:before {
|
||||
content: '';
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header .ast-above-header-navigation-wrap .menu-item-has-children > .ast-menu-toggle {
|
||||
position: relative;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap {
|
||||
display: block !important;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transition: opacity linear 0.2s, visibility linear 0.2s;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .ast-above-header-menu {
|
||||
margin-bottom: 40px;
|
||||
background: transparent !important;
|
||||
border-width: 0;
|
||||
border-style: solid;
|
||||
border-color: var(--ast-border-color);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 480px) {
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .ast-above-header-menu {
|
||||
margin-right: 40px;
|
||||
margin-left: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .ast-above-header-menu .sub-menu {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .ast-above-header-menu > .menu-item:first-child > .menu-link:before {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .close {
|
||||
position: fixed;
|
||||
display: none;
|
||||
text-align: left;
|
||||
height: 40px;
|
||||
cursor: pointer;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .close:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .widget_shopping_cart .woocommerce-mini-cart__buttons a,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .widget_price_filter .price_slider_amount .button {
|
||||
padding: 10px 15px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap ul.product_list_widget li a {
|
||||
margin-bottom: 4px;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .header-main-layout-1 .ast-above-header-navigation-wrap .sub-menu {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-button-wrap .menu-above-header-toggle.toggled .menu-toggle-icon:before {
|
||||
content: "\e5d2";
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .close {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-above-header-navigation-wrap {
|
||||
padding-top: 32px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-above-header-navigation-wrap {
|
||||
padding-top: 46px;
|
||||
}
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point #ast-fixed-header.ast-header-slide {
|
||||
height: 100% !important;
|
||||
max-height: 100% !important;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-stick-primary-below-wrapper {
|
||||
z-index: 6;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header {
|
||||
z-index: 7;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
overflow-y: auto;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.admin-bar.ast-admin-bar-visible .ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap {
|
||||
top: 32px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.admin-bar.ast-admin-bar-visible .ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap {
|
||||
top: 46px;
|
||||
}
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .ast-above-header-navigation-wrap {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-header-sections-navigation,
|
||||
.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-menu-items,
|
||||
.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-below-header-menu-items {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.ast-header-stick-slide-active .ast-fullscreen-above-menu-enable.ast-header-break-point #ast-fixed-header .ast-above-header-navigation-wrap {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
85
assets/css/above-menu-fullscreen-rtl.min.css
vendored
85
assets/css/above-menu-fullscreen-rtl.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,325 +0,0 @@
|
|||
/*---------- Media Query min-width Structure ----------*/
|
||||
/*---------- Media Query max-width Structure ----------*/
|
||||
/*---------- Break-point min-width Structure ----------*/
|
||||
/*---------- Break-point max-width Structure ----------*/
|
||||
/**
|
||||
* Fullscreen Menu styling
|
||||
*/
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point {
|
||||
/** Removed anchor bottom border from fullscreen menu. */
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-menu {
|
||||
display: inherit;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point.above-header-nav-padding-support .ast-above-header-menu .menu-item .menu-link,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point.above-header-nav-padding-support .ast-above-header-menu .menu-item:first-child .menu-link,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point.above-header-nav-padding-support .ast-above-header-menu .menu-item:last-child .menu-link {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation {
|
||||
bottom: 0;
|
||||
transform: none;
|
||||
left: auto;
|
||||
-js-display: flex !important;
|
||||
display: flex !important;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap {
|
||||
background: #fff;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-above-header-navigation {
|
||||
min-height: calc(100% - 40px);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-above-header-navigation {
|
||||
min-height: calc(100% - 86px);
|
||||
}
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation {
|
||||
min-height: calc(100% - 40px);
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation ul .menu-item .menu-link {
|
||||
width: auto;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation ul .menu-item > div {
|
||||
position: static;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-link:before,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-link:before {
|
||||
content: '';
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before {
|
||||
content: '';
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before {
|
||||
content: '';
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before .menu-item .menu-link:before,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before .menu-item .menu-link:before,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before .menu-item .menu-link:before,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before .menu-item .menu-link:before,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before .menu-item .menu-link:before,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before .menu-item .menu-link:before,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before .menu-item .menu-link:before,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before .menu-item .menu-link:before {
|
||||
content: '';
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header .ast-above-header-navigation-wrap .menu-item-has-children > .ast-menu-toggle {
|
||||
position: relative;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap {
|
||||
display: block !important;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transition: opacity linear 0.2s, visibility linear 0.2s;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .ast-above-header-menu {
|
||||
margin-bottom: 40px;
|
||||
background: transparent !important;
|
||||
border-width: 0;
|
||||
border-style: solid;
|
||||
border-color: var(--ast-border-color);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 480px) {
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .ast-above-header-menu {
|
||||
margin-left: 40px;
|
||||
margin-right: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .ast-above-header-menu .sub-menu {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .ast-above-header-menu > .menu-item:first-child > .menu-link:before {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .close {
|
||||
position: fixed;
|
||||
display: none;
|
||||
text-align: right;
|
||||
height: 40px;
|
||||
cursor: pointer;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .close:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .widget_shopping_cart .woocommerce-mini-cart__buttons a,
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .widget_price_filter .price_slider_amount .button {
|
||||
padding: 10px 15px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap ul.product_list_widget li a {
|
||||
margin-bottom: 4px;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .header-main-layout-1 .ast-above-header-navigation-wrap .sub-menu {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-button-wrap .menu-above-header-toggle.toggled .menu-toggle-icon:before {
|
||||
content: "\e5d2";
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .close {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-above-header-navigation-wrap {
|
||||
padding-top: 32px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-above-header-navigation-wrap {
|
||||
padding-top: 46px;
|
||||
}
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point #ast-fixed-header.ast-header-slide {
|
||||
height: 100% !important;
|
||||
max-height: 100% !important;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-stick-primary-below-wrapper {
|
||||
z-index: 6;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header {
|
||||
z-index: 7;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
overflow-y: auto;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.admin-bar.ast-admin-bar-visible .ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap {
|
||||
top: 32px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.admin-bar.ast-admin-bar-visible .ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap {
|
||||
top: 46px;
|
||||
}
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .ast-above-header-navigation-wrap {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-header-sections-navigation,
|
||||
.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-menu-items,
|
||||
.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-below-header-menu-items {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.ast-header-stick-slide-active .ast-fullscreen-above-menu-enable.ast-header-break-point #ast-fixed-header .ast-above-header-navigation-wrap {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
85
assets/css/above-menu-fullscreen.min.css
vendored
85
assets/css/above-menu-fullscreen.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,233 +0,0 @@
|
|||
/*---------- Media Query min-width Structure ----------*/
|
||||
/*---------- Media Query max-width Structure ----------*/
|
||||
/*---------- Break-point min-width Structure ----------*/
|
||||
/*---------- Break-point max-width Structure ----------*/
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header {
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu {
|
||||
margin: initial;
|
||||
-js-display: inline-flex;
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable.ast-above-mobile-menu-align-stack .ast-above-header-menu {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation li,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu-items .menu-item {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-section-separated .ast-above-header-navigation {
|
||||
display: block;
|
||||
position: relative;
|
||||
transform: none;
|
||||
overflow: initial;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-section-separated .ast-above-header-navigation .ast-above-header-menu > .menu-item.menu-item-has-children > .menu-link {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header-section-1,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header-section-2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header-navigation {
|
||||
bottom: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-section-separated .ast-above-header-menu .sub-menu {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-section-separated .ast-above-header-menu .sub-menu .sub-menu {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable.above-header-nav-padding-support .ast-justify-content-flex-end .ast-above-header-menu > .menu-item-has-children > .menu-link,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu > .menu-item-has-children > .menu-link {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation .menu-item-has-children > .ast-menu-toggle,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu-items .menu-item-has-children > .ast-menu-toggle {
|
||||
left: 0;
|
||||
position: relative;
|
||||
top: 0;
|
||||
transition: all 0.2s linear;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation .ast-above-header-menu > .menu-item-has-children > .ast-menu-toggle,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu-items .ast-above-header-menu > .menu-item-has-children > .ast-menu-toggle {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu .menu-item-has-children {
|
||||
-js-display: inline-flex;
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu .menu-item.ast-sub-menu-goes-outside:hover > .sub-menu,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu .menu-item.ast-sub-menu-goes-outside.focus > .sub-menu,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu .sub-menu {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu .menu-item.ast-sub-menu-goes-outside:hover > .sub-menu,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu .menu-item.ast-sub-menu-goes-outside.focus > .sub-menu {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu .sub-menu .menu-item {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@media (max-width: 544px) {
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation-wrap {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu .sub-menu .menu-item {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation .sub-menu .menu-item-has-children > .ast-menu-toggle,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu-items .sub-menu .menu-item-has-children > .ast-menu-toggle {
|
||||
position: absolute;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation .sub-menu .menu-item .menu-link:before,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link:before,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link:before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu .menu-item .menu-link,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu > .menu-item-has-children > .menu-link,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-section-separated .ast-above-header-menu,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable.above-header-nav-padding-support .ast-above-header-menu .menu-item .menu-link,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable.above-header-nav-padding-support .ast-above-header-menu .menu-item:first-child .menu-link,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable.above-header-nav-padding-support .ast-above-header-menu .menu-item:last-child .menu-link,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable.above-header-nav-padding-support .ast-justify-content-flex-end .ast-above-header-menu > .menu-item-has-children > .menu-link {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation > .ast-above-header-menu > .menu-item:last-child,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation > ul > li:last-child,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation ul > li:first-child,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu-items .sub-menu > .menu-item:first-child,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation ul li {
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation ul ul ul li {
|
||||
border-right: 0;
|
||||
border-left: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation li {
|
||||
transition: all 0.2s linear;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
85
assets/css/above-menu-no-toggle-rtl.min.css
vendored
85
assets/css/above-menu-no-toggle-rtl.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,233 +0,0 @@
|
|||
/*---------- Media Query min-width Structure ----------*/
|
||||
/*---------- Media Query max-width Structure ----------*/
|
||||
/*---------- Break-point min-width Structure ----------*/
|
||||
/*---------- Break-point max-width Structure ----------*/
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header {
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu {
|
||||
margin: initial;
|
||||
-js-display: inline-flex;
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable.ast-above-mobile-menu-align-stack .ast-above-header-menu {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation li,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu-items .menu-item {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-section-separated .ast-above-header-navigation {
|
||||
display: block;
|
||||
position: relative;
|
||||
transform: none;
|
||||
overflow: initial;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-section-separated .ast-above-header-navigation .ast-above-header-menu > .menu-item.menu-item-has-children > .menu-link {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header-section-1,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header-section-2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header-navigation {
|
||||
bottom: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-section-separated .ast-above-header-menu .sub-menu {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-section-separated .ast-above-header-menu .sub-menu .sub-menu {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable.above-header-nav-padding-support .ast-justify-content-flex-end .ast-above-header-menu > .menu-item-has-children > .menu-link,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu > .menu-item-has-children > .menu-link {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation .menu-item-has-children > .ast-menu-toggle,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu-items .menu-item-has-children > .ast-menu-toggle {
|
||||
right: 0;
|
||||
position: relative;
|
||||
top: 0;
|
||||
transition: all 0.2s linear;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation .ast-above-header-menu > .menu-item-has-children > .ast-menu-toggle,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu-items .ast-above-header-menu > .menu-item-has-children > .ast-menu-toggle {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu .menu-item-has-children {
|
||||
-js-display: inline-flex;
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu .menu-item.ast-sub-menu-goes-outside:hover > .sub-menu,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu .menu-item.ast-sub-menu-goes-outside.focus > .sub-menu,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu .sub-menu {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu .menu-item.ast-sub-menu-goes-outside:hover > .sub-menu,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu .menu-item.ast-sub-menu-goes-outside.focus > .sub-menu {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu .sub-menu .menu-item {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@media (max-width: 544px) {
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation-wrap {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu .sub-menu .menu-item {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation .sub-menu .menu-item-has-children > .ast-menu-toggle,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu-items .sub-menu .menu-item-has-children > .ast-menu-toggle {
|
||||
position: absolute;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation .sub-menu .menu-item .menu-link:before,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-link:before,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link:before,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link:before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu .menu-item .menu-link,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu > .menu-item-has-children > .menu-link,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-section-separated .ast-above-header-menu,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable.above-header-nav-padding-support .ast-above-header-menu .menu-item .menu-link,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable.above-header-nav-padding-support .ast-above-header-menu .menu-item:first-child .menu-link,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable.above-header-nav-padding-support .ast-above-header-menu .menu-item:last-child .menu-link,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable.above-header-nav-padding-support .ast-justify-content-flex-end .ast-above-header-menu > .menu-item-has-children > .menu-link {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation > .ast-above-header-menu > .menu-item:last-child,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation > ul > li:last-child,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation ul > li:first-child,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu-items .sub-menu > .menu-item:first-child,
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation ul li {
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation ul ul ul li {
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation li {
|
||||
transition: all 0.2s linear;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
85
assets/css/above-menu-no-toggle.min.css
vendored
85
assets/css/above-menu-no-toggle.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,151 +0,0 @@
|
|||
#wpadminbar .wpforms-menu-notification-counter {
|
||||
display: inline-block !important;
|
||||
min-width: 18px !important;
|
||||
height: 18px !important;
|
||||
border-radius: 9px !important;
|
||||
margin: 7px 0 0 2px !important;
|
||||
vertical-align: top !important;
|
||||
font-size: 11px !important;
|
||||
line-height: 1.6 !important;
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
#wpadminbar .wpforms-menu-notification-indicator {
|
||||
float: right !important;
|
||||
margin: 10px 0 0 !important;
|
||||
width: 8px !important;
|
||||
height: 8px !important;
|
||||
border-radius: 4px !important;
|
||||
}
|
||||
|
||||
#wpadminbar .wpforms-menu-notification-indicator:after {
|
||||
display: block !important;
|
||||
content: "";
|
||||
position: absolute !important;
|
||||
width: inherit !important;
|
||||
height: inherit !important;
|
||||
border-radius: inherit !important;
|
||||
background-color: inherit !important;
|
||||
animation: wpforms-menu-notification-indicator-pulse 1.5s infinite !important;
|
||||
}
|
||||
|
||||
@keyframes wpforms-menu-notification-indicator-pulse {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
transform: scale(3);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#wpadminbar .wpforms-menu-form-notifications {
|
||||
border-top: 1px solid #3c4146 !important;
|
||||
margin-top: 6px !important;
|
||||
padding-top: 6px !important;
|
||||
}
|
||||
|
||||
#wpadminbar .wpforms-menu-form-notifications > .ab-item .wp-admin-bar-arrow::before {
|
||||
top: 6px !important;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-wpforms-upgrade a {
|
||||
background-color: #00a32a;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-wpforms-upgrade a:hover {
|
||||
background-color: #008a20;
|
||||
}
|
||||
|
||||
#wpadminbar .wpforms-menu-form-last {
|
||||
border-bottom: 1px solid #3c4146 !important;
|
||||
margin-bottom: 6px !important;
|
||||
padding-bottom: 6px !important;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
85
assets/css/admin-bar.min.css
vendored
85
assets/css/admin-bar.min.css
vendored
|
|
@ -1,85 +0,0 @@
|
|||
#wpadminbar .wp-mail-smtp-admin-bar-menu-notification-counter,#wpadminbar .wp-mail-smtp-admin-bar-menu-error{display:inline-block !important;vertical-align:top !important;box-sizing:border-box !important;margin:7px 0 0 2px !important;padding:0 5px !important;min-width:18px !important;height:18px !important;border-radius:9px !important;background-color:#d63638 !important;color:#fff !important;font-size:11px !important;line-height:1.6 !important;text-align:center !important}#wpadminbar .wp-mail-smtp-admin-bar-menu-notification-counter span,#wpadminbar .wp-mail-smtp-admin-bar-menu-error span{line-height:1 !important;font-size:11px !important}body.wp-admin #adminmenu #toplevel_page_wp-mail-smtp .wp-menu-image.svg{background-position-x:10px;background-position-y:8px}@media screen and (max-width: 782px){body.wp-admin #adminmenu #toplevel_page_wp-mail-smtp .wp-menu-image.svg{background-position-x:9px}}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,330 +0,0 @@
|
|||
.ast-admin-top-bar-root {
|
||||
font-family: Inter, sans-serif;
|
||||
}
|
||||
.mb-4 {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.justify-items-end {
|
||||
justify-items: end;
|
||||
}
|
||||
.w-\[350px\] {
|
||||
max-width: 350px;
|
||||
}
|
||||
.w-max {
|
||||
width: max-content;
|
||||
}
|
||||
.mt-4 {
|
||||
margin-top: 1rem/* 16px */;
|
||||
}
|
||||
.pr-4 {
|
||||
padding-left: 1rem/* 16px */;
|
||||
}
|
||||
.ml-8 {
|
||||
margin-right: 2rem/* 32px */;
|
||||
}
|
||||
.astra-parent-field-false + .astra-child-field {
|
||||
pointer-events: none;
|
||||
opacity: 0.4;
|
||||
}
|
||||
.w-4\/5 {
|
||||
width: 80%;
|
||||
}
|
||||
.text-right {
|
||||
text-align: left;
|
||||
}
|
||||
.top-1\/2 {
|
||||
top: 50%;
|
||||
}
|
||||
.-translate-y-1\/2 {
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.left-3 {
|
||||
right: 0.75rem;
|
||||
}
|
||||
.pl-3 {
|
||||
padding-right: 0.75rem;
|
||||
}
|
||||
.pt-14 {
|
||||
padding-top: 3.5rem/* 56px */;
|
||||
}
|
||||
.gap-6 {
|
||||
gap: 1.5rem/* 24px */;
|
||||
}
|
||||
.-mb-11\.5 {
|
||||
margin-bottom: -2.875rem/* 46px */;
|
||||
}
|
||||
.min-h-24 {
|
||||
min-height: 6rem/* 96px */;
|
||||
}
|
||||
.border-r {
|
||||
border-left-width: 1px;
|
||||
}
|
||||
.border-slate-200 {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(226 232 240 / var(--tw-border-opacity));
|
||||
}
|
||||
a.bsf-core-license-form-btn {
|
||||
text-decoration: underline;
|
||||
color: #2271b1;
|
||||
}
|
||||
.ast-whitelabel-wrap .ast-admin_input-field {
|
||||
border: 1px solid #CBD5E1;
|
||||
padding: 6px 13px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.ast-licensing-wrap .ast-admin_license-input-field {
|
||||
border: 1px solid #CBD5E1;
|
||||
padding: 6px 36px;
|
||||
border-radius: 6px;
|
||||
width: 28.3125rem;
|
||||
}
|
||||
.cursor-help {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
@media(max-width: 781px) {
|
||||
.ast-admin_license-input-field {
|
||||
width: 100%;
|
||||
}
|
||||
section.ast-whitelabel-wrap input,
|
||||
section.ast-whitelabel-wrap textarea {
|
||||
width: 100%;
|
||||
}
|
||||
div .tablet\:justify-items-start {
|
||||
justify-items: start;
|
||||
}
|
||||
}
|
||||
/* Rollback popup CSS compatibility. */
|
||||
.ast-rollback__dialog {
|
||||
z-index: 99999;
|
||||
}
|
||||
.backdrop-blur-sm {
|
||||
--tw-backdrop-blur: blur(4px);
|
||||
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
||||
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
||||
}
|
||||
.bg-gray-500 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(107 114 128 / var(--tw-bg-opacity));
|
||||
}
|
||||
.bg-opacity-75 {
|
||||
--tw-bg-opacity: 0.75;
|
||||
}
|
||||
.bg-red-50 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(254 242 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
.stroke-red-600 {
|
||||
stroke: #dc2626;
|
||||
}
|
||||
.min-h-screen {
|
||||
min-height: 100vh;
|
||||
}
|
||||
.items-end {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.ast-rollback__dialog .bg-red-600 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(220 38 38 / var(--tw-bg-opacity));
|
||||
}
|
||||
@media (min-width: 640px) {
|
||||
.ast-rollback__dialog .sm\:mx-0 {
|
||||
margin-right: 0px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
.ast-rollback__dialog .sm\:w-16 {
|
||||
width: 4rem;
|
||||
}
|
||||
.ast-rollback__dialog .sm\:block {
|
||||
display: block;
|
||||
}
|
||||
.sm\:align-middle {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.sm\:max-w-lg {
|
||||
max-width: 32rem;
|
||||
}
|
||||
.sm\:w-full {
|
||||
width: 100%;
|
||||
}
|
||||
.sm\:my-8 {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.sm\.pr-8 {
|
||||
padding-left: 2rem;
|
||||
}
|
||||
.sm\:h-16 {
|
||||
height: 4rem;
|
||||
}
|
||||
.sm\:text-left {
|
||||
text-align: right;
|
||||
}
|
||||
.sm\:ml-4 {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
.sm\:ml-20 {
|
||||
margin-right: 5rem;
|
||||
}
|
||||
.sm\:mr-3 {
|
||||
margin-left: 0.75rem;
|
||||
}
|
||||
.sm\:inline-block {
|
||||
display: inline-block;
|
||||
}
|
||||
.sm\:h-screen {
|
||||
height: 100vh;
|
||||
}
|
||||
.sm\:pt-0 {
|
||||
padding-top: 0;
|
||||
}
|
||||
.sm\:pb-0 {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.sm\:min-h-15 {
|
||||
min-height: 3.9375rem/* 63px */;
|
||||
}
|
||||
.sm\:mb-0 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
/* Post types compatibility CSS */
|
||||
.post-type-astra-advanced-hook #wpcontent #wpbody #wpbody-content .wrap h1.wp-heading-inline, .post-type-astra_adv_header #wpcontent #wpbody #wpbody-content h1.wp-heading-inline,
|
||||
.post-type-astra-advanced-hook #wpcontent #wpbody #wpbody-content .wrap a.page-title-action, .post-type-astra_adv_header #wpcontent #wpbody #wpbody-content .wrap a.page-title-action {
|
||||
display: none;
|
||||
}
|
||||
.post-type-astra-advanced-hook #posts-filter .search-box, .post-type-astra_adv_header #posts-filter .search-box {
|
||||
display: flex;
|
||||
}
|
||||
.post-type-astra-advanced-hook .wrap, .post-type-astra_adv_header .wrap {
|
||||
margin-top: 45px;
|
||||
}
|
||||
.post-type-astra_adv_header #wpcontent, .post-type-astra-advanced-hook #wpcontent {
|
||||
padding-right: 0;
|
||||
}
|
||||
.post-type-astra-advanced-hook #wpbody-content, .post-type-astra_adv_header #wpbody-content {
|
||||
padding: 0 20px 65px 0;
|
||||
}
|
||||
.post-type-astra-advanced-hook table.wp-list-table, .post-type-astra_adv_header table.wp-list-table {
|
||||
position: relative;
|
||||
}
|
||||
.post-type-astra-advanced-hook .wrap div.notice:first-of-type, .post-type-astra_adv_header .wrap div.notice:first-of-type {
|
||||
margin-top: 2.5rem;
|
||||
}
|
||||
.post-type-astra-advanced-hook .tablenav, .post-type-astra_adv_header .tablenav {
|
||||
margin: 6px 0 9px;
|
||||
}
|
||||
.post-type-astra-advanced-hook #screen-options-wrap input:not([type=submit]),
|
||||
.post-type-astra_adv_header #screen-options-wrap input:not([type=submit]),
|
||||
table.wp-list-table input[type='checkbox'], table.wp-list-table input[type='radio'],
|
||||
table.wp-list-table input[type='checkbox']:hover, table.wp-list-table input[type='radio']:hover,
|
||||
table.wp-list-table input[type='checkbox']:focus, table.wp-list-table input[type='radio']:focus {
|
||||
background-color: #ffff;
|
||||
border: 1px solid #8c8f94;
|
||||
}
|
||||
table .type-astra_adv_header .title, table .type-astra-advanced-hook .title,
|
||||
.post-type-astra_adv_header .subsubsub a, .post-type-astra-advanced-hook .subsubsub a,
|
||||
.post-type-astra_adv_header table .column-title a, .post-type-astra-advanced-hook table .column-title a {
|
||||
color: #2271b1;
|
||||
}
|
||||
.post-type-astra_adv_header .subsubsub a.current,
|
||||
.post-type-astra-advanced-hook .subsubsub a.current {
|
||||
color: #000;
|
||||
}
|
||||
.ast-addon-inactive a.customize-module,
|
||||
.ast-addon-inactive a.advanced-module {
|
||||
pointer-events: none;
|
||||
}
|
||||
.flex-wrap {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.text-red-400{
|
||||
color: #f87171;
|
||||
}
|
||||
.ast-admin-top-bar-root a:focus, .ast-admin-top-bar-root a:active {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,330 +0,0 @@
|
|||
.ast-admin-top-bar-root {
|
||||
font-family: Inter, sans-serif;
|
||||
}
|
||||
.mb-4 {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.justify-items-end {
|
||||
justify-items: end;
|
||||
}
|
||||
.w-\[350px\] {
|
||||
max-width: 350px;
|
||||
}
|
||||
.w-max {
|
||||
width: max-content;
|
||||
}
|
||||
.mt-4 {
|
||||
margin-top: 1rem/* 16px */;
|
||||
}
|
||||
.pr-4 {
|
||||
padding-right: 1rem/* 16px */;
|
||||
}
|
||||
.ml-8 {
|
||||
margin-left: 2rem/* 32px */;
|
||||
}
|
||||
.astra-parent-field-false + .astra-child-field {
|
||||
pointer-events: none;
|
||||
opacity: 0.4;
|
||||
}
|
||||
.w-4\/5 {
|
||||
width: 80%;
|
||||
}
|
||||
.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
.top-1\/2 {
|
||||
top: 50%;
|
||||
}
|
||||
.-translate-y-1\/2 {
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.left-3 {
|
||||
left: 0.75rem;
|
||||
}
|
||||
.pl-3 {
|
||||
padding-left: 0.75rem;
|
||||
}
|
||||
.pt-14 {
|
||||
padding-top: 3.5rem/* 56px */;
|
||||
}
|
||||
.gap-6 {
|
||||
gap: 1.5rem/* 24px */;
|
||||
}
|
||||
.-mb-11\.5 {
|
||||
margin-bottom: -2.875rem/* 46px */;
|
||||
}
|
||||
.min-h-24 {
|
||||
min-height: 6rem/* 96px */;
|
||||
}
|
||||
.border-r {
|
||||
border-right-width: 1px;
|
||||
}
|
||||
.border-slate-200 {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(226 232 240 / var(--tw-border-opacity));
|
||||
}
|
||||
a.bsf-core-license-form-btn {
|
||||
text-decoration: underline;
|
||||
color: #2271b1;
|
||||
}
|
||||
.ast-whitelabel-wrap .ast-admin_input-field {
|
||||
border: 1px solid #CBD5E1;
|
||||
padding: 6px 13px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.ast-licensing-wrap .ast-admin_license-input-field {
|
||||
border: 1px solid #CBD5E1;
|
||||
padding: 6px 36px;
|
||||
border-radius: 6px;
|
||||
width: 28.3125rem;
|
||||
}
|
||||
.cursor-help {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
@media(max-width: 781px) {
|
||||
.ast-admin_license-input-field {
|
||||
width: 100%;
|
||||
}
|
||||
section.ast-whitelabel-wrap input,
|
||||
section.ast-whitelabel-wrap textarea {
|
||||
width: 100%;
|
||||
}
|
||||
div .tablet\:justify-items-start {
|
||||
justify-items: start;
|
||||
}
|
||||
}
|
||||
/* Rollback popup CSS compatibility. */
|
||||
.ast-rollback__dialog {
|
||||
z-index: 99999;
|
||||
}
|
||||
.backdrop-blur-sm {
|
||||
--tw-backdrop-blur: blur(4px);
|
||||
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
||||
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
||||
}
|
||||
.bg-gray-500 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(107 114 128 / var(--tw-bg-opacity));
|
||||
}
|
||||
.bg-opacity-75 {
|
||||
--tw-bg-opacity: 0.75;
|
||||
}
|
||||
.bg-red-50 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(254 242 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
.stroke-red-600 {
|
||||
stroke: #dc2626;
|
||||
}
|
||||
.min-h-screen {
|
||||
min-height: 100vh;
|
||||
}
|
||||
.items-end {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.ast-rollback__dialog .bg-red-600 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(220 38 38 / var(--tw-bg-opacity));
|
||||
}
|
||||
@media (min-width: 640px) {
|
||||
.ast-rollback__dialog .sm\:mx-0 {
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
.ast-rollback__dialog .sm\:w-16 {
|
||||
width: 4rem;
|
||||
}
|
||||
.ast-rollback__dialog .sm\:block {
|
||||
display: block;
|
||||
}
|
||||
.sm\:align-middle {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.sm\:max-w-lg {
|
||||
max-width: 32rem;
|
||||
}
|
||||
.sm\:w-full {
|
||||
width: 100%;
|
||||
}
|
||||
.sm\:my-8 {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.sm\.pr-8 {
|
||||
padding-right: 2rem;
|
||||
}
|
||||
.sm\:h-16 {
|
||||
height: 4rem;
|
||||
}
|
||||
.sm\:text-left {
|
||||
text-align: left;
|
||||
}
|
||||
.sm\:ml-4 {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
.sm\:ml-20 {
|
||||
margin-left: 5rem;
|
||||
}
|
||||
.sm\:mr-3 {
|
||||
margin-right: 0.75rem;
|
||||
}
|
||||
.sm\:inline-block {
|
||||
display: inline-block;
|
||||
}
|
||||
.sm\:h-screen {
|
||||
height: 100vh;
|
||||
}
|
||||
.sm\:pt-0 {
|
||||
padding-top: 0;
|
||||
}
|
||||
.sm\:pb-0 {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.sm\:min-h-15 {
|
||||
min-height: 3.9375rem/* 63px */;
|
||||
}
|
||||
.sm\:mb-0 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
/* Post types compatibility CSS */
|
||||
.post-type-astra-advanced-hook #wpcontent #wpbody #wpbody-content .wrap h1.wp-heading-inline, .post-type-astra_adv_header #wpcontent #wpbody #wpbody-content h1.wp-heading-inline,
|
||||
.post-type-astra-advanced-hook #wpcontent #wpbody #wpbody-content .wrap a.page-title-action, .post-type-astra_adv_header #wpcontent #wpbody #wpbody-content .wrap a.page-title-action {
|
||||
display: none;
|
||||
}
|
||||
.post-type-astra-advanced-hook #posts-filter .search-box, .post-type-astra_adv_header #posts-filter .search-box {
|
||||
display: flex;
|
||||
}
|
||||
.post-type-astra-advanced-hook .wrap, .post-type-astra_adv_header .wrap {
|
||||
margin-top: 45px;
|
||||
}
|
||||
.post-type-astra_adv_header #wpcontent, .post-type-astra-advanced-hook #wpcontent {
|
||||
padding-left: 0;
|
||||
}
|
||||
.post-type-astra-advanced-hook #wpbody-content, .post-type-astra_adv_header #wpbody-content {
|
||||
padding: 0 0 65px 20px;
|
||||
}
|
||||
.post-type-astra-advanced-hook table.wp-list-table, .post-type-astra_adv_header table.wp-list-table {
|
||||
position: relative;
|
||||
}
|
||||
.post-type-astra-advanced-hook .wrap div.notice:first-of-type, .post-type-astra_adv_header .wrap div.notice:first-of-type {
|
||||
margin-top: 2.5rem;
|
||||
}
|
||||
.post-type-astra-advanced-hook .tablenav, .post-type-astra_adv_header .tablenav {
|
||||
margin: 6px 0 9px;
|
||||
}
|
||||
.post-type-astra-advanced-hook #screen-options-wrap input:not([type=submit]),
|
||||
.post-type-astra_adv_header #screen-options-wrap input:not([type=submit]),
|
||||
table.wp-list-table input[type='checkbox'], table.wp-list-table input[type='radio'],
|
||||
table.wp-list-table input[type='checkbox']:hover, table.wp-list-table input[type='radio']:hover,
|
||||
table.wp-list-table input[type='checkbox']:focus, table.wp-list-table input[type='radio']:focus {
|
||||
background-color: #ffff;
|
||||
border: 1px solid #8c8f94;
|
||||
}
|
||||
table .type-astra_adv_header .title, table .type-astra-advanced-hook .title,
|
||||
.post-type-astra_adv_header .subsubsub a, .post-type-astra-advanced-hook .subsubsub a,
|
||||
.post-type-astra_adv_header table .column-title a, .post-type-astra-advanced-hook table .column-title a {
|
||||
color: #2271b1;
|
||||
}
|
||||
.post-type-astra_adv_header .subsubsub a.current,
|
||||
.post-type-astra-advanced-hook .subsubsub a.current {
|
||||
color: #000;
|
||||
}
|
||||
.ast-addon-inactive a.customize-module,
|
||||
.ast-addon-inactive a.advanced-module {
|
||||
pointer-events: none;
|
||||
}
|
||||
.flex-wrap {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.text-red-400{
|
||||
color: #f87171;
|
||||
}
|
||||
.ast-admin-top-bar-root a:focus, .ast-admin-top-bar-root a:active {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,317 +0,0 @@
|
|||
.hvac-admin-dashboard {
|
||||
max-width: 1200px;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
/* Health Check */
|
||||
.hvac-health-check {
|
||||
background: #fff;
|
||||
border: 1px solid #ccd0d4;
|
||||
box-shadow: 0 1px 1px rgba(0,0,0,0.04);
|
||||
margin-bottom: 20px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.health-status {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 15px 0;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.status-indicator {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
margin-right: 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.health-status.healthy .status-indicator {
|
||||
background-color: #46b450;
|
||||
}
|
||||
|
||||
.health-status.warning .status-indicator {
|
||||
background-color: #ffb900;
|
||||
}
|
||||
|
||||
.health-status.critical .status-indicator {
|
||||
background-color: #dc3232;
|
||||
}
|
||||
|
||||
.status-badge {
|
||||
display: inline-block;
|
||||
padding: 3px 8px;
|
||||
border-radius: 3px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.status-ok {
|
||||
background-color: #d4edda;
|
||||
color: #155724;
|
||||
}
|
||||
|
||||
.status-warning {
|
||||
background-color: #fff3cd;
|
||||
color: #856404;
|
||||
}
|
||||
|
||||
.status-error {
|
||||
background-color: #f8d7da;
|
||||
color: #721c24;
|
||||
}
|
||||
|
||||
/* Dashboard Grid */
|
||||
.hvac-dashboard-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||
gap: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
/* Dashboard Widgets */
|
||||
.hvac-dashboard-widget {
|
||||
background: #fff;
|
||||
border: 1px solid #ccd0d4;
|
||||
box-shadow: 0 1px 1px rgba(0,0,0,0.04);
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.hvac-dashboard-widget h3 {
|
||||
margin: 0 0 15px 0;
|
||||
padding: 0;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: #23282d;
|
||||
border-bottom: 1px solid #eee;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
/* Metrics Grid */
|
||||
.metrics-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
.metric {
|
||||
text-align: center;
|
||||
padding: 15px 10px;
|
||||
background-color: #f8f9fa;
|
||||
border-radius: 5px;
|
||||
transition: background-color 0.3s ease;
|
||||
}
|
||||
|
||||
.metric:hover {
|
||||
background-color: #e9ecef;
|
||||
}
|
||||
|
||||
.metric-value {
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
color: #0073aa;
|
||||
margin-bottom: 5px;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.metric-value.updated {
|
||||
animation: pulse 0.6s ease-in-out;
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
0% { transform: scale(1); }
|
||||
50% { transform: scale(1.1); }
|
||||
100% { transform: scale(1); }
|
||||
}
|
||||
|
||||
.metric-label {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
font-weight: 500;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/* Maintenance Controls */
|
||||
.maintenance-controls .maintenance-actions {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
|
||||
gap: 10px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.maintenance-controls button {
|
||||
width: 100%;
|
||||
padding: 8px 12px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.maintenance-log {
|
||||
margin-top: 20px;
|
||||
padding: 15px;
|
||||
background-color: #f5f5f5;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.maintenance-log h4 {
|
||||
margin: 0 0 10px 0;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
#maintenance-output {
|
||||
padding: 10px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 3px;
|
||||
font-family: monospace;
|
||||
font-size: 12px;
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
white-space: pre-wrap;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
/* Dashboard Actions */
|
||||
.hvac-dashboard-actions {
|
||||
background: #fff;
|
||||
border: 1px solid #ccd0d4;
|
||||
box-shadow: 0 1px 1px rgba(0,0,0,0.04);
|
||||
padding: 15px 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.hvac-dashboard-actions button {
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
/* Responsive adjustments */
|
||||
@media screen and (max-width: 768px) {
|
||||
.hvac-dashboard-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.metrics-grid {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
.maintenance-controls .maintenance-actions {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
/* Loading state */
|
||||
.loading {
|
||||
opacity: 0.6;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.loading::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: -10px 0 0 -10px;
|
||||
border: 2px solid #f3f3f3;
|
||||
border-top: 2px solid #0073aa;
|
||||
border-radius: 50%;
|
||||
animation: spin 0.8s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
/* Notices */
|
||||
.hvac-admin-dashboard .notice {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
File diff suppressed because it is too large
Load diff
86
assets/css/admin-form-templates.min.css
vendored
86
assets/css/admin-form-templates.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load diff
86
assets/css/admin-integrations.min.css
vendored
86
assets/css/admin-integrations.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,698 +0,0 @@
|
|||
.wpforms-list-table-ext-page .wp-list-table {
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
margin: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table th, .wpforms-list-table-ext-page .wp-list-table td {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table .wpforms-table-column-dragged-out {
|
||||
color: transparent;
|
||||
background-color: #f0f0f1;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table .wpforms-table-column-dragged-out > * {
|
||||
opacity: 0 !important;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table .wpforms-table-column-dragged-out > #wpforms-list-table-ext-edit-columns-cog {
|
||||
background-color: transparent;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table .wpforms-table-column-drag-placeholder {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table .wpforms-table-column-drag-placeholder-prev {
|
||||
box-shadow: inset -2px 0 0 0 #8c8f94;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table thead .wpforms-table-cell-sticky, .wpforms-list-table-ext-page .wp-list-table tbody#the-list .wpforms-table-cell-sticky, .wpforms-list-table-ext-page .wp-list-table tfoot .wpforms-table-cell-sticky {
|
||||
position: sticky !important;
|
||||
z-index: 2;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table thead .wpforms-table-cell-sticky.left, .wpforms-list-table-ext-page .wp-list-table tbody#the-list .wpforms-table-cell-sticky.left, .wpforms-list-table-ext-page .wp-list-table tfoot .wpforms-table-cell-sticky.left {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table thead .wpforms-table-cell-sticky.left.shadow, .wpforms-list-table-ext-page .wp-list-table tbody#the-list .wpforms-table-cell-sticky.left.shadow, .wpforms-list-table-ext-page .wp-list-table tfoot .wpforms-table-cell-sticky.left.shadow {
|
||||
clip-path: polygon(0 0, 150% 0, 150% calc( 100% + 1px), 0 calc( 100% + 1px));
|
||||
box-shadow: 2px 0 6px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table thead .wpforms-table-cell-sticky.right, .wpforms-list-table-ext-page .wp-list-table tbody#the-list .wpforms-table-cell-sticky.right, .wpforms-list-table-ext-page .wp-list-table tfoot .wpforms-table-cell-sticky.right {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table thead .wpforms-table-cell-sticky.right.shadow, .wpforms-list-table-ext-page .wp-list-table tbody#the-list .wpforms-table-cell-sticky.right.shadow, .wpforms-list-table-ext-page .wp-list-table tfoot .wpforms-table-cell-sticky.right.shadow {
|
||||
clip-path: polygon(-50% 0, 100% 0, 100% calc( 100% + 1px), -50% calc( 100% + 1px));
|
||||
box-shadow: -2px 0 6px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table thead .wpforms-table-cell-sticky.column-indicators, .wpforms-list-table-ext-page .wp-list-table tbody#the-list .wpforms-table-cell-sticky.column-indicators, .wpforms-list-table-ext-page .wp-list-table tfoot .wpforms-table-cell-sticky.column-indicators {
|
||||
left: 35px;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table.striped.forms tbody#the-list > :nth-child(even) .wpforms-table-cell-sticky,
|
||||
.wpforms-list-table-ext-page .wp-list-table.striped:not(.forms) tbody#the-list > :nth-child(odd) .wpforms-table-cell-sticky {
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table thead th, .wpforms-list-table-ext-page .wp-list-table tfoot th {
|
||||
font-size: 14px;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
vertical-align: middle;
|
||||
padding-right: 28px;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table thead th:not(.wpforms-table-cell-sticky):not(.wpforms-table-column-not-draggable):not(.column-cog):hover, .wpforms-list-table-ext-page .wp-list-table tfoot th:not(.wpforms-table-cell-sticky):not(.wpforms-table-column-not-draggable):not(.column-cog):hover {
|
||||
cursor: pointer;
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='13' fill='none'%3E%3Cpath fill='%23A7AAAD' d='M4.375 3.031a.9.9 0 0 1-.875.875H1.75a.881.881 0 0 1-.875-.875v-1.75c0-.492.383-.875.875-.875H3.5c.465 0 .875.383.875.875v1.75Zm0 4.375a.9.9 0 0 1-.875.875H1.75a.881.881 0 0 1-.875-.875v-1.75c0-.492.383-.875.875-.875H3.5c.465 0 .875.383.875.875v1.75Zm0 4.375a.9.9 0 0 1-.875.875H1.75a.881.881 0 0 1-.875-.875v-1.75c0-.492.383-.875.875-.875H3.5c.465 0 .875.383.875.875v1.75Zm5.25-8.75a.9.9 0 0 1-.875.875H7a.881.881 0 0 1-.875-.875v-1.75c0-.492.383-.875.875-.875h1.75c.465 0 .875.383.875.875v1.75Zm0 4.375a.9.9 0 0 1-.875.875H7a.881.881 0 0 1-.875-.875v-1.75c0-.492.383-.875.875-.875h1.75c.465 0 .875.383.875.875v1.75Zm0 4.375a.9.9 0 0 1-.875.875H7a.881.881 0 0 1-.875-.875v-1.75c0-.492.383-.875.875-.875h1.75c.465 0 .875.383.875.875v1.75Z'/%3E%3C/svg%3E");
|
||||
background-repeat: no-repeat;
|
||||
background-position: right 8px top 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table thead th a, .wpforms-list-table-ext-page .wp-list-table tfoot th a {
|
||||
float: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
padding: 0 10px;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table thead th a .sorting-indicators, .wpforms-list-table-ext-page .wp-list-table tfoot th a .sorting-indicators {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table thead th a .screen-reader-text, .wpforms-list-table-ext-page .wp-list-table tfoot th a .screen-reader-text {
|
||||
position: initial;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table thead th a:focus, .wpforms-list-table-ext-page .wp-list-table tfoot th a:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table thead .check-column input:hover + label,
|
||||
.wpforms-list-table-ext-page .wp-list-table thead .check-column label:hover, .wpforms-list-table-ext-page .wp-list-table tfoot .check-column input:hover + label,
|
||||
.wpforms-list-table-ext-page .wp-list-table tfoot .check-column label:hover {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table thead tr th:last-child {
|
||||
padding-right: 32px;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table .check-column {
|
||||
width: 35px;
|
||||
min-width: 35px;
|
||||
max-width: 35px;
|
||||
padding-block: 10px 0;
|
||||
padding-inline: 3px 8px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table .check-column.manage-column {
|
||||
padding-block: 0 1px;
|
||||
padding-inline: 3px 8px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table .check-column.manage-column input {
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table .column-cog {
|
||||
min-width: 28px;
|
||||
width: 28px;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table thead .column-cog {
|
||||
border-top-right-radius: 4px;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wp-list-table tfoot .column-cog {
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wpforms-table-container {
|
||||
width: auto;
|
||||
clear: both;
|
||||
background-color: #ffffff;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #ccd0d4;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
margin: 10px 0 0 0;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wpforms-table-scroll {
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wpforms-table-scroll.wpforms-scrollbar::-webkit-scrollbar {
|
||||
background: transparent;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wpforms-table-scroll.wpforms-scrollbar::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wpforms-table-scroll.wpforms-scrollbar::-webkit-scrollbar-thumb {
|
||||
box-shadow: inset 0 0 4px 4px rgba(0, 0, 0, 0.05);
|
||||
background: transparent;
|
||||
border-radius: 14px;
|
||||
border: solid 4px transparent;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wpforms-table-scroll.wpforms-scrollbar::-webkit-resizer, .wpforms-list-table-ext-page .wpforms-table-scroll.wpforms-scrollbar::-webkit-scrollbar-button, .wpforms-list-table-ext-page .wpforms-table-scroll.wpforms-scrollbar::-webkit-scrollbar-corner {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@-moz-document url-prefix() {
|
||||
.wpforms-list-table-ext-page .wpforms-table-scroll.wpforms-scrollbar {
|
||||
scrollbar-color: rgba(0, 0, 0, 0.05) transparent;
|
||||
scrollbar-gutter: initial !important;
|
||||
scrollbar-width: thin;
|
||||
}
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wpforms-table-scroll.wpforms-scrollbar:hover::-webkit-scrollbar {
|
||||
background: transparent;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wpforms-table-scroll.wpforms-scrollbar:hover::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wpforms-table-scroll.wpforms-scrollbar:hover::-webkit-scrollbar-thumb {
|
||||
box-shadow: inset 0 0 4px 4px rgba(0, 0, 0, 0.3);
|
||||
background: transparent;
|
||||
border-radius: 14px;
|
||||
border: solid 4px transparent;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wpforms-table-scroll.wpforms-scrollbar:hover::-webkit-resizer, .wpforms-list-table-ext-page .wpforms-table-scroll.wpforms-scrollbar:hover::-webkit-scrollbar-button, .wpforms-list-table-ext-page .wpforms-table-scroll.wpforms-scrollbar:hover::-webkit-scrollbar-corner {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@-moz-document url-prefix() {
|
||||
.wpforms-list-table-ext-page .wpforms-table-scroll.wpforms-scrollbar:hover {
|
||||
scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
|
||||
scrollbar-gutter: initial !important;
|
||||
scrollbar-width: thin;
|
||||
}
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wpforms-table-column-drag-helper {
|
||||
box-sizing: border-box;
|
||||
background-color: #ffffff;
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='13' fill='none'%3E%3Cpath fill='%23056AAB' d='M4.375 3.031a.9.9 0 0 1-.875.875H1.75a.881.881 0 0 1-.875-.875v-1.75c0-.492.383-.875.875-.875H3.5c.465 0 .875.383.875.875v1.75Zm0 4.375a.9.9 0 0 1-.875.875H1.75a.881.881 0 0 1-.875-.875v-1.75c0-.492.383-.875.875-.875H3.5c.465 0 .875.383.875.875v1.75Zm0 4.375a.9.9 0 0 1-.875.875H1.75a.881.881 0 0 1-.875-.875v-1.75c0-.492.383-.875.875-.875H3.5c.465 0 .875.383.875.875v1.75Zm5.25-8.75a.9.9 0 0 1-.875.875H7a.881.881 0 0 1-.875-.875v-1.75c0-.492.383-.875.875-.875h1.75c.465 0 .875.383.875.875v1.75Zm0 4.375a.9.9 0 0 1-.875.875H7a.881.881 0 0 1-.875-.875v-1.75c0-.492.383-.875.875-.875h1.75c.465 0 .875.383.875.875v1.75Zm0 4.375a.9.9 0 0 1-.875.875H7a.881.881 0 0 1-.875-.875v-1.75c0-.492.383-.875.875-.875h1.75c.465 0 .875.383.875.875v1.75Z'/%3E%3C/svg%3E");
|
||||
background-repeat: no-repeat;
|
||||
background-position: right 10px center;
|
||||
border: none;
|
||||
box-shadow: 0 8px 12px 0 #00000026;
|
||||
min-height: 36px;
|
||||
padding: 10px 28px 10px 10px;
|
||||
display: block;
|
||||
opacity: 0.9 !important;
|
||||
font-weight: normal;
|
||||
font-size: 14px;
|
||||
text-align: initial !important;
|
||||
cursor: grab !important;
|
||||
appearance: unset;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wpforms-table-column-drag-helper * {
|
||||
cursor: grab !important;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wpforms-table-column-drag-helper a {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wpforms-table-column-drag-helper #wpforms-list-table-ext-edit-columns-cog {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wpforms-table-column-drag-helper .sorting-indicators {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wpforms-table-column-drag-helper .wpforms-locations-column-title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wpforms-list-table-ext-page .wpforms-table-column-drag-helper .wpforms-locations-column-icon {
|
||||
display: block;
|
||||
width: 12px;
|
||||
height: 16px;
|
||||
opacity: 0.7;
|
||||
background-image: url("../images/file-code.svg");
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container {
|
||||
position: absolute;
|
||||
right: 28px;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container::after {
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper {
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-form-outline {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list {
|
||||
position: relative;
|
||||
max-width: 240px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list.open.open-up {
|
||||
bottom: unset;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-search {
|
||||
margin: 15px;
|
||||
color: #50575e;
|
||||
width: calc( 100% - 30px);
|
||||
display: block;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-search::placeholder {
|
||||
color: #a7aaad;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-items {
|
||||
padding-inline: 0;
|
||||
border-bottom: 1px solid #dcdcde;
|
||||
border-top: 1px solid #dcdcde;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 3px;
|
||||
padding-bottom: 10px;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-items::-webkit-scrollbar {
|
||||
background: transparent;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-items::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-items::-webkit-scrollbar-thumb {
|
||||
box-shadow: inset 0 0 4px 4px rgba(0, 0, 0, 0.05);
|
||||
background: transparent;
|
||||
border-radius: 14px;
|
||||
border: solid 4px transparent;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-items::-webkit-resizer, #wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-items::-webkit-scrollbar-button, #wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-items::-webkit-scrollbar-corner {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@-moz-document url-prefix() {
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-items {
|
||||
scrollbar-color: rgba(0, 0, 0, 0.05) transparent;
|
||||
scrollbar-gutter: initial !important;
|
||||
scrollbar-width: thin;
|
||||
}
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-items.wpforms-multiselect-checkbox-items-no-search {
|
||||
border-top: none;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-items:hover::-webkit-scrollbar {
|
||||
background: transparent;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-items:hover::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-items:hover::-webkit-scrollbar-thumb {
|
||||
box-shadow: inset 0 0 4px 4px rgba(0, 0, 0, 0.3);
|
||||
background: transparent;
|
||||
border-radius: 14px;
|
||||
border: solid 4px transparent;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-items:hover::-webkit-resizer, #wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-items:hover::-webkit-scrollbar-button, #wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-items:hover::-webkit-scrollbar-corner {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@-moz-document url-prefix() {
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-items:hover {
|
||||
scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
|
||||
scrollbar-gutter: initial !important;
|
||||
scrollbar-width: thin;
|
||||
}
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-items label {
|
||||
margin: 0 15px;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-items label:first-child {
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-items label span {
|
||||
width: 180px;
|
||||
display: block;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-items label input[type='checkbox']:hover {
|
||||
border-color: #2271b1;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-items label input[type='checkbox']:hover:checked {
|
||||
background-color: #04558a;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-items label input[type='checkbox']:focus {
|
||||
border: 2px solid #2271b1 !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-items label input[type='checkbox']:focus:checked {
|
||||
background-color: #04558a !important;
|
||||
border: 1px solid white !important;
|
||||
box-shadow: 0 0 0 1px #04558a !important;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-items .wpforms-multiselect-checkbox-no-results {
|
||||
margin: 0 15px 5px 15px;
|
||||
color: #646970;
|
||||
font-size: 14px;
|
||||
line-height: 16.7px;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-items .wpforms-multiselect-checkbox-optgroup {
|
||||
color: #8C8F94;
|
||||
font-weight: 500;
|
||||
font-size: 12px;
|
||||
line-height: 19px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list .wpforms-multiselect-checkbox-items .wpforms-multiselect-checkbox-optgroup:last-of-type {
|
||||
border-top: 1px solid #dcdcde;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-wrapper .wpforms-multiselect-checkbox-list #wpforms-list-table-ext-edit-columns-select-submit {
|
||||
margin: 5px 15px 10px 15px;
|
||||
height: 31px;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-cog {
|
||||
outline: none;
|
||||
box-shadow: none;
|
||||
font-size: 19px;
|
||||
color: #8b8f95;
|
||||
position: absolute;
|
||||
inset-inline-end: 12px;
|
||||
background-color: #ffffff;
|
||||
top: 8px;
|
||||
right: 10px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-cog.active {
|
||||
color: #046bab;
|
||||
}
|
||||
|
||||
#wpforms-list-table-ext-edit-columns-cog:hover:not(.active) {
|
||||
color: #646970;
|
||||
}
|
||||
|
||||
.wpforms-no-scroll {
|
||||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
body.wpforms-loading, body.wpforms-loading * {
|
||||
cursor: wait !important;
|
||||
}
|
||||
|
||||
body.wpforms-loading:before {
|
||||
content: '';
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: transparent;
|
||||
z-index: 9999999;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.wpforms-list-table-ext-page .wp-list-table tr:not(.inline-edit-row):not(.no-items):not(.wpforms-bulk-edit-tags) {
|
||||
position: relative;
|
||||
}
|
||||
.wpforms-list-table-ext-page .wp-list-table tr:not(.inline-edit-row):not(.no-items):not(.wpforms-bulk-edit-tags) td:not(.check-column):not(.column-primary) {
|
||||
padding-left: 35% !important;
|
||||
}
|
||||
.wpforms-list-table-ext-page .wp-list-table tr:not(.inline-edit-row):not(.no-items):not(.wpforms-bulk-edit-tags) td:not(.check-column):not(.column-primary):before {
|
||||
content: attr(data-colname) !important;
|
||||
}
|
||||
.wpforms-list-table-ext-page .wp-list-table tr:not(.inline-edit-row):not(.no-items):not(.wpforms-bulk-edit-tags) th.column-primary {
|
||||
width: calc( 100% - 44px) !important;
|
||||
padding-inline: 10px;
|
||||
}
|
||||
.wpforms-list-table-ext-page .wp-list-table tr:not(.inline-edit-row):not(.no-items):not(.wpforms-bulk-edit-tags) td.column-primary {
|
||||
height: 60px;
|
||||
position: relative;
|
||||
padding-top: 12px;
|
||||
top: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.wpforms-list-table-ext-page .wp-list-table tr:not(.inline-edit-row):not(.no-items):not(.wpforms-bulk-edit-tags) td.column-primary > a strong {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: initial;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
.wpforms-list-table-ext-page .wp-list-table tr:not(.inline-edit-row):not(.no-items):not(.wpforms-bulk-edit-tags).is-expanded td:not(.check-column):not(.column-primary):first-of-type {
|
||||
margin-top: 60px;
|
||||
}
|
||||
.wpforms-list-table-ext-page .wp-list-table tr:not(.inline-edit-row):not(.no-items):not(.wpforms-bulk-edit-tags).is-expanded td:not(.check-column):not(.column-primary):last-of-type {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.wpforms-list-table-ext-page .wp-list-table tr:not(.inline-edit-row):not(.no-items):not(.wpforms-bulk-edit-tags).is-expanded td:not(:first-of-type).column-primary {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 35px;
|
||||
width: calc(100% - 35px) !important;
|
||||
}
|
||||
@supports (font: -apple-system-body) and (-webkit-appearance: none) and (-webkit-hyphens: none) {
|
||||
.wpforms-list-table-ext-page .wp-list-table tr:not(.inline-edit-row):not(.no-items):not(.wpforms-bulk-edit-tags).is-expanded td:not(:first-of-type).column-primary {
|
||||
top: auto;
|
||||
left: 46px;
|
||||
width: calc(100% - 57px) !important;
|
||||
}
|
||||
}
|
||||
.wpforms-list-table-ext-page .wp-list-table tr:not(.inline-edit-row):not(.no-items):not(.wpforms-bulk-edit-tags).is-expanded td:not(.column-primary):first-of-type {
|
||||
padding-top: 90px;
|
||||
}
|
||||
.wpforms-list-table-ext-page .wp-list-table tr:not(.inline-edit-row):not(.no-items):not(.wpforms-bulk-edit-tags).is-expanded td.column-primary {
|
||||
height: 80px !important;
|
||||
}
|
||||
.wpforms-list-table-ext-page .wp-list-table tr:not(.inline-edit-row):not(.no-items):not(.wpforms-bulk-edit-tags) .row-actions {
|
||||
padding-left: 4px;
|
||||
}
|
||||
.wpforms-list-table-ext-page .wp-list-table tr:not(.wpforms-bulk-edit-tags) th.check-column, .wpforms-list-table-ext-page .wp-list-table tr:not(.wpforms-bulk-edit-tags) td.check-column {
|
||||
height: 65px;
|
||||
}
|
||||
.wpforms-list-table-ext-page .wp-list-table tr:not(.wpforms-bulk-edit-tags) th.check-column.column-cb, .wpforms-list-table-ext-page .wp-list-table tr:not(.wpforms-bulk-edit-tags) td.check-column.column-cb {
|
||||
padding-top: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.wpforms-list-table-ext-page .wp-list-table tr:not(.wpforms-bulk-edit-tags) th.check-column.column-cb input, .wpforms-list-table-ext-page .wp-list-table tr:not(.wpforms-bulk-edit-tags) td.check-column.column-cb input {
|
||||
margin: 0;
|
||||
margin-inline: 8px;
|
||||
}
|
||||
.wpforms-list-table-ext-page .wp-list-table tr:not(.wpforms-bulk-edit-tags) th:not(.check-column):not(.column-primary), .wpforms-list-table-ext-page .wp-list-table tr:not(.wpforms-bulk-edit-tags) td:not(.check-column):not(.column-primary) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.rtl .wpforms-list-table-ext-page .wpforms-table-column-drag-helper {
|
||||
background-position: left 10px center;
|
||||
}
|
||||
|
||||
.rtl .wpforms-list-table-ext-page .wp-list-table thead .wpforms-table-cell-sticky.left, .rtl .wpforms-list-table-ext-page .wp-list-table tbody#the-list .wpforms-table-cell-sticky.left, .rtl .wpforms-list-table-ext-page .wp-list-table tfoot .wpforms-table-cell-sticky.left {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.rtl .wpforms-list-table-ext-page .wp-list-table thead .wpforms-table-cell-sticky.left.shadow, .rtl .wpforms-list-table-ext-page .wp-list-table tbody#the-list .wpforms-table-cell-sticky.left.shadow, .rtl .wpforms-list-table-ext-page .wp-list-table tfoot .wpforms-table-cell-sticky.left.shadow {
|
||||
clip-path: polygon(-50% 0, 100% 0, 100% calc( 100% + 1px), -50% calc( 100% + 1px));
|
||||
box-shadow: -2px 0 6px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.rtl .wpforms-list-table-ext-page .wp-list-table thead .wpforms-table-cell-sticky.right, .rtl .wpforms-list-table-ext-page .wp-list-table tbody#the-list .wpforms-table-cell-sticky.right, .rtl .wpforms-list-table-ext-page .wp-list-table tfoot .wpforms-table-cell-sticky.right {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.rtl .wpforms-list-table-ext-page .wp-list-table thead .wpforms-table-cell-sticky.right.shadow, .rtl .wpforms-list-table-ext-page .wp-list-table tbody#the-list .wpforms-table-cell-sticky.right.shadow, .rtl .wpforms-list-table-ext-page .wp-list-table tfoot .wpforms-table-cell-sticky.right.shadow {
|
||||
clip-path: polygon(0 0, 150% 0, 150% calc( 100% + 1px), 0 calc( 100% + 1px));
|
||||
box-shadow: 2px 0 6px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.rtl .wpforms-list-table-ext-page .wp-list-table thead .wpforms-table-cell-sticky.column-indicators, .rtl .wpforms-list-table-ext-page .wp-list-table tbody#the-list .wpforms-table-cell-sticky.column-indicators, .rtl .wpforms-list-table-ext-page .wp-list-table tfoot .wpforms-table-cell-sticky.column-indicators {
|
||||
right: 35px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.rtl .wpforms-list-table-ext-page .wp-list-table thead th, .rtl .wpforms-list-table-ext-page .wp-list-table tfoot th {
|
||||
padding-right: unset;
|
||||
padding-left: 28px;
|
||||
}
|
||||
|
||||
.rtl .wpforms-list-table-ext-page .wp-list-table thead th:not(.wpforms-table-cell-sticky):not(.wpforms-table-column-not-draggable):not(.column-cog):hover, .rtl .wpforms-list-table-ext-page .wp-list-table tfoot th:not(.wpforms-table-cell-sticky):not(.wpforms-table-column-not-draggable):not(.column-cog):hover {
|
||||
background-position: left 8px top 12px;
|
||||
}
|
||||
|
||||
.rtl #wpforms-list-table-ext-edit-columns-cog {
|
||||
inset-inline-start: 12px;
|
||||
inset-inline-end: unset;
|
||||
right: unset;
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
.rtl #wpforms-list-table-ext-edit-columns-select-container {
|
||||
right: unset;
|
||||
left: 28px;
|
||||
}
|
||||
|
||||
.rtl #wpforms-list-table-ext-edit-columns-select-container .wpforms-multiselect-checkbox-optgroup {
|
||||
padding-left: unset;
|
||||
padding-right: 15px;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
86
assets/css/admin-list-table-ext.min.css
vendored
86
assets/css/admin-list-table-ext.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,330 +0,0 @@
|
|||
#wpforms-notifications {
|
||||
background: #ffffff 0 0 no-repeat padding-box;
|
||||
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
|
||||
border-radius: 6px;
|
||||
opacity: 1;
|
||||
min-height: 48px;
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
|
||||
#wpforms-notifications * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#wpforms-notifications .wpforms-notifications-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10px 15px;
|
||||
border-bottom: 1px solid #dcdcde;
|
||||
}
|
||||
|
||||
#wpforms-notifications .wpforms-notifications-header .wpforms-notifications-bell {
|
||||
position: relative;
|
||||
width: 16px;
|
||||
height: 20px;
|
||||
top: 3px;
|
||||
margin-inline-end: 10px;
|
||||
}
|
||||
|
||||
#wpforms-notifications .wpforms-notifications-header .wpforms-notifications-bell svg {
|
||||
fill: #a7aaad;
|
||||
}
|
||||
|
||||
#wpforms-notifications .wpforms-notifications-header .wpforms-notifications-circle {
|
||||
position: absolute;
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
border-radius: 50%;
|
||||
top: -4px;
|
||||
right: -1px;
|
||||
border: 2px solid #ffffff;
|
||||
background-color: #d63638;
|
||||
}
|
||||
|
||||
#wpforms-notifications .wpforms-notifications-header .wpforms-notifications-title {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
line-height: 1;
|
||||
color: #2c3338;
|
||||
}
|
||||
|
||||
#wpforms-notifications .wpforms-notifications-body {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#wpforms-notifications .wpforms-notifications-messages {
|
||||
padding-block: 15px;
|
||||
padding-inline: 15px 100px;
|
||||
}
|
||||
|
||||
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-message {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-message.current {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-title {
|
||||
color: #2c3338;
|
||||
font-size: 17px;
|
||||
font-weight: 600;
|
||||
line-height: 25px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-content {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 20px;
|
||||
margin: 5px 0 15px 0;
|
||||
color: #50575e;
|
||||
}
|
||||
|
||||
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-content p {
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-content p + p {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-buttons {
|
||||
margin-block: 0;
|
||||
margin-inline: 0 80px;
|
||||
}
|
||||
|
||||
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-buttons a {
|
||||
margin-block: 0;
|
||||
margin-inline: 0 10px;
|
||||
min-height: unset;
|
||||
}
|
||||
|
||||
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-buttons .button-secondary {
|
||||
background-color: #f6f7f7;
|
||||
border-color: #056aab;
|
||||
color: #056aab;
|
||||
}
|
||||
|
||||
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-buttons .button-secondary:hover, #wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-buttons .button-secondary:active, #wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-buttons .button-secondary:focus {
|
||||
background-color: #f0f0f1;
|
||||
border-color: #04558a;
|
||||
color: #04558a;
|
||||
}
|
||||
|
||||
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-buttons .button-secondary:focus {
|
||||
box-shadow: 0 0 0 1px #04558a;
|
||||
}
|
||||
|
||||
#wpforms-notifications .wpforms-notifications-badge {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
padding: 6px 8px;
|
||||
margin-left: 10px;
|
||||
border-radius: 3px;
|
||||
background-color: #f6f6f6;
|
||||
color: #50575e;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#wpforms-notifications .wpforms-notifications-badge svg {
|
||||
width: 15px;
|
||||
height: 13px;
|
||||
}
|
||||
|
||||
#wpforms-notifications .wpforms-notifications-badge:focus, #wpforms-notifications .wpforms-notifications-badge:hover {
|
||||
background-color: #f0f0f1;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#wpforms-notifications .dismiss {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
inset-inline-end: 15px;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
fill: #a7aaad;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#wpforms-notifications .dismiss:hover {
|
||||
fill: #d63638;
|
||||
}
|
||||
|
||||
#wpforms-notifications .navigation {
|
||||
position: absolute;
|
||||
bottom: 15px;
|
||||
inset-inline-end: 15px;
|
||||
width: 64px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
#wpforms-notifications .navigation a {
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border: 1px solid #7e8993;
|
||||
border-radius: 3px;
|
||||
font-size: 16px;
|
||||
line-height: 1.625;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
background-color: #ffffff;
|
||||
color: #41454a;
|
||||
}
|
||||
|
||||
#wpforms-notifications .navigation a:hover {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
|
||||
#wpforms-notifications .navigation .prev {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#wpforms-notifications .navigation .next {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#wpforms-notifications .navigation .disabled {
|
||||
border-color: #dddddd;
|
||||
color: #a0a5aa;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
#wpforms-notifications .navigation .disabled:hover {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.lity-iframe .lity-content {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
#wpforms-notifications .wpforms-notifications-messages {
|
||||
padding-block: 15px 10px;
|
||||
padding-inline: 16px 50px;
|
||||
}
|
||||
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-message .wpforms-notifications-title {
|
||||
line-height: 22px;
|
||||
margin-block: 0 -2px;
|
||||
margin-inline: 0 30px;
|
||||
min-height: 24px;
|
||||
}
|
||||
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-message .wpforms-notifications-content {
|
||||
font-size: 16px;
|
||||
line-height: 22px;
|
||||
}
|
||||
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-message .wpforms-notifications-buttons {
|
||||
margin: 0;
|
||||
padding-inline-end: 40px;
|
||||
}
|
||||
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-message .wpforms-notifications-buttons a.button {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#wpforms-notifications .navigation {
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.rtl #wpforms-notifications .navigation .prev {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.rtl #wpforms-notifications .navigation .next {
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
85
assets/css/admin-notifications.min.css
vendored
85
assets/css/admin-notifications.min.css
vendored
|
|
@ -1,85 +0,0 @@
|
|||
#wp-mail-smtp-notifications{position:relative;background:#fff 0 0 no-repeat padding-box;box-shadow:0 2px 4px rgba(0,0,0,.05);border-radius:6px;opacity:1;min-height:48px;margin:0 0 14px 0}#wp-mail-smtp-notifications *{box-sizing:border-box}#wp-mail-smtp-notifications .wp-mail-smtp-notifications-header{display:flex;align-items:center;padding:8px 16px;border-bottom:1px solid rgba(204,208,212,.5)}#wp-mail-smtp-notifications .wp-mail-smtp-notifications-header .wp-mail-smtp-notifications-bell{position:relative;top:2px;margin-right:10px}#wp-mail-smtp-notifications .wp-mail-smtp-notifications-header .wp-mail-smtp-notifications-title{font-style:normal;font-weight:500;font-size:14px;line-height:17px;color:#23282d}#wp-mail-smtp-notifications .wp-mail-smtp-notifications-body{position:relative}#wp-mail-smtp-notifications .wp-mail-smtp-notifications-messages{padding:16px 100px 16px 16px}#wp-mail-smtp-notifications .wp-mail-smtp-notifications-messages .wp-mail-smtp-notifications-message{display:none}#wp-mail-smtp-notifications .wp-mail-smtp-notifications-messages .wp-mail-smtp-notifications-message.current{display:block}#wp-mail-smtp-notifications .wp-mail-smtp-notifications-messages .wp-mail-smtp-notifications-title{font-weight:600;font-size:17px;line-height:17px;margin:0;color:#2c3337}#wp-mail-smtp-notifications .wp-mail-smtp-notifications-messages .wp-mail-smtp-notifications-content{font-weight:normal;font-size:14px;line-height:18px;margin:8px 0 41px 0;color:#50575e}#wp-mail-smtp-notifications .wp-mail-smtp-notifications-messages .wp-mail-smtp-notifications-content p{font-size:inherit;line-height:inherit;margin:0 0 5px}#wp-mail-smtp-notifications .wp-mail-smtp-notifications-messages .wp-mail-smtp-notifications-buttons{margin:-30px 80px 0 0}#wp-mail-smtp-notifications .wp-mail-smtp-notifications-messages .wp-mail-smtp-notifications-buttons a{margin:0 10px 0 0;padding:8px 10px;line-height:13px;font-size:13px;min-height:unset}#wp-mail-smtp-notifications .wp-mail-smtp-notifications-messages .wp-mail-smtp-notifications-buttons .button-secondary{border:1px solid #0071a1}#wp-mail-smtp-notifications .dismiss{position:absolute;top:15px;right:16px;width:16px;height:16px;color:#a0a5aa;font-size:16px;cursor:pointer;text-align:center;vertical-align:middle;line-height:16px}#wp-mail-smtp-notifications .dismiss:hover{color:#d63638}#wp-mail-smtp-notifications .dismiss i{width:100%;height:100%;font-size:inherit}#wp-mail-smtp-notifications .navigation{position:absolute;bottom:20px;right:16px;width:63px;height:30px}#wp-mail-smtp-notifications .navigation a{display:block;width:30px;height:30px;border:1px solid #7e8993;border-radius:3px;font-size:16px;line-height:1.625;text-align:center;cursor:pointer;background-color:#fff;color:#41454a}#wp-mail-smtp-notifications .navigation a:hover{background-color:#f1f1f1}#wp-mail-smtp-notifications .navigation a .dashicons{margin-top:8px;font-size:12px}#wp-mail-smtp-notifications .navigation .prev{float:left}#wp-mail-smtp-notifications .navigation .next{float:right}#wp-mail-smtp-notifications .navigation .disabled{border-color:#ddd;color:#a0a5aa;cursor:default}#wp-mail-smtp-notifications .navigation .disabled:hover{background-color:#fff}@media screen and (max-width: 768px){#wp-mail-smtp-notifications .wp-mail-smtp-notifications-messages{padding:15px 50px 20px 16px}#wp-mail-smtp-notifications .wp-mail-smtp-notifications-messages .wp-mail-smtp-notifications-title{margin:0 30px 0 0;line-height:22px}#wp-mail-smtp-notifications .wp-mail-smtp-notifications-messages .wp-mail-smtp-notifications-content{font-size:16px;line-height:22px}#wp-mail-smtp-notifications .wp-mail-smtp-notifications-messages .wp-mail-smtp-notifications-buttons{margin:-30px 80px 0 0}#wp-mail-smtp-notifications .wp-mail-smtp-notifications-messages .wp-mail-smtp-notifications-buttons a{margin:0;display:table}#wp-mail-smtp-notifications .wp-mail-smtp-notifications-messages .wp-mail-smtp-notifications-buttons .button-secondary{margin-top:6px}}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
File diff suppressed because it is too large
Load diff
|
|
@ -1,170 +0,0 @@
|
|||
.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-stripe-connect-button {
|
||||
background-image: url(../../../images/stripe/stripe-connect.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
border-radius: 4px;
|
||||
display: inline-block;
|
||||
height: 32px;
|
||||
vertical-align: top;
|
||||
width: 190px;
|
||||
}
|
||||
|
||||
.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-stripe-connect-button:focus {
|
||||
box-shadow: none;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-setting-row .wpforms-stripe-notice-info {
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #c3c4c7;
|
||||
border-left: 4px solid #056aab;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
|
||||
margin-top: 10px;
|
||||
padding: 11px 15px;
|
||||
}
|
||||
|
||||
.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-setting-row .wpforms-stripe-notice-info strong {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-setting-row .wpforms-stripe-notice-info p {
|
||||
margin: 0;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
#wpforms-setting-row-stripe-connection-status .wpforms-connected {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
#wpforms-setting-row-stripe-connection-status .wpforms-connected::before {
|
||||
background-image: url(../../../images/check-circle.svg);
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
content: "";
|
||||
height: 17px;
|
||||
width: 17px;
|
||||
}
|
||||
|
||||
#wpforms-setting-row-stripe-connection-status .wpforms-connected p {
|
||||
margin-top: 0;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
#wpforms-setting-row-stripe-connection-status .wpforms-reconnect {
|
||||
background-color: #ffffff;
|
||||
border-left: 4px solid #ffb900;
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
|
||||
margin: 16px 0 0;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#wpforms-setting-row-stripe-connection-status .wpforms-reconnect p {
|
||||
color: #444444;
|
||||
margin: 0 0 10px 0;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
#wpforms-setting-row-stripe-connection-status .wpforms-reconnect p:last-of-type {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#wpforms-setting-row-stripe-connection-status .desc {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
#wpforms-setting-row-stripe-connection-status .desc a {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
#wpforms-setting-row-stripe-card-mode .wpforms-setting-field {
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
86
assets/css/admin-settings-stripe.min.css
vendored
86
assets/css/admin-settings-stripe.min.css
vendored
|
|
@ -1,86 +0,0 @@
|
|||
.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-stripe-connect-button{background-image:url(../../../images/stripe/stripe-connect.png);background-repeat:no-repeat;background-size:contain;border-radius:4px;display:inline-block;height:32px;vertical-align:top;width:190px}.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-stripe-connect-button:focus{box-shadow:none;opacity:0.8}.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-setting-row .wpforms-stripe-notice-info{background-color:#ffffff;border:1px solid #c3c4c7;border-left:4px solid #056aab;box-shadow:0 1px 1px rgba(0,0,0,0.04);margin-top:10px;padding:11px 15px}.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-setting-row .wpforms-stripe-notice-info strong{font-weight:500}.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-setting-row .wpforms-stripe-notice-info p{margin:0;line-height:18px}#wpforms-setting-row-stripe-connection-status .wpforms-connected{display:flex;align-items:center;gap:10px;margin-top:8px}#wpforms-setting-row-stripe-connection-status .wpforms-connected::before{background-image:url(../../../images/check-circle.svg);background-size:contain;background-position:center;background-repeat:no-repeat;content:"";height:17px;width:17px}#wpforms-setting-row-stripe-connection-status .wpforms-connected p{margin-top:0;line-height:20px}#wpforms-setting-row-stripe-connection-status .wpforms-reconnect{background-color:#ffffff;border-left:4px solid #ffb900;box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);margin:16px 0 0;padding:10px}#wpforms-setting-row-stripe-connection-status .wpforms-reconnect p{color:#444444;margin:0 0 10px 0;padding:2px}#wpforms-setting-row-stripe-connection-status .wpforms-reconnect p:last-of-type{margin:0}#wpforms-setting-row-stripe-connection-status .desc{color:#999999}#wpforms-setting-row-stripe-connection-status .desc a{color:#999999}#wpforms-setting-row-stripe-card-mode .wpforms-setting-field{padding-top:8px}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
85
assets/css/admin-site-health.min.css
vendored
85
assets/css/admin-site-health.min.css
vendored
|
|
@ -1,85 +0,0 @@
|
|||
#health-check-accordion-block-wp_mail_smtp_email_domain_check>p:first-child{margin-top:0}#wp-mail-smtp-domain-check-details h2{color:#2c3338;font-weight:600;font-size:13px;margin:0 0 15px}#wp-mail-smtp-domain-check-details .wp-mail-smtp-domain-check-details-check-list-item{padding:10px 0 0;border-top:1px solid #e4e4e4;display:flex}#wp-mail-smtp-domain-check-details .wp-mail-smtp-domain-check-details-check-list-item:last-child{border-bottom:1px solid #e4e4e4}#wp-mail-smtp-domain-check-details .wp-mail-smtp-domain-check-details-check-list-item-icon{width:18px;height:16px;margin-right:10px}#wp-mail-smtp-domain-check-details .wp-mail-smtp-domain-check-details-check-list-item-content h3{text-transform:uppercase;font-weight:500;font-size:14px;line-height:17px;margin:0 0 4px 0;color:#2c3337}#wp-mail-smtp-domain-check-details .wp-mail-smtp-domain-check-details-check-list-item-content p{margin:0 0 10px 0;color:#50575e}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,531 +0,0 @@
|
|||
#wpforms-splash-modal header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 30px;
|
||||
padding: 50px 120px;
|
||||
background: linear-gradient(180deg, #f6f7f7 0%, rgba(246, 247, 247, 0) 100%);
|
||||
}
|
||||
|
||||
#wpforms-splash-modal header h2 {
|
||||
color: #1d2327;
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
margin: 0 0 5px;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal header img {
|
||||
max-width: 80px !important;
|
||||
max-height: 80px;
|
||||
border: 4px solid #ffffff;
|
||||
border-radius: 40px;
|
||||
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
#wpforms-splash-modal main .wpforms-splash-section {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 50px;
|
||||
margin-bottom: 75px;
|
||||
padding: 0 120px;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal main .wpforms-splash-section .wpforms-splash-badge {
|
||||
border-radius: 3px;
|
||||
background-color: #edfaef;
|
||||
padding: 8px 10px;
|
||||
color: #00ba37;
|
||||
text-align: center;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
line-height: 10px;
|
||||
letter-spacing: 0.5px;
|
||||
text-transform: uppercase;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal main .wpforms-splash-section h3 {
|
||||
color: #1d2327;
|
||||
font-size: 28px;
|
||||
font-weight: 500;
|
||||
line-height: 36px;
|
||||
margin: 15px 0 10px;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal main .wpforms-splash-section p {
|
||||
line-height: 25px !important;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal main .wpforms-splash-section ul {
|
||||
list-style: revert;
|
||||
margin-left: 2em;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal main .wpforms-splash-section .wpforms-splash-section-buttons {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal main .wpforms-splash-section .wpforms-splash-section-buttons .wpforms-btn {
|
||||
padding: 10px 15px;
|
||||
font-size: 14px;
|
||||
line-height: normal;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal main .wpforms-splash-section.wpforms-splash-section-fifty-fifty .wpforms-splash-section-content {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal main .wpforms-splash-section.wpforms-splash-section-fifty-fifty .wpforms-splash-section-image {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal main .wpforms-splash-section.wpforms-splash-section-one-third-two-thirds .wpforms-splash-section-content {
|
||||
flex: 2;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal main .wpforms-splash-section.wpforms-splash-section-one-third-two-thirds .wpforms-splash-section-image {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal main .wpforms-splash-section:nth-child(odd) .wpforms-splash-section-content {
|
||||
order: 2;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal main .wpforms-splash-section:nth-child(odd) .wpforms-splash-section-image {
|
||||
order: 1;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal main .wpforms-splash-section .wpforms-splash-section-image {
|
||||
flex: 0 0 auto;
|
||||
align-self: center;
|
||||
justify-self: center;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal main .wpforms-splash-section .wpforms-splash-section-image.wpforms-image-shadow-apply img {
|
||||
box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
#wpforms-splash-modal main .wpforms-splash-section .wpforms-splash-section-image.wpforms-image-shadow-yes img {
|
||||
max-width: calc(100% + 60px);
|
||||
margin: -18px 0 -38px -30px;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal main .wpforms-splash-section.wpforms-splash-section-full-width {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 0;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal main .wpforms-splash-section.wpforms-splash-section-full-width .wpforms-splash-section-content,
|
||||
#wpforms-splash-modal main .wpforms-splash-section.wpforms-splash-section-full-width .wpforms-splash-section-image {
|
||||
flex: revert;
|
||||
order: revert;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal main .wpforms-splash-section.wpforms-splash-section-full-width .wpforms-splash-section-content {
|
||||
width: fit-content;
|
||||
background-color: #f6f7f7;
|
||||
padding: 50px 120px;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal main .wpforms-splash-section.wpforms-splash-section-full-width .wpforms-splash-section-content .wpforms-splash-badge {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal main .wpforms-splash-section.wpforms-splash-section-full-width .wpforms-splash-section-content h3 {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal main .wpforms-splash-section.wpforms-splash-section-full-width .wpforms-splash-section-image {
|
||||
width: 100%;
|
||||
background: linear-gradient(180deg, #f6f7f7 50%, #ffffff 50%);
|
||||
}
|
||||
|
||||
#wpforms-splash-modal main .wpforms-splash-section.wpforms-splash-section-full-width .wpforms-splash-section-image img {
|
||||
max-width: 760px;
|
||||
padding: 10px;
|
||||
background: #ffffff;
|
||||
border-radius: 9px;
|
||||
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
#wpforms-splash-modal main .wpforms-splash-section.wpforms-splash-section-full-width .wpforms-splash-section-buttons {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal main .wpforms-splash-section.wpforms-splash-section-full-width h3 {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal main .wpforms-splash-section.wpforms-splash-section-full-width p {
|
||||
font-size: 18px !important;
|
||||
line-height: 28px !important;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal footer {
|
||||
display: flex;
|
||||
padding: 50px 120px;
|
||||
align-items: center;
|
||||
gap: 50px;
|
||||
background: #2c3338;
|
||||
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
#wpforms-splash-modal footer h2 {
|
||||
margin: 0 0 10px;
|
||||
color: #ffffff;
|
||||
font-size: 28px;
|
||||
font-weight: 500;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal footer a {
|
||||
padding: 11px 17px;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal footer p {
|
||||
color: rgba(255, 255, 255, 0.8) !important;
|
||||
line-height: 25px !important;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal .wpforms-btn {
|
||||
border: 1px;
|
||||
border-style: solid;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal .wpforms-btn.inactive {
|
||||
cursor: no-drop;
|
||||
pointer-events: none;
|
||||
box-shadow: none;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal .wpforms-btn-orange {
|
||||
background-color: #e27730;
|
||||
border-color: #e27730;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal .wpforms-btn-orange:hover, #wpforms-splash-modal .wpforms-btn-orange:active, #wpforms-splash-modal .wpforms-btn-orange:focus {
|
||||
background-color: #cd6622;
|
||||
border-color: #cd6622;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal .wpforms-btn-orange:focus {
|
||||
box-shadow: 0 0 0 2px #cd6622;
|
||||
border-color: #ffffff;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal .wpforms-btn-bordered {
|
||||
background-color: #ffffff;
|
||||
color: #50575e;
|
||||
border-color: #8c8f94;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal .wpforms-btn-bordered:hover, #wpforms-splash-modal .wpforms-btn-bordered:focus {
|
||||
color: #2c3338;
|
||||
border-color: #50575e;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal .wpforms-btn-bordered:focus {
|
||||
background-color: #ffffff;
|
||||
box-shadow: 0 0 0 1px #50575e;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal .wpforms-btn-green {
|
||||
background-color: #008a20;
|
||||
color: #ffffff;
|
||||
border-color: #008a20;
|
||||
}
|
||||
|
||||
#wpforms-splash-modal .wpforms-btn-green:hover, #wpforms-splash-modal .wpforms-btn-green:focus {
|
||||
background-color: #00a32a;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal {
|
||||
overflow: hidden;
|
||||
margin-right: var(--wpforms-body-scrollbar-width);
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal #wpadminbar {
|
||||
width: calc( 100vw - var( --wpforms-body-scrollbar-width ));
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal .jconfirm {
|
||||
overflow: hidden;
|
||||
bottom: revert;
|
||||
min-height: 100vh;
|
||||
backdrop-filter: blur(4px);
|
||||
-webkit-backdrop-filter: blur(4px);
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal .jconfirm .jconfirm-cell {
|
||||
vertical-align: top;
|
||||
overflow-y: auto;
|
||||
max-height: 100vh;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal .jconfirm .jconfirm-cell::-webkit-scrollbar {
|
||||
background: transparent;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal .jconfirm .jconfirm-cell::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal .jconfirm .jconfirm-cell::-webkit-scrollbar-thumb {
|
||||
box-shadow: inset 0 0 5px 5px rgba(0, 0, 0, 0.05);
|
||||
background: transparent;
|
||||
border-radius: 15px;
|
||||
border: solid 4px transparent;
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal .jconfirm .jconfirm-cell::-webkit-resizer, body.wpforms-splash-modal .jconfirm .jconfirm-cell::-webkit-scrollbar-button, body.wpforms-splash-modal .jconfirm .jconfirm-cell::-webkit-scrollbar-corner {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@-moz-document url-prefix() {
|
||||
body.wpforms-splash-modal .jconfirm .jconfirm-cell {
|
||||
scrollbar-color: rgba(0, 0, 0, 0.05) transparent;
|
||||
scrollbar-gutter: initial !important;
|
||||
scrollbar-width: thin;
|
||||
}
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal .jconfirm .jconfirm-cell:hover::-webkit-scrollbar {
|
||||
background: transparent;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal .jconfirm .jconfirm-cell:hover::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal .jconfirm .jconfirm-cell:hover::-webkit-scrollbar-thumb {
|
||||
box-shadow: inset 0 0 5px 5px rgba(0, 0, 0, 0.3);
|
||||
background: transparent;
|
||||
border-radius: 15px;
|
||||
border: solid 4px transparent;
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal .jconfirm .jconfirm-cell:hover::-webkit-resizer, body.wpforms-splash-modal .jconfirm .jconfirm-cell:hover::-webkit-scrollbar-button, body.wpforms-splash-modal .jconfirm .jconfirm-cell:hover::-webkit-scrollbar-corner {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@-moz-document url-prefix() {
|
||||
body.wpforms-splash-modal .jconfirm .jconfirm-cell:hover {
|
||||
scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
|
||||
scrollbar-gutter: initial !important;
|
||||
scrollbar-width: thin;
|
||||
}
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal .jconfirm .jconfirm-cell .jc-bs3-container {
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal .jconfirm .jconfirm-cell .jconfirm-holder {
|
||||
width: 100%;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal .jconfirm.jconfirm-open .jconfirm-bg {
|
||||
position: sticky;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal .jconfirm.jconfirm-open .jconfirm-scrollpane {
|
||||
margin-top: -100vh;
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal .jconfirm.jconfirm-modern .jconfirm-bg {
|
||||
background-color: #72777c;
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal .jconfirm-box {
|
||||
max-width: 1000px;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal .jconfirm-box-container {
|
||||
opacity: 0;
|
||||
padding: 0 50px;
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal div.jconfirm .jconfirm-box-container .jconfirm-box {
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default {
|
||||
padding: 0;
|
||||
transition-duration: initial !important;
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
|
||||
text-align: revert;
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane {
|
||||
display: block;
|
||||
margin-bottom: 0;
|
||||
max-height: none !important;
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content {
|
||||
color: #444444;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
margin-bottom: 0;
|
||||
overflow: inherit;
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p {
|
||||
color: #50575e;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
margin-block: 0;
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon {
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
body.wpforms-splash-modal div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:after {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
#wpforms-splash-modal header, #wpforms-splash-modal footer {
|
||||
padding: 50px;
|
||||
}
|
||||
#wpforms-splash-modal main .wpforms-splash-section {
|
||||
padding: 0 50px;
|
||||
}
|
||||
#wpforms-splash-modal main .wpforms-splash-section.wpforms-splash-section-full-width .wpforms-splash-section-content {
|
||||
padding: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
body.wpforms-splash-modal .jconfirm {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
86
assets/css/admin-splash-modal.min.css
vendored
86
assets/css/admin-splash-modal.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,209 +0,0 @@
|
|||
/* Blue used for field :focus border. */
|
||||
.wpforms-admin-page input:focus,
|
||||
.wpforms-admin-page select:focus,
|
||||
.wpforms-admin-page textarea:focus {
|
||||
border: 1px solid #2271b1 !important;
|
||||
box-shadow: 0 0 0 1px #2271b1 !important;
|
||||
}
|
||||
|
||||
/* Blue used for buttons and links. */
|
||||
.wpforms-admin-page .wpforms-btn-blue {
|
||||
background-color: #2271b1;
|
||||
border-color: #2271b1;
|
||||
}
|
||||
|
||||
.wpforms-admin-page .wpforms-btn-blue {
|
||||
background-color: #2271b1;
|
||||
border-color: #2271b1;
|
||||
}
|
||||
|
||||
body div.jconfirm div.jconfirm-box input[type=text]:not(.choices__input):focus {
|
||||
border-color: #2271b1;
|
||||
box-shadow: 0 0 0 1px #2271b1;
|
||||
}
|
||||
|
||||
/* Darker blue for button and link :hover/:focus. */
|
||||
.wpforms-admin-page .wpforms-btn-blue:hover {
|
||||
background-color: #135e96;
|
||||
border-color: #135e96;
|
||||
}
|
||||
|
||||
/* Anywhere we use color: red; should be changed to #d63638.
|
||||
Standard red used for errors, trash icons, etc.*/
|
||||
body div.jconfirm div.jconfirm-box .error {
|
||||
color: #d63638;
|
||||
}
|
||||
|
||||
#wpforms-entries-single #wpforms-entry-notes .wpforms-entry-notes-byline .note-delete:hover {
|
||||
color: #d63638;
|
||||
}
|
||||
|
||||
#wpforms-entries-single #wpforms-entry-details .submitdelete:hover {
|
||||
color: #d63638;
|
||||
}
|
||||
|
||||
#wpforms-entries-list .wp-list-table .delete:hover {
|
||||
color: #d63638;
|
||||
}
|
||||
|
||||
#wpforms-admin-addons .addon-item .status .status-active {
|
||||
color: #00a32a;
|
||||
}
|
||||
|
||||
#wpforms-admin-addons .addon-item .status .status-installed {
|
||||
color: #d63638;
|
||||
}
|
||||
|
||||
#wpforms-admin-addons .addon-item .actions .msg.error {
|
||||
color: #d63638;
|
||||
}
|
||||
|
||||
.addon-item .action-button button.status-installed .fa {
|
||||
color: #d63638;
|
||||
}
|
||||
|
||||
.addon-item .action-button button.status-active .fa {
|
||||
color: #00a32a;
|
||||
}
|
||||
|
||||
.addon-item .action-button button.loading .fa {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.wpforms-admin-settings #wpforms-tools-entries-export #wpforms-tools-entries-export-process-msg.wpforms-error,
|
||||
.wpforms-admin-settings #wpforms-tools-entries-export #wpforms-tools-entries-export-selectform-msg.wpforms-error {
|
||||
border-color: #d63638;
|
||||
}
|
||||
|
||||
.wpforms-admin-settings #wpforms-importer-process .status .item .status-icon.fa-times,
|
||||
.wpforms-admin-settings #wpforms-importer-process .status .item .status-icon.fa-exclamation-circle {
|
||||
color: #d63638;
|
||||
}
|
||||
|
||||
.wpforms-admin-content-geolocation .msg.error {
|
||||
border-left: 4px solid #d63638;
|
||||
}
|
||||
|
||||
#wpforms-notifications .dismiss:hover {
|
||||
color: #d63638 !important;
|
||||
}
|
||||
|
||||
#wpforms-reset-filter .reset:focus,
|
||||
#wpforms-reset-filter .reset:hover {
|
||||
color: #d63638;
|
||||
}
|
||||
|
||||
.wpforms-dyk .wpforms-dyk-buttons button.wpforms-dismiss-button:hover {
|
||||
color: #d63638;
|
||||
}
|
||||
|
||||
#wpforms-admin-analytics .step .error,
|
||||
#wpforms-admin-smtp .step .error {
|
||||
color: #d63638;
|
||||
}
|
||||
|
||||
/* Green used for confirmation on the addons page. */
|
||||
#wpforms-admin-addons #wpforms-admin-addons-list .list .addon-item .actions .msg.success {
|
||||
color: #00a32a;
|
||||
}
|
||||
|
||||
#wpforms-admin-about .wpforms-admin-about-section ul.list-features li .fa {
|
||||
color: #00a32a;
|
||||
}
|
||||
|
||||
.wpforms-admin-settings .wpforms-setting-row .progress-bar.complete {
|
||||
border: 1px solid #00a32a;
|
||||
}
|
||||
|
||||
.wpforms-admin-settings .checkbox-multiselect-columns ul li label.checked:before {
|
||||
color: #00a32a;
|
||||
}
|
||||
|
||||
.wpforms-admin-settings #wpforms-importer-process .status .item .status-icon.fa-check {
|
||||
color: #00a32a;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
86
assets/css/admin-wp5.7-colors.min.css
vendored
86
assets/css/admin-wp5.7-colors.min.css
vendored
|
|
@ -1,86 +0,0 @@
|
|||
.wpforms-admin-page input:focus,.wpforms-admin-page select:focus,.wpforms-admin-page textarea:focus{border:1px solid #2271b1 !important;box-shadow:0 0 0 1px #2271b1 !important}.wpforms-admin-page .wpforms-btn-blue{background-color:#2271b1;border-color:#2271b1}.wpforms-admin-page .wpforms-btn-blue{background-color:#2271b1;border-color:#2271b1}body div.jconfirm div.jconfirm-box input[type=text]:not(.choices__input):focus{border-color:#2271b1;box-shadow:0 0 0 1px #2271b1}.wpforms-admin-page .wpforms-btn-blue:hover{background-color:#135e96;border-color:#135e96}body div.jconfirm div.jconfirm-box .error{color:#d63638}#wpforms-entries-single #wpforms-entry-notes .wpforms-entry-notes-byline .note-delete:hover{color:#d63638}#wpforms-entries-single #wpforms-entry-details .submitdelete:hover{color:#d63638}#wpforms-entries-list .wp-list-table .delete:hover{color:#d63638}#wpforms-admin-addons .addon-item .status .status-active{color:#00a32a}#wpforms-admin-addons .addon-item .status .status-installed{color:#d63638}#wpforms-admin-addons .addon-item .actions .msg.error{color:#d63638}.addon-item .action-button button.status-installed .fa{color:#d63638}.addon-item .action-button button.status-active .fa{color:#00a32a}.addon-item .action-button button.loading .fa{color:#666}.wpforms-admin-settings #wpforms-tools-entries-export #wpforms-tools-entries-export-process-msg.wpforms-error,.wpforms-admin-settings #wpforms-tools-entries-export #wpforms-tools-entries-export-selectform-msg.wpforms-error{border-color:#d63638}.wpforms-admin-settings #wpforms-importer-process .status .item .status-icon.fa-times,.wpforms-admin-settings #wpforms-importer-process .status .item .status-icon.fa-exclamation-circle{color:#d63638}.wpforms-admin-content-geolocation .msg.error{border-left:4px solid #d63638}#wpforms-notifications .dismiss:hover{color:#d63638 !important}#wpforms-reset-filter .reset:focus,#wpforms-reset-filter .reset:hover{color:#d63638}.wpforms-dyk .wpforms-dyk-buttons button.wpforms-dismiss-button:hover{color:#d63638}#wpforms-admin-analytics .step .error,#wpforms-admin-smtp .step .error{color:#d63638}#wpforms-admin-addons #wpforms-admin-addons-list .list .addon-item .actions .msg.success{color:#00a32a}#wpforms-admin-about .wpforms-admin-about-section ul.list-features li .fa{color:#00a32a}.wpforms-admin-settings .wpforms-setting-row .progress-bar.complete{border:1px solid #00a32a}.wpforms-admin-settings .checkbox-multiselect-columns ul li label.checked:before{color:#00a32a}.wpforms-admin-settings #wpforms-importer-process .status .item .status-icon.fa-check{color:#00a32a}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,91 +0,0 @@
|
|||
/* Start entry statuses */
|
||||
.frm-entry-status-3 {
|
||||
color: var(--error-700);
|
||||
background: var(--error-100);
|
||||
}/* 3 is Abandoned status */
|
||||
/* End entry statuses */
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
86
assets/css/admin.min.css
vendored
86
assets/css/admin.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,136 +0,0 @@
|
|||
/**
|
||||
* Advanced Headers Style 1
|
||||
*
|
||||
* Contents
|
||||
*/
|
||||
/*---------- Media Query min-width Structure ----------*/
|
||||
/*---------- Media Query max-width Structure ----------*/
|
||||
/*---------- Break-point min-width Structure ----------*/
|
||||
/*---------- Break-point max-width Structure ----------*/
|
||||
.ast-advanced-headers-layout-1 .ast-advanced-headers-wrap {
|
||||
align-self: center;
|
||||
flex-grow: 1;
|
||||
max-width: 75%;
|
||||
}
|
||||
|
||||
.ast-advanced-headers-layout-1 .ast-container {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@media (max-width: 544px) {
|
||||
.ast-advanced-headers-layout-1 .ast-container {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.ast-advanced-headers-layout-1 .ast-advanced-headers-breadcrumb {
|
||||
flex-grow: 1;
|
||||
align-self: center;
|
||||
text-align: left;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 544px) {
|
||||
.ast-advanced-headers-layout-1 .ast-advanced-headers-wrap,
|
||||
.ast-advanced-headers-layout-1 .ast-advanced-headers-breadcrumb {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.ast-advanced-headers-layout-1 .ast-advanced-headers-breadcrumb {
|
||||
margin-top: 5px;
|
||||
padding-right: 0;
|
||||
}
|
||||
.ast-advanced-headers-layout-1 .ast-advanced-headers-wrap {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
85
assets/css/advanced-headers-layout-1-rtl.min.css
vendored
85
assets/css/advanced-headers-layout-1-rtl.min.css
vendored
|
|
@ -1,85 +0,0 @@
|
|||
.ast-advanced-headers-layout-1 .ast-advanced-headers-wrap{align-self:center;flex-grow:1;max-width:75%}.ast-advanced-headers-layout-1 .ast-container{-js-display:flex;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}@media (max-width:544px){.ast-advanced-headers-layout-1 .ast-container{display:block}}.ast-advanced-headers-layout-1 .ast-advanced-headers-breadcrumb{flex-grow:1;align-self:center;text-align:left;padding-right:20px}@media (max-width:544px){.ast-advanced-headers-layout-1 .ast-advanced-headers-breadcrumb,.ast-advanced-headers-layout-1 .ast-advanced-headers-wrap{display:block;width:100%;text-align:center}.ast-advanced-headers-layout-1 .ast-advanced-headers-breadcrumb{margin-top:5px;padding-right:0}.ast-advanced-headers-layout-1 .ast-advanced-headers-wrap{max-width:100%}}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,136 +0,0 @@
|
|||
/**
|
||||
* Advanced Headers Style 1
|
||||
*
|
||||
* Contents
|
||||
*/
|
||||
/*---------- Media Query min-width Structure ----------*/
|
||||
/*---------- Media Query max-width Structure ----------*/
|
||||
/*---------- Break-point min-width Structure ----------*/
|
||||
/*---------- Break-point max-width Structure ----------*/
|
||||
.ast-advanced-headers-layout-1 .ast-advanced-headers-wrap {
|
||||
align-self: center;
|
||||
flex-grow: 1;
|
||||
max-width: 75%;
|
||||
}
|
||||
|
||||
.ast-advanced-headers-layout-1 .ast-container {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@media (max-width: 544px) {
|
||||
.ast-advanced-headers-layout-1 .ast-container {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.ast-advanced-headers-layout-1 .ast-advanced-headers-breadcrumb {
|
||||
flex-grow: 1;
|
||||
align-self: center;
|
||||
text-align: right;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 544px) {
|
||||
.ast-advanced-headers-layout-1 .ast-advanced-headers-wrap,
|
||||
.ast-advanced-headers-layout-1 .ast-advanced-headers-breadcrumb {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.ast-advanced-headers-layout-1 .ast-advanced-headers-breadcrumb {
|
||||
margin-top: 5px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.ast-advanced-headers-layout-1 .ast-advanced-headers-wrap {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
85
assets/css/advanced-headers-layout-1.min.css
vendored
85
assets/css/advanced-headers-layout-1.min.css
vendored
|
|
@ -1,85 +0,0 @@
|
|||
.ast-advanced-headers-layout-1 .ast-advanced-headers-wrap{align-self:center;flex-grow:1;max-width:75%}.ast-advanced-headers-layout-1 .ast-container{-js-display:flex;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}@media (max-width:544px){.ast-advanced-headers-layout-1 .ast-container{display:block}}.ast-advanced-headers-layout-1 .ast-advanced-headers-breadcrumb{flex-grow:1;align-self:center;text-align:right;padding-left:20px}@media (max-width:544px){.ast-advanced-headers-layout-1 .ast-advanced-headers-breadcrumb,.ast-advanced-headers-layout-1 .ast-advanced-headers-wrap{display:block;width:100%;text-align:center}.ast-advanced-headers-layout-1 .ast-advanced-headers-breadcrumb{margin-top:5px;padding-left:0}.ast-advanced-headers-layout-1 .ast-advanced-headers-wrap{max-width:100%}}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,109 +0,0 @@
|
|||
/**
|
||||
* Advanced Headers Style 2
|
||||
*
|
||||
* Contents
|
||||
*/
|
||||
/*---------- Media Query min-width Structure ----------*/
|
||||
/*---------- Media Query max-width Structure ----------*/
|
||||
/*---------- Break-point min-width Structure ----------*/
|
||||
/*---------- Break-point max-width Structure ----------*/
|
||||
.ast-advanced-headers-layout-2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ast-advanced-headers-layout-2 .ast-advanced-headers-breadcrumb {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.ast-advanced-headers-layout-2 .ast-title-bar-align-left {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.ast-advanced-headers-layout-2 .ast-title-bar-align-right {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
85
assets/css/advanced-headers-layout-2-rtl.min.css
vendored
85
assets/css/advanced-headers-layout-2-rtl.min.css
vendored
|
|
@ -1,85 +0,0 @@
|
|||
.ast-advanced-headers-layout-2{text-align:center}.ast-advanced-headers-layout-2 .ast-advanced-headers-breadcrumb{margin-top:15px}.ast-advanced-headers-layout-2 .ast-title-bar-align-left{text-align:right}.ast-advanced-headers-layout-2 .ast-title-bar-align-right{text-align:left}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,109 +0,0 @@
|
|||
/**
|
||||
* Advanced Headers Style 2
|
||||
*
|
||||
* Contents
|
||||
*/
|
||||
/*---------- Media Query min-width Structure ----------*/
|
||||
/*---------- Media Query max-width Structure ----------*/
|
||||
/*---------- Break-point min-width Structure ----------*/
|
||||
/*---------- Break-point max-width Structure ----------*/
|
||||
.ast-advanced-headers-layout-2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ast-advanced-headers-layout-2 .ast-advanced-headers-breadcrumb {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.ast-advanced-headers-layout-2 .ast-title-bar-align-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.ast-advanced-headers-layout-2 .ast-title-bar-align-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
85
assets/css/advanced-headers-layout-2.min.css
vendored
85
assets/css/advanced-headers-layout-2.min.css
vendored
|
|
@ -1,85 +0,0 @@
|
|||
.ast-advanced-headers-layout-2{text-align:center}.ast-advanced-headers-layout-2 .ast-advanced-headers-breadcrumb{margin-top:15px}.ast-advanced-headers-layout-2 .ast-title-bar-align-left{text-align:left}.ast-advanced-headers-layout-2 .ast-title-bar-align-right{text-align:right}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,86 +0,0 @@
|
|||
.wp-block-uagb-advanced-heading h1,.wp-block-uagb-advanced-heading h2,.wp-block-uagb-advanced-heading h3,.wp-block-uagb-advanced-heading h4,.wp-block-uagb-advanced-heading h5,.wp-block-uagb-advanced-heading h6,.wp-block-uagb-advanced-heading p,.wp-block-uagb-advanced-heading div{word-break:break-word}.wp-block-uagb-advanced-heading .uagb-heading-text{margin:0}.wp-block-uagb-advanced-heading .uagb-desc-text{margin:0}.wp-block-uagb-advanced-heading .uagb-separator{font-size:0;border-top-style:solid;display:inline-block;margin:0 0 10px 0}.wp-block-uagb-advanced-heading .uagb-highlight{color:#f78a0c;border:0;transition:all 0.3s ease}.uag-highlight-toolbar{border-left:0;border-top:0;border-bottom:0;border-radius:0;border-right-color:#1e1e1e}.uag-highlight-toolbar .components-button{border-radius:0;outline:none}.uag-highlight-toolbar .components-button.is-primary{color:#fff}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,142 +0,0 @@
|
|||
.astra-search-shortcode {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
padding: 0 1em;
|
||||
}
|
||||
|
||||
.astra-search-shortcode.inline {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.astra-search-shortcode.cover {
|
||||
position: static;
|
||||
}
|
||||
|
||||
.ast-search-box.header-cover {
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.ast-inline-search.ast-search-menu-icon .search-field {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ast-header-break-point .astra-search-shortcode .ast-search-icon {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.astra-search-shortcode.slide.right form {
|
||||
left: auto;
|
||||
right: -1em;
|
||||
padding: 0 2em 0 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* iPhone/iPad fix
|
||||
*
|
||||
* Full screen search input cursor position not looks on expected place.
|
||||
* So, We add the `fixed` to body when it full-screen search is open.
|
||||
*/
|
||||
.ipod.full-screen,
|
||||
.iphone.full-screen {
|
||||
position: fixed !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* Full screen search
|
||||
*/
|
||||
#secondary .ast-search-box.full-screen .search-submit {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
#secondary .ast-search-box.full-screen .search-field {
|
||||
font-size: 2.6em;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
85
assets/css/advanced-search-shortcode-rtl.min.css
vendored
85
assets/css/advanced-search-shortcode-rtl.min.css
vendored
|
|
@ -1,85 +0,0 @@
|
|||
.astra-search-shortcode{position:relative;display:inline-block;padding:0 1em}.astra-search-shortcode.inline{padding:0}.astra-search-shortcode.cover{position:static}.ast-search-box.header-cover{top:0;right:0;left:0;bottom:0;z-index:10}.ast-inline-search.ast-search-menu-icon .search-field{width:100%}.ast-header-break-point .astra-search-shortcode .ast-search-icon{display:block}.astra-search-shortcode.slide.right form{left:auto;right:-1em;padding:0 2em 0 0}.iphone.full-screen,.ipod.full-screen{position:fixed!important}#secondary .ast-search-box.full-screen .search-submit{font-size:2em}#secondary .ast-search-box.full-screen .search-field{font-size:2.6em}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,142 +0,0 @@
|
|||
.astra-search-shortcode {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
padding: 0 1em;
|
||||
}
|
||||
|
||||
.astra-search-shortcode.inline {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.astra-search-shortcode.cover {
|
||||
position: static;
|
||||
}
|
||||
|
||||
.ast-search-box.header-cover {
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.ast-inline-search.ast-search-menu-icon .search-field {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ast-header-break-point .astra-search-shortcode .ast-search-icon {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.astra-search-shortcode.slide.right form {
|
||||
right: auto;
|
||||
left: -1em;
|
||||
padding: 0 0 0 2em;
|
||||
}
|
||||
|
||||
/**
|
||||
* iPhone/iPad fix
|
||||
*
|
||||
* Full screen search input cursor position not looks on expected place.
|
||||
* So, We add the `fixed` to body when it full-screen search is open.
|
||||
*/
|
||||
.ipod.full-screen,
|
||||
.iphone.full-screen {
|
||||
position: fixed !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* Full screen search
|
||||
*/
|
||||
#secondary .ast-search-box.full-screen .search-submit {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
#secondary .ast-search-box.full-screen .search-field {
|
||||
font-size: 2.6em;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
85
assets/css/advanced-search-shortcode.min.css
vendored
85
assets/css/advanced-search-shortcode.min.css
vendored
|
|
@ -1,85 +0,0 @@
|
|||
.astra-search-shortcode{position:relative;display:inline-block;padding:0 1em}.astra-search-shortcode.inline{padding:0}.astra-search-shortcode.cover{position:static}.ast-search-box.header-cover{top:0;left:0;right:0;bottom:0;z-index:10}.ast-inline-search.ast-search-menu-icon .search-field{width:100%}.ast-header-break-point .astra-search-shortcode .ast-search-icon{display:block}.astra-search-shortcode.slide.right form{right:auto;left:-1em;padding:0 0 0 2em}.iphone.full-screen,.ipod.full-screen{position:fixed!important}#secondary .ast-search-box.full-screen .search-submit{font-size:2em}#secondary .ast-search-box.full-screen .search-field{font-size:2.6em}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,633 +0,0 @@
|
|||
#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate:hover, #wpforms-setup-templates-list .wpforms-template#wpforms-template-generate.selected {
|
||||
box-shadow: 0 0 0 2px #5c24a9, 0 3px 4px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-thumbnail {
|
||||
background-color: #faf5fe;
|
||||
}
|
||||
|
||||
#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-name-wrap {
|
||||
display: flex;
|
||||
max-height: 40px;
|
||||
}
|
||||
|
||||
#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-name-wrap .wpforms-template-name {
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-name-wrap .wpforms-badge {
|
||||
box-sizing: border-box;
|
||||
opacity: 1;
|
||||
font-size: 8px;
|
||||
padding: 6px 8px;
|
||||
height: 18px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-generate.wpforms-inactive {
|
||||
color: #ffffff;
|
||||
background-color: #7a30e2;
|
||||
margin: 0;
|
||||
pointer-events: all;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-generate.wpforms-inactive:hover {
|
||||
background-color: #7a30e2;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-generate.wpforms-inactive:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-panel-sidebar {
|
||||
z-index: 20;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-panel-sidebar-header {
|
||||
border-bottom: 1px solid #ced7e0;
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-btn-back-to-templates {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
color: #444444;
|
||||
width: auto;
|
||||
text-align: left;
|
||||
padding: 15px 15px 15px 43px;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-btn-back-to-templates:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-btn-back-to-templates:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
background-image: url("../../../images/integrations/ai/back.svg");
|
||||
background-size: 13px 11px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-panel-content-wrap {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-panel-content.wpforms-panel-fields {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-panel-empty-state {
|
||||
min-height: 485px;
|
||||
height: calc( 100vh - 200px - var( --wpforms-admin-bar-height ));
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-panel-empty-state::before {
|
||||
background-image: url("../../../images/integrations/ai/ai-form-empty-state.svg");
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 568px 284px;
|
||||
content: "";
|
||||
display: block;
|
||||
height: 284px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-panel-empty-state h4 {
|
||||
color: #444444;
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
line-height: 29px;
|
||||
margin: 30px 0 10px;
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-panel-empty-state p {
|
||||
color: #777777;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
line-height: 19px;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-title {
|
||||
font-size: 28px;
|
||||
line-height: 28px;
|
||||
padding: 15px 0 30px 0;
|
||||
margin: 0 15px 15px 15px;
|
||||
border-bottom: 1px solid #dddddd;
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field {
|
||||
margin: 0;
|
||||
min-height: 128px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field:has(> .placeholder.fade-out) {
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .placeholder {
|
||||
border-radius: 4px;
|
||||
width: calc( 100% - 30px);
|
||||
height: 98px;
|
||||
margin: 15px;
|
||||
background: linear-gradient(92deg, #fcfcfc 50%, #f8f8f8 100%);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .placeholder.fade-out {
|
||||
animation: fade-out .25s ease-in;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
@keyframes fade-out {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .wpforms-field {
|
||||
cursor: default;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .wpforms-field.fade-in {
|
||||
animation: fade-in .25s ease-in;
|
||||
background: transparent;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@keyframes fade-in {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .wpforms-field:hover {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .wpforms-field:hover.wpforms-field-divider:not(:empty)::before {
|
||||
display: revert;
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .wpforms-field:hover.wpforms-pagebreak-normal .wpforms-pagebreak-buttons {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .wpforms-field:hover.wpforms-pagebreak-normal .wpforms-pagebreak-divider {
|
||||
background-color: #626262;
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .wpforms-field:hover.wpforms-pagebreak-normal .wpforms-pagebreak-divider span:not(.wpforms-badge) {
|
||||
background-color: #626262;
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .wpforms-field:empty::before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field label,
|
||||
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field input,
|
||||
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field select,
|
||||
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field textarea,
|
||||
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field button {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-pagebreak-normal .wpforms-pagebreak-divider {
|
||||
margin: 0 -15px;
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-submit {
|
||||
width: fit-content;
|
||||
pointer-events: none;
|
||||
background: #999999;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
font-size: 17px;
|
||||
font-weight: 600;
|
||||
line-height: 21px;
|
||||
padding: 10px 15px;
|
||||
margin: 20px 15px 15px 15px;
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-addons-notice {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 20px 15px 15px 15px;
|
||||
}
|
||||
|
||||
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-addons-notice .wpforms-alert-message a {
|
||||
color: #444444;
|
||||
font-weight: 600;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
wpforms-ai-chat[mode="forms"] {
|
||||
height: calc( 100% - 50px);
|
||||
--wpforms-ai-chat-input-height: 54px;
|
||||
}
|
||||
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list {
|
||||
padding: 20px 20px 0 20px;
|
||||
height: calc( 100% - var( --wpforms-ai-chat-input-height, 54px ) - 40px);
|
||||
max-height: calc( 100% - var( --wpforms-ai-chat-input-height, 54px ) - 40px);
|
||||
}
|
||||
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-ai-chat-header h3.wpforms-ai-chat-header-title {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-ai-chat-header .wpforms-ai-chat-header-description a {
|
||||
display: block;
|
||||
line-height: 24px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list.wpforms-scrollbar-compact {
|
||||
padding-right: 6px;
|
||||
scrollbar-gutter: stable;
|
||||
}
|
||||
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-ai-chat-divider {
|
||||
border-top: none;
|
||||
margin: 0 0 40px 0;
|
||||
}
|
||||
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-question {
|
||||
width: auto;
|
||||
max-width: 320px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-answer .wpforms-chat-item-content,
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-warning .wpforms-chat-item-content,
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-error .wpforms-chat-item-content {
|
||||
width: 320px;
|
||||
max-width: 320px;
|
||||
}
|
||||
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-answer .wpforms-chat-item-content h4,
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-warning .wpforms-chat-item-content h4,
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-error .wpforms-chat-item-content h4 {
|
||||
line-height: 22px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-answer .wpforms-chat-item-content .wpforms-ai-chat-answer-buttons,
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-warning .wpforms-chat-item-content .wpforms-ai-chat-answer-buttons,
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-error .wpforms-chat-item-content .wpforms-ai-chat-answer-buttons {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-answer:before,
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-warning:before,
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-error:before {
|
||||
background-image: url("../../../images/integrations/ai/icon-sullie.svg");
|
||||
}
|
||||
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-answer:last-child {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-chat-item-content {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-inactive .wpforms-chat-item-answer:not(.active) .wpforms-chat-item-content {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-input {
|
||||
padding: 20px;
|
||||
height: calc( var( --wpforms-ai-chat-input-height, 54px ) + 40px);
|
||||
max-height: calc( var( --wpforms-ai-chat-input-height, 54px ) + 40px);
|
||||
}
|
||||
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-input .wpforms-ai-chat-send,
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-input .wpforms-ai-chat-stop {
|
||||
inset-inline-end: 20px;
|
||||
bottom: 19px;
|
||||
}
|
||||
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-sample-restaurant {
|
||||
background-image: url("../../../images/integrations/ai/icon-restaurant.svg");
|
||||
}
|
||||
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-sample-ticket {
|
||||
background-image: url("../../../images/integrations/ai/icon-ticket.svg");
|
||||
}
|
||||
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-sample-design {
|
||||
background-image: url("../../../images/integrations/ai/icon-design.svg");
|
||||
}
|
||||
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-sample-stop {
|
||||
background-image: url("../../../images/integrations/ai/icon-stop-sign.svg");
|
||||
}
|
||||
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-sample-pizza {
|
||||
background-image: url("../../../images/integrations/ai/icon-pizza.svg");
|
||||
}
|
||||
|
||||
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-sample-market {
|
||||
background-image: url("../../../images/integrations/ai/icon-market.svg");
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description {
|
||||
font-size: 16px;
|
||||
color: #444444;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description a {
|
||||
color: #036aab;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description a:hover, wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description a:focus {
|
||||
color: #0399ed;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-question {
|
||||
background-color: #0399ed;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-spinner {
|
||||
background: #dfe8f2;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer .wpforms-chat-item-content,
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning .wpforms-chat-item-content {
|
||||
background: #dfe8f2;
|
||||
border: 2px solid transparent;
|
||||
cursor: pointer;
|
||||
transition-property: border-color;
|
||||
transition-duration: 0.15s;
|
||||
transition-timing-function: ease-out;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer .wpforms-chat-item-content:hover,
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning .wpforms-chat-item-content:hover {
|
||||
border-color: #86919e;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer .wpforms-chat-item-content h4,
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning .wpforms-chat-item-content h4 {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer .wpforms-ai-chat-answer-buttons button span,
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning .wpforms-ai-chat-answer-buttons button span {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer:not(.active) .wpforms-ai-chat-answer-buttons,
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning:not(.active) .wpforms-ai-chat-answer-buttons {
|
||||
border-top: 1px solid #ced7e0;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer:not(.active) .wpforms-ai-chat-answer-buttons button,
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning:not(.active) .wpforms-ai-chat-answer-buttons button {
|
||||
opacity: 0.5;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer:not(.active) .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-buttons-response .wpforms-ai-chat-answer-button.dislike,
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning:not(.active) .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-buttons-response .wpforms-ai-chat-answer-button.dislike {
|
||||
background-image: url("../../../images/integrations/ai/thumbs-down-inactive.svg");
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer:not(.active) .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-buttons-response button,
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning:not(.active) .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-buttons-response button {
|
||||
opacity: 1;
|
||||
color: #b0b6bd;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer:not(.active) .wpforms-ai-chat-answer-action,
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning:not(.active) .wpforms-ai-chat-answer-action {
|
||||
background: #86919e;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer.active .wpforms-chat-item-content,
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning.active .wpforms-chat-item-content {
|
||||
background: #ffffff;
|
||||
border-color: #ffffff;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer.active .wpforms-chat-item-content:hover,
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning.active .wpforms-chat-item-content:hover {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer.active .wpforms-ai-chat-answer-buttons button,
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning.active .wpforms-ai-chat-answer-buttons button {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-error .wpforms-chat-item-content {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-error .wpforms-chat-item-content h4 {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-error .wpforms-chat-item-content span a {
|
||||
color: #444444;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-error .wpforms-chat-item-content span a:hover {
|
||||
color: #777777;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer-waiting .wpforms-chat-item-spinner {
|
||||
color: #86919e;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-input {
|
||||
border-top: 1px solid #ced7e0;
|
||||
background: #dfe8f2;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-input textarea {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-input textarea::placeholder {
|
||||
color: #b0b6bd;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-input textarea:not(:focus) {
|
||||
border-color: #b0b6bd;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-input textarea:focus {
|
||||
border: 1px solid #036aab;
|
||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 0 0 1px #036aab;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-send,
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-stop {
|
||||
background-color: #036aab;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-send:hover, wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-send:focus,
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-stop:hover,
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-stop:focus {
|
||||
background-color: #215d8f;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-welcome-screen-sample-prompts li {
|
||||
border-bottom: 1px solid #ced7e0;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-welcome-screen-sample-prompts li:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-welcome-screen-sample-prompts li::after {
|
||||
background-image: url("../../../images/integrations/ai/icon-send-blue.svg");
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-welcome-screen-sample-prompts li:hover a {
|
||||
color: #036aab;
|
||||
}
|
||||
|
||||
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-welcome-screen-sample-prompts li a:hover, wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-welcome-screen-sample-prompts li a:focus {
|
||||
color: #036aab;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.wpforms_page_wpforms-builder .jconfirm .jconfirm-box.wpforms-ai-forms-install-addons-modal .jconfirm-checkbox {
|
||||
grid-column: 1 / -1;
|
||||
margin: 5px 0 10px 0;
|
||||
color: #777777;
|
||||
vertical-align: center;
|
||||
}
|
||||
|
||||
.wpforms_page_wpforms-builder .jconfirm .jconfirm-box.wpforms-ai-forms-install-addons-modal .jconfirm-checkbox input[type="checkbox"] {
|
||||
border-color: #a6a6a6;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.wpforms_page_wpforms-builder .jconfirm .jconfirm-box.wpforms-ai-forms-addons-installed-modal .jconfirm-buttons {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
86
assets/css/ai-forms.min.css
vendored
86
assets/css/ai-forms.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,177 +0,0 @@
|
|||
.customize-control-ast-selector .ast-alignment-wrapper {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.customize-control-ast-selector .ast-alignment-inner-wrap,
|
||||
.customize-control-ast-selector .ast-selector-responsive-wrap {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.customize-control-ast-selector .ast-alignment-wrapper .ast-alignment-inner-wrap.active {
|
||||
flex: 1 1 auto;
|
||||
display: flex;
|
||||
}
|
||||
.customize-control-ast-selector .components-button.has-icon {
|
||||
padding: 6px;
|
||||
min-width: 36px;
|
||||
justify-content: center;
|
||||
}
|
||||
.ast-alignment-inner-wrap .components-button {
|
||||
white-space: normal;
|
||||
color: var(--ast-customizer-color-5);
|
||||
text-decoration: none;
|
||||
text-shadow: none;
|
||||
outline: unset;
|
||||
border: 1px solid var(--ast-customizer-color-7);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
border-radius: unset;
|
||||
transition: none;
|
||||
font-weight: normal;
|
||||
}
|
||||
.ast-alignment-inner-wrap.active .components-button.is-primary {
|
||||
color: var(--ast-customizer-color-10);
|
||||
background: var(--ast-customizer-color-1);
|
||||
}
|
||||
.customize-control-ast-selector .ast-alignment-wrapper .ast-alignment-inner-wrap.active .components-button:not(.is-primary):hover {
|
||||
color: var(--ast-customizer-color-5) !important;
|
||||
}
|
||||
|
||||
.customize-control-ast-selector .components-button .ahfb-icon-set svg {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
fill: var(--ast-customizer-color-8);
|
||||
}
|
||||
.customize-control-ast-selector .components-button.is-primary .ahfb-icon-set svg,
|
||||
.customize-control-ast-selector .components-button.is-primary .ahfb-icon-set svg circle,
|
||||
.customize-control-ast-selector .components-button.is-primary .ahfb-icon-set svg path:not(.ast-hf-account-unfill) {
|
||||
fill: var(--ast-customizer-color-10);
|
||||
}
|
||||
|
||||
.customize-control-ast-selector .ast-alignment-inner-wrap:first-child .components-button {
|
||||
border-radius: 0px 3px 3px 0px;
|
||||
}
|
||||
.customize-control-ast-selector .ast-alignment-inner-wrap:last-child .components-button {
|
||||
border-radius: 3px 0px 0px 3px;
|
||||
}
|
||||
|
||||
.ast-alignment-wrapper .ast-alignment-inner-wrap:not(:first-child):not(:last-child) .components-button{
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
.customize-control-ast-selector .ast-alignment-inner-wrap .components-button {
|
||||
border-radius: unset;
|
||||
font-size: 12px;
|
||||
padding: 9px 4px 10px;
|
||||
}
|
||||
.customize-control-ast-selector .ast-selector-responsive-wrap.active {
|
||||
display: flex;
|
||||
flex: 1 1 0;
|
||||
}
|
||||
.customize-control-ast-selector .ast-responsive-btns {
|
||||
position: relative;
|
||||
right: 6px;
|
||||
top: 1px;
|
||||
}
|
||||
.customize-control-ast-selector .ast-alignment-inner-wrap .components-button:focus:not(:disabled) {
|
||||
box-shadow: none;
|
||||
}
|
||||
.customize-control-ast-selector .components-button .ahfb-icon-set {
|
||||
display: flex;
|
||||
}
|
||||
.customize-control-ast-selector {
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
|
||||
.ast-alignment-inner-wrap.active button.components-button.is-primary {
|
||||
border-color: var(--ast-customizer-color-3);
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,177 +0,0 @@
|
|||
.customize-control-ast-selector .ast-alignment-wrapper {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.customize-control-ast-selector .ast-alignment-inner-wrap,
|
||||
.customize-control-ast-selector .ast-selector-responsive-wrap {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.customize-control-ast-selector .ast-alignment-wrapper .ast-alignment-inner-wrap.active {
|
||||
flex: 1 1 auto;
|
||||
display: flex;
|
||||
}
|
||||
.customize-control-ast-selector .components-button.has-icon {
|
||||
padding: 6px;
|
||||
min-width: 36px;
|
||||
justify-content: center;
|
||||
}
|
||||
.ast-alignment-inner-wrap .components-button {
|
||||
white-space: normal;
|
||||
color: var(--ast-customizer-color-5);
|
||||
text-decoration: none;
|
||||
text-shadow: none;
|
||||
outline: unset;
|
||||
border: 1px solid var(--ast-customizer-color-7);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
border-radius: unset;
|
||||
transition: none;
|
||||
font-weight: normal;
|
||||
}
|
||||
.ast-alignment-inner-wrap.active .components-button.is-primary {
|
||||
color: var(--ast-customizer-color-10);
|
||||
background: var(--ast-customizer-color-1);
|
||||
}
|
||||
.customize-control-ast-selector .ast-alignment-wrapper .ast-alignment-inner-wrap.active .components-button:not(.is-primary):hover {
|
||||
color: var(--ast-customizer-color-5) !important;
|
||||
}
|
||||
|
||||
.customize-control-ast-selector .components-button .ahfb-icon-set svg {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
fill: var(--ast-customizer-color-8);
|
||||
}
|
||||
.customize-control-ast-selector .components-button.is-primary .ahfb-icon-set svg,
|
||||
.customize-control-ast-selector .components-button.is-primary .ahfb-icon-set svg circle,
|
||||
.customize-control-ast-selector .components-button.is-primary .ahfb-icon-set svg path:not(.ast-hf-account-unfill) {
|
||||
fill: var(--ast-customizer-color-10);
|
||||
}
|
||||
|
||||
.customize-control-ast-selector .ast-alignment-inner-wrap:first-child .components-button {
|
||||
border-radius: 3px 0px 0px 3px;
|
||||
}
|
||||
.customize-control-ast-selector .ast-alignment-inner-wrap:last-child .components-button {
|
||||
border-radius: 0px 3px 3px 0px;
|
||||
}
|
||||
|
||||
.ast-alignment-wrapper .ast-alignment-inner-wrap:not(:first-child):not(:last-child) .components-button{
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.customize-control-ast-selector .ast-alignment-inner-wrap .components-button {
|
||||
border-radius: unset;
|
||||
font-size: 12px;
|
||||
padding: 9px 4px 10px;
|
||||
}
|
||||
.customize-control-ast-selector .ast-selector-responsive-wrap.active {
|
||||
display: flex;
|
||||
flex: 1 1 0;
|
||||
}
|
||||
.customize-control-ast-selector .ast-responsive-btns {
|
||||
position: relative;
|
||||
left: 6px;
|
||||
top: 1px;
|
||||
}
|
||||
.customize-control-ast-selector .ast-alignment-inner-wrap .components-button:focus:not(:disabled) {
|
||||
box-shadow: none;
|
||||
}
|
||||
.customize-control-ast-selector .components-button .ahfb-icon-set {
|
||||
display: flex;
|
||||
}
|
||||
.customize-control-ast-selector {
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
|
||||
.ast-alignment-inner-wrap.active button.components-button.is-primary {
|
||||
border-color: var(--ast-customizer-color-3);
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
92
assets/css/animate.min.css
vendored
92
assets/css/animate.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
85
assets/css/aos.min.css
vendored
85
assets/css/aos.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load diff
File diff suppressed because it is too large
Load diff
|
|
@ -1,100 +0,0 @@
|
|||
.e-global__preview-item.e-global__color[data-global-id="astratextcolor"] {
|
||||
border-top: 2px solid #404349;
|
||||
}
|
||||
.e-global__color[data-global-id^="astra"] {
|
||||
background: rgb(64 67 73 / 30%);
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 0;
|
||||
border-top: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.e-global__preview-item.e-global__color[data-global-id="astraextracolor4"] {
|
||||
border-bottom: 2px solid #404349;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,100 +0,0 @@
|
|||
.e-global__preview-item.e-global__color[data-global-id="astratextcolor"] {
|
||||
border-top: 2px solid #404349;
|
||||
}
|
||||
.e-global__color[data-global-id^="astra"] {
|
||||
background: rgb(64 67 73 / 30%);
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 0;
|
||||
border-top: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.e-global__preview-item.e-global__color[data-global-id="astraextracolor4"] {
|
||||
border-bottom: 2px solid #404349;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,100 +0,0 @@
|
|||
.e-global__preview-item.e-global__color[data-global-id="astratextcolor"] {
|
||||
border-top: 2px solid #c3cbd2;
|
||||
}
|
||||
.e-global__color[data-global-id^="astra"] {
|
||||
background: rgb(241 243 245 / 40%);
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 0;
|
||||
border-top: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.e-global__preview-item.e-global__color[data-global-id="astraextracolor4"] {
|
||||
border-bottom: 2px solid rgb(195 203 210);
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,100 +0,0 @@
|
|||
.e-global__preview-item.e-global__color[data-global-id="astratextcolor"] {
|
||||
border-top: 2px solid #c3cbd2;
|
||||
}
|
||||
.e-global__color[data-global-id^="astra"] {
|
||||
background: rgb(241 243 245 / 40%);
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 0;
|
||||
border-top: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.e-global__preview-item.e-global__color[data-global-id="astraextracolor4"] {
|
||||
border-bottom: 2px solid rgb(195 203 210);
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,177 +0,0 @@
|
|||
/**
|
||||
* CSS code for all Astra Extensions admin screens
|
||||
*
|
||||
* @package Astra
|
||||
* @since 1.0.0
|
||||
*/
|
||||
.ast-clear:before, .ast-clear:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.ast-clear:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/**
|
||||
* Error Message
|
||||
*/
|
||||
#message {
|
||||
display: block;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Astra Welcome Page
|
||||
*/
|
||||
.ast-container {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 0 20px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.ast-container .ast-normal-cursor.hndle{
|
||||
cursor: initial;
|
||||
}
|
||||
.ast-container .postbox .hndle{
|
||||
background: #ffffff;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
.ast-container div.notice,
|
||||
.ast-container div.updated,
|
||||
.ast-container div.error{
|
||||
margin-top: 0;
|
||||
}
|
||||
.ast-container #poststuff h2{
|
||||
padding: 12px 12px;
|
||||
}
|
||||
.ast-flex{
|
||||
-js-display: flex;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-moz-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-flex-wrap: wrap;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-webkit-align-content: center;
|
||||
-ms-flex-line-pack: center;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
/**
|
||||
* Astra Welcome screen sidebar
|
||||
*/
|
||||
.ast-sidebar .hndle .dashicons{
|
||||
margin: 0 0 0 5px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Astra Custom Notice for static position
|
||||
*/
|
||||
.ast-notice{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.ast-notice.ast-notice-error{
|
||||
border-right-color: #dc3232;
|
||||
}
|
||||
.ast-notice{
|
||||
background: #fff;
|
||||
border-right: 4px solid #fff;
|
||||
box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
|
||||
padding: 1px 12px;
|
||||
}
|
||||
.ast-notice p{
|
||||
margin: 0.5em 0;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,177 +0,0 @@
|
|||
/**
|
||||
* CSS code for all Astra Extensions admin screens
|
||||
*
|
||||
* @package Astra
|
||||
* @since 1.0.0
|
||||
*/
|
||||
.ast-clear:before, .ast-clear:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.ast-clear:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/**
|
||||
* Error Message
|
||||
*/
|
||||
#message {
|
||||
display: block;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Astra Welcome Page
|
||||
*/
|
||||
.ast-container {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 0 20px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.ast-container .ast-normal-cursor.hndle{
|
||||
cursor: initial;
|
||||
}
|
||||
.ast-container .postbox .hndle{
|
||||
background: #ffffff;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
.ast-container div.notice,
|
||||
.ast-container div.updated,
|
||||
.ast-container div.error{
|
||||
margin-top: 0;
|
||||
}
|
||||
.ast-container #poststuff h2{
|
||||
padding: 12px 12px;
|
||||
}
|
||||
.ast-flex{
|
||||
-js-display: flex;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-moz-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-flex-wrap: wrap;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-webkit-align-content: center;
|
||||
-ms-flex-line-pack: center;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
/**
|
||||
* Astra Welcome screen sidebar
|
||||
*/
|
||||
.ast-sidebar .hndle .dashicons{
|
||||
margin: 0 5px 0 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Astra Custom Notice for static position
|
||||
*/
|
||||
.ast-notice{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.ast-notice.ast-notice-error{
|
||||
border-left-color: #dc3232;
|
||||
}
|
||||
.ast-notice{
|
||||
background: #fff;
|
||||
border-left: 4px solid #fff;
|
||||
box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
|
||||
padding: 1px 12px;
|
||||
}
|
||||
.ast-notice p{
|
||||
margin: 0.5em 0;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,406 +0,0 @@
|
|||
/* Meta Box Heading
|
||||
------------------------------------------------------*/
|
||||
#astra_advanced_headers_settings .inside{
|
||||
margin: 0;
|
||||
}
|
||||
#astra_advanced_headers_settings .nav-tab-wrapper ul{
|
||||
margin: 0;
|
||||
}
|
||||
#astra_advanced_headers_settings #ast-adv-headers-tab-page-header{
|
||||
margin-right: 0;
|
||||
}
|
||||
.astra-advanced-headers-meta-box-wrap{
|
||||
background: transparent;
|
||||
border: 0;
|
||||
}
|
||||
.astra-advanced-headers-meta-box-wrap .inside{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#astra_advanced_headers_settings .handlediv,
|
||||
.astra-advanced-headers-meta-box-wrap h2.ui-sortable-handle,
|
||||
.astra-advanced-headers-meta-box-wrap .postbox-header {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Meta Box Tables
|
||||
------------------------------------------------------*/
|
||||
#ast-advanced-haeders-design-bg-custom-size-top-padding,
|
||||
#ast-advanced-haeders-design-bg-custom-size-bottom-padding{
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
/* Radio Button Images*/
|
||||
.ast-advanced-header-layout-radio-button-wrap input[type='radio'] {
|
||||
display: none;
|
||||
}
|
||||
.ast-advanced-header-layout-radio-button-wrap label[checked="checked"] img,
|
||||
.ast-advanced-header-layout-radio-button-wrap label img:hover{
|
||||
border-color: #1e8cbe;
|
||||
}
|
||||
.ast-advanced-header-layout-radio-button-wrap label {
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ast-advanced-header-layout-radio-button-wrap label img{
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Meta Box Tabs
|
||||
------------------------------------------------------*/
|
||||
.ast-adv-headers-tabs-section{
|
||||
display:none;
|
||||
}
|
||||
.ast-adv-headers-tabs-section.tab-active{
|
||||
display:block;
|
||||
}
|
||||
|
||||
|
||||
/* Loading Overlay */
|
||||
.spinner.ast-advanced-headers-loading {
|
||||
visibility: visible;
|
||||
background-color: rgba(255,255,255,0.9);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
height: initial;
|
||||
width: auto;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
/* Tooltips */
|
||||
.ast-advanced-headers-heading-help {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
.ui-widget-content.ast-advanced-headers-ui-tooltip {
|
||||
background: #333;
|
||||
border-width: 1px;
|
||||
border-color: #333;
|
||||
border-radius: 3px;
|
||||
box-shadow: -1px 0px 2px 0px rgba(214,214,214,0.5);
|
||||
color: #dedede;
|
||||
max-width: 250px;
|
||||
text-align: center;
|
||||
padding: 7px;
|
||||
text-rendering: optimizeLegibility;
|
||||
text-shadow: none;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
/* Tooltips Image */
|
||||
.ast-advanced-headers-heading-img-help {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
.ui-widget-content.ast-advanced-headers-ui-img-tooltip {
|
||||
background: #333;
|
||||
border-width: 1px;
|
||||
border-color: #333;
|
||||
border-radius: 3px;
|
||||
box-shadow: -1px 0px 2px 0px rgba(214,214,214,0.5);
|
||||
color: #dedede;
|
||||
max-width: 175px;
|
||||
text-align: center;
|
||||
padding: 7px;
|
||||
text-rendering: optimizeLegibility;
|
||||
text-shadow: none;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
/* Table */
|
||||
.ast-advanced-headers-table {
|
||||
border: none;
|
||||
border-bottom: 5px solid #f0f0f0;
|
||||
}
|
||||
.ast-advanced-headers-table:last-of-type {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
.ast-advanced-headers-table.widefat{
|
||||
border-top: 0;
|
||||
}
|
||||
/* Rows */
|
||||
.ast-advanced-headers-row td:before,
|
||||
.ast-advanced-headers-row td:after {
|
||||
display: table;
|
||||
content: " ";
|
||||
}
|
||||
.ast-advanced-headers-row td:after {
|
||||
clear: both;
|
||||
}
|
||||
.ast-advanced-headers-row td {
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
zoom:1;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ast-advanced-headers-row td *{
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ast-advanced-headers-row:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
/* Row Heading */
|
||||
.ast-advanced-headers-row-heading {
|
||||
/*background: #F9F9F9;*/
|
||||
border-left: 1px solid #E1E1E1;
|
||||
padding: 15px;
|
||||
width: 30%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.ast-advanced-headers-row td.ast-advanced-headers-row-heading.title {
|
||||
padding-bottom: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.ast-advanced-headers-row-heading label {
|
||||
display: inline-block;
|
||||
font-size: 13px;
|
||||
line-height: 1.4em;
|
||||
font-weight: bold;
|
||||
padding: 0;
|
||||
margin: 0 0 3px;
|
||||
color: #333;
|
||||
}
|
||||
.ast-advanced-headers-row-sub-heading {
|
||||
/*background: #F9F9F9;*/
|
||||
border-left: 1px solid #E1E1E1;
|
||||
padding: 15px;
|
||||
width: 25%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ast-advanced-headers-row-sub-heading label{
|
||||
display: inline-block;
|
||||
font-size: 13px;
|
||||
line-height: 1.4em;
|
||||
font-weight: normal;
|
||||
padding: 0;
|
||||
margin: 0 0 3px;
|
||||
color: #333;
|
||||
}
|
||||
.ast-advanced-headers-heading-help {
|
||||
color: #b3b3b3;
|
||||
cursor: help;
|
||||
float: left;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
/* Row Content */
|
||||
.ast-advanced-headers-table .ast-advanced-headers-row-content {
|
||||
padding: 15px 10px;
|
||||
position: relative;
|
||||
width: 75%;
|
||||
}
|
||||
.ast-advanced-headers-row-content p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* Row Inputs */
|
||||
.ast-advanced-headers-row-content select {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
/* Settings Meta Box
|
||||
------------------------------------------------------*/
|
||||
|
||||
#ast-advanced-headers-settings .inside {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Builder Buttons Meta Box
|
||||
------------------------------------------------------*/
|
||||
|
||||
#ast-advanced-headers-buttons .inside {
|
||||
margin: 0;
|
||||
padding: 15px;
|
||||
}
|
||||
#ast-advanced-headers-buttons .button {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
|
||||
/* Rule Settings
|
||||
------------------------------------------------------*/
|
||||
|
||||
/* Rule Forms */
|
||||
.ast-advanced-headers-saved-rule {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
padding: 0 0 8px 0;
|
||||
}
|
||||
.ast-advanced-headers-saved-rule-select {
|
||||
width: 100%;
|
||||
}
|
||||
.ast-advanced-headers-rule-objects {
|
||||
display: none;
|
||||
}
|
||||
.ast-advanced-headers-rule-objects-visible {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
}
|
||||
.ast-advanced-headers-row-content .ast-advanced-headers-rule-objects-visible select {
|
||||
width: 50%;
|
||||
}
|
||||
.ast-advanced-headers-rule-objects-visible .ast-advanced-headers-rule-objects {
|
||||
display: inline;
|
||||
margin-right: 7px;
|
||||
}
|
||||
.ast-advanced-headers-remove-rule-button {
|
||||
display: none;
|
||||
margin-top: 5px;
|
||||
text-align: left;
|
||||
width: 33px;
|
||||
}
|
||||
.ast-advanced-headers-remove-rule{
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
opacity: 0.2;
|
||||
}
|
||||
.ast-advanced-headers-remove-rule:hover {
|
||||
color: #d54e21;
|
||||
opacity: 1;
|
||||
}
|
||||
.ast-advanced-headers-add-rule {
|
||||
float: right;
|
||||
margin-left: 8px;
|
||||
min-width: 150px;
|
||||
}
|
||||
.ast-advanced-headers-add-rule .button {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Location Rules */
|
||||
.ast-advanced-headers-locations-form {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Exclusion Rules */
|
||||
.ast-advanced-headers-exclusion-rules {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Color Picker */
|
||||
.ast-advanced-headers-row .wp-picker-holder{
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top:45px;
|
||||
}
|
||||
|
||||
.ast-advanced-headers-table .ast-custom-menu-item-text-enabled textarea {
|
||||
width: 50%;
|
||||
min-height: 60px;
|
||||
}
|
||||
|
||||
@media screen and ( max-width: 544px ) {
|
||||
.ast-advanced-headers-table .ast-custom-menu-item-text-enabled textarea {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* WP Beta 5.3 compatibility CSS - Start */
|
||||
|
||||
.wp-core-ui .ast-advanced-headers-row .button.button-small {
|
||||
margin-right: 4px;
|
||||
min-height: 30px;
|
||||
}
|
||||
|
||||
/* WP Beta 5.3 compatibility CSS - Start */
|
||||
|
||||
.target_rule-specific-page-wrap {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,406 +0,0 @@
|
|||
/* Meta Box Heading
|
||||
------------------------------------------------------*/
|
||||
#astra_advanced_headers_settings .inside{
|
||||
margin: 0;
|
||||
}
|
||||
#astra_advanced_headers_settings .nav-tab-wrapper ul{
|
||||
margin: 0;
|
||||
}
|
||||
#astra_advanced_headers_settings #ast-adv-headers-tab-page-header{
|
||||
margin-left: 0;
|
||||
}
|
||||
.astra-advanced-headers-meta-box-wrap{
|
||||
background: transparent;
|
||||
border: 0;
|
||||
}
|
||||
.astra-advanced-headers-meta-box-wrap .inside{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#astra_advanced_headers_settings .handlediv,
|
||||
.astra-advanced-headers-meta-box-wrap h2.ui-sortable-handle,
|
||||
.astra-advanced-headers-meta-box-wrap .postbox-header {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Meta Box Tables
|
||||
------------------------------------------------------*/
|
||||
#ast-advanced-haeders-design-bg-custom-size-top-padding,
|
||||
#ast-advanced-haeders-design-bg-custom-size-bottom-padding{
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
/* Radio Button Images*/
|
||||
.ast-advanced-header-layout-radio-button-wrap input[type='radio'] {
|
||||
display: none;
|
||||
}
|
||||
.ast-advanced-header-layout-radio-button-wrap label[checked="checked"] img,
|
||||
.ast-advanced-header-layout-radio-button-wrap label img:hover{
|
||||
border-color: #1e8cbe;
|
||||
}
|
||||
.ast-advanced-header-layout-radio-button-wrap label {
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ast-advanced-header-layout-radio-button-wrap label img{
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Meta Box Tabs
|
||||
------------------------------------------------------*/
|
||||
.ast-adv-headers-tabs-section{
|
||||
display:none;
|
||||
}
|
||||
.ast-adv-headers-tabs-section.tab-active{
|
||||
display:block;
|
||||
}
|
||||
|
||||
|
||||
/* Loading Overlay */
|
||||
.spinner.ast-advanced-headers-loading {
|
||||
visibility: visible;
|
||||
background-color: rgba(255,255,255,0.9);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: initial;
|
||||
width: auto;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
/* Tooltips */
|
||||
.ast-advanced-headers-heading-help {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
.ui-widget-content.ast-advanced-headers-ui-tooltip {
|
||||
background: #333;
|
||||
border-width: 1px;
|
||||
border-color: #333;
|
||||
border-radius: 3px;
|
||||
box-shadow: 1px 0px 2px 0px rgba(214,214,214,0.5);
|
||||
color: #dedede;
|
||||
max-width: 250px;
|
||||
text-align: center;
|
||||
padding: 7px;
|
||||
text-rendering: optimizeLegibility;
|
||||
text-shadow: none;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
/* Tooltips Image */
|
||||
.ast-advanced-headers-heading-img-help {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
.ui-widget-content.ast-advanced-headers-ui-img-tooltip {
|
||||
background: #333;
|
||||
border-width: 1px;
|
||||
border-color: #333;
|
||||
border-radius: 3px;
|
||||
box-shadow: 1px 0px 2px 0px rgba(214,214,214,0.5);
|
||||
color: #dedede;
|
||||
max-width: 175px;
|
||||
text-align: center;
|
||||
padding: 7px;
|
||||
text-rendering: optimizeLegibility;
|
||||
text-shadow: none;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
/* Table */
|
||||
.ast-advanced-headers-table {
|
||||
border: none;
|
||||
border-bottom: 5px solid #f0f0f0;
|
||||
}
|
||||
.ast-advanced-headers-table:last-of-type {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
.ast-advanced-headers-table.widefat{
|
||||
border-top: 0;
|
||||
}
|
||||
/* Rows */
|
||||
.ast-advanced-headers-row td:before,
|
||||
.ast-advanced-headers-row td:after {
|
||||
display: table;
|
||||
content: " ";
|
||||
}
|
||||
.ast-advanced-headers-row td:after {
|
||||
clear: both;
|
||||
}
|
||||
.ast-advanced-headers-row td {
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
zoom:1;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ast-advanced-headers-row td *{
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ast-advanced-headers-row:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
/* Row Heading */
|
||||
.ast-advanced-headers-row-heading {
|
||||
/*background: #F9F9F9;*/
|
||||
border-right: 1px solid #E1E1E1;
|
||||
padding: 15px;
|
||||
width: 30%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.ast-advanced-headers-row td.ast-advanced-headers-row-heading.title {
|
||||
padding-bottom: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.ast-advanced-headers-row-heading label {
|
||||
display: inline-block;
|
||||
font-size: 13px;
|
||||
line-height: 1.4em;
|
||||
font-weight: bold;
|
||||
padding: 0;
|
||||
margin: 0 0 3px;
|
||||
color: #333;
|
||||
}
|
||||
.ast-advanced-headers-row-sub-heading {
|
||||
/*background: #F9F9F9;*/
|
||||
border-right: 1px solid #E1E1E1;
|
||||
padding: 15px;
|
||||
width: 25%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ast-advanced-headers-row-sub-heading label{
|
||||
display: inline-block;
|
||||
font-size: 13px;
|
||||
line-height: 1.4em;
|
||||
font-weight: normal;
|
||||
padding: 0;
|
||||
margin: 0 0 3px;
|
||||
color: #333;
|
||||
}
|
||||
.ast-advanced-headers-heading-help {
|
||||
color: #b3b3b3;
|
||||
cursor: help;
|
||||
float: right;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
/* Row Content */
|
||||
.ast-advanced-headers-table .ast-advanced-headers-row-content {
|
||||
padding: 15px 10px;
|
||||
position: relative;
|
||||
width: 75%;
|
||||
}
|
||||
.ast-advanced-headers-row-content p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* Row Inputs */
|
||||
.ast-advanced-headers-row-content select {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
/* Settings Meta Box
|
||||
------------------------------------------------------*/
|
||||
|
||||
#ast-advanced-headers-settings .inside {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Builder Buttons Meta Box
|
||||
------------------------------------------------------*/
|
||||
|
||||
#ast-advanced-headers-buttons .inside {
|
||||
margin: 0;
|
||||
padding: 15px;
|
||||
}
|
||||
#ast-advanced-headers-buttons .button {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
|
||||
/* Rule Settings
|
||||
------------------------------------------------------*/
|
||||
|
||||
/* Rule Forms */
|
||||
.ast-advanced-headers-saved-rule {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
padding: 0 0 8px 0;
|
||||
}
|
||||
.ast-advanced-headers-saved-rule-select {
|
||||
width: 100%;
|
||||
}
|
||||
.ast-advanced-headers-rule-objects {
|
||||
display: none;
|
||||
}
|
||||
.ast-advanced-headers-rule-objects-visible {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
}
|
||||
.ast-advanced-headers-row-content .ast-advanced-headers-rule-objects-visible select {
|
||||
width: 50%;
|
||||
}
|
||||
.ast-advanced-headers-rule-objects-visible .ast-advanced-headers-rule-objects {
|
||||
display: inline;
|
||||
margin-left: 7px;
|
||||
}
|
||||
.ast-advanced-headers-remove-rule-button {
|
||||
display: none;
|
||||
margin-top: 5px;
|
||||
text-align: right;
|
||||
width: 33px;
|
||||
}
|
||||
.ast-advanced-headers-remove-rule{
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
opacity: 0.2;
|
||||
}
|
||||
.ast-advanced-headers-remove-rule:hover {
|
||||
color: #d54e21;
|
||||
opacity: 1;
|
||||
}
|
||||
.ast-advanced-headers-add-rule {
|
||||
float: left;
|
||||
margin-right: 8px;
|
||||
min-width: 150px;
|
||||
}
|
||||
.ast-advanced-headers-add-rule .button {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Location Rules */
|
||||
.ast-advanced-headers-locations-form {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Exclusion Rules */
|
||||
.ast-advanced-headers-exclusion-rules {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Color Picker */
|
||||
.ast-advanced-headers-row .wp-picker-holder{
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top:45px;
|
||||
}
|
||||
|
||||
.ast-advanced-headers-table .ast-custom-menu-item-text-enabled textarea {
|
||||
width: 50%;
|
||||
min-height: 60px;
|
||||
}
|
||||
|
||||
@media screen and ( max-width: 544px ) {
|
||||
.ast-advanced-headers-table .ast-custom-menu-item-text-enabled textarea {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* WP Beta 5.3 compatibility CSS - Start */
|
||||
|
||||
.wp-core-ui .ast-advanced-headers-row .button.button-small {
|
||||
margin-left: 4px;
|
||||
min-height: 30px;
|
||||
}
|
||||
|
||||
/* WP Beta 5.3 compatibility CSS - Start */
|
||||
|
||||
.target_rule-specific-page-wrap {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,914 +0,0 @@
|
|||
#advanced-hook-settings .inside {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#advanced-hook-settings .nav-tab-wrapper {
|
||||
border-bottom: 0;
|
||||
}
|
||||
#advanced-hook-settings .nav-tab-wrapper ul {
|
||||
margin: 0;
|
||||
}
|
||||
#advanced-hook-settings #ast-advanced-hook-tab-page-header {
|
||||
margin-right: 0;
|
||||
}
|
||||
.advanced-hook-meta-box-wrap .inside {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.ast-advanced-hook-layout-radio-button-wrap input[type="radio"] {
|
||||
display: none;
|
||||
}
|
||||
.ast-advanced-hook-layout-radio-button-wrap label[checked="checked"] img {
|
||||
border-color: transparent;
|
||||
}
|
||||
.ast-advanced-hook-layout-radio-button-wrap label {
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ast-advanced-hook-layout-radio-button-wrap label img {
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
}
|
||||
.ast-advanced-hook-layout-radio-button-wrap label img:hover {
|
||||
border-color: transparent;
|
||||
}
|
||||
.ast-advanced-hook-php-content {
|
||||
height: 300px;
|
||||
z-index: auto;
|
||||
position: relative;
|
||||
transition: none;
|
||||
background: transparent !important;
|
||||
}
|
||||
.spinner.ast-advanced-hook-loading {
|
||||
visibility: visible;
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
height: initial;
|
||||
width: auto;
|
||||
margin: 0;
|
||||
}
|
||||
.ast-advanced-hook-heading-help {
|
||||
cursor: help;
|
||||
vertical-align: middle;
|
||||
color: #b3b3b3;
|
||||
cursor: help;
|
||||
float: left;
|
||||
font-size: 18px;
|
||||
}
|
||||
.ui-widget-content.ast-advanced-hook-ui-tooltip {
|
||||
background: #333;
|
||||
border-width: 1px;
|
||||
border-color: #333;
|
||||
border-radius: 3px;
|
||||
box-shadow: -1px 0px 2px 0px rgba(214, 214, 214, 0.5);
|
||||
color: #dedede;
|
||||
max-width: 250px;
|
||||
text-align: center;
|
||||
padding: 7px;
|
||||
text-rendering: optimizeLegibility;
|
||||
text-shadow: none;
|
||||
z-index: 9999;
|
||||
}
|
||||
.ast-advanced-hook-table {
|
||||
border: none;
|
||||
border-bottom: 5px solid #f0f0f0;
|
||||
}
|
||||
.ast-advanced-hook-table:last-of-type {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
.ast-advanced-hook-table .ast-advanced-hook-row-content {
|
||||
padding: 15px 20px;
|
||||
position: relative;
|
||||
width: 75%;
|
||||
}
|
||||
.ast-advanced-hook-table tr:last-child td {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.ast-advanced-hook-table.widefat {
|
||||
border-width: 0;
|
||||
}
|
||||
tr.ast-advanced-hook-row {
|
||||
width: 100%;
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
}
|
||||
.block-editor-page tr.ast-advanced-hook-row {
|
||||
display: table-row;
|
||||
}
|
||||
.ast-advanced-hook-row td {
|
||||
padding: 20px 12px;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
zoom: 1;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ast-advanced-hook-row:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
.ast-advanced-hook-row td.ast-advanced-hook-row-heading.title {
|
||||
padding-bottom: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.ast-advanced-hook-row .wp-picker-holder {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
}
|
||||
.ast-advanced-hook-row .iris-border .iris-picker-inner {
|
||||
left: 0;
|
||||
}
|
||||
.ast-advanced-hook-row.verticle-top .ast-advanced-hook-row-heading {
|
||||
vertical-align: baseline;
|
||||
padding-top: 21px;
|
||||
}
|
||||
td.ast-advanced-hook-row-heading {
|
||||
border-left: 1px solid #e1e1e1;
|
||||
padding: 12px 25px 12px 20px;
|
||||
width: 25%;
|
||||
vertical-align: middle;
|
||||
display: inline-grid;
|
||||
align-items: center;
|
||||
}
|
||||
.block-editor-page td.ast-advanced-hook-row-heading {
|
||||
display: table-cell;
|
||||
}
|
||||
.ast-advanced-hook-row-heading label {
|
||||
display: inline-block;
|
||||
font-size: 13px;
|
||||
line-height: 1.4em;
|
||||
font-weight: 600;
|
||||
padding: 0;
|
||||
color: #333;
|
||||
}
|
||||
.ast-advanced-hook-row-sub-heading {
|
||||
border-left: 1px solid #e1e1e1;
|
||||
padding: 15px;
|
||||
width: 25%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ast-advanced-hook-row-sub-heading label {
|
||||
display: inline-block;
|
||||
font-size: 13px;
|
||||
line-height: 1.4em;
|
||||
font-weight: normal;
|
||||
padding: 0;
|
||||
margin: 0 0 3px;
|
||||
color: #333;
|
||||
}
|
||||
.ast-display-user-conditions .ast-advanced-hook-row-content {
|
||||
padding-top: 30px;
|
||||
padding-bottom: 23px;
|
||||
}
|
||||
.ast-advanced-hook-row-content .components-base-control__field,
|
||||
.ast-advanced-hook-row-content p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.ast-advanced-hook-row-content .components-base-control.components-toggle-control {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.components-flex.components-h-stack.components-v-stack.components-datetime {
|
||||
padding: 20px;
|
||||
}
|
||||
.ast-advanced-hook-row-content select {
|
||||
width: 100%;
|
||||
}
|
||||
.ast-advanced-hook-row-content .ast-advanced-hook-action-desc.ast-no-desc {
|
||||
margin-top: 0;
|
||||
}
|
||||
.ast-advanced-hook-row-content .ast-advanced-hook-action-desc {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.ast-advanced-hook-row-content .ast-advanced-hook-rule-objects-visible select {
|
||||
width: 50%;
|
||||
}
|
||||
.ast-advanced-hook-padding {
|
||||
width: 110px;
|
||||
}
|
||||
.ast-advanced-hook-padding-bottom-wrap {
|
||||
margin-top: 5px;
|
||||
}
|
||||
#ast-advanced-hook-settings .inside {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#ast-advanced-hook-buttons .inside {
|
||||
margin: 0;
|
||||
padding: 15px;
|
||||
}
|
||||
#ast-advanced-hook-buttons .button {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.ast-advanced-hook-saved-rule {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
padding: 0 0 8px 0;
|
||||
}
|
||||
.ast-advanced-hook-saved-rule-select {
|
||||
width: 100%;
|
||||
}
|
||||
.ast-advanced-hook-rule-objects {
|
||||
display: none;
|
||||
}
|
||||
.ast-advanced-hook-rule-objects-visible {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
}
|
||||
.ast-advanced-hook-rule-objects-visible .ast-advanced-hook-rule-objects {
|
||||
display: inline;
|
||||
margin-right: 7px;
|
||||
}
|
||||
.ast-advanced-hook-remove-rule-button {
|
||||
display: none;
|
||||
margin-top: 5px;
|
||||
text-align: left;
|
||||
width: 33px;
|
||||
}
|
||||
.ast-advanced-hook-remove-rule {
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
opacity: 0.2;
|
||||
}
|
||||
.ast-advanced-hook-remove-rule:hover {
|
||||
color: #d54e21;
|
||||
opacity: 1;
|
||||
}
|
||||
.ast-advanced-hook-add-rule {
|
||||
float: right;
|
||||
margin-left: 8px;
|
||||
min-width: 150px;
|
||||
}
|
||||
.ast-advanced-hook-add-rule .button {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
.ast-advanced-hook-locations-form,
|
||||
.ast-advanced-hook-exclusion-rules,
|
||||
.astra-php-snippt-enabled .composer-switch,
|
||||
.astra-php-snippt-enabled .fl-builder-admin,
|
||||
.astra-php-snippt-enabled #postdivrich,
|
||||
.astra-php-snippt-enabled #elementor-switch-mode,
|
||||
.astra-php-snippt-enabled #elementor-editor,
|
||||
.astra-php-snippt-enabled.elementor-editor-active #elementor-editor {
|
||||
display: none;
|
||||
}
|
||||
.astra-php-editor-container {
|
||||
visibility: hidden;
|
||||
height: 0;
|
||||
}
|
||||
.astra-php-snippt-enabled .astra-php-editor-container {
|
||||
margin-top: 20px;
|
||||
visibility: visible;
|
||||
height: auto;
|
||||
}
|
||||
.astra-php-snippt-enabled #wpb_visual_composer {
|
||||
display: none !important;
|
||||
}
|
||||
.ast-advanced-hook-enable-php-btn i {
|
||||
font-size: 1.2em;
|
||||
line-height: 1.8;
|
||||
height: auto;
|
||||
}
|
||||
.ast-advanced-hook-enable-php-wrapper {
|
||||
margin: 0;
|
||||
order: 2;
|
||||
}
|
||||
.widefat td .ast-inside-content-notice {
|
||||
display: none;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.widefat td .ast-inside-content-blocks-notice,
|
||||
.widefat td .ast-inside-content-heading-notice {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.ast-advanced-hook-inline-label {
|
||||
font-size: 14px;
|
||||
color: #2c3338;
|
||||
}
|
||||
.ast-inside-content-number-field {
|
||||
width: 60px;
|
||||
}
|
||||
.ast-advanced-hook-wrap {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
input.readonly,
|
||||
input[readonly],
|
||||
.ast-advanced-date-time-input {
|
||||
width: 190px;
|
||||
background: white;
|
||||
}
|
||||
li.ast-advanced-time-duration-enabled {
|
||||
-js-display: inline-flex;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.ast-advanced-device-display-wrap {
|
||||
display: grid;
|
||||
grid-template-columns: 7em 7em 7em;
|
||||
}
|
||||
.ast-popup-svg-icons {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
fill: black;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.ast-toggle-sticky-popup-btn {
|
||||
margin: 50px 20px 50px 50px;
|
||||
}
|
||||
.ast-custom-layout-meta-wrap .components-input-control__container select.components-select-control__input,
|
||||
.ast-display-rule .components-input-control__container select.components-select-control__input {
|
||||
line-height: 17px;
|
||||
}
|
||||
.ast-display-rule {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.target_rule-condition-delete {
|
||||
cursor: pointer;
|
||||
}
|
||||
.ast-tab-panel .components-tab-panel__tabs-item.active-tab {
|
||||
box-shadow: inset 0 var(--wp-admin-border-width-focus)
|
||||
var(--wp-admin-theme-color);
|
||||
}
|
||||
.ast-tab-panel .components-tab-panel__tabs {
|
||||
background-color: #f2e0e0;
|
||||
}
|
||||
.ast-select-control {
|
||||
margin-bottom: 5px;
|
||||
width: 100%;
|
||||
width: calc(100% - 86px);
|
||||
}
|
||||
.ast-select-control .ast-custom-select {
|
||||
font-size: inherit;
|
||||
font-family: inherit;
|
||||
max-width: 100%;
|
||||
}
|
||||
.ast-single-options {
|
||||
width: 86px;
|
||||
margin-top: 3px;
|
||||
-js-display: inline-flex;
|
||||
display: inline-flex;
|
||||
}
|
||||
.ast-single-options .ast-option {
|
||||
width: 23px;
|
||||
height: 23px;
|
||||
margin-right: 18px;
|
||||
line-height: 23px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ast-meta-select .ast__control {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 7px;
|
||||
cursor: pointer;
|
||||
border-color: #8c8f94;
|
||||
}
|
||||
.ast__indicators .ast__indicator-separator {
|
||||
background-color: #8c8f94;
|
||||
}
|
||||
.ast__indicators .ast__indicator {
|
||||
color: #8c8f94;
|
||||
}
|
||||
.ast-meta-select .ast__control:hover {
|
||||
border-color: #2271b1;
|
||||
}
|
||||
.ast-meta-select .css-1pahdxg-control {
|
||||
box-shadow: 0 0 0 1px #2271b1;
|
||||
}
|
||||
.ast-meta-select .ast__input input {
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
.ast-layout-settings-modal {
|
||||
width: 100%;
|
||||
max-width: 900px;
|
||||
max-height: 600px;
|
||||
top: 45%;
|
||||
min-width: auto;
|
||||
width: 100%;
|
||||
max-width: 700px;
|
||||
height: auto;
|
||||
border-radius: 2px;
|
||||
box-shadow: 0px 10px 36px -10px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.ast-layout-settings-modal .components-modal__content {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0;
|
||||
}
|
||||
.ast-layout-settings-modal .components-modal__header svg {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
.ast-layout-settings-modal .components-modal__header {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.ast-layout-settings-modal .ast-display-condition-modal-spinner {
|
||||
text-align: center;
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
.ast-layout-settings-modal .ast-display-condition-modal-spinner svg {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.ast-time-duration .ast-advanced-hook-row td,
|
||||
.ast-cl-settings-content .ast-advanced-hook-row.is-active td {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.ast-cl-settings-content {
|
||||
overflow-y: auto;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.ast-cl-settings-content .ast-advanced-hook-row:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
.ast-custom-layout-panel .components-button {
|
||||
padding-left: 15px;
|
||||
}
|
||||
.ast-button-container {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 14px 20px;
|
||||
}
|
||||
.ast-button-container button.button {
|
||||
min-height: 35px;
|
||||
background-color: #fff;
|
||||
}
|
||||
.ast-cl-footer-container {
|
||||
position: sticky;
|
||||
bottom: 0;
|
||||
border-radius: 0px 0px 2px 2px;
|
||||
background: #fff;
|
||||
z-index: 9;
|
||||
box-shadow: 0px -6px 8px -3px rgba(0, 0, 0, 0.05),
|
||||
0px -4px 6px -2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.ast-title-container {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
}
|
||||
button.components-button.ast-custom-template-apply-button {
|
||||
width: 100% !important;
|
||||
border-radius: 2px !important;
|
||||
margin: 20px auto 20px;
|
||||
-js-display: flex !important;
|
||||
display: flex !important;
|
||||
justify-content: center !important;
|
||||
}
|
||||
.ast-meta-preview-select .ast__menu-list {
|
||||
max-height: 80px;
|
||||
}
|
||||
.ast-cl-popup-notice {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
font-size: 14px;
|
||||
}
|
||||
.ast-cl-popup-notice .dashicons {
|
||||
font-size: 22px;
|
||||
color: #1f2937;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.ast-disabled-close {
|
||||
opacity: 0.5;
|
||||
pointer-events: none;
|
||||
}
|
||||
.ast-cl-priority input {
|
||||
width: 100%;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.ast-content-number-field {
|
||||
width: 170px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.ast-spacing-settings {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
column-gap: 15px;
|
||||
}
|
||||
.ast-spacing-settings .components-base-control {
|
||||
width: 50%;
|
||||
}
|
||||
p.description.ast-advanced-hook-action-desc {
|
||||
margin-top: 12px;
|
||||
}
|
||||
.ast-text-field input {
|
||||
width: 100%;
|
||||
}
|
||||
.ast-cl-settings-divider {
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.ast-cl-settings-divider:before {
|
||||
width: auto;
|
||||
margin: 1px -16px;
|
||||
content: "";
|
||||
display: block;
|
||||
height: 1px;
|
||||
background: #e2e4e7;
|
||||
}
|
||||
.ast-datepicker-wrapper .components-datetime__timezone {
|
||||
display: none !important;
|
||||
}
|
||||
.ast-timezone {
|
||||
border: none;
|
||||
}
|
||||
.components-text-control__input.ast-datepicker-input {
|
||||
width: 87%;
|
||||
display: inline-block;
|
||||
}
|
||||
.ast-datepicker-input-icon {
|
||||
display: inline-block;
|
||||
font-size: 25px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.ast-schedule-date-time .components-button {
|
||||
padding: 7px 10px;
|
||||
border-width: 1px;
|
||||
border-radius: 2px;
|
||||
border-style: solid;
|
||||
background: rgba(244, 230, 230, 0);
|
||||
text-decoration: none;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.ast-date-time-notice {
|
||||
margin: 10px 0px 0px 0px;
|
||||
}
|
||||
.ast-datepicker-fields {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.components-datetime__time-field-time {
|
||||
display: inline-block;
|
||||
}
|
||||
.components-datetime__time-field input::-webkit-inner-spin-button {
|
||||
display: none;
|
||||
}
|
||||
.components-datetime__time-field-am-pm {
|
||||
margin-right: 20px;
|
||||
}
|
||||
.ast-layout-repeat-instances-wrap {
|
||||
-js-display: inline-flex;
|
||||
display: inline-flex;
|
||||
column-gap: 15px;
|
||||
align-items: center;
|
||||
}
|
||||
.ast-layout-repeat-instances-wrap select {
|
||||
max-width: 100px;
|
||||
}
|
||||
.ast-layout-repeat-instances-wrap .ast-content-number-field {
|
||||
max-width: 60px;
|
||||
}
|
||||
.ast-extra-spacing .ast-border {
|
||||
border-left: 1px solid #e1e1e1;
|
||||
}
|
||||
.ast-extra-spacing-bottom td {
|
||||
border-bottom: 1px solid #e1e1e1;
|
||||
}
|
||||
.components-button.has-icon.ast-custom-button-with-padding {
|
||||
padding-right: 12px;
|
||||
padding-left: 12px;
|
||||
}
|
||||
select.ast-rescheduling-type-selection {
|
||||
width: auto;
|
||||
}
|
||||
ul.ast-advanced-week-days-wrap {
|
||||
display: contents;
|
||||
}
|
||||
ul.ast-advanced-week-days-wrap li {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.ast-hooks-modal {
|
||||
min-width: auto;
|
||||
width: 100%;
|
||||
max-width: 900px;
|
||||
height: auto;
|
||||
border-radius: 2px;
|
||||
box-shadow: 0px 10px 36px -10px rgba(0, 0, 0, 0.25);
|
||||
max-width: 100%;
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
margin: 0;
|
||||
background-color: #f7f7f9;
|
||||
}
|
||||
.components-button:focus:not(:disabled) {
|
||||
box-shadow: none;
|
||||
outline: 0;
|
||||
}
|
||||
.components-modal__screen-overlay,
|
||||
.ast-modal-no-animation {
|
||||
animation: none;
|
||||
}
|
||||
.components-modal__content::before {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.components-modal__header {
|
||||
padding-right: 24px;
|
||||
padding-bottom: 20px;
|
||||
padding-top: 20px;
|
||||
border-bottom: 0;
|
||||
border-radius: 2px 2px 0px 0px;
|
||||
box-shadow: 0px 6px 8px -3px rgba(0, 0, 0, 0.05),
|
||||
0px 4px 6px -2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.components-modal__header .components-modal__header-heading {
|
||||
font-size: 16px;
|
||||
}
|
||||
.components-modal__header .components-button {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: auto;
|
||||
}
|
||||
.components-modal__header .components-button svg {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
.components-modal__icon-container {
|
||||
margin-left: 15px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.ast-modal-container {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
padding-top: 10%;
|
||||
}
|
||||
.ast-modal-inner-wrapper {
|
||||
width: 100%;
|
||||
max-width: 1200px;
|
||||
text-align: center;
|
||||
}
|
||||
.ast-modal-inner-wrapper p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 30px;
|
||||
font-size: 16px;
|
||||
line-height: 19px;
|
||||
font-weight: 400;
|
||||
color: #4b5563;
|
||||
}
|
||||
.ast-heading {
|
||||
margin-top: 0;
|
||||
margin-bottom: 22px;
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 29px;
|
||||
color: #1f2937;
|
||||
}
|
||||
.ast-select-wrap {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 20px;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
}
|
||||
.ast-alignment-inner-wrap {
|
||||
position: relative;
|
||||
width: 180px;
|
||||
border: 1px solid #d1d5db;
|
||||
border-radius: 4px;
|
||||
background-color: #fff;
|
||||
transition: 0.3s;
|
||||
}
|
||||
.template.ast-alignment-inner-wrap {
|
||||
border: 1px solid #fff;
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0px 4px 8px -2px rgba(9, 30, 66, 0.25), 0px 0px 1px rgba(9, 30, 66, 0.31);
|
||||
background: inherit;
|
||||
}
|
||||
.template.ast-alignment-inner-wrap .ast-cl-popup, .template.ast-alignment-inner-wrap .ast-cl-popup:active, .template.ast-alignment-inner-wrap .ast-cl-popup:focus, .template.ast-alignment-inner-wrap .components-button.is-primary:hover:not(:disabled) {
|
||||
background: inherit;
|
||||
box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
}
|
||||
.ast-modal-inner-wrapper p.ast-custom-template-type-selection-wrap {
|
||||
margin-top: 40px;
|
||||
}
|
||||
.ast-custom-template-type-selection-wrap strong {
|
||||
margin-left: 20px;
|
||||
}
|
||||
.ast-alignment-inner-wrap:hover, .ast-alignment-inner-wrap:active {
|
||||
border: 1px solid #fff;
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0px 4px 8px -2px rgba(9, 30, 66, 0.25),
|
||||
0px 0px 1px rgba(9, 30, 66, 0.31);
|
||||
}
|
||||
.ast-alignment-inner-wrap button {
|
||||
justify-content: center;
|
||||
padding-top: 24px;
|
||||
padding-bottom: 56px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.ast-alignment-inner-wrap button:not(:disabled) {
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
}
|
||||
.ast-alignment-inner-wrap svg {
|
||||
fill: none;
|
||||
}
|
||||
.ast-alignment-inner-wrap label {
|
||||
position: absolute;
|
||||
top: 160px;
|
||||
bottom: 16px;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
color: #1f2937;
|
||||
pointer-events: none;
|
||||
}
|
||||
.ast-reverse-toggle .components-toggle-control,.ast-reverse-toggle .components-flex {
|
||||
justify-content: space-between;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
.ast-reverse-toggle .components-toggle-control .components-base-control__field {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.ast-reverse-toggle
|
||||
.components-toggle-control:nth-last-child(1)
|
||||
.components-base-control__field {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.ast-reverse-toggle.components-base-control__field .components-form-toggle {
|
||||
margin-left: 0;
|
||||
}
|
||||
.ast-custom-layout-sidebar.is-opened {
|
||||
padding-top: 26px;
|
||||
padding-bottom: 20px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ast-single-sidebar-option.is-opened {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.ast-custom-layout-control-title, .ast-toggle-margin-bottom {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
select.components-select-control__input.ast-layout-hooks-selection, select.components-select-control__input.ast-custom-template-type-selection {
|
||||
max-width: 248px;
|
||||
width: 100%;
|
||||
}
|
||||
optgroup.counts-0 {
|
||||
display: none;
|
||||
}
|
||||
.ast-toggle-margin-top {
|
||||
margin-top: 15px;
|
||||
}
|
||||
.ast-single-sidebar-option .ast-number-field input {
|
||||
width: 100%;
|
||||
}
|
||||
.components-datetime__date .CalendarMonth_caption {
|
||||
padding-bottom: 22px;
|
||||
}
|
||||
.ast-custom-template-type-selection-wrap select.ast-custom-template-type-select {
|
||||
width: 421px;
|
||||
height: 54px;
|
||||
padding: 5px 17px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #E2E8F0;
|
||||
background-position-x: calc(100% - (100% - 15px));
|
||||
color: #4B5563;
|
||||
}
|
||||
.ast-custom-template-type-selection-wrap select.ast-custom-template-type-select option {
|
||||
color: #4B5563;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
}
|
||||
.ast-modal-inner-wrapper p.preview-post-help {
|
||||
margin-top: 20px;
|
||||
font-size: 13px;
|
||||
color: rgb(117, 117, 117);
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.ast-alignment-wrap {
|
||||
width: 30%;
|
||||
margin-bottom: 20px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.ast-alignment-wrap {
|
||||
width: 50%;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.ast-alignment-inner-wrap {
|
||||
position: relative;
|
||||
width: 170px;
|
||||
border: 1px solid #D1D5DB;
|
||||
border-radius: 4px;
|
||||
background-color: #fff;
|
||||
transition: 0.3s;
|
||||
margin: 0 auto;
|
||||
}
|
||||
select.components-select-control__input.ast-custom-template-type-select {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.components-modal__icon-container .ast-custom-layout-popup-logo {
|
||||
width: 40px;
|
||||
max-width: 40px;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,914 +0,0 @@
|
|||
#advanced-hook-settings .inside {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#advanced-hook-settings .nav-tab-wrapper {
|
||||
border-bottom: 0;
|
||||
}
|
||||
#advanced-hook-settings .nav-tab-wrapper ul {
|
||||
margin: 0;
|
||||
}
|
||||
#advanced-hook-settings #ast-advanced-hook-tab-page-header {
|
||||
margin-left: 0;
|
||||
}
|
||||
.advanced-hook-meta-box-wrap .inside {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.ast-advanced-hook-layout-radio-button-wrap input[type="radio"] {
|
||||
display: none;
|
||||
}
|
||||
.ast-advanced-hook-layout-radio-button-wrap label[checked="checked"] img {
|
||||
border-color: transparent;
|
||||
}
|
||||
.ast-advanced-hook-layout-radio-button-wrap label {
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ast-advanced-hook-layout-radio-button-wrap label img {
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
}
|
||||
.ast-advanced-hook-layout-radio-button-wrap label img:hover {
|
||||
border-color: transparent;
|
||||
}
|
||||
.ast-advanced-hook-php-content {
|
||||
height: 300px;
|
||||
z-index: auto;
|
||||
position: relative;
|
||||
transition: none;
|
||||
background: transparent !important;
|
||||
}
|
||||
.spinner.ast-advanced-hook-loading {
|
||||
visibility: visible;
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: initial;
|
||||
width: auto;
|
||||
margin: 0;
|
||||
}
|
||||
.ast-advanced-hook-heading-help {
|
||||
cursor: help;
|
||||
vertical-align: middle;
|
||||
color: #b3b3b3;
|
||||
cursor: help;
|
||||
float: right;
|
||||
font-size: 18px;
|
||||
}
|
||||
.ui-widget-content.ast-advanced-hook-ui-tooltip {
|
||||
background: #333;
|
||||
border-width: 1px;
|
||||
border-color: #333;
|
||||
border-radius: 3px;
|
||||
box-shadow: 1px 0px 2px 0px rgba(214, 214, 214, 0.5);
|
||||
color: #dedede;
|
||||
max-width: 250px;
|
||||
text-align: center;
|
||||
padding: 7px;
|
||||
text-rendering: optimizeLegibility;
|
||||
text-shadow: none;
|
||||
z-index: 9999;
|
||||
}
|
||||
.ast-advanced-hook-table {
|
||||
border: none;
|
||||
border-bottom: 5px solid #f0f0f0;
|
||||
}
|
||||
.ast-advanced-hook-table:last-of-type {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
.ast-advanced-hook-table .ast-advanced-hook-row-content {
|
||||
padding: 15px 20px;
|
||||
position: relative;
|
||||
width: 75%;
|
||||
}
|
||||
.ast-advanced-hook-table tr:last-child td {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.ast-advanced-hook-table.widefat {
|
||||
border-width: 0;
|
||||
}
|
||||
tr.ast-advanced-hook-row {
|
||||
width: 100%;
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
}
|
||||
.block-editor-page tr.ast-advanced-hook-row {
|
||||
display: table-row;
|
||||
}
|
||||
.ast-advanced-hook-row td {
|
||||
padding: 20px 12px;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
zoom: 1;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ast-advanced-hook-row:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
.ast-advanced-hook-row td.ast-advanced-hook-row-heading.title {
|
||||
padding-bottom: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.ast-advanced-hook-row .wp-picker-holder {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
}
|
||||
.ast-advanced-hook-row .iris-border .iris-picker-inner {
|
||||
right: 0;
|
||||
}
|
||||
.ast-advanced-hook-row.verticle-top .ast-advanced-hook-row-heading {
|
||||
vertical-align: baseline;
|
||||
padding-top: 21px;
|
||||
}
|
||||
td.ast-advanced-hook-row-heading {
|
||||
border-right: 1px solid #e1e1e1;
|
||||
padding: 12px 20px 12px 25px;
|
||||
width: 25%;
|
||||
vertical-align: middle;
|
||||
display: inline-grid;
|
||||
align-items: center;
|
||||
}
|
||||
.block-editor-page td.ast-advanced-hook-row-heading {
|
||||
display: table-cell;
|
||||
}
|
||||
.ast-advanced-hook-row-heading label {
|
||||
display: inline-block;
|
||||
font-size: 13px;
|
||||
line-height: 1.4em;
|
||||
font-weight: 600;
|
||||
padding: 0;
|
||||
color: #333;
|
||||
}
|
||||
.ast-advanced-hook-row-sub-heading {
|
||||
border-right: 1px solid #e1e1e1;
|
||||
padding: 15px;
|
||||
width: 25%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ast-advanced-hook-row-sub-heading label {
|
||||
display: inline-block;
|
||||
font-size: 13px;
|
||||
line-height: 1.4em;
|
||||
font-weight: normal;
|
||||
padding: 0;
|
||||
margin: 0 0 3px;
|
||||
color: #333;
|
||||
}
|
||||
.ast-display-user-conditions .ast-advanced-hook-row-content {
|
||||
padding-top: 30px;
|
||||
padding-bottom: 23px;
|
||||
}
|
||||
.ast-advanced-hook-row-content .components-base-control__field,
|
||||
.ast-advanced-hook-row-content p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.ast-advanced-hook-row-content .components-base-control.components-toggle-control {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.components-flex.components-h-stack.components-v-stack.components-datetime {
|
||||
padding: 20px;
|
||||
}
|
||||
.ast-advanced-hook-row-content select {
|
||||
width: 100%;
|
||||
}
|
||||
.ast-advanced-hook-row-content .ast-advanced-hook-action-desc.ast-no-desc {
|
||||
margin-top: 0;
|
||||
}
|
||||
.ast-advanced-hook-row-content .ast-advanced-hook-action-desc {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.ast-advanced-hook-row-content .ast-advanced-hook-rule-objects-visible select {
|
||||
width: 50%;
|
||||
}
|
||||
.ast-advanced-hook-padding {
|
||||
width: 110px;
|
||||
}
|
||||
.ast-advanced-hook-padding-bottom-wrap {
|
||||
margin-top: 5px;
|
||||
}
|
||||
#ast-advanced-hook-settings .inside {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#ast-advanced-hook-buttons .inside {
|
||||
margin: 0;
|
||||
padding: 15px;
|
||||
}
|
||||
#ast-advanced-hook-buttons .button {
|
||||
margin-right: 5px;
|
||||
}
|
||||
.ast-advanced-hook-saved-rule {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
padding: 0 0 8px 0;
|
||||
}
|
||||
.ast-advanced-hook-saved-rule-select {
|
||||
width: 100%;
|
||||
}
|
||||
.ast-advanced-hook-rule-objects {
|
||||
display: none;
|
||||
}
|
||||
.ast-advanced-hook-rule-objects-visible {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
}
|
||||
.ast-advanced-hook-rule-objects-visible .ast-advanced-hook-rule-objects {
|
||||
display: inline;
|
||||
margin-left: 7px;
|
||||
}
|
||||
.ast-advanced-hook-remove-rule-button {
|
||||
display: none;
|
||||
margin-top: 5px;
|
||||
text-align: right;
|
||||
width: 33px;
|
||||
}
|
||||
.ast-advanced-hook-remove-rule {
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
opacity: 0.2;
|
||||
}
|
||||
.ast-advanced-hook-remove-rule:hover {
|
||||
color: #d54e21;
|
||||
opacity: 1;
|
||||
}
|
||||
.ast-advanced-hook-add-rule {
|
||||
float: left;
|
||||
margin-right: 8px;
|
||||
min-width: 150px;
|
||||
}
|
||||
.ast-advanced-hook-add-rule .button {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
.ast-advanced-hook-locations-form,
|
||||
.ast-advanced-hook-exclusion-rules,
|
||||
.astra-php-snippt-enabled .composer-switch,
|
||||
.astra-php-snippt-enabled .fl-builder-admin,
|
||||
.astra-php-snippt-enabled #postdivrich,
|
||||
.astra-php-snippt-enabled #elementor-switch-mode,
|
||||
.astra-php-snippt-enabled #elementor-editor,
|
||||
.astra-php-snippt-enabled.elementor-editor-active #elementor-editor {
|
||||
display: none;
|
||||
}
|
||||
.astra-php-editor-container {
|
||||
visibility: hidden;
|
||||
height: 0;
|
||||
}
|
||||
.astra-php-snippt-enabled .astra-php-editor-container {
|
||||
margin-top: 20px;
|
||||
visibility: visible;
|
||||
height: auto;
|
||||
}
|
||||
.astra-php-snippt-enabled #wpb_visual_composer {
|
||||
display: none !important;
|
||||
}
|
||||
.ast-advanced-hook-enable-php-btn i {
|
||||
font-size: 1.2em;
|
||||
line-height: 1.8;
|
||||
height: auto;
|
||||
}
|
||||
.ast-advanced-hook-enable-php-wrapper {
|
||||
margin: 0;
|
||||
order: 2;
|
||||
}
|
||||
.widefat td .ast-inside-content-notice {
|
||||
display: none;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.widefat td .ast-inside-content-blocks-notice,
|
||||
.widefat td .ast-inside-content-heading-notice {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.ast-advanced-hook-inline-label {
|
||||
font-size: 14px;
|
||||
color: #2c3338;
|
||||
}
|
||||
.ast-inside-content-number-field {
|
||||
width: 60px;
|
||||
}
|
||||
.ast-advanced-hook-wrap {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
input.readonly,
|
||||
input[readonly],
|
||||
.ast-advanced-date-time-input {
|
||||
width: 190px;
|
||||
background: white;
|
||||
}
|
||||
li.ast-advanced-time-duration-enabled {
|
||||
-js-display: inline-flex;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.ast-advanced-device-display-wrap {
|
||||
display: grid;
|
||||
grid-template-columns: 7em 7em 7em;
|
||||
}
|
||||
.ast-popup-svg-icons {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
fill: black;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.ast-toggle-sticky-popup-btn {
|
||||
margin: 50px 50px 50px 20px;
|
||||
}
|
||||
.ast-custom-layout-meta-wrap .components-input-control__container select.components-select-control__input,
|
||||
.ast-display-rule .components-input-control__container select.components-select-control__input {
|
||||
line-height: 17px;
|
||||
}
|
||||
.ast-display-rule {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.target_rule-condition-delete {
|
||||
cursor: pointer;
|
||||
}
|
||||
.ast-tab-panel .components-tab-panel__tabs-item.active-tab {
|
||||
box-shadow: inset 0 var(--wp-admin-border-width-focus)
|
||||
var(--wp-admin-theme-color);
|
||||
}
|
||||
.ast-tab-panel .components-tab-panel__tabs {
|
||||
background-color: #f2e0e0;
|
||||
}
|
||||
.ast-select-control {
|
||||
margin-bottom: 5px;
|
||||
width: 100%;
|
||||
width: calc(100% - 86px);
|
||||
}
|
||||
.ast-select-control .ast-custom-select {
|
||||
font-size: inherit;
|
||||
font-family: inherit;
|
||||
max-width: 100%;
|
||||
}
|
||||
.ast-single-options {
|
||||
width: 86px;
|
||||
margin-top: 3px;
|
||||
-js-display: inline-flex;
|
||||
display: inline-flex;
|
||||
}
|
||||
.ast-single-options .ast-option {
|
||||
width: 23px;
|
||||
height: 23px;
|
||||
margin-left: 18px;
|
||||
line-height: 23px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ast-meta-select .ast__control {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 7px;
|
||||
cursor: pointer;
|
||||
border-color: #8c8f94;
|
||||
}
|
||||
.ast__indicators .ast__indicator-separator {
|
||||
background-color: #8c8f94;
|
||||
}
|
||||
.ast__indicators .ast__indicator {
|
||||
color: #8c8f94;
|
||||
}
|
||||
.ast-meta-select .ast__control:hover {
|
||||
border-color: #2271b1;
|
||||
}
|
||||
.ast-meta-select .css-1pahdxg-control {
|
||||
box-shadow: 0 0 0 1px #2271b1;
|
||||
}
|
||||
.ast-meta-select .ast__input input {
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
.ast-layout-settings-modal {
|
||||
width: 100%;
|
||||
max-width: 900px;
|
||||
max-height: 600px;
|
||||
top: 45%;
|
||||
min-width: auto;
|
||||
width: 100%;
|
||||
max-width: 700px;
|
||||
height: auto;
|
||||
border-radius: 2px;
|
||||
box-shadow: 0px 10px 36px -10px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.ast-layout-settings-modal .components-modal__content {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0;
|
||||
}
|
||||
.ast-layout-settings-modal .components-modal__header svg {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
.ast-layout-settings-modal .components-modal__header {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.ast-layout-settings-modal .ast-display-condition-modal-spinner {
|
||||
text-align: center;
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
.ast-layout-settings-modal .ast-display-condition-modal-spinner svg {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.ast-time-duration .ast-advanced-hook-row td,
|
||||
.ast-cl-settings-content .ast-advanced-hook-row.is-active td {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.ast-cl-settings-content {
|
||||
overflow-y: auto;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.ast-cl-settings-content .ast-advanced-hook-row:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
.ast-custom-layout-panel .components-button {
|
||||
padding-right: 15px;
|
||||
}
|
||||
.ast-button-container {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 14px 20px;
|
||||
}
|
||||
.ast-button-container button.button {
|
||||
min-height: 35px;
|
||||
background-color: #fff;
|
||||
}
|
||||
.ast-cl-footer-container {
|
||||
position: sticky;
|
||||
bottom: 0;
|
||||
border-radius: 0px 0px 2px 2px;
|
||||
background: #fff;
|
||||
z-index: 9;
|
||||
box-shadow: 0px -6px 8px -3px rgba(0, 0, 0, 0.05),
|
||||
0px -4px 6px -2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.ast-title-container {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
}
|
||||
button.components-button.ast-custom-template-apply-button {
|
||||
width: 100% !important;
|
||||
border-radius: 2px !important;
|
||||
margin: 20px auto 20px;
|
||||
-js-display: flex !important;
|
||||
display: flex !important;
|
||||
justify-content: center !important;
|
||||
}
|
||||
.ast-meta-preview-select .ast__menu-list {
|
||||
max-height: 80px;
|
||||
}
|
||||
.ast-cl-popup-notice {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
font-size: 14px;
|
||||
}
|
||||
.ast-cl-popup-notice .dashicons {
|
||||
font-size: 22px;
|
||||
color: #1f2937;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.ast-disabled-close {
|
||||
opacity: 0.5;
|
||||
pointer-events: none;
|
||||
}
|
||||
.ast-cl-priority input {
|
||||
width: 100%;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.ast-content-number-field {
|
||||
width: 170px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.ast-spacing-settings {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
column-gap: 15px;
|
||||
}
|
||||
.ast-spacing-settings .components-base-control {
|
||||
width: 50%;
|
||||
}
|
||||
p.description.ast-advanced-hook-action-desc {
|
||||
margin-top: 12px;
|
||||
}
|
||||
.ast-text-field input {
|
||||
width: 100%;
|
||||
}
|
||||
.ast-cl-settings-divider {
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.ast-cl-settings-divider:before {
|
||||
width: auto;
|
||||
margin: 1px -16px;
|
||||
content: "";
|
||||
display: block;
|
||||
height: 1px;
|
||||
background: #e2e4e7;
|
||||
}
|
||||
.ast-datepicker-wrapper .components-datetime__timezone {
|
||||
display: none !important;
|
||||
}
|
||||
.ast-timezone {
|
||||
border: none;
|
||||
}
|
||||
.components-text-control__input.ast-datepicker-input {
|
||||
width: 87%;
|
||||
display: inline-block;
|
||||
}
|
||||
.ast-datepicker-input-icon {
|
||||
display: inline-block;
|
||||
font-size: 25px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.ast-schedule-date-time .components-button {
|
||||
padding: 7px 10px;
|
||||
border-width: 1px;
|
||||
border-radius: 2px;
|
||||
border-style: solid;
|
||||
background: rgba(244, 230, 230, 0);
|
||||
text-decoration: none;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.ast-date-time-notice {
|
||||
margin: 10px 0px 0px 0px;
|
||||
}
|
||||
.ast-datepicker-fields {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.components-datetime__time-field-time {
|
||||
display: inline-block;
|
||||
}
|
||||
.components-datetime__time-field input::-webkit-inner-spin-button {
|
||||
display: none;
|
||||
}
|
||||
.components-datetime__time-field-am-pm {
|
||||
margin-left: 20px;
|
||||
}
|
||||
.ast-layout-repeat-instances-wrap {
|
||||
-js-display: inline-flex;
|
||||
display: inline-flex;
|
||||
column-gap: 15px;
|
||||
align-items: center;
|
||||
}
|
||||
.ast-layout-repeat-instances-wrap select {
|
||||
max-width: 100px;
|
||||
}
|
||||
.ast-layout-repeat-instances-wrap .ast-content-number-field {
|
||||
max-width: 60px;
|
||||
}
|
||||
.ast-extra-spacing .ast-border {
|
||||
border-right: 1px solid #e1e1e1;
|
||||
}
|
||||
.ast-extra-spacing-bottom td {
|
||||
border-bottom: 1px solid #e1e1e1;
|
||||
}
|
||||
.components-button.has-icon.ast-custom-button-with-padding {
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
}
|
||||
select.ast-rescheduling-type-selection {
|
||||
width: auto;
|
||||
}
|
||||
ul.ast-advanced-week-days-wrap {
|
||||
display: contents;
|
||||
}
|
||||
ul.ast-advanced-week-days-wrap li {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.ast-hooks-modal {
|
||||
min-width: auto;
|
||||
width: 100%;
|
||||
max-width: 900px;
|
||||
height: auto;
|
||||
border-radius: 2px;
|
||||
box-shadow: 0px 10px 36px -10px rgba(0, 0, 0, 0.25);
|
||||
max-width: 100%;
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
margin: 0;
|
||||
background-color: #f7f7f9;
|
||||
}
|
||||
.components-button:focus:not(:disabled) {
|
||||
box-shadow: none;
|
||||
outline: 0;
|
||||
}
|
||||
.components-modal__screen-overlay,
|
||||
.ast-modal-no-animation {
|
||||
animation: none;
|
||||
}
|
||||
.components-modal__content::before {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.components-modal__header {
|
||||
padding-left: 24px;
|
||||
padding-bottom: 20px;
|
||||
padding-top: 20px;
|
||||
border-bottom: 0;
|
||||
border-radius: 2px 2px 0px 0px;
|
||||
box-shadow: 0px 6px 8px -3px rgba(0, 0, 0, 0.05),
|
||||
0px 4px 6px -2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.components-modal__header .components-modal__header-heading {
|
||||
font-size: 16px;
|
||||
}
|
||||
.components-modal__header .components-button {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: auto;
|
||||
}
|
||||
.components-modal__header .components-button svg {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
.components-modal__icon-container {
|
||||
margin-right: 15px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.ast-modal-container {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
padding-top: 10%;
|
||||
}
|
||||
.ast-modal-inner-wrapper {
|
||||
width: 100%;
|
||||
max-width: 1200px;
|
||||
text-align: center;
|
||||
}
|
||||
.ast-modal-inner-wrapper p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 30px;
|
||||
font-size: 16px;
|
||||
line-height: 19px;
|
||||
font-weight: 400;
|
||||
color: #4b5563;
|
||||
}
|
||||
.ast-heading {
|
||||
margin-top: 0;
|
||||
margin-bottom: 22px;
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 29px;
|
||||
color: #1f2937;
|
||||
}
|
||||
.ast-select-wrap {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 20px;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
}
|
||||
.ast-alignment-inner-wrap {
|
||||
position: relative;
|
||||
width: 180px;
|
||||
border: 1px solid #d1d5db;
|
||||
border-radius: 4px;
|
||||
background-color: #fff;
|
||||
transition: 0.3s;
|
||||
}
|
||||
.template.ast-alignment-inner-wrap {
|
||||
border: 1px solid #fff;
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0px 4px 8px -2px rgba(9, 30, 66, 0.25), 0px 0px 1px rgba(9, 30, 66, 0.31);
|
||||
background: inherit;
|
||||
}
|
||||
.template.ast-alignment-inner-wrap .ast-cl-popup, .template.ast-alignment-inner-wrap .ast-cl-popup:active, .template.ast-alignment-inner-wrap .ast-cl-popup:focus, .template.ast-alignment-inner-wrap .components-button.is-primary:hover:not(:disabled) {
|
||||
background: inherit;
|
||||
box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
}
|
||||
.ast-modal-inner-wrapper p.ast-custom-template-type-selection-wrap {
|
||||
margin-top: 40px;
|
||||
}
|
||||
.ast-custom-template-type-selection-wrap strong {
|
||||
margin-right: 20px;
|
||||
}
|
||||
.ast-alignment-inner-wrap:hover, .ast-alignment-inner-wrap:active {
|
||||
border: 1px solid #fff;
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0px 4px 8px -2px rgba(9, 30, 66, 0.25),
|
||||
0px 0px 1px rgba(9, 30, 66, 0.31);
|
||||
}
|
||||
.ast-alignment-inner-wrap button {
|
||||
justify-content: center;
|
||||
padding-top: 24px;
|
||||
padding-bottom: 56px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.ast-alignment-inner-wrap button:not(:disabled) {
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
}
|
||||
.ast-alignment-inner-wrap svg {
|
||||
fill: none;
|
||||
}
|
||||
.ast-alignment-inner-wrap label {
|
||||
position: absolute;
|
||||
top: 160px;
|
||||
bottom: 16px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
color: #1f2937;
|
||||
pointer-events: none;
|
||||
}
|
||||
.ast-reverse-toggle .components-toggle-control,.ast-reverse-toggle .components-flex {
|
||||
justify-content: space-between;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
.ast-reverse-toggle .components-toggle-control .components-base-control__field {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.ast-reverse-toggle
|
||||
.components-toggle-control:nth-last-child(1)
|
||||
.components-base-control__field {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.ast-reverse-toggle.components-base-control__field .components-form-toggle {
|
||||
margin-right: 0;
|
||||
}
|
||||
.ast-custom-layout-sidebar.is-opened {
|
||||
padding-top: 26px;
|
||||
padding-bottom: 20px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ast-single-sidebar-option.is-opened {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.ast-custom-layout-control-title, .ast-toggle-margin-bottom {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
select.components-select-control__input.ast-layout-hooks-selection, select.components-select-control__input.ast-custom-template-type-selection {
|
||||
max-width: 248px;
|
||||
width: 100%;
|
||||
}
|
||||
optgroup.counts-0 {
|
||||
display: none;
|
||||
}
|
||||
.ast-toggle-margin-top {
|
||||
margin-top: 15px;
|
||||
}
|
||||
.ast-single-sidebar-option .ast-number-field input {
|
||||
width: 100%;
|
||||
}
|
||||
.components-datetime__date .CalendarMonth_caption {
|
||||
padding-bottom: 22px;
|
||||
}
|
||||
.ast-custom-template-type-selection-wrap select.ast-custom-template-type-select {
|
||||
width: 421px;
|
||||
height: 54px;
|
||||
padding: 5px 17px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #E2E8F0;
|
||||
background-position-x: calc(100% - 15px);
|
||||
color: #4B5563;
|
||||
}
|
||||
.ast-custom-template-type-selection-wrap select.ast-custom-template-type-select option {
|
||||
color: #4B5563;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
}
|
||||
.ast-modal-inner-wrapper p.preview-post-help {
|
||||
margin-top: 20px;
|
||||
font-size: 13px;
|
||||
color: rgb(117, 117, 117);
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.ast-alignment-wrap {
|
||||
width: 30%;
|
||||
margin-bottom: 20px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.ast-alignment-wrap {
|
||||
width: 50%;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.ast-alignment-inner-wrap {
|
||||
position: relative;
|
||||
width: 170px;
|
||||
border: 1px solid #D1D5DB;
|
||||
border-radius: 4px;
|
||||
background-color: #fff;
|
||||
transition: 0.3s;
|
||||
margin: 0 auto;
|
||||
}
|
||||
select.components-select-control__input.ast-custom-template-type-select {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.components-modal__icon-container .ast-custom-layout-popup-logo {
|
||||
width: 40px;
|
||||
max-width: 40px;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,471 +0,0 @@
|
|||
/* admin custom layout design */
|
||||
/* Quick View popup styles */
|
||||
.ast-custom-layout-switch {
|
||||
position: relative;
|
||||
width: 42px;
|
||||
margin: inherit;
|
||||
height: 22px;
|
||||
cursor: pointer;
|
||||
border-radius: 100px;
|
||||
box-sizing: border-box;
|
||||
border: 2px solid #555d66;
|
||||
opacity: 0.7;
|
||||
transition: background 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.ast-custom-layout-switch:before {
|
||||
opacity: 0;
|
||||
top: 5px;
|
||||
right: 7px;
|
||||
width: 2px;
|
||||
height: 6px;
|
||||
background: #fff;
|
||||
}
|
||||
.ast-custom-layout-switch:after {
|
||||
top: 4px;
|
||||
left: 4px;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 100%;
|
||||
box-sizing: border-box;
|
||||
border: 2px solid #555d66;
|
||||
transform: scale3d(0.8, 0.8, 1);
|
||||
}
|
||||
.ast-custom-layout-switch > span {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: #555d66;
|
||||
border-radius: inherit;
|
||||
transform: translate3d(-2px, 1px, 0);
|
||||
transition: background 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.ast-custom-layout-switch.ast-active {
|
||||
background: #1c81c8;
|
||||
border-color: #1c81c8;
|
||||
opacity: 1;
|
||||
}
|
||||
.ast-custom-layout-switch.ast-active:before {
|
||||
opacity: 1;
|
||||
}
|
||||
.ast-custom-layout-switch.ast-active:after {
|
||||
opacity: 0;
|
||||
}
|
||||
.ast-custom-layout-switch.ast-active span {
|
||||
background: #fff;
|
||||
transform: translate3d(-20px, 1px, 0);
|
||||
}
|
||||
.ast-shrotcut {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.ast-shrotcut input {
|
||||
width: 100%;
|
||||
}
|
||||
th.column-enable_disable, th.column-advanced_hook_shortcode, th.column-advanced_hook_quick_view, td.advanced_hook_quick_view,
|
||||
.type-astra-advanced-hook .column-enable_disable, .type-astra-advanced-hook .advanced_hook_shortcode {
|
||||
text-align: center;
|
||||
}
|
||||
td.enable_disable.column-enable_disable .ast-custom-layout-switch {
|
||||
margin: 0 auto;
|
||||
}
|
||||
#enable_disable, #advanced_hook_quick_view {
|
||||
width: 250px;
|
||||
}
|
||||
.ast-custom-layout-tabs-wrapper {
|
||||
margin: 2em 0;
|
||||
}
|
||||
.ast-cl-priority .post-attributes-label-wrapper {
|
||||
margin-bottom: unset;
|
||||
}
|
||||
.ast-custom-layout-sidebar.ast-custom-layout-sidebar.components-panel__body.is-opened {
|
||||
padding: 14px;
|
||||
}
|
||||
.ast-advanced-hook-heading-help.dashicons.dashicons-editor-help {
|
||||
vertical-align: middle;
|
||||
margin-right: 5px;
|
||||
color: #b3b3b3;
|
||||
font-size: 18px;
|
||||
cursor: help;
|
||||
}
|
||||
tfoot .ast-advanced-hook-heading-help {
|
||||
display: none;
|
||||
}
|
||||
.advanced_hook_data_trigger {
|
||||
padding: 5px;
|
||||
}
|
||||
.ast-layout-modal * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.ast-layout-modal .ast-layout-modal-content {
|
||||
position: fixed;
|
||||
right: 50%;
|
||||
top: 50%;
|
||||
border-radius: 2px;
|
||||
transform: translate(50%, -50%);
|
||||
width: 100%;
|
||||
max-width: 550px;
|
||||
background: #fff;
|
||||
z-index: 100000;
|
||||
}
|
||||
.ast-layout-modal .ast-layout-modal-content article {
|
||||
overflow: auto;
|
||||
max-height: 400px;
|
||||
}
|
||||
.advanced_hook_data_trigger.requesting .dashicons {
|
||||
animation: rotation 2s infinite linear;
|
||||
}
|
||||
.advanced_hook_data_trigger.requesting .dashicons:before {
|
||||
content: "\f463";
|
||||
}
|
||||
.ast-layout-modal-backdrop {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
min-height: 360px;
|
||||
background: rgba(0, 0, 0, 0.35);
|
||||
z-index: 99900;
|
||||
}
|
||||
.ast-layout-modal-main {
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
.ast-layout-modal-main .ast-layout-modal-header {
|
||||
height: auto;
|
||||
background: #fff;
|
||||
padding: 14px 20px 14px 10px;
|
||||
border-top-right-radius: 2px;
|
||||
border-top-left-radius: 2px;
|
||||
box-shadow: 0px 6px 8px -3px rgba(0, 0, 0, 0.05), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.ast-layout-modal-main .ast-layout-modal-header h1 {
|
||||
margin: 0;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
line-height: 1.5em;
|
||||
padding-left: 150px;
|
||||
}
|
||||
.ast-layout-modal-main .ast-layout-modal-header .modal-close-link {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 30px;
|
||||
line-height: 30px;
|
||||
background-color: transparent;
|
||||
color: #6B7280;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ast-layout-modal-main article,
|
||||
.ast-layout-modal-main header {
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
.ast-layout-modal-main footer {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
z-index: 100;
|
||||
padding: 1em 1.5em;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 2px;
|
||||
background: #fff;
|
||||
box-shadow: 0px -6px 8px -3px rgba(0, 0, 0, 0.05), 0px -4px 6px -2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.ast-layout-modal-main footer .inner {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
line-height: 23px;
|
||||
}
|
||||
.ast-data-preview .layout-status {
|
||||
margin-left: 72px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 12px;
|
||||
}
|
||||
.ast-data-preview .ast-layout-preview-addresses {
|
||||
overflow: hidden;
|
||||
padding-bottom: 1.5em;
|
||||
}
|
||||
.ast-data-preview .ast-layout-preview-addresses .ast-data-preview-rules {
|
||||
width: 50%;
|
||||
float: right;
|
||||
padding: 0 1.5em 0;
|
||||
box-sizing: border-box;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.ast-data-preview footer .ast-layout-action-button-group {
|
||||
color: #1F2937;
|
||||
}
|
||||
.ast-data-preview footer .button.button-large {
|
||||
background-color: #007CBA;
|
||||
}
|
||||
.layout-status {
|
||||
-js-display: inline-flex;
|
||||
display: inline-flex;
|
||||
line-height: 2.5em;
|
||||
color: #777;
|
||||
background: #e5e5e5;
|
||||
border-radius: 4px;
|
||||
cursor: inherit !important;
|
||||
white-space: nowrap;
|
||||
max-width: 100%;
|
||||
}
|
||||
.layout-status > span {
|
||||
padding: 0 1em;
|
||||
border-radius: 2px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
background-color: #F0F0F1;
|
||||
box-shadow: none;
|
||||
}
|
||||
.ast-data-rule-group h2 {
|
||||
margin-top: 1.5em;
|
||||
}
|
||||
.ast-layout-preview-row {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.ast-layout-preview-col {
|
||||
width: 50%;
|
||||
padding: 20px;
|
||||
padding-left: 10px;
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
color: #1F2937;
|
||||
}
|
||||
.ast-layout-preview-col h3 {
|
||||
margin: 0;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.ast-layout-preview-col ul {
|
||||
list-style-type: disc;
|
||||
margin-right: 15px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
color: #1F2937;
|
||||
}
|
||||
.ast-layout-preview-col ul li:nth-last-child(1) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.ast-layout-preview-col.right {
|
||||
padding-right: 32px;
|
||||
border-right: 1px solid #DDDDDD;
|
||||
}
|
||||
.ast-advanced-hook-relative-time-duration-wrap p {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.ast-advanced-hook-relative-time-duration-wrap .layout-time-field, .ast-advanced-hook-time-duration-wrap .layout-time-field {
|
||||
display: block;
|
||||
}
|
||||
.ast-advanced-hook-relative-time-duration-wrap strong, .ast-advanced-hook-time-duration-wrap strong {
|
||||
font-weight: 500;
|
||||
}
|
||||
.ast-advanced-hook-time-duration-wrap p {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.ast-advanced-hook-time-duration-wrap .dashicons-yes-alt {
|
||||
color: #52A400;
|
||||
}
|
||||
.ast-advanced-hook-time-duration-wrap .dashicons-no {
|
||||
color: #f44336;
|
||||
}
|
||||
.ast-advance-hook-visibility-icon {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
}
|
||||
.ast-advance-hook-visibility-icon .dashicons {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
right: 3px;
|
||||
}
|
||||
.ast-advanced-hook-display-devices-wrap {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.ast-advanced-hook-display-devices-wrap ul {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
position: relative;
|
||||
margin-right: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.ast-advanced-hook-display-devices-wrap li {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
padding-right: 15px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.ast-advanced-hook-display-devices-wrap li:nth-child(1) {
|
||||
padding-right: 0;
|
||||
}
|
||||
.ast-advanced-hook-display-devices-wrap li:nth-child(1)::after {
|
||||
display: none;
|
||||
}
|
||||
.ast-advanced-hook-display-devices-wrap li::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 7px;
|
||||
top: 3px;
|
||||
width: 2px;
|
||||
height: 1em;
|
||||
background-color: #1F2937;
|
||||
}
|
||||
.ast-desktop {
|
||||
order: 1;
|
||||
}
|
||||
.ast-tablet {
|
||||
order: 2;
|
||||
}
|
||||
.ast-mobile {
|
||||
order: 3;
|
||||
}
|
||||
.ast-copy-layout-shortcode {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.ast-copy-layout-shortcode:focus {
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
}
|
||||
.column-advanced_hook_shortcode:hover .ast-copy-layout-shortcode {
|
||||
display: inline-block;
|
||||
}
|
||||
.ast-copy-layout-shortcode.shortcode-copied .dashicons:before {
|
||||
color: #2271b1;
|
||||
content: "\f147";
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
font-size: 25px;
|
||||
margin-right: -5px;
|
||||
}
|
||||
.advanced_hook_shortcode .layout-status {
|
||||
border: 1px solid #8C8F94;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
background-color: #F0F0F1;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
justify-content: center;
|
||||
}
|
||||
.advanced_hook_shortcode .layout-status span {
|
||||
border-radius: 0;
|
||||
line-height: 33px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.advanced_hook_shortcode > div {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
padding-left: 28px;
|
||||
max-width: 240px;
|
||||
width: 100%;
|
||||
}
|
||||
.advanced_hook_quick_view .dashicons {
|
||||
color: #404040;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,471 +0,0 @@
|
|||
/* admin custom layout design */
|
||||
/* Quick View popup styles */
|
||||
.ast-custom-layout-switch {
|
||||
position: relative;
|
||||
width: 42px;
|
||||
margin: inherit;
|
||||
height: 22px;
|
||||
cursor: pointer;
|
||||
border-radius: 100px;
|
||||
box-sizing: border-box;
|
||||
border: 2px solid #555d66;
|
||||
opacity: 0.7;
|
||||
transition: background 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.ast-custom-layout-switch:before {
|
||||
opacity: 0;
|
||||
top: 5px;
|
||||
left: 7px;
|
||||
width: 2px;
|
||||
height: 6px;
|
||||
background: #fff;
|
||||
}
|
||||
.ast-custom-layout-switch:after {
|
||||
top: 4px;
|
||||
right: 4px;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 100%;
|
||||
box-sizing: border-box;
|
||||
border: 2px solid #555d66;
|
||||
transform: scale3d(0.8, 0.8, 1);
|
||||
}
|
||||
.ast-custom-layout-switch > span {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: #555d66;
|
||||
border-radius: inherit;
|
||||
transform: translate3d(2px, 1px, 0);
|
||||
transition: background 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.ast-custom-layout-switch.ast-active {
|
||||
background: #1c81c8;
|
||||
border-color: #1c81c8;
|
||||
opacity: 1;
|
||||
}
|
||||
.ast-custom-layout-switch.ast-active:before {
|
||||
opacity: 1;
|
||||
}
|
||||
.ast-custom-layout-switch.ast-active:after {
|
||||
opacity: 0;
|
||||
}
|
||||
.ast-custom-layout-switch.ast-active span {
|
||||
background: #fff;
|
||||
transform: translate3d(20px, 1px, 0);
|
||||
}
|
||||
.ast-shrotcut {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.ast-shrotcut input {
|
||||
width: 100%;
|
||||
}
|
||||
th.column-enable_disable, th.column-advanced_hook_shortcode, th.column-advanced_hook_quick_view, td.advanced_hook_quick_view,
|
||||
.type-astra-advanced-hook .column-enable_disable, .type-astra-advanced-hook .advanced_hook_shortcode {
|
||||
text-align: center;
|
||||
}
|
||||
td.enable_disable.column-enable_disable .ast-custom-layout-switch {
|
||||
margin: 0 auto;
|
||||
}
|
||||
#enable_disable, #advanced_hook_quick_view {
|
||||
width: 250px;
|
||||
}
|
||||
.ast-custom-layout-tabs-wrapper {
|
||||
margin: 2em 0;
|
||||
}
|
||||
.ast-cl-priority .post-attributes-label-wrapper {
|
||||
margin-bottom: unset;
|
||||
}
|
||||
.ast-custom-layout-sidebar.ast-custom-layout-sidebar.components-panel__body.is-opened {
|
||||
padding: 14px;
|
||||
}
|
||||
.ast-advanced-hook-heading-help.dashicons.dashicons-editor-help {
|
||||
vertical-align: middle;
|
||||
margin-left: 5px;
|
||||
color: #b3b3b3;
|
||||
font-size: 18px;
|
||||
cursor: help;
|
||||
}
|
||||
tfoot .ast-advanced-hook-heading-help {
|
||||
display: none;
|
||||
}
|
||||
.advanced_hook_data_trigger {
|
||||
padding: 5px;
|
||||
}
|
||||
.ast-layout-modal * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.ast-layout-modal .ast-layout-modal-content {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
border-radius: 2px;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 100%;
|
||||
max-width: 550px;
|
||||
background: #fff;
|
||||
z-index: 100000;
|
||||
}
|
||||
.ast-layout-modal .ast-layout-modal-content article {
|
||||
overflow: auto;
|
||||
max-height: 400px;
|
||||
}
|
||||
.advanced_hook_data_trigger.requesting .dashicons {
|
||||
animation: rotation 2s infinite linear;
|
||||
}
|
||||
.advanced_hook_data_trigger.requesting .dashicons:before {
|
||||
content: "\f463";
|
||||
}
|
||||
.ast-layout-modal-backdrop {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
min-height: 360px;
|
||||
background: rgba(0, 0, 0, 0.35);
|
||||
z-index: 99900;
|
||||
}
|
||||
.ast-layout-modal-main {
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
.ast-layout-modal-main .ast-layout-modal-header {
|
||||
height: auto;
|
||||
background: #fff;
|
||||
padding: 14px 10px 14px 20px;
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 2px;
|
||||
box-shadow: 0px 6px 8px -3px rgba(0, 0, 0, 0.05), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.ast-layout-modal-main .ast-layout-modal-header h1 {
|
||||
margin: 0;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
line-height: 1.5em;
|
||||
padding-right: 150px;
|
||||
}
|
||||
.ast-layout-modal-main .ast-layout-modal-header .modal-close-link {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 30px;
|
||||
line-height: 30px;
|
||||
background-color: transparent;
|
||||
color: #6B7280;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ast-layout-modal-main article,
|
||||
.ast-layout-modal-main header {
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
.ast-layout-modal-main footer {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 100;
|
||||
padding: 1em 1.5em;
|
||||
border-bottom-left-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
background: #fff;
|
||||
box-shadow: 0px -6px 8px -3px rgba(0, 0, 0, 0.05), 0px -4px 6px -2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.ast-layout-modal-main footer .inner {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
line-height: 23px;
|
||||
}
|
||||
.ast-data-preview .layout-status {
|
||||
margin-right: 72px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 12px;
|
||||
}
|
||||
.ast-data-preview .ast-layout-preview-addresses {
|
||||
overflow: hidden;
|
||||
padding-bottom: 1.5em;
|
||||
}
|
||||
.ast-data-preview .ast-layout-preview-addresses .ast-data-preview-rules {
|
||||
width: 50%;
|
||||
float: left;
|
||||
padding: 0 1.5em 0;
|
||||
box-sizing: border-box;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.ast-data-preview footer .ast-layout-action-button-group {
|
||||
color: #1F2937;
|
||||
}
|
||||
.ast-data-preview footer .button.button-large {
|
||||
background-color: #007CBA;
|
||||
}
|
||||
.layout-status {
|
||||
-js-display: inline-flex;
|
||||
display: inline-flex;
|
||||
line-height: 2.5em;
|
||||
color: #777;
|
||||
background: #e5e5e5;
|
||||
border-radius: 4px;
|
||||
cursor: inherit !important;
|
||||
white-space: nowrap;
|
||||
max-width: 100%;
|
||||
}
|
||||
.layout-status > span {
|
||||
padding: 0 1em;
|
||||
border-radius: 2px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
background-color: #F0F0F1;
|
||||
box-shadow: none;
|
||||
}
|
||||
.ast-data-rule-group h2 {
|
||||
margin-top: 1.5em;
|
||||
}
|
||||
.ast-layout-preview-row {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.ast-layout-preview-col {
|
||||
width: 50%;
|
||||
padding: 20px;
|
||||
padding-right: 10px;
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
color: #1F2937;
|
||||
}
|
||||
.ast-layout-preview-col h3 {
|
||||
margin: 0;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.ast-layout-preview-col ul {
|
||||
list-style-type: disc;
|
||||
margin-left: 15px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
color: #1F2937;
|
||||
}
|
||||
.ast-layout-preview-col ul li:nth-last-child(1) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.ast-layout-preview-col.right {
|
||||
padding-left: 32px;
|
||||
border-left: 1px solid #DDDDDD;
|
||||
}
|
||||
.ast-advanced-hook-relative-time-duration-wrap p {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.ast-advanced-hook-relative-time-duration-wrap .layout-time-field, .ast-advanced-hook-time-duration-wrap .layout-time-field {
|
||||
display: block;
|
||||
}
|
||||
.ast-advanced-hook-relative-time-duration-wrap strong, .ast-advanced-hook-time-duration-wrap strong {
|
||||
font-weight: 500;
|
||||
}
|
||||
.ast-advanced-hook-time-duration-wrap p {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.ast-advanced-hook-time-duration-wrap .dashicons-yes-alt {
|
||||
color: #52A400;
|
||||
}
|
||||
.ast-advanced-hook-time-duration-wrap .dashicons-no {
|
||||
color: #f44336;
|
||||
}
|
||||
.ast-advance-hook-visibility-icon {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
}
|
||||
.ast-advance-hook-visibility-icon .dashicons {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
left: 3px;
|
||||
}
|
||||
.ast-advanced-hook-display-devices-wrap {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.ast-advanced-hook-display-devices-wrap ul {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
position: relative;
|
||||
margin-left: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.ast-advanced-hook-display-devices-wrap li {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
padding-left: 15px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.ast-advanced-hook-display-devices-wrap li:nth-child(1) {
|
||||
padding-left: 0;
|
||||
}
|
||||
.ast-advanced-hook-display-devices-wrap li:nth-child(1)::after {
|
||||
display: none;
|
||||
}
|
||||
.ast-advanced-hook-display-devices-wrap li::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 7px;
|
||||
top: 3px;
|
||||
width: 2px;
|
||||
height: 1em;
|
||||
background-color: #1F2937;
|
||||
}
|
||||
.ast-desktop {
|
||||
order: 1;
|
||||
}
|
||||
.ast-tablet {
|
||||
order: 2;
|
||||
}
|
||||
.ast-mobile {
|
||||
order: 3;
|
||||
}
|
||||
.ast-copy-layout-shortcode {
|
||||
display: none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.ast-copy-layout-shortcode:focus {
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
}
|
||||
.column-advanced_hook_shortcode:hover .ast-copy-layout-shortcode {
|
||||
display: inline-block;
|
||||
}
|
||||
.ast-copy-layout-shortcode.shortcode-copied .dashicons:before {
|
||||
color: #2271b1;
|
||||
content: "\f147";
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
font-size: 25px;
|
||||
margin-left: -5px;
|
||||
}
|
||||
.advanced_hook_shortcode .layout-status {
|
||||
border: 1px solid #8C8F94;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
background-color: #F0F0F1;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
justify-content: center;
|
||||
}
|
||||
.advanced_hook_shortcode .layout-status span {
|
||||
border-radius: 0;
|
||||
line-height: 33px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.advanced_hook_shortcode > div {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
padding-right: 28px;
|
||||
max-width: 240px;
|
||||
width: 100%;
|
||||
}
|
||||
.advanced_hook_quick_view .dashicons {
|
||||
color: #404040;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,172 +0,0 @@
|
|||
.ast-header-sticky-active {
|
||||
position: fixed !important;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0 auto;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.ast-footer-sticky-active .ast-custom-footer {
|
||||
position: fixed !important;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
margin: 0 auto;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.ast-custom-header {
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.ast-custom-header.ast-header-sticky-active {
|
||||
/* BB page builder */
|
||||
/* Elementor pag builder */
|
||||
}
|
||||
|
||||
.ast-custom-header.ast-header-sticky-active .fl-row-content-wrap {
|
||||
transition: padding 0.3s linear;
|
||||
}
|
||||
|
||||
.ast-custom-header.ast-header-sticky-active .fl-module-content {
|
||||
transition: all 0.3s linear;
|
||||
}
|
||||
|
||||
.ast-custom-header.ast-header-sticky-active .elementor-section-wrap {
|
||||
transition: padding 0.3s linear;
|
||||
}
|
||||
|
||||
.ast-custom-header.ast-header-sticky-active .elementor-row > .elementor-column > .elementor-element-populated {
|
||||
transition: all 0.3s linear;
|
||||
}
|
||||
|
||||
/*Shrink the sticky header*/
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk {
|
||||
/* BB page builder */
|
||||
/* Elementor pag builder */
|
||||
}
|
||||
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .fl-row-content-wrap {
|
||||
transition: padding 0.3s linear;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .fl-module-content {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
transition: all 0.3s linear;
|
||||
}
|
||||
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .fl-module-content.fl-node-content img {
|
||||
max-height: 50px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .elementor-section-wrap {
|
||||
transition: padding 0.3s linear;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .elementor-section-wrap img {
|
||||
max-height: 50px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .elementor-row > .elementor-column > .elementor-element-populated {
|
||||
max-height: 60px;
|
||||
transition: all 0.3s linear;
|
||||
}
|
||||
|
||||
.ast-custom-header.ast-header-sticky-active {
|
||||
top: 0;
|
||||
width: 100%;
|
||||
transition: ease-out;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,85 +0,0 @@
|
|||
.ast-header-sticky-active{position:fixed!important;left:0;right:0;margin:0 auto;z-index:99}.ast-footer-sticky-active .ast-custom-footer{position:fixed!important;left:0;right:0;bottom:0;margin:0 auto;z-index:99}.ast-custom-header{position:relative;z-index:99}.ast-custom-header.ast-header-sticky-active .fl-row-content-wrap{transition:padding .3s linear}.ast-custom-header.ast-header-sticky-active .fl-module-content{transition:all .3s linear}.ast-custom-header.ast-header-sticky-active .elementor-section-wrap{transition:padding .3s linear}.ast-custom-header.ast-header-sticky-active .elementor-row>.elementor-column>.elementor-element-populated{transition:all .3s linear}.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .fl-row-content-wrap{transition:padding .3s linear;padding-top:5px;padding-bottom:5px;box-sizing:border-box}.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .fl-module-content{margin-top:5px;margin-bottom:5px;transition:all .3s linear}.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .fl-module-content.fl-node-content img{max-height:50px;width:auto}.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .elementor-section-wrap{transition:padding .3s linear;box-sizing:border-box}.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .elementor-section-wrap img{max-height:50px;width:auto}.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .elementor-row>.elementor-column>.elementor-element-populated{max-height:60px;transition:all .3s linear}.ast-custom-header.ast-header-sticky-active{top:0;width:100%;transition:ease-out}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,172 +0,0 @@
|
|||
.ast-header-sticky-active {
|
||||
position: fixed !important;
|
||||
right: 0;
|
||||
left: 0;
|
||||
margin: 0 auto;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.ast-footer-sticky-active .ast-custom-footer {
|
||||
position: fixed !important;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
margin: 0 auto;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.ast-custom-header {
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.ast-custom-header.ast-header-sticky-active {
|
||||
/* BB page builder */
|
||||
/* Elementor pag builder */
|
||||
}
|
||||
|
||||
.ast-custom-header.ast-header-sticky-active .fl-row-content-wrap {
|
||||
transition: padding 0.3s linear;
|
||||
}
|
||||
|
||||
.ast-custom-header.ast-header-sticky-active .fl-module-content {
|
||||
transition: all 0.3s linear;
|
||||
}
|
||||
|
||||
.ast-custom-header.ast-header-sticky-active .elementor-section-wrap {
|
||||
transition: padding 0.3s linear;
|
||||
}
|
||||
|
||||
.ast-custom-header.ast-header-sticky-active .elementor-row > .elementor-column > .elementor-element-populated {
|
||||
transition: all 0.3s linear;
|
||||
}
|
||||
|
||||
/*Shrink the sticky header*/
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk {
|
||||
/* BB page builder */
|
||||
/* Elementor pag builder */
|
||||
}
|
||||
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .fl-row-content-wrap {
|
||||
transition: padding 0.3s linear;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .fl-module-content {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
transition: all 0.3s linear;
|
||||
}
|
||||
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .fl-module-content.fl-node-content img {
|
||||
max-height: 50px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .elementor-section-wrap {
|
||||
transition: padding 0.3s linear;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .elementor-section-wrap img {
|
||||
max-height: 50px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .elementor-row > .elementor-column > .elementor-element-populated {
|
||||
max-height: 60px;
|
||||
transition: all 0.3s linear;
|
||||
}
|
||||
|
||||
.ast-custom-header.ast-header-sticky-active {
|
||||
top: 0;
|
||||
width: 100%;
|
||||
transition: ease-out;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,85 +0,0 @@
|
|||
.ast-header-sticky-active{position:fixed!important;right:0;left:0;margin:0 auto;z-index:99}.ast-footer-sticky-active .ast-custom-footer{position:fixed!important;right:0;left:0;bottom:0;margin:0 auto;z-index:99}.ast-custom-header{position:relative;z-index:99}.ast-custom-header.ast-header-sticky-active .fl-row-content-wrap{transition:padding .3s linear}.ast-custom-header.ast-header-sticky-active .fl-module-content{transition:all .3s linear}.ast-custom-header.ast-header-sticky-active .elementor-section-wrap{transition:padding .3s linear}.ast-custom-header.ast-header-sticky-active .elementor-row>.elementor-column>.elementor-element-populated{transition:all .3s linear}.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .fl-row-content-wrap{transition:padding .3s linear;padding-top:5px;padding-bottom:5px;box-sizing:border-box}.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .fl-module-content{margin-top:5px;margin-bottom:5px;transition:all .3s linear}.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .fl-module-content.fl-node-content img{max-height:50px;width:auto}.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .elementor-section-wrap{transition:padding .3s linear;box-sizing:border-box}.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .elementor-section-wrap img{max-height:50px;width:auto}.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .elementor-row>.elementor-column>.elementor-element-populated{max-height:60px;transition:all .3s linear}.ast-custom-header.ast-header-sticky-active{top:0;width:100%;transition:ease-out}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,167 +0,0 @@
|
|||
.ast-header-sticky-active {
|
||||
position: fixed !important;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0 auto;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.ast-footer-sticky-active .ast-custom-footer {
|
||||
position: fixed !important;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
margin: 0 auto;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.ast-custom-header {
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.ast-custom-header.ast-header-sticky-active {
|
||||
/* BB page builder */
|
||||
/* Elementor pag builder */
|
||||
}
|
||||
|
||||
.ast-custom-header.ast-header-sticky-active .fl-row-content-wrap {
|
||||
transition: padding 0.3s linear;
|
||||
}
|
||||
|
||||
.ast-custom-header.ast-header-sticky-active .fl-module-content {
|
||||
transition: all 0.3s linear;
|
||||
}
|
||||
|
||||
.ast-custom-header.ast-header-sticky-active .elementor-section-wrap {
|
||||
transition: padding 0.3s linear;
|
||||
}
|
||||
|
||||
.ast-custom-header.ast-header-sticky-active .elementor-row > .elementor-column > .elementor-element-populated {
|
||||
transition: all 0.3s linear;
|
||||
}
|
||||
|
||||
/*Shrink the sticky header*/
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk {
|
||||
/* BB page builder */
|
||||
/* Elementor pag builder */
|
||||
}
|
||||
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .fl-row-content-wrap {
|
||||
transition: padding 0.3s linear;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .fl-module-content {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
transition: all 0.3s linear;
|
||||
}
|
||||
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .fl-module-content.fl-node-content img {
|
||||
max-height: 50px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .elementor-section-wrap {
|
||||
transition: padding 0.3s linear;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .elementor-section-wrap img {
|
||||
max-height: 50px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .elementor-row > .elementor-column > .elementor-element-populated {
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
transition: all 0.3s linear;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
85
assets/css/astra-hooks-sticky-header-rtl.min.css
vendored
85
assets/css/astra-hooks-sticky-header-rtl.min.css
vendored
|
|
@ -1,85 +0,0 @@
|
|||
.ast-header-sticky-active{position:fixed!important;left:0;right:0;margin:0 auto;z-index:99}.ast-footer-sticky-active .ast-custom-footer{position:fixed!important;left:0;right:0;bottom:0;margin:0 auto;z-index:99}.ast-custom-header{position:relative;z-index:99}.ast-custom-header.ast-header-sticky-active .fl-row-content-wrap{transition:padding .3s linear}.ast-custom-header.ast-header-sticky-active .fl-module-content{transition:all .3s linear}.ast-custom-header.ast-header-sticky-active .elementor-section-wrap{transition:padding .3s linear}.ast-custom-header.ast-header-sticky-active .elementor-row>.elementor-column>.elementor-element-populated{transition:all .3s linear}.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .fl-row-content-wrap{transition:padding .3s linear;padding-top:5px;padding-bottom:5px;box-sizing:border-box}.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .fl-module-content{margin-top:5px;margin-bottom:5px;transition:all .3s linear}.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .fl-module-content.fl-node-content img{max-height:50px;width:auto}.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .elementor-section-wrap{transition:padding .3s linear;box-sizing:border-box}.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .elementor-section-wrap img{max-height:50px;width:auto}.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .elementor-row>.elementor-column>.elementor-element-populated{padding-top:5px;padding-bottom:5px;transition:all .3s linear}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,167 +0,0 @@
|
|||
.ast-header-sticky-active {
|
||||
position: fixed !important;
|
||||
right: 0;
|
||||
left: 0;
|
||||
margin: 0 auto;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.ast-footer-sticky-active .ast-custom-footer {
|
||||
position: fixed !important;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
margin: 0 auto;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.ast-custom-header {
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.ast-custom-header.ast-header-sticky-active {
|
||||
/* BB page builder */
|
||||
/* Elementor pag builder */
|
||||
}
|
||||
|
||||
.ast-custom-header.ast-header-sticky-active .fl-row-content-wrap {
|
||||
transition: padding 0.3s linear;
|
||||
}
|
||||
|
||||
.ast-custom-header.ast-header-sticky-active .fl-module-content {
|
||||
transition: all 0.3s linear;
|
||||
}
|
||||
|
||||
.ast-custom-header.ast-header-sticky-active .elementor-section-wrap {
|
||||
transition: padding 0.3s linear;
|
||||
}
|
||||
|
||||
.ast-custom-header.ast-header-sticky-active .elementor-row > .elementor-column > .elementor-element-populated {
|
||||
transition: all 0.3s linear;
|
||||
}
|
||||
|
||||
/*Shrink the sticky header*/
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk {
|
||||
/* BB page builder */
|
||||
/* Elementor pag builder */
|
||||
}
|
||||
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .fl-row-content-wrap {
|
||||
transition: padding 0.3s linear;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .fl-module-content {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
transition: all 0.3s linear;
|
||||
}
|
||||
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .fl-module-content.fl-node-content img {
|
||||
max-height: 50px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .elementor-section-wrap {
|
||||
transition: padding 0.3s linear;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .elementor-section-wrap img {
|
||||
max-height: 50px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .elementor-row > .elementor-column > .elementor-element-populated {
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
transition: all 0.3s linear;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
85
assets/css/astra-hooks-sticky-header.min.css
vendored
85
assets/css/astra-hooks-sticky-header.min.css
vendored
|
|
@ -1,85 +0,0 @@
|
|||
.ast-header-sticky-active{position:fixed!important;right:0;left:0;margin:0 auto;z-index:99}.ast-footer-sticky-active .ast-custom-footer{position:fixed!important;right:0;left:0;bottom:0;margin:0 auto;z-index:99}.ast-custom-header{position:relative;z-index:99}.ast-custom-header.ast-header-sticky-active .fl-row-content-wrap{transition:padding .3s linear}.ast-custom-header.ast-header-sticky-active .fl-module-content{transition:all .3s linear}.ast-custom-header.ast-header-sticky-active .elementor-section-wrap{transition:padding .3s linear}.ast-custom-header.ast-header-sticky-active .elementor-row>.elementor-column>.elementor-element-populated{transition:all .3s linear}.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .fl-row-content-wrap{transition:padding .3s linear;padding-top:5px;padding-bottom:5px;box-sizing:border-box}.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .fl-module-content{margin-top:5px;margin-bottom:5px;transition:all .3s linear}.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .fl-module-content.fl-node-content img{max-height:50px;width:auto}.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .elementor-section-wrap{transition:padding .3s linear;box-sizing:border-box}.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .elementor-section-wrap img{max-height:50px;width:auto}.ast-shrink-custom-header .ast-custom-header.ast-sticky-shrunk .elementor-row>.elementor-column>.elementor-element-populated{padding-top:5px;padding-bottom:5px;transition:all .3s linear}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,361 +0,0 @@
|
|||
.astra-review-notice-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.astra-review-notice-container .dashicons {
|
||||
font-size: 1.4em;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.astra-review-notice-container a {
|
||||
padding-right: 5px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.astra-review-notice-container .dashicons:first-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.notice-image img {
|
||||
max-width: 90px;
|
||||
}
|
||||
|
||||
.notice-content .notice-heading {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.notice-content {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.notice-container {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#astra-sites-on-active .notice-image img,
|
||||
#astra-upgrade-pro-wc .notice-image img {
|
||||
max-width: 50px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
#astra-sites-on-active .notice-content .notice-heading,
|
||||
#astra-upgrade-pro-wc .notice-content .notice-heading {
|
||||
margin: 0 0 10px;
|
||||
padding: 0;
|
||||
font-weight: 600;
|
||||
font-size: 1.3em;
|
||||
color: #1e293b;
|
||||
}
|
||||
|
||||
#astra-sites-on-active .notice-content p,
|
||||
#astra-upgrade-pro-wc .notice-content p {
|
||||
padding-top: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 6px;
|
||||
color: #475569;
|
||||
}
|
||||
|
||||
#astra-sites-on-active .notice-container,
|
||||
#astra-upgrade-pro-wc .notice-container {
|
||||
padding: 18px 0 18px;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
#astra-sites-on-active .button.button-hero {
|
||||
font-size: 13px;
|
||||
min-height: 30px;
|
||||
line-height: 26px;
|
||||
padding: 0 12px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
#astra-sites-on-active .astra-review-notice-container,
|
||||
#astra-upgrade-pro-wc .astra-review-notice-container {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
#astra-sites-on-active .button-primary,
|
||||
#astra-upgrade-pro-wc .button-primary {
|
||||
box-shadow: 0 1px 0 #006799;
|
||||
}
|
||||
|
||||
#astra-sites-on-active .button.updating-message:before,
|
||||
#astra-sites-on-active .button.updated-message:before,
|
||||
#astra-sites-on-active .button.installed:before,
|
||||
#astra-sites-on-active .button.installing:before {
|
||||
margin: 4px -1px 0px 5px;
|
||||
}
|
||||
|
||||
.wp-core-ui .astra-notice-wrapper:has(.ast-welcome-banner) {
|
||||
padding-left: 0;
|
||||
}
|
||||
.ast-welcome-banner {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
gap: 40px;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ast-col-left {
|
||||
width: 50%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
padding: 40px 28px 40px 0px;
|
||||
}
|
||||
.ast-col-right {
|
||||
width: 50%;
|
||||
display: flex;
|
||||
position: relative;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.ast-col-right > img {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.ast-welcome-banner .notice-title {
|
||||
color: #1e293b;
|
||||
font-size: 30px;
|
||||
font-weight: 600;
|
||||
line-height: 40px;
|
||||
letter-spacing: -0.2px;
|
||||
margin-top: 12px;
|
||||
margin-bottom: 12px;
|
||||
padding: 0;
|
||||
}
|
||||
.ast-welcome-banner .description {
|
||||
color: #475569;
|
||||
font-size: 16px;
|
||||
line-height: 28px;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 32px;
|
||||
padding: 0px;
|
||||
}
|
||||
#astra-sites-on-active .astra-notice-container .notice-actions > button {
|
||||
border-radius: 6px;
|
||||
background: #046bd2;
|
||||
padding: 12px 24px;
|
||||
/* shadow/sm */
|
||||
color: white;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 24px;
|
||||
}
|
||||
.ast-welcome-banner .sub-notice-title {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-self: stretch;
|
||||
color: #646970;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.astra-notice-container:has(.ast-welcome-banner) {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.ast-welcome-banner .notice-actions button {
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
font-weight: 500;
|
||||
padding: 12px 24px;
|
||||
}
|
||||
p.sub-notice-description {
|
||||
color: #475569;
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
padding: 16px 0 0;
|
||||
}
|
||||
.ast-st-sites-cta {
|
||||
border: 1px solid #fff;
|
||||
border-radius: 9999px;
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
box-shadow: 0px 16px 40px -16px #00000040;
|
||||
z-index: 9;
|
||||
padding: 12px;
|
||||
position: absolute;
|
||||
bottom: 40px;
|
||||
background: rgb(228 228 228 / 50%);
|
||||
backdrop-filter: blur(4px);
|
||||
}
|
||||
|
||||
.ast-st-sites-cta .ast-page-builder-ico {
|
||||
padding: 8px;
|
||||
background: #fff;
|
||||
border-radius: 24px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
.ast-st-sites-cta span {
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
color: #0F172A;
|
||||
font-weight: 700;
|
||||
width: 100px;
|
||||
text-align: center;
|
||||
padding-left: 6px;
|
||||
border-left: 1px solid #fff;
|
||||
}
|
||||
#astra-sites-on-active {
|
||||
padding: 0;
|
||||
}
|
||||
@media screen and (max-width: 1199px) {
|
||||
.ast-col-right {
|
||||
display: none;
|
||||
}
|
||||
.ast-col-left {
|
||||
width: 100%;
|
||||
padding: 20px 24px;
|
||||
align-items: unset;
|
||||
}
|
||||
#astra-sites-on-active .astra-notice-container .notice-actions > button {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 782px) {
|
||||
.ast-col-left {
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
align-items: unset;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
#astra-sites-on-active .astra-notice-container .notice-actions > button {
|
||||
font-size: 14px;
|
||||
width: 100%;
|
||||
}
|
||||
.ast-welcome-banner .notice-title {
|
||||
font-size: 22px;
|
||||
}
|
||||
.ast-welcome-banner .sub-notice-title,
|
||||
.ast-welcome-banner .description {
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1199px) and (max-width: 1700px) {
|
||||
.ast-welcome-banner {
|
||||
max-height: 350px;
|
||||
}
|
||||
.ast-col-left {
|
||||
width: 45%;
|
||||
}
|
||||
.ast-col-right {
|
||||
width: 65%;
|
||||
}
|
||||
#astra-sites-on-active .astra-notice-container .notice-actions > button {
|
||||
font-size: 14px;
|
||||
}
|
||||
.ast-welcome-banner .notice-title {
|
||||
font-size: 24px;
|
||||
line-height: 36px;
|
||||
}
|
||||
.ast-welcome-banner .sub-notice-title {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,361 +0,0 @@
|
|||
.astra-review-notice-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.astra-review-notice-container .dashicons {
|
||||
font-size: 1.4em;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.astra-review-notice-container a {
|
||||
padding-left: 5px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.astra-review-notice-container .dashicons:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.notice-image img {
|
||||
max-width: 90px;
|
||||
}
|
||||
|
||||
.notice-content .notice-heading {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.notice-content {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.notice-container {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#astra-sites-on-active .notice-image img,
|
||||
#astra-upgrade-pro-wc .notice-image img {
|
||||
max-width: 50px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
#astra-sites-on-active .notice-content .notice-heading,
|
||||
#astra-upgrade-pro-wc .notice-content .notice-heading {
|
||||
margin: 0 0 10px;
|
||||
padding: 0;
|
||||
font-weight: 600;
|
||||
font-size: 1.3em;
|
||||
color: #1e293b;
|
||||
}
|
||||
|
||||
#astra-sites-on-active .notice-content p,
|
||||
#astra-upgrade-pro-wc .notice-content p {
|
||||
padding-top: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 6px;
|
||||
color: #475569;
|
||||
}
|
||||
|
||||
#astra-sites-on-active .notice-container,
|
||||
#astra-upgrade-pro-wc .notice-container {
|
||||
padding: 18px 0 18px;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
#astra-sites-on-active .button.button-hero {
|
||||
font-size: 13px;
|
||||
min-height: 30px;
|
||||
line-height: 26px;
|
||||
padding: 0 12px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
#astra-sites-on-active .astra-review-notice-container,
|
||||
#astra-upgrade-pro-wc .astra-review-notice-container {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
#astra-sites-on-active .button-primary,
|
||||
#astra-upgrade-pro-wc .button-primary {
|
||||
box-shadow: 0 1px 0 #006799;
|
||||
}
|
||||
|
||||
#astra-sites-on-active .button.updating-message:before,
|
||||
#astra-sites-on-active .button.updated-message:before,
|
||||
#astra-sites-on-active .button.installed:before,
|
||||
#astra-sites-on-active .button.installing:before {
|
||||
margin: 4px 5px 0px -1px;
|
||||
}
|
||||
|
||||
.wp-core-ui .astra-notice-wrapper:has(.ast-welcome-banner) {
|
||||
padding-right: 0;
|
||||
}
|
||||
.ast-welcome-banner {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
gap: 40px;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ast-col-left {
|
||||
width: 50%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
padding: 40px 0px 40px 28px;
|
||||
}
|
||||
.ast-col-right {
|
||||
width: 50%;
|
||||
display: flex;
|
||||
position: relative;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.ast-col-right > img {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.ast-welcome-banner .notice-title {
|
||||
color: #1e293b;
|
||||
font-size: 30px;
|
||||
font-weight: 600;
|
||||
line-height: 40px;
|
||||
letter-spacing: -0.2px;
|
||||
margin-top: 12px;
|
||||
margin-bottom: 12px;
|
||||
padding: 0;
|
||||
}
|
||||
.ast-welcome-banner .description {
|
||||
color: #475569;
|
||||
font-size: 16px;
|
||||
line-height: 28px;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 32px;
|
||||
padding: 0px;
|
||||
}
|
||||
#astra-sites-on-active .astra-notice-container .notice-actions > button {
|
||||
border-radius: 6px;
|
||||
background: #046bd2;
|
||||
padding: 12px 24px;
|
||||
/* shadow/sm */
|
||||
color: white;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 24px;
|
||||
}
|
||||
.ast-welcome-banner .sub-notice-title {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-self: stretch;
|
||||
color: #646970;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.astra-notice-container:has(.ast-welcome-banner) {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.ast-welcome-banner .notice-actions button {
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
font-weight: 500;
|
||||
padding: 12px 24px;
|
||||
}
|
||||
p.sub-notice-description {
|
||||
color: #475569;
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
padding: 16px 0 0;
|
||||
}
|
||||
.ast-st-sites-cta {
|
||||
border: 1px solid #fff;
|
||||
border-radius: 9999px;
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
box-shadow: 0px 16px 40px -16px #00000040;
|
||||
z-index: 9;
|
||||
padding: 12px;
|
||||
position: absolute;
|
||||
bottom: 40px;
|
||||
background: rgb(228 228 228 / 50%);
|
||||
backdrop-filter: blur(4px);
|
||||
}
|
||||
|
||||
.ast-st-sites-cta .ast-page-builder-ico {
|
||||
padding: 8px;
|
||||
background: #fff;
|
||||
border-radius: 24px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
.ast-st-sites-cta span {
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
color: #0F172A;
|
||||
font-weight: 700;
|
||||
width: 100px;
|
||||
text-align: center;
|
||||
padding-right: 6px;
|
||||
border-right: 1px solid #fff;
|
||||
}
|
||||
#astra-sites-on-active {
|
||||
padding: 0;
|
||||
}
|
||||
@media screen and (max-width: 1199px) {
|
||||
.ast-col-right {
|
||||
display: none;
|
||||
}
|
||||
.ast-col-left {
|
||||
width: 100%;
|
||||
padding: 20px 24px;
|
||||
align-items: unset;
|
||||
}
|
||||
#astra-sites-on-active .astra-notice-container .notice-actions > button {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 782px) {
|
||||
.ast-col-left {
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
align-items: unset;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
#astra-sites-on-active .astra-notice-container .notice-actions > button {
|
||||
font-size: 14px;
|
||||
width: 100%;
|
||||
}
|
||||
.ast-welcome-banner .notice-title {
|
||||
font-size: 22px;
|
||||
}
|
||||
.ast-welcome-banner .sub-notice-title,
|
||||
.ast-welcome-banner .description {
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1199px) and (max-width: 1700px) {
|
||||
.ast-welcome-banner {
|
||||
max-height: 350px;
|
||||
}
|
||||
.ast-col-left {
|
||||
width: 45%;
|
||||
}
|
||||
.ast-col-right {
|
||||
width: 65%;
|
||||
}
|
||||
#astra-sites-on-active .astra-notice-container .notice-actions > button {
|
||||
font-size: 14px;
|
||||
}
|
||||
.ast-welcome-banner .notice-title {
|
||||
font-size: 24px;
|
||||
line-height: 36px;
|
||||
}
|
||||
.ast-welcome-banner .sub-notice-title {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,96 +0,0 @@
|
|||
.ast-confirm-rollback-popup .ast-confirm-cancel{
|
||||
padding: 0px 16px;
|
||||
}
|
||||
.ast-confirm-rollback-popup .ast-confirm-ok{
|
||||
float:right;
|
||||
padding: 0px 16px;
|
||||
}
|
||||
|
||||
.postbox .rollback-divider {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,203 +0,0 @@
|
|||
#customize-controls .customize-control-notifications-container {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .screen-reader-text {
|
||||
top: initial;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .background-container h4 {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .background-attachment h4, .customize-control-ast-background .background-color h4, .customize-control-ast-background .background-position h4, .customize-control-ast-background .background-repeat h4, .customize-control-ast-background .background-size h4 {
|
||||
margin-bottom: 5px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .background-color {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .background-repeat {
|
||||
margin: 15px 0 8px 0;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .background-attachment .buttonset, .customize-control-ast-background .background-size .buttonset {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .background-attachment .buttonset .switch-label, .customize-control-ast-background .background-size .buttonset .switch-label {
|
||||
background: #ffffff;
|
||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||
color: #555;
|
||||
padding: 2px 4px;
|
||||
margin-left: 15px;
|
||||
text-align: center;
|
||||
flex-grow: 1;
|
||||
transition: background-color 140ms linear;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .background-attachment .buttonset .switch-label:last-child, .customize-control-ast-background .background-size .buttonset .switch-label:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .background-attachment .buttonset .switch-input:checked + .switch-label, .customize-control-ast-background .background-size .buttonset .switch-input:checked + .switch-label, .customize-control-ast-background .background-attachment .buttonset .switch-input[checked="checked"] + .switch-label, .customize-control-ast-background .background-size .buttonset .switch-input[checked="checked"] + .switch-label {
|
||||
background-color: #f5f5f5;
|
||||
color: #565e67;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .ast-bg-img-remove.components-button.is-link {
|
||||
width: 100%;
|
||||
border: 1px dashed #b4b9be;
|
||||
box-sizing: border-box;
|
||||
box-shadow: unset;
|
||||
padding: 9px 0;
|
||||
line-height: 1.6;
|
||||
margin-top: 10px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .ast-bg-img-remove.components-button.is-destructive:hover:not(:disabled) {
|
||||
color: #a02222;
|
||||
box-shadow: unset;
|
||||
border-color: #a02222;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .more-settings {
|
||||
margin-top: 12px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding: 5px 0 5px 0;
|
||||
cursor: pointer;
|
||||
float: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.customize-control-ast-responsive-background .more-settings .message,
|
||||
.customize-control-ast-background .more-settings .message {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .more-settings:focus {
|
||||
outline: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .arrow-icon {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .customize-control-title {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .astra-color-picker-wrap {
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.ast-field-settings-modal .customize-control-ast-background.customize-control:first-child, .ast-field-settings-modal .customize-control-ast-background.customize-control {
|
||||
margin-top: 28px;
|
||||
}
|
||||
|
||||
.ast-field-settings-modal .customize-control-ast-background .more-settings {
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.ast-field-settings-modal .customize-control-ast-background .customize-control-content .ast-color-btn-reset-wrap {
|
||||
left: 59px;
|
||||
}
|
||||
|
||||
.ast-field-settings-modal .customize-control-ast-background .customize-control-content .color-button-wrap {
|
||||
left: 16px;
|
||||
}
|
||||
|
||||
.ast-field-settings-modal .customize-control-ast-background .astra-popover-tabs .ast-clear-btn-inside-picker.components-button {
|
||||
margin: 5px 10px 20px 20px;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,203 +0,0 @@
|
|||
#customize-controls .customize-control-notifications-container {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .screen-reader-text {
|
||||
top: initial;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .background-container h4 {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .background-attachment h4, .customize-control-ast-background .background-color h4, .customize-control-ast-background .background-position h4, .customize-control-ast-background .background-repeat h4, .customize-control-ast-background .background-size h4 {
|
||||
margin-bottom: 5px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .background-color {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .background-repeat {
|
||||
margin: 15px 0 8px 0;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .background-attachment .buttonset, .customize-control-ast-background .background-size .buttonset {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .background-attachment .buttonset .switch-label, .customize-control-ast-background .background-size .buttonset .switch-label {
|
||||
background: #ffffff;
|
||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||
color: #555;
|
||||
padding: 2px 4px;
|
||||
margin-right: 15px;
|
||||
text-align: center;
|
||||
flex-grow: 1;
|
||||
transition: background-color 140ms linear;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .background-attachment .buttonset .switch-label:last-child, .customize-control-ast-background .background-size .buttonset .switch-label:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .background-attachment .buttonset .switch-input:checked + .switch-label, .customize-control-ast-background .background-size .buttonset .switch-input:checked + .switch-label, .customize-control-ast-background .background-attachment .buttonset .switch-input[checked="checked"] + .switch-label, .customize-control-ast-background .background-size .buttonset .switch-input[checked="checked"] + .switch-label {
|
||||
background-color: #f5f5f5;
|
||||
color: #565e67;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .ast-bg-img-remove.components-button.is-link {
|
||||
width: 100%;
|
||||
border: 1px dashed #b4b9be;
|
||||
box-sizing: border-box;
|
||||
box-shadow: unset;
|
||||
padding: 9px 0;
|
||||
line-height: 1.6;
|
||||
margin-top: 10px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .ast-bg-img-remove.components-button.is-destructive:hover:not(:disabled) {
|
||||
color: #a02222;
|
||||
box-shadow: unset;
|
||||
border-color: #a02222;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .more-settings {
|
||||
margin-top: 12px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding: 5px 0 5px 0;
|
||||
cursor: pointer;
|
||||
float: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.customize-control-ast-responsive-background .more-settings .message,
|
||||
.customize-control-ast-background .more-settings .message {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .more-settings:focus {
|
||||
outline: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .arrow-icon {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .customize-control-title {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.customize-control-ast-background .astra-color-picker-wrap {
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.ast-field-settings-modal .customize-control-ast-background.customize-control:first-child, .ast-field-settings-modal .customize-control-ast-background.customize-control {
|
||||
margin-top: 28px;
|
||||
}
|
||||
|
||||
.ast-field-settings-modal .customize-control-ast-background .more-settings {
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.ast-field-settings-modal .customize-control-ast-background .customize-control-content .ast-color-btn-reset-wrap {
|
||||
right: 59px;
|
||||
}
|
||||
|
||||
.ast-field-settings-modal .customize-control-ast-background .customize-control-content .color-button-wrap {
|
||||
right: 16px;
|
||||
}
|
||||
|
||||
.ast-field-settings-modal .customize-control-ast-background .astra-popover-tabs .ast-clear-btn-inside-picker.components-button {
|
||||
margin: 5px 20px 20px 10px;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,85 +0,0 @@
|
|||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
85
assets/css/bb-plugin.min.css
vendored
85
assets/css/bb-plugin.min.css
vendored
|
|
@ -1,85 +0,0 @@
|
|||
.fl-builder-content{clear:both}.fl-theme-builder-archive .fl-post-column>.hentry,.fl-theme-builder-archive .fl-post-gallery-post.hentry{margin:0}.fl-theme-builder-archive h2.fl-post-feed-title{clear:initial}.ast-fluid-width-layout .fl-row-fixed-width .fl-row-fixed-width{padding-left:0;padding-right:0}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
85
assets/css/below-header-common-rtl.min.css
vendored
85
assets/css/below-header-common-rtl.min.css
vendored
|
|
@ -1,85 +0,0 @@
|
|||
.ast-below-header,.ast-below-header .user-select,.ast-below-header-wrap{position:relative}.ast-below-header{border-bottom:1px solid #ffffff;margin-right:auto;margin-left:auto;-webkit-transition:all .2s linear;transition:all .2s linear}.ast-below-header .astra-search-icon{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.ast-below-header .menu-item-has-children>a:after{content:"\e900";display:inline-block;font-family:Astra;font-size:9px;font-size:.6rem;font-weight:700;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;vertical-align:middle;line-height:normal}.ast-below-header .widget_search .search-field,.ast-below-header .widget_search .search-field:focus{width:100%;padding:.66666em 1em .66666em 3em}.below-header-section-1 .ast-search-menu-icon{right:-.5em}.below-header-section-1 .ast-search-menu-icon .search-form{padding-right:2em;padding-left:0}.below-header-section-1 .ast-search-menu-icon .search-field{padding:.8em 0 .8em 1em}.below-header-user-select{padding-top:0}.below-header-user-select .widget{margin:0 .5em;display:inline-block;vertical-align:middle}.below-header-user-select .widget a,.below-header-user-select .widget p{margin-bottom:0}.below-header-user-select .ast-no-widget-row .widget-title{text-transform:capitalize}.below-header-user-select .ast-no-widget-row .no-widget-text{margin:0}.ast-header-break-point #below_header-menu{margin:0 -20px}.ast-header-break-point .ast-below-header-section-wrap{min-height:auto}.ast-header-break-point .below-header-menu{display:block}.ast-header-break-point .below-header-menu ul ul{top:0}.ast-header-break-point .menu-item-has-children>a:after{display:none}.ast-header-break-point .below-header-user-select{display:block}.ast-header-break-point .below-header-user-select .ast-search-menu-icon .search-field{max-height:initial;padding-top:.8em;padding-bottom:.8em}.ast-header-break-point .below-header-user-select .ast-search-menu-icon{left:auto;right:auto}.ast-header-break-point .below-header-user-select .search-form{padding:0}.ast-header-break-point .below-header-user-select .search-field{padding-right:1em;padding-left:2em}.ast-header-break-point .below-header-user-select .widget{margin:.5em 0;display:block}.ast-header-break-point .ast-below-header{border-bottom:none;display:none;border-top:1px solid #eaeaea}.ast-header-break-point .ast-below-header>.ast-container>.ast-flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ast-header-break-point .menu-below-header-toggle{margin-right:.0889em}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
85
assets/css/below-header-common.min.css
vendored
85
assets/css/below-header-common.min.css
vendored
|
|
@ -1,85 +0,0 @@
|
|||
.ast-below-header,.ast-below-header .user-select,.ast-below-header-wrap{position:relative}.ast-below-header{border-bottom:1px solid #ffffff;margin-left:auto;margin-right:auto;-webkit-transition:all .2s linear;transition:all .2s linear}.ast-below-header .astra-search-icon{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.ast-below-header .menu-item-has-children>a:after{content:"\e900";display:inline-block;font-family:Astra;font-size:9px;font-size:.6rem;font-weight:700;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;vertical-align:middle;line-height:normal}.ast-below-header .widget_search .search-field,.ast-below-header .widget_search .search-field:focus{width:100%;padding:.66666em 3em .66666em 1em}.below-header-section-1 .ast-search-menu-icon{left:-.5em}.below-header-section-1 .ast-search-menu-icon .search-form{padding-left:2em;padding-right:0}.below-header-section-1 .ast-search-menu-icon .search-field{padding:.8em 1em .8em 0}.below-header-user-select{padding-top:0}.below-header-user-select .widget{margin:0 .5em;display:inline-block;vertical-align:middle}.below-header-user-select .widget a,.below-header-user-select .widget p{margin-bottom:0}.below-header-user-select .ast-no-widget-row .widget-title{text-transform:capitalize}.below-header-user-select .ast-no-widget-row .no-widget-text{margin:0}.ast-header-break-point #below_header-menu{margin:0 -20px}.ast-header-break-point .ast-below-header-section-wrap{min-height:auto}.ast-header-break-point .below-header-menu{display:block}.ast-header-break-point .below-header-menu ul ul{top:0}.ast-header-break-point .menu-item-has-children>a:after{display:none}.ast-header-break-point .below-header-user-select{display:block}.ast-header-break-point .below-header-user-select .ast-search-menu-icon .search-field{max-height:initial;padding-top:.8em;padding-bottom:.8em}.ast-header-break-point .below-header-user-select .ast-search-menu-icon{right:auto;left:auto}.ast-header-break-point .below-header-user-select .search-form{padding:0}.ast-header-break-point .below-header-user-select .search-field{padding-left:1em;padding-right:2em}.ast-header-break-point .below-header-user-select .widget{margin:.5em 0;display:block}.ast-header-break-point .ast-below-header{border-bottom:none;display:none;border-top:1px solid #eaeaea}.ast-header-break-point .ast-below-header>.ast-container>.ast-flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ast-header-break-point .menu-below-header-toggle{margin-left:.0889em}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue