feat: Add comprehensive CSS, JavaScript and theme asset infrastructure
Add massive collection of CSS, JavaScript and theme assets that were previously excluded: **CSS Files (681 total):** - HVAC plugin-specific styles (hvac-*.css): 34 files including dashboard, certificates, registration, mobile nav, accessibility fixes, animations, and welcome popup - Theme framework files (Astra, builder systems, layouts): 200+ files - Plugin compatibility styles (WooCommerce, WPForms, Elementor, Contact Form 7): 150+ files - WordPress core and editor styles: 50+ files - Responsive and RTL language support: 200+ files **JavaScript Files (400+ total):** - HVAC plugin functionality (hvac-*.js): 27 files including menu systems, dashboard enhancements, profile sharing, mobile responsive features, accessibility, and animations - Framework and library files: jQuery plugins, GSAP, AOS, Swiper, Chart.js, Lottie, Isotope - Plugin compatibility scripts: WPForms, WooCommerce, Elementor, Contact Form 7, LifterLMS - WordPress core functionality: customizer, admin, block editor compatibility - Third-party integrations: Stripe, SMTP, analytics, search functionality **Assets:** - Certificate background images and logos - Comprehensive theme styling infrastructure - Mobile-responsive design systems - Cross-browser compatibility assets - Performance-optimized minified versions **Updated .gitignore:** - Fixed asset directory whitelisting patterns to properly include CSS/JS/images - Added proper directory structure recognition (!/assets/css/, !/assets/js/, etc.) - Maintains security by excluding sensitive files while including essential assets This commit provides the complete frontend infrastructure needed for: - Full theme functionality and styling - Plugin feature implementations - Mobile responsiveness and accessibility - Cross-browser compatibility - Performance optimization - Developer workflow support
This commit is contained in:
parent
3e23a0884e
commit
cdc5ea85f4
1124 changed files with 290102 additions and 0 deletions
12
.gitignore
vendored
12
.gitignore
vendored
|
|
@ -34,8 +34,20 @@
|
|||
!/templates/**/*.php
|
||||
!/assets/
|
||||
/assets/*
|
||||
!/assets/css/
|
||||
/assets/css/*
|
||||
!/assets/css/*.css
|
||||
!/assets/js/
|
||||
/assets/js/*
|
||||
!/assets/js/*.js
|
||||
!/assets/images/
|
||||
/assets/images/*
|
||||
!/assets/images/*.png
|
||||
!/assets/images/*.jpg
|
||||
!/assets/images/*.jpeg
|
||||
!/assets/images/*.gif
|
||||
!/assets/images/*.svg
|
||||
!/assets/images/*.ico
|
||||
!/wordpress-dev/tests/
|
||||
/wordpress-dev/tests/*
|
||||
!/wordpress-dev/tests/e2e/
|
||||
|
|
|
|||
85
assets/css/_footer-adv-rtl.min.css
vendored
Normal file
85
assets/css/_footer-adv-rtl.min.css
vendored
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
.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
Normal file
85
assets/css/_footer-adv.min.css
vendored
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
.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;
|
||||
}
|
||||
111
assets/css/abandonment.css
Normal file
111
assets/css/abandonment.css
Normal file
|
|
@ -0,0 +1,111 @@
|
|||
.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;
|
||||
}
|
||||
709
assets/css/above-header-style-rtl.css
Normal file
709
assets/css/above-header-style-rtl.css
Normal file
|
|
@ -0,0 +1,709 @@
|
|||
/*---------- 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
Normal file
85
assets/css/above-header-style-rtl.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
709
assets/css/above-header-style.css
Normal file
709
assets/css/above-header-style.css
Normal file
|
|
@ -0,0 +1,709 @@
|
|||
/*---------- 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
Normal file
85
assets/css/above-header-style.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
230
assets/css/above-menu-flyout-rtl.css
Normal file
230
assets/css/above-menu-flyout-rtl.css
Normal file
|
|
@ -0,0 +1,230 @@
|
|||
/*---------- 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
Normal file
85
assets/css/above-menu-flyout-rtl.min.css
vendored
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
.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;
|
||||
}
|
||||
230
assets/css/above-menu-flyout.css
Normal file
230
assets/css/above-menu-flyout.css
Normal file
|
|
@ -0,0 +1,230 @@
|
|||
/*---------- 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
Normal file
85
assets/css/above-menu-flyout.min.css
vendored
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
.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;
|
||||
}
|
||||
325
assets/css/above-menu-fullscreen-rtl.css
Normal file
325
assets/css/above-menu-fullscreen-rtl.css
Normal file
|
|
@ -0,0 +1,325 @@
|
|||
/*---------- 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
Normal file
85
assets/css/above-menu-fullscreen-rtl.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
325
assets/css/above-menu-fullscreen.css
Normal file
325
assets/css/above-menu-fullscreen.css
Normal file
|
|
@ -0,0 +1,325 @@
|
|||
/*---------- 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
Normal file
85
assets/css/above-menu-fullscreen.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
233
assets/css/above-menu-no-toggle-rtl.css
Normal file
233
assets/css/above-menu-no-toggle-rtl.css
Normal file
|
|
@ -0,0 +1,233 @@
|
|||
/*---------- 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
Normal file
85
assets/css/above-menu-no-toggle-rtl.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
233
assets/css/above-menu-no-toggle.css
Normal file
233
assets/css/above-menu-no-toggle.css
Normal file
|
|
@ -0,0 +1,233 @@
|
|||
/*---------- 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
Normal file
85
assets/css/above-menu-no-toggle.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
151
assets/css/admin-bar.css
Normal file
151
assets/css/admin-bar.css
Normal file
|
|
@ -0,0 +1,151 @@
|
|||
#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
Normal file
85
assets/css/admin-bar.min.css
vendored
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
#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;
|
||||
}
|
||||
330
assets/css/admin-custom-rtl.css
Normal file
330
assets/css/admin-custom-rtl.css
Normal file
|
|
@ -0,0 +1,330 @@
|
|||
.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;
|
||||
}
|
||||
330
assets/css/admin-custom.css
Normal file
330
assets/css/admin-custom.css
Normal file
|
|
@ -0,0 +1,330 @@
|
|||
.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;
|
||||
}
|
||||
317
assets/css/admin-dashboard.css
Normal file
317
assets/css/admin-dashboard.css
Normal file
|
|
@ -0,0 +1,317 @@
|
|||
.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;
|
||||
}
|
||||
1097
assets/css/admin-form-templates.css
Normal file
1097
assets/css/admin-form-templates.css
Normal file
File diff suppressed because it is too large
Load diff
86
assets/css/admin-form-templates.min.css
vendored
Normal file
86
assets/css/admin-form-templates.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
2405
assets/css/admin-integrations.css
Normal file
2405
assets/css/admin-integrations.css
Normal file
File diff suppressed because it is too large
Load diff
86
assets/css/admin-integrations.min.css
vendored
Normal file
86
assets/css/admin-integrations.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
698
assets/css/admin-list-table-ext.css
Normal file
698
assets/css/admin-list-table-ext.css
Normal file
|
|
@ -0,0 +1,698 @@
|
|||
.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
Normal file
86
assets/css/admin-list-table-ext.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
330
assets/css/admin-notifications.css
Normal file
330
assets/css/admin-notifications.css
Normal file
|
|
@ -0,0 +1,330 @@
|
|||
#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
Normal file
85
assets/css/admin-notifications.min.css
vendored
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
#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;
|
||||
}
|
||||
3221
assets/css/admin-rtl.css
Normal file
3221
assets/css/admin-rtl.css
Normal file
File diff suppressed because it is too large
Load diff
170
assets/css/admin-settings-stripe.css
Normal file
170
assets/css/admin-settings-stripe.css
Normal file
|
|
@ -0,0 +1,170 @@
|
|||
.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
Normal file
86
assets/css/admin-settings-stripe.min.css
vendored
Normal file
|
|
@ -0,0 +1,86 @@
|
|||
.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
Normal file
85
assets/css/admin-site-health.min.css
vendored
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
#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;
|
||||
}
|
||||
531
assets/css/admin-splash-modal.css
Normal file
531
assets/css/admin-splash-modal.css
Normal file
|
|
@ -0,0 +1,531 @@
|
|||
#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
Normal file
86
assets/css/admin-splash-modal.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
209
assets/css/admin-wp5.7-colors.css
Normal file
209
assets/css/admin-wp5.7-colors.css
Normal file
|
|
@ -0,0 +1,209 @@
|
|||
/* 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
Normal file
86
assets/css/admin-wp5.7-colors.min.css
vendored
Normal file
|
|
@ -0,0 +1,86 @@
|
|||
.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;
|
||||
}
|
||||
91
assets/css/admin.css
Normal file
91
assets/css/admin.css
Normal file
|
|
@ -0,0 +1,91 @@
|
|||
/* 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
Normal file
86
assets/css/admin.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
136
assets/css/advanced-headers-layout-1-rtl.css
Normal file
136
assets/css/advanced-headers-layout-1-rtl.css
Normal file
|
|
@ -0,0 +1,136 @@
|
|||
/**
|
||||
* 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
Normal file
85
assets/css/advanced-headers-layout-1-rtl.min.css
vendored
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
.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;
|
||||
}
|
||||
136
assets/css/advanced-headers-layout-1.css
Normal file
136
assets/css/advanced-headers-layout-1.css
Normal file
|
|
@ -0,0 +1,136 @@
|
|||
/**
|
||||
* 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
Normal file
85
assets/css/advanced-headers-layout-1.min.css
vendored
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
.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;
|
||||
}
|
||||
109
assets/css/advanced-headers-layout-2-rtl.css
Normal file
109
assets/css/advanced-headers-layout-2-rtl.css
Normal file
|
|
@ -0,0 +1,109 @@
|
|||
/**
|
||||
* 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
Normal file
85
assets/css/advanced-headers-layout-2-rtl.min.css
vendored
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
.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;
|
||||
}
|
||||
109
assets/css/advanced-headers-layout-2.css
Normal file
109
assets/css/advanced-headers-layout-2.css
Normal file
|
|
@ -0,0 +1,109 @@
|
|||
/**
|
||||
* 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
Normal file
85
assets/css/advanced-headers-layout-2.min.css
vendored
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
.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;
|
||||
}
|
||||
86
assets/css/advanced-heading.css
Normal file
86
assets/css/advanced-heading.css
Normal file
|
|
@ -0,0 +1,86 @@
|
|||
.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;
|
||||
}
|
||||
142
assets/css/advanced-search-shortcode-rtl.css
Normal file
142
assets/css/advanced-search-shortcode-rtl.css
Normal file
|
|
@ -0,0 +1,142 @@
|
|||
.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
Normal file
85
assets/css/advanced-search-shortcode-rtl.min.css
vendored
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
.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;
|
||||
}
|
||||
142
assets/css/advanced-search-shortcode.css
Normal file
142
assets/css/advanced-search-shortcode.css
Normal file
|
|
@ -0,0 +1,142 @@
|
|||
.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
Normal file
85
assets/css/advanced-search-shortcode.min.css
vendored
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
.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;
|
||||
}
|
||||
633
assets/css/ai-forms.css
Normal file
633
assets/css/ai-forms.css
Normal file
|
|
@ -0,0 +1,633 @@
|
|||
#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
Normal file
86
assets/css/ai-forms.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
177
assets/css/alignment-rtl.css
Normal file
177
assets/css/alignment-rtl.css
Normal file
|
|
@ -0,0 +1,177 @@
|
|||
.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;
|
||||
}
|
||||
177
assets/css/alignment.css
Normal file
177
assets/css/alignment.css
Normal file
|
|
@ -0,0 +1,177 @@
|
|||
.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
Normal file
92
assets/css/animate.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
85
assets/css/aos.css
Normal file
85
assets/css/aos.css
Normal file
File diff suppressed because one or more lines are too long
85
assets/css/aos.min.css
vendored
Normal file
85
assets/css/aos.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
2370
assets/css/ast-builder-customizer-rtl.css
Normal file
2370
assets/css/ast-builder-customizer-rtl.css
Normal file
File diff suppressed because it is too large
Load diff
2370
assets/css/ast-builder-customizer.css
Normal file
2370
assets/css/ast-builder-customizer.css
Normal file
File diff suppressed because it is too large
Load diff
100
assets/css/ast-elementor-editor-dark-rtl.css
Normal file
100
assets/css/ast-elementor-editor-dark-rtl.css
Normal file
|
|
@ -0,0 +1,100 @@
|
|||
.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;
|
||||
}
|
||||
100
assets/css/ast-elementor-editor-dark.css
Normal file
100
assets/css/ast-elementor-editor-dark.css
Normal file
|
|
@ -0,0 +1,100 @@
|
|||
.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;
|
||||
}
|
||||
100
assets/css/ast-elementor-editor-rtl.css
Normal file
100
assets/css/ast-elementor-editor-rtl.css
Normal file
|
|
@ -0,0 +1,100 @@
|
|||
.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;
|
||||
}
|
||||
100
assets/css/ast-elementor-editor.css
Normal file
100
assets/css/ast-elementor-editor.css
Normal file
|
|
@ -0,0 +1,100 @@
|
|||
.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;
|
||||
}
|
||||
177
assets/css/astra-admin-menu-settings-rtl.css
Normal file
177
assets/css/astra-admin-menu-settings-rtl.css
Normal file
|
|
@ -0,0 +1,177 @@
|
|||
/**
|
||||
* 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;
|
||||
}
|
||||
177
assets/css/astra-admin-menu-settings.css
Normal file
177
assets/css/astra-admin-menu-settings.css
Normal file
|
|
@ -0,0 +1,177 @@
|
|||
/**
|
||||
* 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;
|
||||
}
|
||||
406
assets/css/astra-advanced-headers-admin-edit-rtl.css
Normal file
406
assets/css/astra-advanced-headers-admin-edit-rtl.css
Normal file
|
|
@ -0,0 +1,406 @@
|
|||
/* 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;
|
||||
}
|
||||
85
assets/css/astra-advanced-headers-admin-edit-rtl.min.css
vendored
Normal file
85
assets/css/astra-advanced-headers-admin-edit-rtl.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
406
assets/css/astra-advanced-headers-admin-edit.css
Normal file
406
assets/css/astra-advanced-headers-admin-edit.css
Normal file
|
|
@ -0,0 +1,406 @@
|
|||
/* 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;
|
||||
}
|
||||
85
assets/css/astra-advanced-headers-admin-edit.min.css
vendored
Normal file
85
assets/css/astra-advanced-headers-admin-edit.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
914
assets/css/astra-advanced-hooks-admin-edit-rtl.css
Normal file
914
assets/css/astra-advanced-hooks-admin-edit-rtl.css
Normal file
|
|
@ -0,0 +1,914 @@
|
|||
#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;
|
||||
}
|
||||
85
assets/css/astra-advanced-hooks-admin-edit-rtl.min.css
vendored
Normal file
85
assets/css/astra-advanced-hooks-admin-edit-rtl.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
914
assets/css/astra-advanced-hooks-admin-edit.css
Normal file
914
assets/css/astra-advanced-hooks-admin-edit.css
Normal file
|
|
@ -0,0 +1,914 @@
|
|||
#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;
|
||||
}
|
||||
85
assets/css/astra-advanced-hooks-admin-edit.min.css
vendored
Normal file
85
assets/css/astra-advanced-hooks-admin-edit.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
471
assets/css/astra-advanced-hooks-admin-list-rtl.css
Normal file
471
assets/css/astra-advanced-hooks-admin-list-rtl.css
Normal file
|
|
@ -0,0 +1,471 @@
|
|||
/* 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;
|
||||
}
|
||||
85
assets/css/astra-advanced-hooks-admin-list-rtl.min.css
vendored
Normal file
85
assets/css/astra-advanced-hooks-admin-list-rtl.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
471
assets/css/astra-advanced-hooks-admin-list.css
Normal file
471
assets/css/astra-advanced-hooks-admin-list.css
Normal file
|
|
@ -0,0 +1,471 @@
|
|||
/* 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;
|
||||
}
|
||||
85
assets/css/astra-advanced-hooks-admin-list.min.css
vendored
Normal file
85
assets/css/astra-advanced-hooks-admin-list.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
172
assets/css/astra-hooks-sticky-header-footer-rtl.css
Normal file
172
assets/css/astra-hooks-sticky-header-footer-rtl.css
Normal file
|
|
@ -0,0 +1,172 @@
|
|||
.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;
|
||||
}
|
||||
85
assets/css/astra-hooks-sticky-header-footer-rtl.min.css
vendored
Normal file
85
assets/css/astra-hooks-sticky-header-footer-rtl.min.css
vendored
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
.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;
|
||||
}
|
||||
172
assets/css/astra-hooks-sticky-header-footer.css
Normal file
172
assets/css/astra-hooks-sticky-header-footer.css
Normal file
|
|
@ -0,0 +1,172 @@
|
|||
.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;
|
||||
}
|
||||
85
assets/css/astra-hooks-sticky-header-footer.min.css
vendored
Normal file
85
assets/css/astra-hooks-sticky-header-footer.min.css
vendored
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
.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;
|
||||
}
|
||||
167
assets/css/astra-hooks-sticky-header-rtl.css
Normal file
167
assets/css/astra-hooks-sticky-header-rtl.css
Normal file
|
|
@ -0,0 +1,167 @@
|
|||
.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
Normal file
85
assets/css/astra-hooks-sticky-header-rtl.min.css
vendored
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
.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;
|
||||
}
|
||||
167
assets/css/astra-hooks-sticky-header.css
Normal file
167
assets/css/astra-hooks-sticky-header.css
Normal file
|
|
@ -0,0 +1,167 @@
|
|||
.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
Normal file
85
assets/css/astra-hooks-sticky-header.min.css
vendored
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
.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;
|
||||
}
|
||||
361
assets/css/astra-notices-rtl.css
Normal file
361
assets/css/astra-notices-rtl.css
Normal file
|
|
@ -0,0 +1,361 @@
|
|||
.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;
|
||||
}
|
||||
361
assets/css/astra-notices.css
Normal file
361
assets/css/astra-notices.css
Normal file
|
|
@ -0,0 +1,361 @@
|
|||
.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;
|
||||
}
|
||||
96
assets/css/astra-rollback.css
Normal file
96
assets/css/astra-rollback.css
Normal file
|
|
@ -0,0 +1,96 @@
|
|||
.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;
|
||||
}
|
||||
203
assets/css/background-rtl.css
Normal file
203
assets/css/background-rtl.css
Normal file
|
|
@ -0,0 +1,203 @@
|
|||
#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;
|
||||
}
|
||||
203
assets/css/background.css
Normal file
203
assets/css/background.css
Normal file
|
|
@ -0,0 +1,203 @@
|
|||
#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;
|
||||
}
|
||||
85
assets/css/bb-plugin.min-rtl.css
Normal file
85
assets/css/bb-plugin.min-rtl.css
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
|
||||
|
||||
/* 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
Normal file
85
assets/css/bb-plugin.min.css
vendored
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
.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
Normal file
85
assets/css/below-header-common-rtl.min.css
vendored
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
.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
Normal file
85
assets/css/below-header-common.min.css
vendored
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
.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